/*
 * rmc-publico.css — piel común de las vistas PÚBLICAS del Salón Virtual (rediseño 11-oct-2026):
 * acceso, recuperar y restablecer contraseña, enlace mágico, registro, 2FA, Línea Ética, seguimiento y
 * verificación de certificados. Va con `body.rmc-publico` y se carga DESPUÉS de los estilos de cada vista, de
 * modo que solo cambia la presentación: ni el marcado de los formularios ni sus `id`/`name`.
 *
 * Lo exigido por el convenio se conserva tal cual: barra GOV.CO arriba (#3366cc), accesibilidad a la derecha
 * (contraste, A-, A+ → /apps/_shared/a11y.js) y pie institucional con MinCIT | iNNpulsa y el sello del programa.
 * Colores: Manual de Marca Ruta Milagro. Amarillo y cian, nunca como color de texto.
 */
body.rmc-publico{
    --rmc-noche:#282058;--rmc-noche-2:#1D1640;--rmc-azul:#013A97;--rmc-indigo:#3D37A7;--rmc-cian:#00BEFF;
    --rmc-amarillo:#F9B81B;--rmc-rojo:#DF2521;--rmc-vino:#962D46;--rmc-calido:#F9F7F8;--rmc-tinta:#2B2A36;--rmc-gris:#5F5E6E;
    --rmc-linea:#e6e3ee;
    margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--rmc-calido);
}
body.rmc-publico > main,body.rmc-publico > .register-hero{flex:1 0 auto}

/* ===== Barra GOV.CO (mismos valores que la portada) ===== */
.rmc-publico .govbar{background:#3366cc;color:#fff;font-family:'Nunito Sans',system-ui,sans-serif;font-weight:700;font-size:13px;position:relative;z-index:5}
.rmc-publico .govbar .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;min-height:34px;gap:12px}
.rmc-publico .govbar .brand-co{letter-spacing:.5px}
.rmc-publico .a11y{display:flex;align-items:center;gap:4px}
.rmc-publico .a11y button{background:rgba(20,30,90,.32);border:0;color:#fff;width:30px;height:26px;border-radius:7px;cursor:pointer;font-weight:700;font-size:13px;transition:.2s;line-height:1;padding:0}
.rmc-publico .a11y button:hover{background:rgba(20,30,90,.5)}
.rmc-publico .a11y button[aria-pressed="true"]{background:var(--rmc-amarillo);color:var(--rmc-tinta)}
.rmc-publico .a11y button:disabled{opacity:.45;cursor:default}
body.rmc-publico.a11y-contrast{filter:contrast(1.18) saturate(1.08)}
body.rmc-publico.a11y-contrast a:not(.btn){text-decoration:underline}

/* ===== Fondo inmersivo: la escena «La ruta» del Manual v3.0 (imagen fija; las capas animadas son de la portada) ===== */
.rmc-publico .login-hero,.rmc-publico .auth-hero,.rmc-publico .register-hero,.rmc-publico header.hero{
    position:relative;isolation:isolate;overflow:hidden;
    background:linear-gradient(90deg,rgba(9,17,36,.72) 0%,rgba(9,17,36,.35) 45%,rgba(9,17,36,.15) 100%),
               url(v3/escena/escena-completa.svg) no-repeat 70% 50%/cover,#1D1640!important}
.rmc-publico .login-hero,.rmc-publico .auth-hero,.rmc-publico .register-hero{min-height:calc(100vh - 34px);padding:48px 0}

/* Tarjetas: el filete tricolor del sello arriba */
.rmc-publico .login-card,.rmc-publico .auth-card,.rmc-publico .register-card{border-radius:26px!important;position:relative;
    box-shadow:0 50px 100px -40px rgba(0,0,0,.7)!important;border:0!important}
.rmc-publico .login-card::before,.rmc-publico .auth-card::before,.rmc-publico .register-card::before{content:"";position:absolute;z-index:3;left:0;right:0;top:0;height:6px;
    background:linear-gradient(90deg,var(--rmc-amarillo) 0 33.3%,var(--rmc-azul) 33.3% 66.6%,var(--rmc-rojo) 66.6%)}
.rmc-publico .login-left{background:radial-gradient(420px 320px at 100% 0%,rgba(0,190,255,.18),transparent 65%),linear-gradient(160deg,#013A97 0%,#282058 70%,#1D1640 100%)!important;position:relative;overflow:hidden}
.rmc-publico .login-left > *{position:relative;z-index:1}
.rmc-publico .login-left h2{font-size:30px!important;font-weight:900!important;letter-spacing:-.3px}

/* Formularios: el foco se ve, con el amarillo como anillo (no como texto) */
.rmc-publico .form-control:focus,.rmc-publico input:focus,.rmc-publico select:focus,.rmc-publico textarea:focus{
    border-color:var(--rmc-azul)!important;box-shadow:0 0 0 4px rgba(1,58,151,.16)!important;outline:0}
.rmc-publico a:focus-visible,.rmc-publico button:focus-visible,.rmc-publico .form-control:focus-visible{outline:3px solid var(--rmc-amarillo)!important;outline-offset:2px}
.rmc-publico .btn-primary,.rmc-publico button.btn[type=submit]{border-radius:999px!important;font-family:'Nunito Sans',system-ui,sans-serif;font-weight:800!important;letter-spacing:.2px}

/* ===== Cabecera de Línea Ética y seguimiento ===== */
.rmc-publico header.hero{color:#fff}
.rmc-publico header.hero h1{letter-spacing:-.5px}

/* ===== Pie institucional ===== */
.rmc-pie{flex-shrink:0;background:var(--rmc-noche-2,#1D1640);color:rgba(255,255,255,.78);font-family:'Inter','Nunito Sans',system-ui,sans-serif;font-size:14px;padding:30px 0 22px;position:relative}
.rmc-pie::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#F9B81B 0 33.3%,#013A97 33.3% 66.6%,#DF2521 66.6%)}
.rmc-pie .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:auto 1fr;gap:16px 34px;align-items:center}
.rmc-pie-marcas{display:flex;align-items:center;gap:14px}
.rmc-pie-marcas img{height:40px;width:auto;object-fit:contain}
.rmc-pie-sep{width:1px;height:30px;background:rgba(255,255,255,.3)}
.rmc-pie-enlaces{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 20px}
.rmc-pie-enlaces a{color:#fff;text-decoration:none;font-weight:600}
.rmc-pie-enlaces a:hover{text-decoration:underline}
.rmc-pie-legal{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid rgba(255,255,255,.14);
    padding-top:14px;font-size:12.5px;color:rgba(255,255,255,.72)}

body.rmc-publico.a11y-contrast .login-hero,body.rmc-publico.a11y-contrast .auth-hero,
body.rmc-publico.a11y-contrast .register-hero,body.rmc-publico.a11y-contrast header.hero{background:#1D1640!important}

@media (max-width:720px){
    .rmc-pie .wrap{grid-template-columns:1fr}
    .rmc-pie-enlaces{justify-content:flex-start}
    .rmc-publico .login-hero,.rmc-publico .auth-hero,.rmc-publico .register-hero{padding:24px 0;min-height:0}
    .rmc-publico .govbar .brand-co{font-size:12px}
}

/* Vistas cuyo <body> centraba la tarjeta (2FA, verificación por código): la barra GOV.CO y el pie ocupan todo el
   ancho y la tarjeta se centra en el espacio que queda. */
body.rmc-publico{align-items:stretch!important;justify-content:flex-start!important;padding:0!important}
body.rmc-fondo{background:linear-gradient(90deg,rgba(9,17,36,.6),rgba(9,17,36,.2)),url(v3/escena/escena-completa.svg) no-repeat 70% 50%/cover fixed,#1D1640!important}
body.rmc-fondo > main{margin:48px auto!important;align-self:center;position:relative}
body.rmc-fondo > main::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:26px 26px 0 0;
    background:linear-gradient(90deg,#F9B81B 0 33.3%,#013A97 33.3% 66.6%,#DF2521 66.6%)}
body.rmc-fondo > main.card,body.rmc-fondo .gate-card{border-radius:26px!important;box-shadow:0 50px 100px -40px rgba(0,0,0,.7)!important}
/* Las marcas ya van en el pie institucional: no se repiten al final de la tarjeta. */
.rmc-publico main .cobrand{display:none}
/* Certificado no encontrado (antes un <h3> suelto) */
.rmc-nohay{box-sizing:border-box;max-width:560px;width:calc(100% - 32px);margin:56px auto;background:#fff;border-radius:26px;padding:42px 36px;text-align:center;position:relative;
    box-shadow:0 50px 100px -40px rgba(0,0,0,.7);font-family:'Inter','Nunito Sans',system-ui,sans-serif;color:#2B2A36}
.rmc-nohay::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:26px 26px 0 0;
    background:linear-gradient(90deg,#F9B81B 0 33.3%,#013A97 33.3% 66.6%,#DF2521 66.6%)}
.rmc-nohay img{height:54px;width:auto;margin:0 auto 18px;display:block}
.rmc-nohay h1{font-family:'Nunito Sans',system-ui,sans-serif;font-weight:900;color:#282058;font-size:1.7rem;margin:0 0 10px}
.rmc-nohay p{color:#5F5E6E;margin:0 0 22px;line-height:1.6}
.rmc-nohay a{display:inline-flex;align-items:center;gap:8px;background:#282058;color:#fff;text-decoration:none;font-weight:800;
    font-family:'Nunito Sans',system-ui,sans-serif;padding:12px 24px;border-radius:999px}

.rmc-saltar{position:absolute;left:12px;top:-60px;z-index:1000;background:#fff;color:#282058;font-weight:800;padding:10px 16px;
    border-radius:10px;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);text-decoration:none;font-family:'Nunito Sans',system-ui,sans-serif}
.rmc-saltar:focus{top:8px}

/* Micrositio de exposiciones (apps/micrositio/index.php): misma cabecera inmersiva; usa la barra de
   apps/_shared/govbar.php, que trae su propio estilo. */
.rmc-micrositio header.ms-hero{padding:56px 0 48px}
.rmc-micrositio header.ms-hero h1{font-weight:900;font-size:clamp(2rem,4vw,3rem);color:#fff}
.rmc-micrositio header.ms-hero:after{display:none}
.rmc-micrositio .ms-lockup b{color:#fff;opacity:.9}
.rmc-micrositio .ms-card{border-radius:20px;border-color:#E4E2EC;box-shadow:0 20px 50px -38px rgba(9,17,36,.5)}
.rmc-micrositio main{flex:1 0 auto}
.rmc-micrositio .badge.bg-primary{background:#282058!important;border-radius:999px;padding:.45em .8em}