/* Concepto B "Topografía" */
@font-face{font-family:I;src:url(../fonts/serif.woff2) format('woff2');font-display:swap}
@font-face{font-family:I;src:url(../fonts/serif-i.woff2) format('woff2');font-style:italic;font-display:swap}
:root,:root[data-tema]{--fondo:#08090B;--superficie:#0F1113;--linea:rgba(226,232,228,.10);--texto:#E9ECE8;--texto-2:#97A09A;--acento:#7FCFA6;--sube:#4FBF95;--baja:#E2665E;--alerta:#E8C66A;color-scheme:dark}
:root[data-tema=claro]{--fondo:#F2F4F1;--superficie:#FFFFFF;--linea:rgba(10,20,15,.12);--texto:#0E1311;--texto-2:#4F5853;--acento:#1E7A52;--sube:#17734F;--baja:#B0322B;--alerta:#7A5C00;color-scheme:light}
html,body{background:var(--fondo)}
.mast{background:color-mix(in srgb,var(--fondo) 78%,transparent)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--linea)!important}
.marca{font:400 25px/1 I,serif!important;letter-spacing:-.01em!important}
.marca span{font-style:italic;color:var(--acento)}
.nav a{color:var(--texto-2)}.nav a:hover,.nav a[aria-current]{color:var(--texto)}
.cinta{border-top:1px solid var(--linea)!important}
.pag-cab{position:relative;isolation:isolate;border-bottom:1px solid var(--linea)!important}
.pag-cab:before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:linear-gradient(90deg,var(--fondo) 10%,transparent 70%),linear-gradient(0deg,var(--fondo),transparent 60%),url(../img/topo-banda.webp) right center/cover no-repeat;opacity:.9}
:root[data-tema=claro] .pag-cab:before{opacity:.12;filter:invert(1) grayscale(1)}
h1,.titular,.pag-cab h1{font-family:I,serif!important;font-weight:400!important;font-size:clamp(40px,5.4vw,68px)!important;line-height:1.02!important;letter-spacing:-.015em!important}
h2,.sec-cabeza h2{font-family:I,serif!important;font-weight:400!important;font-size:clamp(28px,3.2vw,40px)!important;line-height:1.1!important}
.nombre{font-family:I,serif!important;font-weight:400!important}
.boton-pri{background:var(--texto)!important;color:var(--fondo)!important;border-color:var(--texto)!important;border-radius:999px!important}
.boton,.boton-sec{border-radius:999px!important}
.h-sec,.panel,.planes>div,.metodos>div,.tarjeta,.app-reja a,.app-premium{border-radius:14px!important;background:var(--superficie)}
small,.etiqueta,.pag-cab small{letter-spacing:.07em!important}
.pag-cab small{color:var(--acento)!important}
a{text-underline-offset:3px}
@media(max-width:620px){h1,.titular,.pag-cab h1{font-size:38px!important}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
dl.h-cifras{margin:0}.h-cifras dd{margin:0}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#ap-video,.aprende-video video{aspect-ratio:9/16;width:100%;height:auto;display:block}
/* ajustes 14 oct */
.cabecera-entrar{border-bottom:0!important;color:var(--fondo)!important;background:var(--texto);padding:8px 16px;border-radius:999px;font-size:14px!important}
.cabecera-entrar:hover{opacity:.9}
@media(min-width:901px){
.mast-fila{gap:16px!important}
.nav a{font-size:13.5px!important;padding:6px 7px!important}
.nav a[href="./"],.nav a[href="/"]{display:none}
.aprende-reja{grid-template-columns:320px 1fr!important;gap:32px 40px!important}
.aprende-lista{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));column-gap:28px}
}
@media(min-width:901px) and (max-width:1399px){.nav{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}.nav a{font-size:13px!important;padding:6px 6px!important}}
.aprende-lista button{grid-template-columns:1fr!important;padding:14px 12px!important;font-size:16px!important}
.aprende-lista button[aria-current=true]{box-shadow:inset 3px 0 0 var(--acento)!important}