/* ANCORA ยท identidad en la pantalla de ingreso. Solo aplica con la clase `ancora-login` en , que pone un script del layout cuando la ruta es /app/login, /app/auth o /app/password. Asi el interior de la bandeja no se toca: alli el fondo claro es el que deja leer las conversaciones. */ html.ancora-login, html.ancora-login body, html.ancora-login #app, html.ancora-login #app > div { background: #051328 !important; } /* el logotipo: mas grande, en crema y con aire. OJO: Chatwoot pinta DOS imagenes en esta pantalla (el icono pequeno y el logotipo). Si se agrandan las dos, el logo sale repetido. Se oculta el icono y se deja solo el logotipo. */ html.ancora-login img[src*="ancora-logo-thumb"], html.ancora-login img[src*="ancora-icono"] { display: none !important; } html.ancora-login img[src*="ancora-logo.png"] { height: 78px !important; width: auto !important; margin: 30px auto 36px !important; display: block !important; } /* UNA sola tarjeta. Chatwoot envuelve el formulario en varios div blancos y quedaba un recuadro dentro de otro. Se apaga el fondo de TODO ancestro que contenga un form; la tarjeta la pinta el propio form. */ html.ancora-login div:has(form) { background: transparent !important; box-shadow: none !important; border: 0 !important; } /* el titulo, en la tipografia de la marca */ html.ancora-login h1, html.ancora-login h2, html.ancora-login h3 { color: #fff7f2 !important; font-family: Georgia, "Times New Roman", serif !important; font-weight: 400 !important; letter-spacing: .01em; } /* la tarjeta del formulario, flotando sobre el azul */ html.ancora-login form { background: #ffffff !important; border-radius: 12px !important; box-shadow: 0 14px 46px rgba(0,0,0,.42) !important; padding: 30px !important; } /* el boton: azul de marca con filo dorado */ html.ancora-login button[type="submit"] { background: #051328 !important; border: 1px solid #c6a15b !important; color: #fff7f2 !important; letter-spacing: .05em; } html.ancora-login button[type="submit"]:hover { background: #0b2542 !important; } /* los enlaces, en dorado */ html.ancora-login a { color: #c6a15b !important; }