> ## Documentation Index
> Fetch the complete documentation index at: https://translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Personalizaciones avanzadas de Universal Login (ACUL)

> Descripción general de las personalizaciones avanzadas de Auth0 para Universal Login

**Personalizaciones avanzadas de Universal Login (ACUL)** amplía las capacidades de [Universal Login](/es/docs/authenticate/login/auth0-universal-login/universal-login-vs-classic-login/universal-experience#universal-login-experience) para admitir varias marcas, configuraciones de seguridad complejas y la integración con numerosas plataformas de análisis.

<video autoPlay muted loop playsInline className="w-full aspect-video rounded-xl" src="https://mintcdn.com/translations/XFWEQWmI0huCzrNi/docs/images/videos/ACUL.mp4?fit=max&auto=format&n=XFWEQWmI0huCzrNi&q=85&s=d31345ad12fc6f560b916e91d346fc6c" data-path="docs/images/videos/ACUL.mp4" />

Con ACUL, puede escribir código en el framework que prefiera, integrar sus plataformas de análisis y pruebas A/B existentes, y definir la experiencia del usuario. Los [SDK de ACUL](/es/docs/customize/login-pages/advanced-customizations/reference) actúan como puente entre su código personalizado y Universal Login.

<div id="benefits">
  ## Beneficios
</div>

* Amplíe las capacidades de Universal Login de Auth0 para admitir varias marcas en un solo inquilino.
* Aproveche las funciones de Auth0, como [Passkeys](/es/docs/authenticate/database-connections/passkeys), [Bot Detection](/es/docs/secure/attack-protection/bot-detection) y [MFA](/es/docs/secure/multi-factor-authentication), sin tener que rehacer su lógica de autenticación.
* Integre análisis avanzados y pruebas A/B para optimizar el recorrido del usuario.
* Use los SDK de ACUL para desarrollar con su propia pila tecnológica. Puede:
  * Usar cualquier biblioteca de CSS, JS o componentes de terceros
  * Integrar su plataforma de análisis preferida, como Heap, Mixpanel, etc.
  * Desarrollar con el framework de frontend que prefiera, como Vue o React

<div id="use-cases">
  ## Casos de uso
</div>

Le conviene usar ACUL con su implementación de Universal Login si:

* Necesita aplicar estándares de marca específicos a sus flujos de autenticación.
* Necesita ofrecer una experiencia multimarca.
* Necesita implementar pruebas A/B a nivel de la interfaz de usuario o análisis detallados.
* Necesita ofrecer Universal Login en idiomas que Auth0 no admite actualmente.
* Necesita agregar lógica compleja o personalizada a sus flujos de autenticación.

Para obtener más información, consulte [Casos de uso de ACUL](/es/docs/customize/login-pages/advanced-customizations/acul-use-cases).

<div id="how-it-works">
  ## Cómo funciona
</div>

<img className="block dark:hidden" src="https://mintcdn.com/translations/mMSz-RNYLuOm2GmQ/docs/images/cdy7uua7fh8z/ACUL/Final-Light-ACUL.png?fit=max&auto=format&n=mMSz-RNYLuOm2GmQ&q=85&s=8507121e915823d72438ccb4db8fb6a3" alt="Cómo funciona ACUL" width="1400" height="449" data-path="docs/images/cdy7uua7fh8z/ACUL/Final-Light-ACUL.png" />

<img className="hidden dark:block" src="https://mintcdn.com/translations/c0RQ9V0YAcT0-8l5/docs/images/cdy7uua7fh8z/ACUL/Final-Dark-ACUL.png?fit=max&auto=format&n=c0RQ9V0YAcT0-8l5&q=85&s=2e7140d91d91f99a9a3f3b01f5470be3" alt="Cómo funciona ACUL" width="1400" height="448" data-path="docs/images/cdy7uua7fh8z/ACUL/Final-Dark-ACUL.png" />

La **fase de compilación** comienza cuando compilas tus pantallas de autenticación personalizadas en tu propio entorno.

Usa los [SDK de ACUL](/es/docs/customize/login-pages/advanced-customizations/reference) para enviar tu código personalizado y definir prompts y pantallas con tu stack de frontend preferido, como React o Angular. Cuando haces push de commits, tu canalización de CI/CD ejecuta el proceso de compilación, genera recursos estáticos de JavaScript y CSS a partir de tu aplicación, y los carga en tu almacenamiento privado en la nube, que actúa como tu propia red de distribución de contenido (CDN).

La **fase de ejecución** comienza cuando tu aplicación redirige a los usuarios finales a tu página de inicio de sesión de Auth0.

Auth0 reconoce las pantallas de autenticación que configuraste para usar ACUL y entrega una página host mínima. El navegador del usuario carga esta página, que contiene etiquetas HTML que apuntan a las URL de tus recursos en tu CDN. El navegador descarga tu JavaScript y CSS, verifica su integridad mediante los hashes de Subresource Integrity (SRI) y renderiza tu interfaz de usuario personalizada. A partir de ahí, el código de tu aplicación y el SDK de ACUL gestionan el resto de la interacción del usuario.

<div id="requirements">
  ## Requisitos
</div>

Para comenzar con las Personalizaciones avanzadas de Universal Login, debe tener lo siguiente:

* Un inquilino de desarrollo de Auth0 configurado con [Universal Login](/es/docs/authenticate/login/auth0-universal-login) y un [dominio personalizado](/es/docs/customize/custom-domains).

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  Le recomendamos crear un inquilino para pruebas, desarrollo y producción con las etiquetas de entorno adecuadas.
</Callout>

* Una [aplicación propia](/es/docs/get-started/auth0-overview/create-applications#create-applications) de Auth0
  * Una CDN con un pipeline de CI/CD integrado, como GitHub, para alojar recursos.

| **Lea...**                                                                                               | **Para saber...**                                                          |
| -------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
| [Configure ACUL](/es/docs/customize/login-pages/advanced-customizations/configure/overview)              | Configurar ACUL con su inquilino de Auth0.                                 |
| [ACUL Quickstart](/es/docs/customize/login-pages/advanced-customizations/quickstart)                     | Comenzar con una aplicación de ejemplo de ACUL.                            |
| [ACUL Development Workflow](/es/docs/customize/login-pages/advanced-customizations/development-workflow) | Más información sobre el flujo de trabajo de desarrollo de ACUL.           |
| [ACUL Deployment Workflow](/es/docs/customize/login-pages/advanced-customizations/deployment-workflow)   | Más información sobre el flujo de trabajo de implementación de ACUL.       |
| [ACUL Use Cases](/es/docs/customize/login-pages/advanced-customizations/acul-use-cases)                  | Más información sobre los casos de uso de ACUL.                            |
| [ACUL SDKs and resources](/es/docs/customize/login-pages/advanced-customizations/reference)              | Más información sobre los SDK de ACUL y los recursos para desarrolladores. |