---
title: "Estilizar Embedded Authentication"
url: https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/styling-embedded-auth/
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-08-17T12:16:04Z
service: Cloud Scale
type: general
---

# 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:
![cloud_scale_auth_embedded_conventional](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_conventional.webp)

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í](https://api.catalyst.zoho.com/baas/v1/auth/static-file?file_name=embedded_signin.css).

2. [Consulta este documento](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/reference-stylesheet-embedded/) para conocer las descripciones de cada componente CSS.

### Para cambiar el estilo del formulario de solo Social Login:
![cloud_scale_auth_embedded_socials](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_socials.webp)

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í](https://api.catalyst.zoho.com/baas/v1/auth/static-file?file_name=embedded_signin_providers_only.css).

2. [Consulta este documento](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/reference-stylesheet-embedded/) para ver las descripciones de cada componente CSS.

### Para cambiar el estilo del iFrame de Confirm Password:
![cloud_scale_confirm_pwd_page](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_confirm_pwd_page.webp)

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í](https://api.catalyst.zoho.com/__catalyst/auth/static-file?file_name=confirm_password.css).

2. [Consulta este documento](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/reference-stylesheet-embedded/#section-where-the-end-user-confirms-their-password/) para ver las descripciones de cada componente CSS.

### Para cambiar el estilo del iFrame de Password Reset:
![cloud_scale_password_reset_page](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_password_reset_page.webp)

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í](https://api.catalyst.zoho.com/baas/v1/auth/static-file?file_name=embedded_password_reset.css).

2. [Consulta este documento](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/reference-stylesheet-embedded/) para ver las descripciones de cada componente CSS.