@font-face{
  font-family:'Newsreader';
  src:url('/fuentes/newsreader-var-latin.woff2') format('woff2');
  font-weight:400 700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Source Sans 3';
  src:url('/fuentes/source-sans-3-var-latin.woff2') format('woff2');
  font-weight:200 900; font-style:normal; font-display:swap;
}

@font-face{
  font-family:'Newsreader respaldo Noto';
  src:local('Noto Serif'),local('NotoSerif'),local('Droid Serif'),local('DroidSerif');
  font-weight:400 500; font-style:normal;
  size-adjust:85.0%; ascent-override:86.4%; descent-override:31.2%; line-gap-override:0%;
}
@font-face{
  font-family:'Newsreader respaldo Noto';
  src:local('Noto Serif Bold'),local('NotoSerif-Bold'),local('Droid Serif Bold'),local('DroidSerif-Bold');
  font-weight:600 700; font-style:normal;
  size-adjust:83.9%; ascent-override:87.6%; descent-override:31.6%; line-gap-override:0%;
}

@font-face{
  font-family:'Newsreader respaldo'; src:local('Georgia');
  font-weight:400 500; font-style:normal;
  size-adjust:91.5%; ascent-override:80.3%; descent-override:29.0%; line-gap-override:0%;
}
@font-face{
  font-family:'Newsreader respaldo'; src:local('Georgia Bold'),local('Georgia-Bold');
  font-weight:600 700; font-style:normal;
  size-adjust:82.4%; ascent-override:89.2%; descent-override:32.2%; line-gap-override:0%;
}

@font-face{
  font-family:'Newsreader respaldo Times';
  src:local('Times New Roman'),local('TimesNewRomanPSMT'),local('Tinos'),local('Liberation Serif');
  font-weight:400 500; font-style:normal;
  size-adjust:100.4%; ascent-override:73.2%; descent-override:26.4%; line-gap-override:0%;
}
@font-face{
  font-family:'Newsreader respaldo Times';
  src:local('Times New Roman Bold'),local('TimesNewRomanPS-BoldMT'),local('Tinos Bold'),local('Liberation Serif Bold');
  font-weight:600 700; font-style:normal;
  size-adjust:99.0%; ascent-override:74.2%; descent-override:26.8%; line-gap-override:0%;
}

@font-face{
  font-family:'Source Sans respaldo Roboto'; src:local('Roboto');
  font-weight:200 500; font-style:normal;
  size-adjust:93.9%; ascent-override:109.0%; descent-override:42.6%; line-gap-override:0%;
}
@font-face{
  font-family:'Source Sans respaldo Roboto';
  src:local('Roboto Medium'),local('Roboto-Medium');
  font-weight:600; font-style:normal;
  size-adjust:95.8%; ascent-override:106.8%; descent-override:41.7%; line-gap-override:0%;
}
@font-face{
  font-family:'Source Sans respaldo Roboto';
  src:local('Roboto Bold'),local('Roboto-Bold');
  font-weight:700 900; font-style:normal;
  size-adjust:97.8%; ascent-override:104.7%; descent-override:40.9%; line-gap-override:0%;
}

@font-face{
  font-family:'Source Sans respaldo';
  src:local('Segoe UI'),local('Helvetica Neue'),local('Arial');
  font-weight:200 500; font-style:normal;
  size-adjust:94.2%; ascent-override:108.7%; descent-override:42.5%; line-gap-override:0%;
}
@font-face{
  font-family:'Source Sans respaldo';
  src:local('Segoe UI Semibold'),local('SegoeUI-Semibold'),local('Helvetica Neue Medium');
  font-weight:600; font-style:normal;
  size-adjust:94.8%; ascent-override:108.0%; descent-override:42.2%; line-gap-override:0%;
}
@font-face{
  font-family:'Source Sans respaldo';
  src:local('Segoe UI Bold'),local('SegoeUI-Bold'),local('Helvetica Neue Bold'),local('Arial Bold');
  font-weight:700 900; font-style:normal;
  size-adjust:93.0%; ascent-override:110.1%; descent-override:43.0%; line-gap-override:0%;
}

@font-face{
  font-family:'Source Sans respaldo Noto';
  src:local('Noto Sans'),local('NotoSans'),local('DejaVu Sans');
  font-weight:200 500; font-style:normal;
  size-adjust:88.9%; ascent-override:115.1%; descent-override:45.0%; line-gap-override:0%;
}
@font-face{
  font-family:'Source Sans respaldo Noto';
  src:local('Noto Sans SemiBold'),local('NotoSans-SemiBold');
  font-weight:600; font-style:normal;
  size-adjust:88.2%; ascent-override:116.1%; descent-override:45.4%; line-gap-override:0%;
}
@font-face{
  font-family:'Source Sans respaldo Noto';
  src:local('Noto Sans Bold'),local('NotoSans-Bold'),local('DejaVu Sans Bold');
  font-weight:700 900; font-style:normal;
  size-adjust:88.6%; ascent-override:115.6%; descent-override:45.1%; line-gap-override:0%;
}

:root{

  --marino:#094B83;
  --marino-osc:#06345C;
  --marino-claro:#E9F1F8;
  --marino-borde:#BFD5E8;
  --gris:#464646;

  --tinta:#2E3238;
  --texto:#4A525A;
  --tenue:#646D76;
  --linea:#D5DBE1;
  --linea-fina:#E7EBEF;
  --hueso:#F4F6F8;
  --blanco:#fff;

  --paso-1:#4A7398; --paso-2:#2C6392; --paso-3:#10578A;
  --paso-4:#094B83; --paso-5:#06345C;

  --foco:#1B7FD4;

  --disp:'Newsreader','Newsreader respaldo Noto','Newsreader respaldo',
         'Newsreader respaldo Times',Georgia,'Times New Roman',serif;
  --txt:'Source Sans 3','Source Sans respaldo Roboto','Source Sans respaldo',
        'Source Sans respaldo Noto','Segoe UI',system-ui,sans-serif;

  --t-xs:0.75rem;
  --t-sm:0.8125rem;
  --t-md:0.9375rem;
  --t-base:clamp(1rem,0.97rem + 0.15vw,1.0625rem);
  --t-lg:clamp(1.0625rem,1rem + 0.3vw,1.1875rem);
  --t-xl:clamp(1.25rem,1.15rem + 0.5vw,1.5rem);
  --t-2xl:clamp(1.5rem,1.3rem + 1vw,1.9375rem);
  --t-3xl:clamp(1.875rem,1.5rem + 1.9vw,2.75rem);
  --t-4xl:clamp(2.125rem,1.6rem + 2.6vw,3.25rem);

  --e1:4px; --e2:8px; --e3:12px; --e4:16px; --e5:24px;
  --e6:32px; --e7:48px; --e8:64px; --e9:96px;

  --margen:clamp(18px,4vw,56px);
  --ancho:1440px;
  --lectura:64ch;

  --radio:10px;
  --radio-gr:16px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

body{
  margin:0 auto; max-width:var(--ancho); background:var(--blanco);
  min-height:100vh; min-height:100dvh; display:flex; flex-direction:column;
  font-family:var(--txt); font-size:var(--t-base); line-height:1.7;
  color:var(--texto); font-synthesis-weight:none;
}
body>main{flex:1 0 auto}
h1,h2,h3,h4{font-family:var(--disp);color:var(--tinta);letter-spacing:-.015em;line-height:1.15;margin:0}
p{margin:0 0 var(--e4)}
a{color:var(--marino)}
img,svg{max-width:100%}

a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid var(--foco); outline-offset:2px; border-radius:4px;
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
}
.salto{position:absolute;left:-9999px}
.salto:focus{left:var(--margen);top:var(--e2);z-index:9;background:var(--marino);
  color:#fff;padding:var(--e3) var(--e4);border-radius:var(--radio);position:fixed}
.oculto-visual{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.icono{flex:none;display:inline-block;width:1em;height:1em;vertical-align:-.125em}

.rotulo{font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;
  color:var(--tenue);font-weight:600;margin:0 0 var(--e3)}
.seccion{padding:var(--e7) var(--margen)}
.seccion+.seccion{border-top:1px solid var(--linea-fina)}
.lectura{max-width:var(--lectura)}

.marca{display:inline-flex;align-items:center;gap:var(--e3);text-decoration:none;line-height:1}

.marca__mono{flex:none;display:block;width:36px;height:36px;padding:5px;
  background:var(--marino-claro);border:1px solid var(--marino-borde);
  border-radius:8px;color:var(--marino)}
.marca__logo{display:none;flex-direction:column}
.marca__nombre{font-family:var(--disp);font-weight:600;font-size:var(--t-xl);
  color:var(--gris);letter-spacing:-.005em}
.marca__cuna{display:block;width:64px;height:8px;background:var(--marino);margin-top:6px;
  clip-path:polygon(0 0,100% 0,100% 100%,0 58%)}
@media (min-width:560px){
  .marca__mono{display:none}
  .marca__logo{display:flex}
}

.monograma{flex:none;display:block;width:52px;height:52px;padding:7px;
  background:var(--marino-claro);border:1px solid var(--marino-borde);
  border-radius:var(--radio);color:var(--marino)}

.autoridad{display:flex;gap:var(--e4);align-items:center;
  background:var(--hueso);border:1px solid var(--linea);border-radius:var(--radio-gr);
  padding:var(--e4) var(--e5);margin:0}
.autoridad p{margin:0;font-size:var(--t-md);color:var(--tinta);font-weight:600}
.autoridad p small{display:block;font-weight:400;color:var(--tenue);font-size:var(--t-sm)}

.cabecera{border-bottom:1px solid var(--linea)}
.cabecera__fila{display:flex;align-items:center;justify-content:space-between;
  gap:var(--e5);padding:var(--e5) var(--margen) var(--e4)}

.idiomas{display:flex;align-items:center;gap:var(--e3)}
.idiomas__rotulo{font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;
  color:var(--tenue);font-weight:600}
.idiomas ul{display:flex;list-style:none;margin:0;padding:0;
  border:1px solid var(--marino-borde);border-radius:999px;overflow:hidden}
.idiomas li+li{border-left:1px solid var(--marino-borde)}
.idiomas a{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 var(--e4);
  text-decoration:none;color:var(--marino);font-size:var(--t-md);font-weight:600}
.idiomas a b{font-weight:700;letter-spacing:.04em}
.idiomas a:hover{background:var(--marino-claro)}
.idiomas a[aria-current]{background:var(--marino);color:#fff}
.idiomas__nombre{font-weight:400}

.menu{display:flex;gap:var(--e5);padding:0 var(--margen);overflow-x:auto;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.menu::-webkit-scrollbar{display:none}
.menu a{white-space:nowrap;text-decoration:none;color:var(--tinta);font-size:var(--t-md);
  font-weight:600;padding:var(--e3) 0 var(--e3);min-height:44px;display:flex;align-items:center;
  border-bottom:3px solid transparent}
.menu a:hover{color:var(--marino)}
.menu a[aria-current]{color:var(--marino);border-bottom-color:var(--marino)}

.pie{background:var(--marino-osc);color:#C9DCEC;padding:var(--e7) var(--margen) var(--e6);
  display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--e7);font-size:var(--t-md);line-height:1.8}
.pie h2{font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;
  color:#8FB6D6;font-weight:600;margin:0 0 var(--e2);font-family:var(--txt)}

.pie li{display:flex;align-items:center;min-height:28px}
.pie a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.pie a:hover{border-bottom-color:#fff}
.pie__marca{font-family:var(--disp);font-weight:600;font-size:var(--t-lg);color:#fff;
  display:block;margin-bottom:var(--e2)}
.pie__declaracion{color:#C9DCEC;margin:0 0 var(--e3);max-width:44ch}
.pie ul{list-style:none;margin:0;padding:0}

.pie__mapa{display:grid;grid-template-rows:repeat(5,auto);grid-auto-flow:column;
  column-gap:var(--e5)}

.pie__contacto a{display:inline-flex;align-items:center;gap:var(--e2)}

.pie__derechos{grid-column:1/-1;margin:0;padding-top:var(--e4);
  border-top:1px solid rgba(255,255,255,.18);font-size:var(--t-sm);color:#8FB6D6}

.bt{display:inline-flex;align-items:center;justify-content:center;gap:var(--e2);
  background:var(--marino);color:#fff;border:2px solid var(--marino);border-radius:999px;
  font-family:var(--txt);font-size:var(--t-md);font-weight:700;line-height:1.35;
  padding:var(--e3) var(--e5);min-height:48px;text-decoration:none;cursor:pointer;text-align:center}
.bt:hover{background:var(--marino-osc);border-color:var(--marino-osc)}
.bt--sec{background:var(--blanco);color:var(--marino)}
.bt--sec:hover{background:var(--marino-claro);color:var(--marino-osc);border-color:var(--marino-osc)}
.bt--bloque{width:100%}
.bt[aria-disabled="true"]{background:var(--blanco);color:var(--marino);border-color:var(--marino-borde);cursor:progress}
.acciones{display:flex;gap:var(--e3);flex-wrap:wrap}

.dato{font-variant-numeric:tabular-nums;font-weight:700;color:var(--marino);white-space:nowrap}
.dato--sin{font-weight:400;color:var(--tenue);white-space:normal}
.dato--marcador{background:var(--marino-claro);border-bottom:1px dashed var(--marino-borde);
  padding:0 4px;border-radius:3px}
.leyenda{background:var(--hueso);border-left:3px solid var(--marino);padding:var(--e4) var(--e5);
  font-size:var(--t-sm);color:var(--texto);border-radius:0 var(--radio) var(--radio) 0}
.leyenda p{margin:0 0 var(--e2)}
.leyenda p:last-child{margin:0}
.leyenda code{font-family:ui-monospace,Consolas,monospace;font-size:.95em;color:var(--marino)}

.form{background:var(--hueso);border:1px solid var(--linea);border-radius:var(--radio-gr);
  padding:var(--e5)}
.form h2{font-size:var(--t-xl);margin:0 0 var(--e1)}
.form__intro{font-size:var(--t-md);color:var(--tenue);margin:0 0 var(--e5)}
.campo{margin-bottom:var(--e4)}
.campo label{display:block;font-size:var(--t-sm);font-weight:600;color:var(--tinta);margin-bottom:var(--e1)}
.campo input,.campo select,.campo textarea{width:100%;min-height:48px;padding:var(--e3);
  border:1px solid #BFC9D2;border-radius:var(--radio);background:var(--blanco);
  font:inherit;font-size:var(--t-md);color:var(--tinta)}
.campo textarea{min-height:90px;resize:vertical}
.campo__ayuda{font-size:var(--t-sm);color:var(--tenue);margin:var(--e1) 0 0}
.salidas{display:grid;gap:var(--e3);margin-top:var(--e5)}
.salidas__nota{font-size:var(--t-sm);color:var(--tenue);margin:var(--e3) 0 0;text-align:center}
.estado{display:flex;gap:var(--e3);align-items:flex-start;margin-top:var(--e4);padding:var(--e3) var(--e4);
  border-radius:var(--radio);font-size:var(--t-sm);line-height:1.55}
.estado--enviando{background:var(--marino-claro);border:1px solid var(--marino-borde);color:var(--marino-osc)}
.estado--listo{background:#E7F3EA;border:1px solid #B5D8BF;color:#1E5B31}
.estado--error{background:#FBECEC;border:1px solid #E4B9B9;color:#8A2A2A}
.pulso{flex:none;width:10px;height:10px;border-radius:50%;background:var(--marino);margin-top:6px;
  animation:latir 1.1s ease-in-out infinite}
@keyframes latir{0%,100%{opacity:.35}50%{opacity:1}}

.faq{border-top:1px solid var(--linea);max-width:var(--lectura)}
.faq details{border-bottom:1px solid var(--linea)}
.faq summary{cursor:pointer;list-style:none;display:flex;gap:var(--e4);align-items:baseline;
  padding:var(--e4) 0;min-height:48px;font-family:var(--disp);font-size:var(--t-lg);
  font-weight:600;color:var(--tinta)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";margin-left:auto;font-family:var(--txt);font-size:var(--t-xl);
  color:var(--marino);font-weight:400;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq summary:hover{color:var(--marino)}
.faq__cuerpo{padding:0 0 var(--e5);max-width:60ch}
.faq__cuerpo p{margin:0 0 var(--e3)}
.faq__cuerpo p:last-child{margin:0}

@media (max-width:640px){
  .cabecera__fila{padding:var(--e4) var(--margen) var(--e3)}
  .idiomas__rotulo{display:none}
  .idiomas__nombre{display:none}

  .idiomas a{padding:0;min-width:40px;justify-content:center;font-size:var(--t-md)}
  .menu{gap:var(--e4)}
  .seccion{padding:var(--e6) var(--margen)}
  .autoridad{padding:var(--e4)}
  .pie{grid-template-columns:1fr;gap:var(--e5);padding:var(--e6) var(--margen)}

  .pie__mapa{column-gap:var(--e4)}
  .acciones .bt{width:100%}
}