/* ==========================================================================
   Creative Estudio — Piel de las pantallas de acceso (iniciar sesión, registro, contraseña)
   Mismo lenguaje que el panel: tinta #14161A, papel, líneas finas, naranja #FF5A1F en la acción principal.
   Para apagarla: renombra o borra este archivo.
   ========================================================================== */
html.ce-auth {
    --ce-ink: #14161A; --ce-ink-2: #2A2D33; --ce-paper: #F5F6F8; --ce-card: #FFFFFF;
    --ce-line: #E6E7EA; --ce-line-2: #D7D9DE; --ce-muted: #6B7079; --ce-soft: #F0F1F3;
    --ce-accent: #FF5A1F; --ce-accent-2: #E84D14;
}
html.ce-auth body { background-color: var(--ce-paper) !important; color: var(--ce-ink); }
html.ce-auth ::selection { background: var(--ce-accent); color: #fff; }
html.ce-auth *:focus-visible { outline: 2px solid var(--ce-accent) !important; outline-offset: 2px; }

/* tarjeta del formulario */
html.ce-auth [class*="modern-"][class*="-card"] {
    background: var(--ce-card) !important;
    border: 1px solid var(--ce-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 48px -28px rgba(20, 22, 26, .35) !important;
    backdrop-filter: none !important;
}
html.ce-auth [class*="modern-"][class*="-card"] h1,
html.ce-auth [class*="modern-"][class*="-card"] h2,
html.ce-auth [class*="modern-"][class*="-card"] h3 {
    color: var(--ce-ink) !important; font-size: clamp(20px, 5vw, 26px) !important; line-height: 1.25 !important;
    letter-spacing: -.01em; font-weight: 700 !important;
}
html.ce-auth [class*="modern-"][class*="-card"] p { color: var(--ce-muted) !important; }
html.ce-auth label, html.ce-auth .form-label { color: var(--ce-ink) !important; font-weight: 600 !important; }

/* campos */
html.ce-auth .modern-input, html.ce-auth .form-control, html.ce-auth .form-select {
    background: #fff !important; border: 1px solid var(--ce-line-2) !important; border-radius: 10px !important;
    color: var(--ce-ink) !important; box-shadow: none !important; transform: none !important;
}
html.ce-auth .modern-input:focus, html.ce-auth .form-control:focus, html.ce-auth .form-select:focus {
    border-color: var(--ce-ink) !important; box-shadow: 0 0 0 3px rgba(255, 90, 31, .15) !important;
}
html.ce-auth input:-webkit-autofill { -webkit-box-shadow: 0 0 0 40px #fff inset !important; -webkit-text-fill-color: var(--ce-ink) !important; }
html.ce-auth .modern-eye-btn:hover { color: var(--ce-ink) !important; background: var(--ce-soft) !important; }

/* casilla "Recuérdame" */
html.ce-auth .modern-checkbox-input:checked + .checkbox-design { background: var(--ce-ink) !important; border-color: var(--ce-ink) !important; }

/* botón principal: naranja, sin degradado morado */
html.ce-auth [class*="modern-"][class*="-btn"]:not(.modern-cancel-btn):not(.modern-eye-btn),
html.ce-auth form button[type="submit"] {
    background: var(--ce-accent) !important; background-image: none !important; border: 0 !important;
    border-radius: 10px !important; box-shadow: none !important; transform: none !important; color: #fff !important;
    white-space: normal; line-height: 1.3 !important;
}
html.ce-auth [class*="modern-"][class*="-btn"]:not(.modern-cancel-btn):not(.modern-eye-btn):hover,
html.ce-auth form button[type="submit"]:hover { background: var(--ce-accent-2) !important; }
html.ce-auth .modern-cancel-btn {
    background: #fff !important; border: 1px solid var(--ce-line-2) !important; color: var(--ce-ink) !important;
    border-radius: 10px !important; box-shadow: none !important; transform: none !important;
}

/* enlaces (antes morados) */
html.ce-auth a, html.ce-auth .modern-link, html.ce-auth [style*="667eea"], html.ce-auth [style*="764ba2"] { color: var(--ce-ink) !important; }
html.ce-auth a:hover, html.ce-auth .modern-link:hover { color: var(--ce-accent) !important; }

/* selector de idioma (antes botón azul "ES") */
html.ce-auth .dropdown > .btn-info, html.ce-auth .btn-info {
    background: #fff !important; border: 1px solid var(--ce-line) !important; color: var(--ce-ink) !important;
    border-radius: 999px !important; box-shadow: none !important;
}
html.ce-auth .dropdown-menu { border: 1px solid var(--ce-line) !important; border-radius: 10px !important; box-shadow: 0 16px 40px -16px rgba(20,22,26,.25) !important; }
html.ce-auth .dropdown-item:hover { background: var(--ce-soft) !important; color: var(--ce-ink) !important; }

/* registro: sin la capa oscura sobre el fondo (queda la cuadrícula clara, igual que iniciar sesión) */
html.ce-auth .register-section > div[style]:first-child { background: transparent !important; }
/* recuadros con tinte morado ("¿Nuevo aquí?") → neutros */
html.ce-auth [style*="102, 126, 234"], html.ce-auth [style*="102,126,234"] {
    background: var(--ce-soft) !important; border-color: var(--ce-line) !important; border-radius: 10px !important;
}

/* separador "O continuar" y textos chicos */
html.ce-auth hr { background-color: var(--ce-line) !important; color: var(--ce-line) !important; border: 0 !important; height: 1px; opacity: 1 !important; }
html.ce-auth .text-muted, html.ce-auth .text-gray-600 { color: var(--ce-muted) !important; }

/* celular */
@media (max-width: 575.98px) {
    html.ce-auth [class*="modern-"][class*="-card"] { padding: 22px 18px !important; border-radius: 14px !important; }
    html.ce-auth .dropdown > .btn-info { margin: 12px !important; }
}