/* ═══════════════════════════════════════════════════════════════════════════
   Paniagua & Cohen Abogados · Vistas de acceso v2.0 (Manual de Marca v2.0, cap. 06)
   Se enlaza AL FINAL del <head> de auth-*.php, login-2fa.php, linea-etica.php y seguimiento-denuncia.php:
   gana a los <style> en línea de cada vista sin tocar su marcado ni su contrato de formulario.
   Tipografías: assets/marca/fuentes.css (autoalojadas). Colores: assets/marca/tokens-v2.css.
   ═══════════════════════════════════════════════════════════════════════════ */
body { font-family: var(--f-sans, 'Inter', system-ui, sans-serif); }
h1, h2, .h4, .login-right h4 { font-family: var(--f-display, 'Cormorant Garamond', Georgia, serif); font-weight: 600; letter-spacing: 0; }
h1.h4, .login-right h1 { font-size: 2rem; color: var(--pc-grafito, #1F1F23) !important; }
/* El titular del panel rojo heredaba #1F2937 de «h1…h6» y quedaba rojo sobre rojo (medido el 11-oct-2026). */
.login-left h2 { color: #FFFFFF; font-size: 2.1rem; line-height: 1.1; font-weight: 600; }
.login-left { background: linear-gradient(150deg, var(--pc-rojo, #B71C2E) 0%, var(--pc-rojo-profundo, #7B1019) 100%) !important; }
.login-left p, .login-left .feature-list li { color: var(--pc-crema, #F5EFE3); opacity: 1; }
.login-hero { background: radial-gradient(120% 120% at 15% 0%, var(--pc-grafito, #1F1F23) 0%, var(--pc-grafito-tinta, #0F0F12) 70%) !important; }
/* El rojo es la acción: 6,12 : 1 con texto blanco. */
.btn-primary { background-color: var(--pc-rojo, #B71C2E) !important; border-color: var(--pc-rojo, #B71C2E) !important; color: #FFFFFF !important; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--pc-rojo-profundo, #7B1019) !important; border-color: var(--pc-rojo-profundo, #7B1019) !important; }
a.fw-semibold, .fw-semibold { color: var(--pc-rojo-profundo, #7B1019) !important; }
.form-control:focus, input:focus, select:focus, textarea:focus { border-color: var(--pc-rojo, #B71C2E) !important; box-shadow: 0 0 0 3px rgba(183, 28, 46, .16) !important; }
.input-group:focus-within .input-group-text { border-color: var(--pc-rojo, #B71C2E); }
a:focus-visible, button:focus-visible { outline: 2px solid var(--pc-rojo, #B71C2E); outline-offset: 2px; }
.pc-logo-panel { width: 220px; height: auto; max-height: none !important; }