/* Tema de Grupo Ascendio: azul marino, arena y oro del logotipo. Se carga después de app.css y solo cambia variables y detalles de marca. */
:root {
  --navy: #052644;
  --navy-osc: #031a31;
  --navy-claro: #0c3a66;
  --navy-rgb: 5 38 68;
  --acento: #0a2f55;
  --acento-rgb: 10 47 85;
  --acento-osc: #052644;
  --acento-muy-osc: #052644;
  --acento-suave: #f1e8d3;
  --acento-suave-2: #f7f1e3;
  --oro: #b08a47;
  --oro-texto: #8a6a2c;
  --oro-claro: #d5b874;
  --arena: #aba195;
  --login-em: #d9bd7c;
  --fondo: #f1eee8;
  --panel: #faf8f4;
  --texto: #0e243c;
  --texto-2: #3a4a5f;
  --apagado: #667180;
  --apagado-2: #8d939c;
  --borde: #e7e1d5;
  --borde-fuerte: #d9d1c1;
  --linea: #eee9de;
  --cabecera-tabla: #f5f1e8;
  --hover: #f8f5ee;
  --campo: #f6f3ec;
  --info: #0f4c8a; --info-bg: #dde8f4;
}
body { font-family: 'Montserrat', 'Figtree', system-ui, sans-serif; }

/* Marca: símbolo de tres barras y nombre en versales */
.marca-asc { gap: 12px; font-weight: 600; }
.marca-asc .simbolo { height: 44px; width: auto; flex: none; }
.marca-asc .marca-texto { display: grid; gap: 5px; line-height: 1; }
.marca-asc .marca-nombre { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 19px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; line-height: 1.05; }
.marca-asc small { font-size: 7.5px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--oro-texto); }
.marca-enlace { border-bottom-color: rgb(var(--navy-rgb) / .12); }

/* Lateral claro, en tono arena */
.lateral { background: linear-gradient(180deg, #f6f1e6 0%, #e9e1d0 100%); }
.menu a:hover, .menu button:hover, .lateral-pie button:hover { background: rgb(255 255 255 / .65); }
.menu a.activo { background: linear-gradient(135deg, #0c3a66 0%, #052644 100%); box-shadow: 0 8px 18px rgb(var(--navy-rgb) / .28); }

/* Entrada: portada azul marino con las barras en oro */
.login-hero { background: var(--navy); }
.login-hero::before { width: 760px; height: 760px; right: -240px; bottom: -330px; background: radial-gradient(circle, rgb(213 184 116 / .22), transparent 62%); }
.login-hero-centro::after {
  content: ''; position: absolute; right: 36px; bottom: 36px; width: 190px; height: 230px; opacity: .55; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 289 350'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23e4cb86'/%3E%3Cstop offset='.45' stop-color='%23c9a85f'/%3E%3Cstop offset='1' stop-color='%239c7330'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='%231b4a7a' d='M0 235 61 187V301L0 349Z'/%3E%3Cpath fill='%23566b82' d='M105 136 167 88V302L105 350Z'/%3E%3Cpath fill='url(%23g)' d='M213 59 289 0V289L213 348Z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.login-hero-centro { position: static; }
.login-hero .marca-asc { color: #fff; --barra-1: #2a5d93; --barra-2: #b9b0a3; }
.login-hero .marca-asc small { color: var(--oro-claro); }
.login-hero h1 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 600; letter-spacing: -.005em; line-height: 1.08; font-size: clamp(36px, 4vw, 54px); }
.login-hero p { color: rgb(255 255 255 / .8); }
.etapas li::before { background: var(--oro); color: #fff; }
.login-caja h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 32px; font-weight: 700; }
.login-olvido { color: var(--oro-texto); }
.login-caja input:focus { border-color: var(--oro); box-shadow: 0 0 0 4px rgb(176 138 71 / .18); }