:root{
--cern:#0033a0; --cern-osc:#00246f; --cern-cl:#2f6fd0;
--rojo:#da291c;
--noche:#0b1226; --noche-2:#14204a; --noche-3:#1b2e5e;
--haz:#5b9bff; --haz-2:#ffe600; --haz-3:#da291c;
--ambar:#ffd400; --verde:#7bff3d; --cobre:#e07a3f;
--tinta:#1b2430; --gris:#4c5666; --linea:#c9d2df;
--fondo:#e7edf5; --papel:#fff; --error:#da291c; --ok:#0f9d58;
--r:12px;
--gutter:1.25rem;
}
*{box-sizing:border-box}
[hidden]{display:none !important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--tinta);overflow-x:hidden;
font:16px/1.6 "Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif}
.contenido{width:min(1080px,100% - (var(--gutter) * 2));margin-inline:auto}
h1,h2,h3,h4{line-height:1.2}
img{max-width:100%}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.oculto-visual{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ic{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.7;
stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ic-grande{width:2.2rem;height:2.2rem;fill:none;stroke:currentColor;stroke-width:1.6;
stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.barra{background:var(--cern-osc);border-bottom:3px solid var(--cern)}
.barra-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;
min-height:64px;flex-wrap:wrap;padding:.5rem 0}
.logos{display:flex;align-items:center;gap:1rem}
.logo-enlace{display:block;border-radius:6px;transition:opacity .15s,transform .15s}
.logo-enlace:hover{opacity:.82;transform:translateY(-1px)}
.logo-enlace:focus-visible{outline:3px solid rgba(255,255,255,.8);outline-offset:3px}
.logos img{max-height:56px;width:auto;display:block}
.logos a[title^="CCTVal"] img,.logos span[title^="Instituto"] img{max-height:40px}
.logo-dte img{max-height:46px;border-radius:6px}
.sep{width:1px;height:38px;background:rgba(255,255,255,.3)}
.barra-fin{display:flex;align-items:center;gap:.9rem}
.engranaje{display:grid;place-items:center;width:2.3rem;height:2.3rem;padding:0;border-radius:50%;
background:none;border:1px solid rgba(255,255,255,.42);color:#fff;cursor:pointer;
transition:color .15s,border-color .15s,background .15s,transform .3s}
.engranaje .ic{width:1.15rem;height:1.15rem}
.engranaje:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.16);transform:rotate(45deg);filter:none}
.engranaje:focus-visible{outline:3px solid rgba(255,255,255,.85);outline-offset:2px}
.logo-texto{font-size:.76rem;font-weight:700;line-height:1.25;max-width:22rem;
text-transform:uppercase;letter-spacing:.04em;color:#fff}
.logo-cern{font-size:1.5rem;letter-spacing:.12em;color:#fff;text-transform:none}
.barra-gob{display:block}
.barra-gob img{height:54px;width:auto;display:block;border-radius:4px}
.hero{position:relative;overflow:hidden;color:#fff;
background:radial-gradient(130% 130% at 62% 45%,#123863 0%,var(--noche) 62%)}
.hero-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.26;
filter:saturate(1.05) contrast(1.05)}
.lhc{position:absolute;inset:0;width:100%;height:100%}
.lhc .detector{opacity:.85}
.paquetes rect{filter:drop-shadow(0 0 12px currentColor)}
.pa{color:#5b9bff;animation:hazA 5.2s cubic-bezier(.45,0,.85,1) infinite}
.pb{color:#ff6a52;animation:hazB 5.2s cubic-bezier(.45,0,.85,1) infinite}
@keyframes hazA{
0%{transform:translateX(-190px);opacity:0}
6%{opacity:1}
32%{transform:translateX(720px);opacity:1}
35%{transform:translateX(735px);opacity:0}
100%{transform:translateX(735px);opacity:0}}
@keyframes hazB{
0%{transform:translateX(190px);opacity:0}
6%{opacity:1}
32%{transform:translateX(-360px);opacity:1}
35%{transform:translateX(-375px);opacity:0}
100%{transform:translateX(-375px);opacity:0}}
.flash{transform:scale(0);opacity:0;animation:flash 5.2s ease-out infinite}
@keyframes flash{
0%,32%{transform:scale(0);opacity:0}
36%{transform:scale(1.2);opacity:1}
60%{transform:scale(2);opacity:.5}
85%,100%{transform:scale(2.4);opacity:0}}
.nucleo{opacity:0;animation:nucleo 5.2s ease-out infinite}
@keyframes nucleo{0%,32%{opacity:0}36%{opacity:1}80%{opacity:.9}92%,100%{opacity:0}}
.chorros{filter:drop-shadow(0 0 9px rgba(255,224,60,.75))}
.chorros path{stroke-dasharray:640;stroke-dashoffset:640;opacity:0;
animation:chorro 5.2s cubic-bezier(.2,.7,.3,1) infinite}
.chorros path:nth-child(2n){animation-delay:.05s}
.chorros path:nth-child(3n){animation-delay:.1s}
@keyframes chorro{
0%,33%{stroke-dashoffset:640;opacity:0}
38%{opacity:1}
58%{stroke-dashoffset:0;opacity:1}
80%{stroke-dashoffset:0;opacity:1}
92%{opacity:0;stroke-dashoffset:0}
100%{opacity:0;stroke-dashoffset:640}}
.chorros.curva,.campo-mag{display:none}
.lhc.con-campo .chorros.recta{display:none}
.lhc.con-campo .chorros.curva{display:block}
.lhc.con-campo .campo-mag{display:block}
.linea li.lt{cursor:pointer}
.linea li.lt:hover{transform:translateX(3px);box-shadow:0 10px 26px rgba(14,24,37,.13)}
.linea li.lt:focus-visible{outline:3px solid var(--cern-cl);outline-offset:3px}
.linea li.lt .lt-txt::after{content:"Ver el hito \2192";display:inline-block;margin-top:.8rem;
font-size:.78rem;font-weight:800;letter-spacing:.06em;color:var(--cern)}
.lt-logos{display:flex;align-items:center;gap:1.1rem;margin-top:.9rem !important;flex-wrap:wrap}
.lt-logos img{height:2.3rem;width:auto;object-fit:contain}
.hito-vista{max-width:52rem;margin-inline:auto}
.hito-foto{display:block;width:100%;border-radius:var(--r);margin-bottom:1.2rem}
.hito-texto p{margin:0 0 .9rem;font-size:1rem;line-height:1.65;color:#2c3a4a}
.hito-texto .lt-entrada{font-size:1.06rem;font-weight:600;color:#1b2a3c}
.hito-texto .lt-logos{margin-top:1.2rem !important}
#hito-detalle .capa-supra{font-size:.7rem;letter-spacing:.13em}
#hito-detalle .capa-cab h2{margin:.1rem 0 0;font-size:clamp(1.1rem,3vw,1.5rem)}
.caja-cargo{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);
border-left:3px solid var(--haz);border-radius:var(--r);
padding:clamp(1.1rem,3vw,1.6rem) clamp(1.15rem,3vw,1.7rem);margin:1.6rem 0 .4rem}
.caja-cargo .titulo-seccion{margin-top:0}
.caja-cargo .entradilla{margin-bottom:0;max-width:none}
.cadena-seccion{padding:0 0 clamp(2rem,5vw,2.8rem)}
.cadena-bajada{margin:0 0 1.3rem;max-width:64ch;color:#3c4b5c;font-size:.96rem}
.cadena{list-style:none;margin:0;padding:0;display:grid;gap:.9rem;
grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr))}
.cadena li{position:relative;display:flex;flex-direction:column;gap:.55rem;
background:var(--papel);border:1px solid var(--linea);border-top:3px solid var(--cern);
border-radius:var(--r);padding:1rem 1.05rem;box-shadow:0 1px 3px rgba(14,24,37,.05)}
.cadena li img{height:2.6rem;width:auto;max-width:100%;object-fit:contain;object-position:left center}
.cadena h4{margin:0;font-size:.98rem;color:var(--cern-osc)}
.cadena h4 a{color:inherit;text-decoration:none;border-bottom:2px solid transparent}
.cadena h4 a:hover{border-bottom-color:var(--cern)}
.cad-enlace{display:inline-block}
.cadena p{margin:0;font-size:.86rem;color:#4c5b6c;line-height:1.5}
.cadena li:nth-child(2){border-top-color:#5b9bff}
.cadena li:nth-child(3){border-top-color:#ffd400}
.cadena li:nth-child(4){border-top-color:#7bff3d}
.cadena li:nth-child(5){border-top-color:var(--rojo)}
.concurso{display:grid;gap:clamp(1.1rem,3vw,2rem);align-items:start;
grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);margin-bottom:.4rem}
.ficha-concurso{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);
border-left:3px solid var(--haz-2);border-radius:var(--r);padding:1.15rem 1.25rem}
.fc-supra{display:flex;align-items:center;gap:.5rem;margin:0 0 .9rem;font-size:.7rem;
font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--haz-2)}
.ficha-concurso dl{margin:0}
.ficha-concurso dt{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
color:#8fa9c6;margin-top:.85rem}
.ficha-concurso dt:first-of-type{margin-top:0}
.ficha-concurso dd{margin:.2rem 0 0;font-size:.9rem;color:#dbe6f2;line-height:1.5}
@media (max-width:860px){.concurso{grid-template-columns:1fr}}
.bh-capa{display:none}
.lhc.colapso .bh-capa{display:block}
.bh-disco,.bh-anillo,.bh-foton,.bh-halo{transform:scale(0);opacity:0}
.bh-negro,.bh-destello{opacity:0}
.lhc.colapso .bh-disco{animation:bh-disco 12s cubic-bezier(.5,0,.9,.4) 1 both}
@keyframes bh-disco{
0%,15%{transform:scale(0);opacity:0}
16%{transform:scale(.04);opacity:1}
28%{transform:scale(.13)}
42%{transform:scale(.34)}
54%{transform:scale(.72)}
64%{transform:scale(19);opacity:1}
74%{transform:scale(19);opacity:1}
80%{opacity:0}
100%{transform:scale(19);opacity:0}}
.lhc.colapso .bh-halo{animation:bh-halo 12s ease-in 1 both}
@keyframes bh-halo{
0%,15%{transform:scale(0);opacity:0}
20%{opacity:.5}
44%{transform:scale(1.5);opacity:.75}
58%{transform:scale(3.4);opacity:.95}
64%{opacity:0}
100%{transform:scale(3.4);opacity:0}}
.lhc.colapso .bh-anillo{animation:bh-anillo 12s cubic-bezier(.5,0,.9,.4) 1 both,
bh-gira 12s cubic-bezier(.3,0,.9,.5) 1 both}
@keyframes bh-anillo{
0%,15%{transform:scale(0);opacity:0}
19%{opacity:.5}
44%{transform:scale(.46);opacity:.9}
56%{transform:scale(.95);opacity:1}
63%{transform:scale(20);opacity:0}
100%{transform:scale(20);opacity:0}}
@keyframes bh-gira{0%,15%{rotate:0deg}100%{rotate:1900deg}}
.lhc.colapso .bh-foton{animation:bh-foton 12s cubic-bezier(.5,0,.9,.4) 1 both}
@keyframes bh-foton{
0%,15%{transform:scale(0);opacity:0}
24%{opacity:.35}
44%{transform:scale(.4);opacity:.8}
57%{transform:scale(.85);opacity:1}
63%{transform:scale(20);opacity:0}
100%{transform:scale(20);opacity:0}}
.lhc.colapso .bh-negro{animation:bh-negro 12s linear 1 both}
@keyframes bh-negro{
0%,61%{opacity:0}
66%{opacity:1}
78%{opacity:1}
91%{opacity:0}
100%{opacity:0}}
.lhc.colapso .bh-destello{animation:bh-destello 12s ease-out 1 both;transform-origin:880px 350px}
@keyframes bh-destello{
0%,76%{opacity:0;transform:scale(.05)}
79%{opacity:1;transform:scale(.5)}
86%{opacity:.65;transform:scale(1.5)}
94%{opacity:0;transform:scale(2.2)}
100%{opacity:0;transform:scale(2.2)}}
.campo-anillo{animation:girar 26s linear infinite;transform-origin:0 0}
.campo-anillo.b{animation-duration:38s;animation-direction:reverse}
@keyframes girar{to{transform:rotate(360deg)}}
.campo-marcas,.campo-b{animation:latir 5.2s ease-in-out infinite}
@keyframes latir{0%,30%{opacity:.18}42%{opacity:.85}100%{opacity:.28}}
@media (prefers-reduced-motion:reduce){
.pa,.pb,.flash,.nucleo,.chorros path,.campo-anillo,.campo-marcas,.campo-b{
animation:none;opacity:.9;stroke-dashoffset:0;transform:none}
.bh-capa{display:none !important}}
.hero-velo{position:absolute;inset:0;
background:linear-gradient(100deg,var(--noche) 0 22%,rgba(5,13,28,.84) 40%,rgba(5,13,28,.28) 58%,rgba(5,13,28,.12) 70%)}
.hero-texto{position:relative;padding:clamp(2.8rem,7vw,5rem) 0 clamp(2.4rem,6vw,4.2rem)}
.etiqueta{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.35rem .9rem;
border:1px solid rgba(91,155,255,.45);border-radius:999px;background:rgba(11,18,38,.55);
font-size:clamp(.68rem,2vw,.76rem);letter-spacing:.14em;text-transform:uppercase;color:var(--haz);font-weight:700}
.hero h1{margin:0 0 1.1rem;font-size:clamp(2.1rem,8.2vw,4rem);font-weight:750;letter-spacing:-.02em;
text-shadow:0 4px 40px rgba(3,10,22,.65)}
.hero h1 span{background:linear-gradient(92deg,#7bff3d,#ffe600 52%,#ffd400);
-webkit-background-clip:text;background-clip:text;color:transparent}
.bajada{margin:0 0 2rem;max-width:56ch;font-size:clamp(.95rem,2.6vw,1.03rem);color:#cbdcec;
text-shadow:0 2px 20px rgba(3,10,22,.8)}
.bajada strong{color:#fff}
.hero-acciones{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:.6rem}
.boton-primario,.boton-amarillo,.boton-linea{display:inline-block;padding:.8rem clamp(1.1rem,4vw,1.8rem);
border-radius:999px;font-weight:650;font-size:clamp(.88rem,2.4vw,.95rem);text-decoration:none;
transition:transform .15s,background .15s,box-shadow .15s,color .15s}
.boton-primario{background:linear-gradient(100deg,#ffe600,#ffc400);color:#1b2430;
box-shadow:0 10px 34px rgba(255,214,0,.3)}
.boton-primario:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(255,214,0,.45)}
.boton-primario.oscuro{box-shadow:0 8px 24px rgba(180,150,0,.28)}
.boton-amarillo{border:1.5px solid #ffe600;color:#ffe600;background:rgba(255,230,0,.1);
backdrop-filter:blur(3px)}
.boton-amarillo:hover{background:rgba(255,230,0,.22);color:#fff59a;transform:translateY(-2px);
box-shadow:0 10px 30px rgba(255,214,0,.25)}
.boton-linea{border:1px solid var(--cern);color:var(--cern);background:#fff}
.boton-linea:hover{background:#eef4ff;transform:translateY(-2px)}
.hero-borde{height:5px;background:linear-gradient(90deg,var(--cern) 0 35%,#5b9bff 55%,#ffe600 78%,var(--rojo))}
.pestanas{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);
backdrop-filter:blur(8px);border-bottom:1px solid var(--linea);box-shadow:0 2px 14px rgba(10,24,48,.05)}
.pestanas-in{display:flex;gap:.3rem;overflow-x:auto;scrollbar-width:none}
.pestanas-in::-webkit-scrollbar{display:none}
.pestana{display:flex;align-items:center;gap:.45rem;background:none;border:0;border-bottom:3px solid transparent;
padding:.95rem clamp(.55rem,2.4vw,.9rem);font:inherit;font-size:clamp(.8rem,2.4vw,.93rem);font-weight:650;
color:var(--gris);cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}
.pestana:hover{color:var(--cern);background:#f3f8ff}
.pestana.activa{color:var(--cern);border-bottom-color:var(--rojo)}
.panel{display:none}
.panel.activo{display:block;animation:aparecer .25s ease-out}
@keyframes aparecer{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.franja{position:relative;background:linear-gradient(180deg,var(--noche-2),var(--noche-3));
color:#dbe6f2;padding:clamp(2.2rem,6vw,3.4rem) 0 clamp(2.4rem,6vw,3.6rem)}
.franja .contenido{position:relative;z-index:2}
.franja-historia{background:linear-gradient(180deg,#0b1a3c,#16295c);overflow:hidden}
.franja-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;z-index:1}
.franja-historia::after{content:"";position:absolute;inset:0;z-index:1;
background:linear-gradient(100deg,rgba(9,17,40,.95) 0 34%,rgba(9,17,40,.55) 62%,rgba(9,17,40,.35))}
.franja-cambia{background:linear-gradient(180deg,#14204a,#101c3f)}
.sello-hito{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .9rem;padding:.3rem .85rem;
border:1px solid rgba(255,230,0,.45);border-radius:999px;background:rgba(255,230,0,.08);
font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--haz-2);font-weight:700}
.titulo-seccion{margin:0 0 1.2rem;font-size:clamp(1.28rem,4.4vw,1.8rem);color:#fff;max-width:26ch}
.titulo-claro{margin:0 0 1.6rem;font-size:clamp(1.2rem,4vw,1.6rem);color:var(--cern-osc)}
.entradilla{margin:0 0 1rem;max-width:68ch;font-size:clamp(.94rem,2.6vw,1.02rem);color:#c3d3e6}
.entradilla strong{color:#fff}
.subtitulo-franja{margin:2.4rem 0 .35rem;font-size:clamp(1.05rem,3.4vw,1.25rem);color:#fff}
.ayuda-franja{margin:0 0 1.2rem;font-size:.87rem;color:#93aac6}
.requisitos{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.requisitos li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
border-left:3px solid var(--haz);border-radius:var(--r);overflow:hidden;transition:background .2s,border-color .2s}
.requisitos li:hover{background:rgba(255,255,255,.085)}
.requisitos li.abierta{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
.requisitos .r1{border-left-color:#5b9bff} .requisitos .r2{border-left-color:#ffe600}
.requisitos .r3{border-left-color:#7bff3d} .requisitos .r4{border-left-color:#ff6a52}
.requisitos .r5{border-left-color:#c58cff}
.req-cab{display:flex;align-items:center;gap:.9rem;width:100%;background:none;border:0;
padding:1.05rem 1.1rem;text-align:left;color:inherit;font:inherit;cursor:pointer}
.req-n{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:#8fa9c4;flex:0 0 auto}
.req-cab .ic-grande{width:1.85rem;height:1.85rem}
.r1 .ic-grande{color:#5b9bff} .r2 .ic-grande{color:#ffe600} .r3 .ic-grande{color:#7bff3d}
.r4 .ic-grande{color:#ff6a52} .r5 .ic-grande{color:#c58cff}
.req-tit{flex:1 1 auto;font-size:clamp(.9rem,2.6vw,1rem);font-weight:650;color:#fff;line-height:1.35}
.req-mas{position:relative;width:1.25rem;height:1.25rem;flex:0 0 auto;opacity:.7}
.req-mas::before,.req-mas::after{content:"";position:absolute;left:50%;top:50%;background:currentColor;
border-radius:2px;transform:translate(-50%,-50%);transition:transform .22s}
.req-mas::before{width:1.1rem;height:2px}
.req-mas::after{width:2px;height:1.1rem}
.abierta .req-mas::after{transform:translate(-50%,-50%) scaleY(0)}
.req-cuerpo,.paso-cuerpo{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
.abierta .req-cuerpo,.abierta .paso-cuerpo{grid-template-rows:1fr}
.req-cuerpo>*,.paso-cuerpo>*{overflow:hidden}
.req-cuerpo p,.paso-cuerpo p{margin:0 1.15rem 1.15rem 3.9rem;font-size:.92rem;color:#b3c6dc;max-width:62ch}
.req-cab:focus-visible,.paso-cab:focus-visible{outline:3px solid rgba(91,155,255,.6);outline-offset:-3px}
.cta-franja{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;
margin:2rem 0 0;padding:1.4rem 1.5rem;border-radius:var(--r);
background:rgba(255,230,0,.07);border:1px solid rgba(255,230,0,.25)}
.cta-franja p{margin:0;flex:1 1 20rem;font-size:.9rem;color:#c3d3e6}
.pasos{list-style:none;margin:0;padding:0;display:grid;gap:1rem;
grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));align-items:start}
.pasos li{position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);
border-radius:var(--r);overflow:hidden;transition:border-color .2s,transform .2s,background .2s}
.pasos li:hover{transform:translateY(-3px);background:rgba(255,255,255,.08)}
.pasos li.c1{border-top:3px solid #5b9bff}
.pasos li.c2{border-top:3px solid #ffe600}
.pasos li.c3{border-top:3px solid var(--rojo)}
.pasos li.c1 .ic-grande,.pasos li.c1 .paso-n{color:#5b9bff}
.pasos li.c2 .ic-grande,.pasos li.c2 .paso-n{color:#ffe600}
.pasos li.c3 .ic-grande,.pasos li.c3 .paso-n{color:#ff6a52}
.pasos{align-items:stretch}
.pasos li{display:flex;flex-direction:column}
.pasos li:hover{transform:none}
.paso-cab{display:block;padding:1.5rem 1.3rem .9rem;cursor:default}
.paso-cuerpo{display:block !important;grid-template-rows:none !important}
.paso-cuerpo>*{overflow:visible}
.paso-n{position:absolute;top:1.2rem;right:2.6rem;font-size:.75rem;font-weight:800;letter-spacing:.1em;opacity:.8}
.pasos h3{margin:.7rem 0 .5rem;font-size:1.05rem;color:#fff}
.pasos p{margin:0;font-size:.92rem;color:#aec1d5}
.pasos em{color:#dbe6f2;font-style:italic}
.paso-cab .req-mas{position:absolute;top:1.15rem;right:1.1rem;color:#fff}
.paso-cuerpo p{margin:0 1.3rem .9rem;color:#9fb5cd;font-size:.89rem}
.paso-cuerpo .enlace-paso{display:inline-block;margin:0 1.3rem 1.2rem}
.enlace-paso{display:inline-block;margin:0 1.3rem 1.2rem;font-size:.88rem;font-weight:650;
color:#ffe600;text-decoration:none}
.enlace-paso:hover{text-decoration:underline}
.galeria{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}
.galeria a{position:relative;display:grid;place-items:center;height:clamp(8.5rem,26vw,11.5rem);
border-radius:var(--r);overflow:hidden;text-decoration:none;
transition:transform .2s,box-shadow .2s}
.galeria a:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(3,10,25,.45)}
.galeria a:focus-visible{outline:3px solid #ffe600;outline-offset:2px}
.galeria .g1{background:linear-gradient(140deg,#0b3f6d,#0a1b30)}
.galeria .g2{background:linear-gradient(140deg,#123a7a,#0a1b30)}
.galeria .g3{background:linear-gradient(140deg,#5a2b6b,#0a1b30)}
.galeria .g4{background:linear-gradient(140deg,#0a4f5e,#0a1b30)}
.galeria img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;
transition:transform .45s,opacity .3s;z-index:1}
.galeria a:hover img{transform:scale(1.07);opacity:1}
.galeria a.sin-foto img{display:none}
.galeria .ic-fondo{width:3.6rem;height:3.6rem;fill:none;stroke:#fff;stroke-width:1.2;opacity:.45;
stroke-linecap:round;stroke-linejoin:round;transition:transform .35s,opacity .3s}
.galeria a:not(.sin-foto) .ic-fondo{display:none}
.galeria a:hover .ic-fondo{transform:scale(1.12);opacity:.75}
.galeria a::after{content:"";position:absolute;inset:0;z-index:2;
background:repeating-linear-gradient(118deg,rgba(255,255,255,.05) 0 1px,transparent 1px 18px)}
.galeria span{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:.7rem .85rem;color:#fff;
font-size:clamp(.78rem,2.3vw,.86rem);font-weight:650;background:linear-gradient(transparent,rgba(4,12,24,.92))}
.areas-lista{padding:clamp(2rem,5vw,2.8rem) 0 clamp(2.4rem,6vw,3.2rem);display:grid;gap:1.4rem}
.area{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r);
padding:clamp(1.3rem,4vw,2rem) clamp(1.1rem,4vw,1.9rem);box-shadow:0 2px 16px rgba(14,24,37,.05);
scroll-margin-top:5rem}
.area.destacada{border-left:5px solid var(--haz-2);background:linear-gradient(120deg,#fff,#fffdf2)}
.area:target,.area.recien{box-shadow:0 0 0 3px rgba(47,111,208,.35),0 10px 34px rgba(14,24,37,.12)}
.area.recien{transition:box-shadow .4s}
.area-cab{display:flex;gap:1rem;align-items:center;margin-bottom:1.1rem}
.area-cab .ic-grande{width:2.7rem;height:2.7rem;color:var(--cern)}
.area.destacada .area-cab .ic-grande{color:var(--cobre)}
.area-supra{margin:0 0 .15rem;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;
color:var(--gris);font-weight:700}
.area-cab h3{margin:0;font-size:clamp(1.2rem,4vw,1.5rem);color:var(--cern-osc)}
.area-foto{width:100%;height:clamp(9rem,24vw,14rem);object-fit:cover;border-radius:10px;
margin-bottom:1.3rem;display:block}
.area h4{margin:1.5rem 0 .55rem;font-size:.95rem;color:var(--cern);text-transform:uppercase;letter-spacing:.05em}
.area h4:first-of-type{margin-top:0}
.area p{margin:0 0 1rem;color:#2c3a4a;font-size:.97rem}
.area .lista-ic li{font-size:.95rem}
.area-pie{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.4rem;padding-top:1.3rem;
border-top:1px solid var(--linea)}
.area-nota{margin:0 !important;flex:1 1 16rem;font-size:.86rem;color:var(--gris)}
.area-nota strong{color:var(--cern)}
.area-cierre{background:linear-gradient(120deg,var(--noche-2),var(--noche-3));color:#c3d3e6;
border-radius:var(--r);padding:clamp(1.3rem,4vw,1.8rem);display:flex;gap:1.2rem;align-items:center;
flex-wrap:wrap}
.area-cierre p{margin:0;flex:1 1 22rem;font-size:.94rem}
.linea-seccion{padding:clamp(2.2rem,6vw,3rem) 0 clamp(2rem,5vw,2.6rem)}
.linea{list-style:none;margin:0;padding:0 0 0 clamp(1.6rem,6vw,2.4rem);position:relative}
.linea::before{content:"";position:absolute;left:clamp(.45rem,2vw,.7rem);top:.4rem;bottom:.4rem;width:2px;
background:linear-gradient(180deg,var(--cern),#5b9bff 45%,#ffe600 78%,var(--rojo))}
.linea li{position:relative;margin-bottom:1.6rem;background:var(--papel);border:1px solid var(--linea);
border-radius:var(--r);padding:1.1rem 1.2rem;box-shadow:0 1px 3px rgba(14,24,37,.05);
transition:transform .18s,box-shadow .18s}
.linea li.lt{padding:0;overflow:hidden}
.lt-foto{display:block;width:100%;height:clamp(12rem,30vw,19rem);object-fit:cover;
border-bottom:1px solid var(--linea)}
.lt-txt{padding:1.1rem 1.25rem 1.2rem}
.linea li.lt .lt-entrada{margin-bottom:.7rem;font-weight:600;color:#26374a}
.linea li.lt .lt-txt p+p{margin-top:.7rem}
.linea li.lt::before{top:1.1rem}
.linea li.lt.sin-foto::before{top:1.35rem}
.linea li:hover{transform:translateX(3px);box-shadow:0 8px 22px rgba(14,24,37,.09)}
.linea li::before{content:"";position:absolute;left:calc(-1 * clamp(1.6rem,6vw,2.4rem) + clamp(.1rem,1.1vw,.2rem));
top:1.35rem;width:1.05rem;height:1.05rem;border-radius:50%;background:#fff;
border:3px solid var(--cern-cl);box-shadow:0 0 0 3px var(--fondo)}
.linea li.destacada{border-left:4px solid var(--cobre)}
.linea li.destacada::before{border-color:var(--cobre)}
.linea li.final{border-left-color:var(--rojo);background:linear-gradient(120deg,#fff,#fff7e8)}
.linea li.final::before{border-color:var(--rojo)}
.linea-anio{display:inline-block;margin-bottom:.35rem;font-size:.74rem;font-weight:800;letter-spacing:.11em;
text-transform:uppercase;color:var(--cern)}
.linea h4{margin:0 0 .45rem;font-size:clamp(1rem,3vw,1.1rem);color:var(--cern-osc)}
.linea p{margin:0;font-size:.94rem;color:#3c4b5c}
.linea em{font-style:italic}
.cambios{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.cambio{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);
padding:1.4rem 1.3rem;transition:transform .2s,background .2s}
.cambio:hover{transform:translateY(-3px);background:rgba(255,255,255,.085)}
.cambio .ic-grande{color:#5b9bff;margin-bottom:.6rem}
.cambio.destacada{border-color:rgba(255,230,0,.4);background:rgba(255,230,0,.07)}
.cambio.destacada .ic-grande{color:#ffe600}
.cambio h4{margin:0 0 .5rem;font-size:1.02rem;color:#fff}
.cambio p{margin:0;font-size:.91rem;color:#aec1d5}
.bloques-claros{padding:clamp(2rem,5vw,2.6rem) 0 clamp(2.4rem,6vw,3rem)}
.destacado{display:flex;gap:1.3rem;align-items:flex-start;background:var(--papel);
border:1px solid var(--linea);border-left:5px solid var(--cobre);border-radius:var(--r);
padding:clamp(1.2rem,4vw,1.7rem) clamp(1.1rem,4vw,1.6rem);box-shadow:0 2px 16px rgba(14,24,37,.05)}
.destacado .ic-grande{color:var(--cobre);flex:0 0 auto;width:2.6rem;height:2.6rem}
.destacado h3{margin:0 0 .5rem;font-size:clamp(1.05rem,3.2vw,1.15rem);color:var(--cern-osc)}
.destacado p{margin:0 0 .8rem;color:#3c4b5c;font-size:.96rem}
.destacado p:last-child{margin-bottom:0}
.cta-claro{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.4rem}
.doc{padding:clamp(2rem,5vw,2.6rem) 0 clamp(2.6rem,6vw,3.4rem);max-width:820px}
.doc-cabecera{border-bottom:3px solid var(--cern);padding-bottom:1.4rem;margin-bottom:1.8rem}
.doc-supra{margin:0 0 .5rem;font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;color:var(--gris)}
.doc-cabecera h2{margin:0 0 .4rem;font-size:clamp(1.45rem,5vw,1.9rem);color:var(--cern-osc)}
.doc-sub{margin:0 0 .3rem;font-size:clamp(.95rem,2.8vw,1.02rem);color:var(--tinta);font-weight:600}
.doc-meta{margin:0;font-size:.85rem;color:var(--gris)}
.doc-cuerpo h3{display:flex;align-items:center;gap:.7rem;margin:2.2rem 0 .9rem;
font-size:clamp(1.05rem,3.2vw,1.18rem);color:var(--cern-osc)}
.doc-cuerpo h3 .n{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:7px;flex:0 0 auto;
background:linear-gradient(135deg,var(--cern),var(--haz));color:#fff;font-size:.85rem;font-weight:700}
.doc-cuerpo h4{margin:1.5rem 0 .6rem;font-size:.98rem;color:var(--cern);
text-transform:uppercase;letter-spacing:.05em}
.doc-cuerpo p{margin:0 0 1rem;color:#2c3a4a;text-align:justify}
.lista-ic{list-style:none;margin:0 0 1rem;padding:0}
.lista-ic li{position:relative;padding:.5rem 0 .5rem 1.9rem;color:#2c3a4a;
border-bottom:1px solid #eef2f7;font-size:.96rem}
.lista-ic li:last-child{border-bottom:0}
.lista-ic li::before{content:"";position:absolute;left:.45rem;top:1.05rem;width:.5rem;height:.5rem;
border-radius:50%;background:linear-gradient(135deg,var(--cern),var(--rojo))}
#p-registro{padding:clamp(2rem,5vw,2.6rem) 0 clamp(3rem,7vw,4rem)}
.cabecera-form{margin-bottom:1.6rem}
#postular-ilo{margin-top:3rem;padding-top:2rem;border-top:3px solid var(--cern)}
.cabecera-form h2{margin:0 0 .5rem;font-size:clamp(1.35rem,4.6vw,1.7rem);color:var(--cern-osc)}
.cabecera-form p{margin:0;color:var(--gris);max-width:64ch;font-size:.95rem}
.guardado{min-height:1.2rem;font-size:.82rem;color:var(--ok);font-weight:650}
.req{color:var(--error)}
.bloque{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r);
padding:clamp(1.2rem,4vw,1.7rem) clamp(1.1rem,4vw,1.6rem) 1.3rem;margin-bottom:1.1rem;
box-shadow:0 1px 3px rgba(14,24,37,.05)}
.bloque h3{display:flex;align-items:center;gap:.7rem;margin:0 0 1.3rem;font-size:1.12rem;color:var(--cern-osc)}
.bloque h3 .n{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;flex:0 0 auto;
background:linear-gradient(135deg,var(--cern),var(--haz));color:#fff;font-size:.85rem;font-weight:700}
.ayuda-bloque{margin:-.6rem 0 1rem;font-size:.88rem;color:var(--gris)}
.campo{margin-bottom:1.1rem;border:0;padding:0;min-width:0}
.fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:0 1.1rem}
label,legend{display:block;font-size:.89rem;font-weight:650;margin-bottom:.4rem;padding:0}
input[type=text],input[type=email],input[type=tel],input[type=url],
input[type=password],select,textarea{
width:100%;padding:.68rem .78rem;font:inherit;font-size:16px;color:var(--tinta);background:#fff;
border:1px solid var(--linea);border-radius:8px;transition:border-color .15s,box-shadow .15s}
textarea{resize:vertical;min-height:6.5rem}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cern-cl);box-shadow:0 0 0 3px rgba(0,51,160,.18)}
.malo{border-color:var(--error) !important;box-shadow:0 0 0 3px rgba(192,57,43,.12)}
.ayuda{margin:.35rem 0 0;font-size:.8rem;color:var(--gris);text-align:right}
.error{margin:.35rem 0 0;font-size:.83rem;color:var(--error);font-weight:600}
.error:empty{display:none}
.tarjetas{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.tarjeta{position:relative;display:flex;gap:.7rem;align-items:flex-start;margin:0;padding:.85rem .95rem;
border:1px solid var(--linea);border-radius:10px;cursor:pointer;font-weight:400;background:#fff;
transition:border-color .15s,transform .12s,box-shadow .15s}
.tarjeta:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(14,24,37,.08)}
.tarjeta input{margin:.15rem 0 0;width:1.05rem;height:1.05rem;flex:0 0 auto}
.tarjeta .ic{width:1.5rem;height:1.5rem;margin-top:.05rem}
.tarjeta span{display:block;font-size:.84rem;color:var(--gris);line-height:1.4}
.tarjeta strong{display:block;font-size:.93rem;color:var(--tinta);margin-bottom:.12rem}
.tarjeta:has(input:checked){box-shadow:inset 0 0 0 2px currentColor}
.t1{color:#0033a0} .t2{color:#0f6fb5} .t3{color:#3b4fa8} .t4{color:#2f6fd0}
.t5{color:#0a7f8c} .t6{color:#26418f} .t7{color:var(--cobre)} .t8{color:#8d6e63}
.t9{color:#4c5666} .t10{color:#c79100} .t11{color:#0b7a6a} .t12{color:var(--rojo)} .t13{color:#5a6675}
.tarjeta input{accent-color:currentColor}
.check{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.94rem;margin:0}
.check input{margin:.25rem 0 0;width:1.05rem;height:1.05rem;accent-color:var(--cern);flex:0 0 auto}
.miel{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.envio{border-top:3px solid var(--cern)}
.acciones{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin-top:1.2rem}
button{font:inherit;font-weight:650;font-size:.95rem;color:#fff;border:0;border-radius:8px;
padding:.78rem 1.7rem;cursor:pointer;background:linear-gradient(135deg,var(--cern),var(--cern-cl));
transition:filter .15s,transform .12s}
button:hover{filter:brightness(1.14);transform:translateY(-1px)}
button:disabled{background:var(--gris);cursor:progress;transform:none}
button.secundario{background:none;color:var(--gris);border:1px solid var(--linea);padding:.72rem 1.1rem}
button.secundario:hover{color:var(--error);border-color:var(--error);filter:none}
button:focus-visible{outline:3px solid rgba(0,51,160,.45);outline-offset:2px}
.req-cab,.pestana{background:none}
.estado{margin:0;font-size:.9rem;color:var(--gris)}
.estado.malo{color:var(--error);font-weight:600}
.gracias{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r);
padding:clamp(1.8rem,6vw,2.6rem) 1.4rem;text-align:center;box-shadow:0 10px 40px rgba(14,24,37,.09)}
.tic{color:var(--ok);width:4rem;margin:0 auto 1rem}
.tic svg{width:100%;display:block}
.gracias h2{margin:0 0 .6rem;color:var(--cern-osc);font-size:1.5rem}
.gracias p{margin:0 auto 1.5rem;max-width:52ch;color:var(--gris)}
.gracias strong{color:var(--cern);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem}
.pie{background:var(--noche);color:#93a8bf;padding:clamp(1.8rem,5vw,2.4rem) 0;font-size:.88rem;
border-top:5px solid transparent;
border-image:linear-gradient(90deg,var(--cern) 0 35%,#5b9bff 55%,#ffe600 78%,var(--rojo)) 1}
.pie-grid{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));align-items:start}
.pie p{margin:.15rem 0}
.pie-titulo{color:#fff;font-weight:650}
.pie-dte{display:flex;gap:1.1rem;align-items:flex-start}
.pie-dte img{width:74px;height:74px;flex:0 0 auto;border-radius:10px;
box-shadow:0 4px 18px rgba(0,0,0,.4)}
.pie-dte p{max-width:44ch}
.pie-contacto{display:flex;align-items:center;gap:.45rem;margin-top:.5rem !important}
.pie-contacto a{color:#ffe600;text-decoration:none;font-weight:650}
.pie-contacto a:hover{text-decoration:underline}
.pie-fin .version{margin-top:.7rem;font-size:.78rem;opacity:.65}
.capa{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:clamp(.5rem,3vw,2rem)}
.capa-fondo{position:absolute;inset:0;background:rgba(6,13,30,.72);backdrop-filter:blur(4px)}
.capa-caja{position:relative;width:min(1100px,100%);max-height:min(92vh,100%);display:flex;
flex-direction:column;background:var(--fondo);border-radius:14px;overflow:hidden;
box-shadow:0 30px 90px rgba(3,10,25,.55);animation:subir .22s ease-out}
@keyframes subir{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.capa-cab{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
padding:1.1rem clamp(1rem,3vw,1.6rem);background:linear-gradient(100deg,var(--cern-osc),var(--cern));
color:#fff;border-bottom:3px solid var(--haz-2)}
.capa-supra{margin:0;font-size:1.02rem;letter-spacing:.055em;text-transform:uppercase;
color:#a8c4ee;font-weight:700}
.capa-cab h2{margin:0;font-size:clamp(1.05rem,3.4vw,1.3rem)}
.capa-cab-fin{display:flex;align-items:center;gap:.6rem}
.capa-sesion{margin:0;font-size:.82rem;color:#cfe0ff}
.capa-sesion strong{color:#ffe600}
.capa-salir,.capa-x{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .8rem;border-radius:999px;
background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;
font-size:.82rem;font-weight:650;cursor:pointer}
.capa-salir:hover,.capa-x:hover{background:rgba(255,255,255,.26);filter:none;transform:none}
.capa-x{padding:.42rem;width:2.1rem;height:2.1rem;justify-content:center}
.capa-cuerpo{flex:1 1 auto;overflow:auto;padding:clamp(1rem,3vw,1.6rem)}
.acceso{max-width:24rem;margin:clamp(1rem,5vw,2.5rem) auto;background:var(--papel);border:1px solid var(--linea);
border-radius:var(--r);padding:clamp(1.4rem,4vw,2rem);box-shadow:0 8px 30px rgba(14,24,37,.08)}
.doc-intro{margin:0 0 1.8rem;padding:1.1rem 1.25rem;border-left:4px solid var(--cern);
border-radius:0 10px 10px 0;background:#eef3fb}
.doc-intro p{margin:0 0 .7rem;font-size:.95rem;color:#2c3a4a}
.doc-intro p:last-child{margin-bottom:0}
.acceso-titulo{margin:0 0 1.3rem;text-align:center;font-size:1.32rem;font-weight:700;color:var(--cern-osc)}
.acceso .campo{margin-bottom:1rem}
.acceso .campo input{width:100%}
.acceso button{width:100%;margin-top:.8rem;padding:.78rem 1rem}
.capa-pestanas{display:flex;gap:.3rem;border-bottom:1px solid var(--linea);margin-bottom:1.1rem;
overflow-x:auto;scrollbar-width:none}
.capa-pestanas::-webkit-scrollbar{display:none}
.capa-pestana{display:flex;align-items:center;gap:.45rem;background:none;border:0;border-bottom:3px solid transparent;
padding:.7rem .85rem;font:inherit;font-size:.88rem;font-weight:650;color:var(--gris);cursor:pointer;
white-space:nowrap;border-radius:0}
.capa-pestana:hover{color:var(--cern);background:#f3f8ff;filter:none;transform:none}
.capa-pestana.activa{color:var(--cern);border-bottom-color:var(--rojo)}
.cuenta{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;border-radius:999px;
background:var(--cern);color:#fff;font-size:.72rem;font-weight:700}
.capa-vista{display:none}
.capa-vista.activa{display:block}
.capa-barra{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-bottom:.9rem}
.buscador{flex:1 1 14rem;padding:.55rem .75rem;font:inherit;font-size:.9rem;border:1px solid var(--linea);
border-radius:8px;background:#fff}
.boton-linea.chico{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.85rem}
.tabla-envoltura{overflow-x:auto;background:var(--papel);border:1px solid var(--linea);border-radius:var(--r)}
.tabla{width:100%;border-collapse:collapse;font-size:.87rem;min-width:44rem}
.tabla th{text-align:left;padding:.7rem .8rem;background:#f2f6fc;color:var(--cern-osc);font-weight:700;
font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--linea);
position:sticky;top:0}
.tabla td{padding:.7rem .8rem;border-bottom:1px solid #eef2f7;color:#2c3a4a;vertical-align:top}
.tabla tr:last-child td{border-bottom:0}
.tabla tbody tr:hover{background:#f7faff}
.tabla .folio{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;
color:var(--cern);font-weight:650;white-space:nowrap}
.tabla td:nth-child(2){white-space:nowrap}
.tabla .recorte{display:block;max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ver{padding:.35rem .8rem;font-size:.8rem;border-radius:999px;background:none;border:1px solid var(--linea);
color:var(--cern);font-weight:650;cursor:pointer;white-space:nowrap}
.ver:hover{background:#eef4ff;filter:none;transform:none}
.borrar{padding:.35rem .8rem;font-size:.8rem;border-radius:999px;background:none;border:1px solid var(--linea);
color:var(--error);font-weight:650;cursor:pointer}
.borrar:hover{background:#fdf0ef;filter:none;transform:none}
.vacio{margin:1.4rem 0;text-align:center;color:var(--gris);font-size:.92rem}
.alta{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r);
padding:clamp(1.1rem,3vw,1.5rem);margin-bottom:1.2rem}
.alta h3{margin:0 0 .4rem;font-size:1.05rem;color:var(--cern-osc)}
.alta-ayuda{margin:0 0 1.1rem;font-size:.88rem;color:var(--gris)}
.alta-ayuda strong{color:var(--tinta)}
.detalle{position:absolute;inset:0;z-index:5;background:var(--fondo);display:flex;flex-direction:column;
animation:subir .2s ease-out}
.detalle-cab{display:flex;align-items:center;justify-content:space-between;gap:1rem;
padding:1.1rem clamp(1rem,3vw,1.6rem);background:var(--cern-osc);color:#fff}
.detalle-cab h3{margin:0;font-size:1.05rem}
.detalle-cab .capa-x{background:rgba(255,255,255,.16)}
.detalle-lista{margin:0;padding:clamp(1rem,3vw,1.6rem);overflow:auto;display:grid;gap:.1rem}
.detalle-lista dt{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);
font-weight:700;margin-top:1rem}
.detalle-lista dd{margin:.2rem 0 0;color:#2c3a4a;font-size:.95rem;white-space:pre-wrap;overflow-wrap:anywhere}
@media (max-width:760px){
:root{--gutter:1rem}
.hero-velo{background:linear-gradient(175deg,rgba(6,14,32,.88) 0 28%,rgba(5,13,28,.7) 60%,rgba(5,13,28,.45))}
.hero h1,.hero .entradilla{text-shadow:0 2px 18px rgba(3,10,22,.85)}
.lhc{opacity:.95}
.hero-texto{padding-bottom:clamp(2.8rem,8vw,3.6rem)}
.hero-acciones .boton-primario,.hero-acciones .boton-amarillo{flex:1 1 12rem;text-align:center}
.doc-cuerpo p{text-align:left}
.logos img{max-height:36px}
.logo-dte img{max-height:32px}
.barra-in{gap:.5rem}
.barra-fin{gap:.6rem}
.area-cab .ic-grande{width:2.1rem;height:2.1rem}
.area-pie .boton-primario,.area-pie .boton-linea{flex:1 1 100%;text-align:center}
.capa{padding:0}
.capa-caja{max-height:100vh;height:100%;border-radius:0}
.capa-cab h2{font-size:1rem}
.capa-sesion{display:none}
.logo-texto{max-width:12rem;font-size:.64rem}
.barra-nota{font-size:.72rem}
.req-cab{gap:.65rem;padding:.9rem .85rem}
.req-cuerpo p,.paso-cuerpo p{margin-left:.9rem;margin-right:.9rem}
.cta-franja{padding:1.1rem 1.1rem}
.galeria{grid-template-columns:repeat(2,1fr)}
.destacado{flex-direction:column;gap:.9rem}
.pie-dte img{width:58px;height:58px}
}
@media (max-width:420px){
.galeria a{height:8rem}
.pasos{grid-template-columns:1fr}
}