/* Nunito variable (SIL OFL 1.1), autoalojada: 5 subconjuntos, pesos 200 a 1000. */
@font-face{font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url('/assets/fuentes/nunito-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url('/assets/fuentes/nunito-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url('/assets/fuentes/nunito-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url('/assets/fuentes/nunito-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url('/assets/fuentes/nunito-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* deemby-ecosistema v1.2 · encabezado.css · copia literal (DBY-WEB-DIS-01 §4.1) */
.datastrip{--navy:#32324e;--navy-deep:#282841;--gold:#cbaa6a;--claro:#e6dcc8;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;position:relative;z-index:70;background:var(--navy);color:var(--gold);font-size:11px;line-height:1.55;font-family:"Avenir Next",Avenir,ui-sans-serif,-apple-system,"Segoe UI",sans-serif;padding:var(--s2) var(--s4);display:block}
.datastrip .wrap{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--s3);justify-content:space-between;flex-wrap:wrap}
.datastrip a{color:var(--claro);text-decoration:underline;text-underline-offset:2px}
.datastrip a:focus-visible,.datastrip summary:focus-visible{outline:2px solid var(--claro);outline-offset:2px}
.eco-der{display:inline-flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.eco-geo{display:inline-flex;gap:6px}
.eco-ahora time{display:inline-block;min-width:16ch;font-variant-numeric:tabular-nums}
.dv-link{white-space:nowrap}
.dv-link img{display:inline-block;width:12px;height:12px;vertical-align:-2px;margin-right:2px}
.dv-link img+img{margin-right:4px}
.eco-dd{position:relative}
.eco-dd>summary{list-style:none;display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:0 8px;border:1px solid rgba(230,220,200,.45);border-radius:99px;color:var(--claro);cursor:pointer;white-space:nowrap}
.eco-dd>summary::-webkit-details-marker{display:none}
.eco-dd>summary::after{content:"▾";font-size:9px}
.eco-dd>ul{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:200px;max-height:min(70vh,480px);overflow:auto;margin:0;padding:6px;list-style:none;background:var(--navy-deep);border:1px solid rgba(230,220,200,.3);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.eco-dd li>*{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:6px;color:#fff;font-size:12.5px;text-decoration:none}
.eco-dd li>a:hover{background:rgba(255,255,255,.08)}
.eco-dd li>[aria-current]{color:var(--gold)}
.eco-dd [data-prep]::after{content:"en preparación";color:rgba(230,220,200,.7);font-size:10.5px}
@media (min-width:768px){.datastrip{padding-left:var(--s5);padding-right:var(--s5)}}
@media (min-width:1200px){.datastrip{padding-left:var(--s6);padding-right:var(--s6)}}
@media (max-width:767px){.eco-dd>ul{right:auto;left:0}}
@media print{.datastrip{display:none}}
/* deemby.com v7 · estilos del sitio (DBY-WEB-TCK-02 §4.1).
   El aspecto viene del prototipo DIS-02 v1.2: los bloques traen sus medidas en línea, en unidades cqw.
   Aquí vive solo lo común: base, lo responsivo (el contenedor es la ventana, no un artboard) y el menú móvil. */
html{background:#F9F8F3;-webkit-text-size-adjust:100%}
body{margin:0;background:#F9F8F3;font-family:Nunito,ui-sans-serif,sans-serif;color:#20202F}
a{color:#3B5BDB}a:hover{color:#20202F}
:focus-visible{outline:3px solid #3B5BDB;outline-offset:2px}
button,input,select,textarea{font-family:inherit}
img{max-width:100%}
[data-mainnav] a[aria-current="page"]{color:#3B5BDB;box-shadow:inset 0 -3px 0 #5C7CFA}
.sitio{background:#F9F8F3;min-height:100vh;container-type:inline-size;font:400 17px/1.5 Nunito,sans-serif;color:#20202F;position:relative}
.oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.saltar:not(:focus){position:absolute!important;left:-9999px!important}

/* Escritorio ↔ móvil: el prototipo dibuja 1440 y 390; el corte es 768. */
.solo-movil{display:none!important}
@media (max-width:767px){
  .solo-escritorio{display:none!important}
  .solo-movil{display:revert!important}
  button.solo-movil{display:inline-block!important}
  nav.solo-movil{display:flex!important}
  body{padding-bottom:72px}
  .datastrip{padding:8px 16px}
}
.barra-inferior{left:0!important;right:0;transform:none!important;width:auto!important}
.cajon{top:0!important;left:0!important;right:0;transform:none!important;width:auto!important}
.cajon[hidden]{display:none!important}
html.cajon-abierto{overflow:hidden}
@media (min-width:768px){.cajon{display:none!important}}
@media print{.barra-inferior,.cajon{display:none!important}}

/* Diferencias de plantilla entre escritorio y móvil en el prototipo. */
@media (max-width:767px){
  .indice-pagina{box-sizing:border-box;flex:none!important;width:100%!important;max-width:none!important;position:static!important}
  .sitio>footer{padding-bottom:40px!important}
  div.solo-movil[role="status"]{display:flex!important}
}

/* Anchos intermedios (el prototipo solo dibuja 1440 y 390). */
@media (max-width:1100px){[data-mainnav]>div{flex-wrap:wrap;row-gap:0}}
@media (max-width:1023px){.indice-pagina{position:static!important}}
button:disabled{cursor:not-allowed!important}
