# Tipo de autenticación integrada -------------------------------------------------------------------------------- title: "Introducción" description: "Catalyst Authentication te permite proporcionar autenticación segura e inicios de sesión para los usuarios de tu aplicación, y gestionar sus cuentas de usuario." last_updated: "2026-07-02T09:34:15.857Z" source: "https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/introduction/" service: "Cloud Scale" -------------------------------------------------------------------------------- # Embedded Authentication Type El tipo de autenticación embebida es una autenticación nativa de Catalyst que te permite cargar tu elemento de inicio de sesión como un iFrame en tu aplicación. Este es el tipo de autenticación ideal si necesitas que tus usuarios finales se registren en tu aplicación sin salir de la página de destino. Por ejemplo, los usuarios finales pueden registrarse o iniciar sesión mientras están viendo el contenido del sitio web de tu aplicación o materiales de marketing. Puedes configurar el iFrame para que se cargue como un formulario de inicio de sesión convencional. <br /> También puedes configurar el iFrame para que tus usuarios finales inicien sesión usando solo social logins. <br /> Puedes acceder a los **scripts del Catalyst Web SDK** para el *Conventional Login Form* y el *Social Logins Only Form* desde la consola cuando configuras Embedded Authentication, o desde esta página de ayuda. Simplemente puedes copiar y agregar el script requerido al web client de tu aplicación. No necesitarás realizar ninguna codificación adicional. Catalyst maneja todas las operaciones backend necesarias para asegurar tu aplicación y renderizar tu elemento de inicio de sesión como un iFrame en tu aplicación. <br /> Si bien el tipo de autenticación embebida te permite personalizarlo y estilizarlo según tu preferencia, no tendrás la facilidad que puedes esperar al estilizar el Hosted Authentication Type. Sin embargo, si usas Embedded Authentication junto con Hosted Authentication Type, puedes importar directamente los elementos de estilo que usaste para Hosted y aplicarlos a tu iFrame Embedded. También puedes proporcionar CSS personalizado para tus páginas de **Confirm Password** y **Password Reset**. Además, Catalyst también te proporcionará una hoja de estilos CSS que puedes descargar desde la consola. Junto con esta hoja CSS, puedes consultar la sección de ayuda de estilización del Embedded Authentication Type, para estilizar tu iFrame y el elemento de inicio de sesión, de manera que no genere errores de interfaz. Esto se discutirá más adelante en la sección de configuración. -------------------------------------------------------------------------------- title: "Beneficios" description: "Catalyst Authentication te permite proporcionar autenticación segura e inicios de sesión para los usuarios de tu aplicación, y gestionar sus cuentas de usuario." last_updated: "2026-07-02T09:34:15.857Z" source: "https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/benefits/" service: "Cloud Scale" -------------------------------------------------------------------------------- # Beneficios * La autenticación embebida es un tipo de Native Catalyst Authentication. Esto garantiza que todos los endpoints de tu aplicación, incluyendo el acceso de los usuarios finales a tu aplicación, estén asegurados por Catalyst. * Catalyst te ofrece los scripts necesarios que puedes integrar en tu aplicación para configurar este método de autenticación. Esto te permitirá cargar tu elemento de inicio de sesión como un iFrame en tu aplicación, reduciendo considerablemente tus esfuerzos de codificación. * Puedes estilizar el elemento de inicio de sesión según tus preferencias, y de una manera que refleje la marca de tu empresa, asegurando consistencia de marca. Puedes importar fácilmente este CSS en tu script de inicio de sesión. * Si estás usando Embedded Authentication junto con Hosted Authentication, puedes importar directamente los elementos de estilo que usaste para estilizar tus elementos de Hosted Login a tu tipo de Embedded Authentication. También puedes aplicar fácilmente estilos personalizados importando tu archivo CSS. * Catalyst te proporciona una hoja de estilos CSS para el diseño predeterminado del iFrame, que puedes simplemente descargar y personalizar según tus requisitos. * Puedes implementar el tipo de autenticación embebida de dos maneras: *Conventional Login Form* y *Social Login Form*. Cada método te permite proporcionar la lógica de inicio de sesión requerida en tu aplicación, mientras garantiza una experiencia fluida para el usuario final y seguridad completa. -------------------------------------------------------------------------------- title: "Scripts para Embedded Authentication" description: "Catalyst Authentication te permite proporcionar autenticación segura e inicios de sesión para los usuarios de tu aplicación, y gestionar sus cuentas de usuario." last_updated: "2026-07-02T09:34:15.857Z" source: "https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/scripts-for-embedded/" service: "Cloud Scale" -------------------------------------------------------------------------------- # Scripts para Embedded Authentication Catalyst te ofrece los siguientes scripts que puedes incorporar en tu aplicación web client para implementar la autenticación embebida. Para el tipo **Conventional Login Form** <br /> &lt;script src="https://static.zohocdn.com/catalyst/sdk/js/4.4.0/catalystWebSDK.js"&gt; &lt;/script&gt; &lt;script src="/__catalyst/sdk/init.js"&gt; &lt;/script&gt; &lt;script&gt; const config = {}; /* config es opcional { css_url : "/css/embeddediframe.css", // Proporciona la ruta de tu archivo CSS personalizado aquí. Si no se proporciona ruta, se renderizará el CSS predeterminado service_url : "/app/index.html", // Este valor es opcional. Puedes proporcionar tu URL de redirección aquí. is_customize_forgot_password : true, // El valor predeterminado es false. Mantén este valor como true si deseas personalizar la página de Forgot Password forgot_password_id : "forgotPasswordDivElementId", // El ID del elemento donde se debe cargar la página de forgot password. Si no se proporciona ningún valor, se renderizará en el "loginDivElementId" por defecto forgot_password_css_url : "/css/forgotPwd.css" // Proporciona la ruta de tu archivo CSS personalizado para la página de Forgot Password. Si no se proporciona ruta, se renderizará el CSS predeterminado. } */ catalyst.auth.signIn("loginDivElementId", config); &lt;/script&gt; <br /> Para el tipo **Social Login-only Form** <br /> &lt;script src="https://static.zohocdn.com/catalyst/sdk/js/4.4.0/catalystWebSDK.js"&gt; &lt;/script&gt; &lt;script src="/__catalyst/sdk/init.js"&gt; &lt;/script&gt; &lt;script&gt; const config = { signin_providers_only : true, // Establece el valor como true para personalizar el formulario de solo proveedores de inicio de sesión css_url : "/css/embeddediframe.css", // Proporciona la ruta de tu archivo CSS personalizado aquí. Si no se proporciona ruta, se renderizará el CSS predeterminado service_url : "/app/index.html" // Proporciona tu URL de redirección aquí. Este valor es opcional. } catalyst.auth.signIn(elementId, config); &lt;/script&gt; Nota: Estos scripts también están disponibles en la consola. Puedes copiarlos directamente y habilitarlos mientras configuras la autenticación embebida y en la sección Authentication Type de la consola. -------------------------------------------------------------------------------- title: "Configurar Embedded Authentication" description: "Catalyst Authentication te permite proporcionar autenticación segura e inicios de sesión para los usuarios de tu aplicación, y gestionar sus cuentas de usuario." last_updated: "2026-07-02T09:34:15.858Z" source: "https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/setup-embedded-auth/" service: "Cloud Scale" -------------------------------------------------------------------------------- # Configurar Embedded Authentication Para habilitar y configurar el tipo de Embedded Authentication: 1. Ve a **Authentication** en la sección *Cloud Scale* de la consola de Catalyst, y haz clic en la opción **Set Up** presente en la sección *Native Catalyst Authentication*. <br /> 2. Selecciona **Embedded Authentication** como el tipo de método de autenticación nativo, y haz clic en **Next**. <br /> 3. Habilitar personalización CSS - Si deseas proporcionar un CSS personalizado para tus elementos de **Confirm Password** y **Reset Password**: <br /> - Proporciona la ruta del archivo donde has almacenado los archivos CSS requeridos en el directorio de tu proyecto. <br /> - Si estás usando Embedded Authentication junto con Hosted Login, puedes heredar los elementos de estilo de Hosted Login: <br /> Nota: Catalyst no proporcionará vistas previas para que veas el renderizado de tu elemento de inicio de sesión, o las páginas de Reset Password y Confirm Password. 4. Elige cómo deseas que sea tu elemento de inicio de sesión: * Para cargar el elemento de inicio de sesión como un formulario de inicio de sesión convencional: Haz clic en la opción **Login Form** en el paso *Configuration*. Copia el script y pégalo en el archivo HTML de tu web client que contiene el índice de tu aplicación. <br /> Nota: Puedes hacer clic en View Sample Image para ver y comparar cómo aparecería cada uno de los formularios de inicio de sesión al usuario final. Estas son solo imágenes de muestra, no el renderizado real de cómo aparecerá el formulario con tu estilo personalizado. * Para cargar el elemento de inicio de sesión con solo las opciones de Social Logins o inicio de sesión de IdP: Haz clic en la opción **Social Login-Only Form** en el paso *Configuration*. Copia el script y pégalo en el archivo HTML de tu web client que contiene el índice de tu aplicación. <br /> Nota: El Social Login-Only Form solo se puede implementar si has codificado tu aplicación web client usando el último Catalyst Web SDK. Este método solo es compatible con v4 y no con las versiones anteriores. Puedes acceder a versiones anteriores de la autenticación embebida haciendo clic y eligiendo del menú desplegable **Version**. Sin embargo, asegúrate de implementar la última versión ya que incluirá definiciones de seguridad actualizadas y mejoras. <br /> 5. Habilita **Public Signup** si deseas que nuevos usuarios se registren en tu aplicación. Puedes obtener más información en la página de ayuda de Public Signup. <br /> Nota: Debes habilitar Public Signup si quieres permitir que tus usuarios accedan a tu aplicación a través de Social Logins. 6. Puedes seleccionar los Social Logins y habilitarlos para permitir que tus usuarios los usen y se registren en tus aplicaciones. Puedes aprender sobre la configuración de cada social login en detalle en la sección de ayuda de Social Logins. <br /> Nota: Asegúrate de tener el Client ID y el Client Secret proporcionados por el social login antes de configurarlo aquí. Puedes averiguar cómo obtener los valores de Client ID y Client Secret para cada social login usando esta guía paso a paso. 7. Haz clic en **Next** para guardar tus configuraciones y proceder a la sección Additional Settings. Puedes optar por incluir un paso de autenticación adicional habilitando la opción Custom User Validation. Esta opción te permite validar a tus usuarios finales usando una lógica personalizada que codificas en una función Basic I/O. Puedes descubrir cómo configurar esto en el documento de ayuda de Whitelisting. Puedes usar la sección Authorized Domains para autorizar dominios externos a tener acceso CORS e iFrame a tu aplicación. Puedes descubrir cómo configurar dominios autorizados en la sección de ayuda de Authorized Domain. <br /> 8. Haz clic en **Finish** para habilitar el tipo de Embedded Authentication. <br /> Ahora podrás ver la autenticación que has configurado en la sección Authentication Type de *Authentication*. En esta sección, puedes editar tus configuraciones de Social Logins haciendo clic en el mosaico del Social Login requerido y proporcionando tus nuevas credenciales OAuth. <br /> También puedes editar tus configuraciones de personalización CSS: 1. Haz clic en el botón **Edit**. <br /> 2. Puedes proporcionar nuevos archivos CSS personalizados, elegir heredar el estilo que aplicaste al configurar el tipo Hosted Authentication, o incluso deshabilitar la personalización. <br /> 3. Haz clic en **Update**. <br /> Tus preferencias se renderizarán. <br /> También puedes acceder a los scripts de inicio de sesión para la autenticación embebida en cualquier momento desde esta sección. -------------------------------------------------------------------------------- title: "Estilizar Embedded Authentication" description: "Catalyst Authentication te permite proporcionar autenticación segura e inicios de sesión para los usuarios de tu aplicación, y gestionar sus cuentas de usuario." last_updated: "2026-07-02T09:34:15.858Z" source: "https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/styling-embedded-auth/" service: "Cloud Scale" -------------------------------------------------------------------------------- # Estilizar Embedded Authentication Type Catalyst te permite estilizar ambas variantes del tipo de autenticación embebida: * El iFrame del formulario de inicio de sesión convencional * El iFrame del formulario de solo Social Login También puedes estilizar las páginas de **Reset Password** y **Confirm Password** proporcionando archivos CSS personalizados o importando los elementos de estilo que usaste para configurar el tipo *Hosted Authentication*. ### Para cambiar el estilo del iFrame convencional: <br /> 1. Descarga el archivo CSS y comienza a estilizar tu elemento de inicio de sesión iFrame después de la última línea de código según las instrucciones del archivo. Descargar aquí. 2. Consulta este documento para conocer las descripciones de cada componente CSS. ### Para cambiar el estilo del formulario de solo Social Login: <br /> 1. Descarga el archivo CSS y comienza a estilizar tu elemento de inicio de sesión iFrame después de la última línea de código según las instrucciones del archivo. Descargar aquí. 2. Consulta este documento para ver las descripciones de cada componente CSS. ### Para cambiar el estilo del iFrame de Confirm Password: <br /> 1. Descarga el archivo CSS y comienza a estilizar tu elemento de inicio de sesión iFrame después de la última línea de código según las instrucciones del archivo. Descargar aquí. 2. Consulta este documento para ver las descripciones de cada componente CSS. ### Para cambiar el estilo del iFrame de Password Reset: <br /> 1. Haz clic en el botón de descarga para descargar el archivo CSS, y comienza a estilizar tu documento después de la última línea de código según las instrucciones del documento. Descargar aquí. 2. Consulta este documento para ver las descripciones de cada componente CSS. -------------------------------------------------------------------------------- title: "Referencia de la hoja de estilos de Embedded Authentication" description: "Catalyst Authentication te permite proporcionar autenticación segura e inicios de sesión para los usuarios de tu aplicación, y gestionar sus cuentas de usuario." last_updated: "2026-07-02T09:34:15.858Z" source: "https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/reference-stylesheet-embedded/" service: "Cloud Scale" -------------------------------------------------------------------------------- # Hoja de estilos de referencia para Embedded Authentication Esta página lista y proporciona descripciones para todas las clases e IDs CSS que necesitarás para estilizar tu elemento de inicio de sesión en el tipo Embedded Authentication. Catalyst proporciona archivos CSS individuales para el formulario Conventional Login, el formulario Social-Login Only y el formulario Password Reset, con IDs y clases CSS individuales para cada uno. Estos IDs y clases CSS están predefinidos por Catalyst para tu comodidad. Simplemente puedes incorporarlos en tu hoja de estilos según tu necesidad, y personalizar el diseño y la marca de los elementos de inicio de sesión. Debes importar el archivo CSS que configures en los scripts de tu formulario de inicio de sesión de esta autenticación. Antes de comenzar a estilizar tu iFrame, descarga el archivo CSS requerido. Hoja de estilos CSS para: * Formulario Conventional Login - Descargar * Formulario Social Login-only - Descargar * Formulario Confirm Password - Descargar * Formulario Password Reset - Descargar Nota: Después de descargar la hoja de estilos, comienza a estilizar tu elemento de inicio de sesión después de la última línea de código. Recomendamos encarecidamente que no modifiques el código que ya está presente. Modificarlo de cualquier manera podría no renderizar el iFrame correctamente. Consulta esta hoja para obtener información más detallada sobre cómo aparecería cada uno de los formularios mencionados arriba a los usuarios finales. ### Sección donde el usuario final ingresa su dirección de correo electrónico <br /> <br /> #### Sección 1 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>#headtitle</td> <td>El ID que maneja los elementos de estilo presentes en el título del iFrame</td> </tr> </tbody> </table> #### Sección 2 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>#login_id</td> <td>El ID que maneja el estilo del campo de entrada</td> </tr> <tr> <td>.fielderror</td> <td>La clase que maneja el tamaño del texto de error</td> </tr> <tr> <td>.errorlabel</td> <td>La clase que maneja el esquema de color del mensaje de error</td> </tr> <tr> <td>.errorborder</td> <td>La clase que maneja el color del borde que aparece en caso de error, alrededor del campo de entrada</td> </tr> </tbody> </table> #### Sección 3 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>#nextbtn</td> <td>El ID que maneja el estilo del botón "NEXT"</td> </tr> </tbody> </table> #### Sección 4 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>#forgotpassword</td> <td>El ID que maneja el estilo del literal "Forgot Password"</td> </tr> </tbody> </table> #### Sección 5 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>.fed_div</td> <td>La clase que maneja el tamaño, la altura, el cursor y el desbordamiento de la opción de social login en su conjunto</td> </tr> <tr> <td>.zoho_fed_box</td> <td>La clase que maneja el esquema de color del social login de Zoho</td> </tr> <tr> <td>.fed_icon</td> <td>La clase que maneja el tamaño de los logos de todos los social logins</td> </tr> <tr> <td>..zoho_icon</td> <td>La clase que maneja el ícono del logo del social login de Zoho</td> </tr> </tbody> </table> ### Sección donde el usuario final ingresa su contraseña <br /> <br /> #### Sección 1 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>.username</td> <td>La clase que maneja el campo de dirección de correo electrónico</td> </tr> </tbody> </table> #### Sección 2 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>.Notyou</td> <td>La clase que maneja el tamaño de fuente del literal "Change"</td> </tr> <tr> <td>.bluetext</td> <td>La clase que maneja el color y otras propiedades del literal "Change"</td> </tr> </tbody> </table> #### Sección 3 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>#password</td> <td>El ID que maneja las diversas propiedades del campo de entrada</td> </tr> <tr> <td>.fielderror</td> <td>La clase que maneja el tamaño del texto de error</td> </tr> <tr> <td>.errorborder</td> <td>La clase que maneja el color del borde que aparece en caso de error alrededor del campo de entrada</td> </tr> <tr> <td>.errorlabel</td> <td>La clase que maneja el esquema de color del texto de error</td> </tr> <tr> <td>.show_hide_password</td> <td>La clase que maneja las propiedades del ícono de visibilidad</td> </tr> <tr> <td>.icon_hide</td> <td>La clase que maneja las propiedades del ícono oculto</td> </tr> <tr> <td>.icon_show</td> <td>La clase que maneja las propiedades del ícono de visibilidad cuando se hace clic</td> </tr> </tbody> </table> #### Sección 4 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>.blue_text_action</td> <td>La clase que maneja el esquema de color, tamaño de fuente y otras propiedades de ambos literales</td> </tr> </tbody> </table> #### Sección 5 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>.blue</td> <td>La clase que maneja el esquema de color del botón y cuadro de Sign In</td> </tr> <tr> <td>.btn</td> <td>La clase que maneja el tamaño del botón</td> </tr> </tbody> </table> ### Sección donde el usuario final confirma su contraseña <br /> #### Sección 1 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>.confirmtitle</td> <td>La clase que maneja los elementos de estilo presentes en el título.</td> </tr> <tr> <td>.confirmdesc</td> <td>Este es el elemento de notificación/descripción que indica crear una contraseña fuerte y única en la parte inferior del elemento del título.</td> </tr> <tr> <td>.confirm_head</td> <td>La clase que maneja el estilo del fondo del formulario de confirmación.</td> </tr> </tbody> </table> #### Sección 2 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>.username</td> <td>La clase que maneja el campo de dirección de correo electrónico.</td> </tr> <tr> <td>.icon-profile</td> <td>La clase que maneja el perfil en ese campo de dirección de correo electrónico.</td> </tr> </tbody> </table> #### Sección 3 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>#password</td> <td>El ID que maneja los elementos de estilo presentes en el campo de entrada de contraseña.</td> </tr> <tr> <td>.icon-hide</td> <td>La clase que maneja las propiedades del ícono oculto</td> </tr> <tr> <td>.show_hide_password</td> <td>La clase que maneja las propiedades de la visibilidad del ícono</td> </tr> <tr> <td>.fielderror</td> <td>La clase que maneja el tamaño del texto de error.</td> </tr> <tr> <td>.passwordpolicy</td> <td>La clase que maneja la ventana emergente que contiene la política de contraseña.</td> </tr> </tbody> </table> #### Sección 4 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>#cpassword</td> <td>El ID que maneja el campo de entrada para confirmar contraseña.</td> </tr> </tbody> </table> #### Sección 5 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>#nextbtn</td> <td>El ID que maneja el botón de confirmación.</td> </tr> </table> ### Sección donde el usuario final ingresa el CAPTCHA <br /> <br /> #### Sección 1 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>#headtitle</td> <td>El ID que maneja los elementos de estilo presentes en el título del iFrame</td> </tr> </tbody> </table> #### Sección 2 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>.user_info</td> <td>La clase que maneja los elementos de estilo del borde del cuadro</td> </tr> <tr> <td>.menutext</td> <td>La clase que maneja el estilo del ID de correo electrónico del usuario</td> </tr> </tbody> </table> #### Sección 3 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>.changeuser</td> <td>La clase que maneja los elementos de estilo presentes en el literal "Change"</td> </tr> </tbody> </table> #### Sección 4 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>#captcha_container</td> <td>El ID que maneja el estilo del cuadro que rodea el cuadro de control de Captcha</td> </tr> <tr> <td>.reload_captcha ::before</td> <td>La clase que maneja el estilo del botón de recarga, antes de que se haga clic</td> </tr> <tr> <td>.text_box</td> <td>La clase que maneja las propiedades del campo de entrada</td> </tr> </tbody> </table> #### Sección 5 <br /> <table class="content-table"> <thead> <tr> <th class="w50p">IDs y clases CSS</th> <th class="w50p">Descripción</th> </tr> </thead> <tbody> <tr> <td>.blue</td> <td>La clase que maneja el esquema de color del botón y cuadro</td> </tr> <tr> <td>.btn</td> <td>La clase que maneja el tamaño del botón</td> </tr> </tbody> </table>