@font-face{font-family:"Archivo";font-style:normal;font-weight:400 800;font-display:swap;src:url(texto.woff2) format("woff2")}
@font-face{font-family:"Asomo Cond";font-style:normal;font-weight:700;font-display:swap;src:url(titulo.woff2) format("woff2")}

*,:after,:before{box-sizing:border-box;background-repeat:no-repeat}
:where(:root){cursor:default;overflow-wrap:break-word;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;line-height:1.5}
:where(body){margin:0}
:where(h1){margin:.67em 0;font-size:2em}
:where(img,svg,picture){vertical-align:middle}
:where(button){margin:0;-webkit-appearance:button}
:where(svg:not([fill])){fill:currentColor}
[hidden]{display:none!important}

:root{
  --color-dark:#222;--color-gray:#f7eeec;--color-primary:#3d84f5;--color-secondary:#ff77a9;
  --font-title:"Asomo Cond","Archivo Narrow","Arial Narrow",helvetica,arial,sans-serif;
  --font-text:"Archivo",helvetica,arial,sans-serif;
  --screen:100vh;--container-width:2560px;--margin-side:8px;
  --header-letter-height:calc(clamp(64px,21vw,128px));--header-letter-height-small:calc(clamp(44px,8.5vw,64px));
  --columns:8;--gap:8px;
  --ease-quart:cubic-bezier(.165,.84,.44,1);--ease-quart-inout:cubic-bezier(.76,0,.24,1);--ease-cubic:cubic-bezier(.33,1,.68,1);
  --tinta:var(--color-dark);
}
@media (width>=768px){:root{--columns:16;--gap:16px;--margin-side:16px;--header-letter-height:calc(clamp(96px,11vw,160px));--header-letter-height-small:calc(clamp(48px,6vw,72px))}}
@supports (height:100dvh){:root{--screen:100dvh}}

.container{width:100%;max-width:var(--container-width);padding-inline:calc(var(--margin-side) + env(safe-area-inset-left)) calc(var(--margin-side) + env(safe-area-inset-right));margin-inline:auto;position:relative}
@media (width>=768px){.container{padding-inline:var(--margin-side)}}
.grid{grid-template-columns:repeat(var(--columns),1fr);align-items:start;column-gap:var(--gap);grid-column:1/-1;display:grid}

html{font:1rem/1.2 var(--font-text);color:var(--color-dark);background:var(--color-gray);word-break:normal;scrollbar-gutter:stable;font-synthesis:none;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;text-wrap-style:pretty}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:clip}
body{-webkit-font-smoothing:antialiased;overscroll-behavior:none;min-height:100vh}
body.cargando *{cursor:wait!important}
blockquote,dd,dl,dt,figure,li,ol,p,ul{margin:0;padding:0}
ul{list-style:none}
figure,picture{display:block}
h1,h2,h3,h4,h5,h6{margin:0;font-style:normal;font-weight:400}
a{text-decoration:none}
a,button{color:inherit}
button{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}
:focus-visible{outline:1px dashed;outline-offset:2px}
::selection{color:var(--color-gray);background:var(--color-primary)}
img{max-width:100%}
.solo-lectores{position:absolute;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;white-space:nowrap}
.salto{position:fixed;left:8px;top:-60px;z-index:300;background:var(--color-dark);color:var(--color-gray);padding:8px 12px}
.salto:focus{top:8px}

.text-small{font-size:.933rem;font-weight:500;line-height:1.2}
@media (width>=768px){.text-small{font-size:1rem}}
.text-xsmall{font-size:.8rem;font-weight:500;line-height:1.2}
.title-big{font-family:var(--font-title);letter-spacing:-.01em;font-size:calc(clamp(2rem,6vw,3.2rem));font-weight:700;line-height:.95}
@media (width>=768px){.title-big{font-size:calc(clamp(2.4rem,3.5vw,4.8rem))}}
.title-medium{font-family:var(--font-title);letter-spacing:-.01em;font-size:calc(clamp(1.6rem,3.25vw,2.13rem));line-height:1}
@media (width>=1200px){.title-medium{font-size:2.133rem}}
.title-small{font-family:var(--font-title);letter-spacing:-.01em;font-size:calc(clamp(1.33rem,2vw,1.6rem));line-height:1}
@media (width>=1200px){.title-small{font-size:1.6rem}}
.title-caps{font-family:var(--font-title);letter-spacing:.02em;text-transform:uppercase;font-size:calc(clamp(1.07rem,1.75vw,1.33rem));line-height:1.1}
@media (width>=1200px){.title-caps{font-size:1.333rem}}
.title-caps-small{font-family:var(--font-title);letter-spacing:.02em;text-transform:uppercase;font-size:.867rem;line-height:1.1}
@media (width>=1200px){.title-caps-small{font-size:.933rem}}


.cabecera,.vista{transition-property:translate,opacity;transition-duration:1.2s;transition-timing-function:var(--ease-quart-inout)}
body.site-pushed-down :is(.vista,.cabecera){translate:0 var(--site-push-y,var(--screen));opacity:var(--push-opacity,.2)}
body.site-pushed-left :is(.vista,.cabecera){translate:calc(-1 * var(--push-x,55vw)) 0;opacity:var(--push-opacity,.2)}
.nav{transition:translate 1.2s var(--ease-quart-inout)}
body.site-pushed-left .nav{translate:calc(-1 * var(--push-x,55vw)) 0}
.info-fondo{z-index:99;cursor:pointer;position:fixed;inset:0}


.cabecera{inset:var(--margin-side);z-index:100;pointer-events:none;grid-template-rows:auto 1fr;grid-template-columns:repeat(2,1fr);align-items:start;display:grid;position:fixed;color:var(--tinta)}
@media (width>=768px){.cabecera{left:var(--margin-side);bottom:var(--margin-side);grid-template-rows:repeat(3,1fr)}}
.cabecera>*{pointer-events:auto}
.letra{width:min-content}
.letra svg{width:auto;height:var(--header-letter-height);transition:height .85s var(--ease-quart-inout);display:block}
.cabecera.es-chica .letra svg{height:var(--header-letter-height-small)}
.letra-a{transform-origin:0 0}
.letra-o{transform-origin:100% 0;justify-self:end}
@media (width>=768px){.letra-o{transform-origin:0 100%;grid-area:3/1/span 1/span 1;place-self:end start}}
.bio{gap:var(--gap);grid-area:2/1/auto/-1;grid-template-columns:repeat(2,1fr);margin-top:24px;display:grid;opacity:0;pointer-events:none;transition:opacity .75s var(--ease-quart) .1s,translate .75s var(--ease-quart) .1s;translate:0 -15%}
.cabecera.con-bio .bio{opacity:1;translate:0;pointer-events:auto}
@media (width>=768px){.bio{flex-direction:column;align-self:center;gap:4px;max-width:256px;margin-top:0;display:flex}}


.nav{z-index:100;pointer-events:none;display:grid;position:fixed;bottom:0;right:0;color:var(--tinta)}
@media (width<=767px){.nav{justify-content:center;align-items:baseline;width:100%;padding-bottom:26px;left:0}}
@media (width>=768px){.nav{padding-right:var(--margin-side);align-items:center;top:0}}
.nav>*{pointer-events:auto}
.nav>*{grid-area:1/1}
.nav .enlaces{display:flex;transition:opacity .2s linear}
.nav .enlaces li{opacity:0;animation:aparece .5s var(--ease-quart) forwards;animation-delay:calc(.2s + var(--i,0) * .1s);align-items:center;display:flex}
.nav .enlaces li a{padding:.333em;display:block;font-family:var(--font-title);letter-spacing:-.01em;font-size:calc(clamp(1.33rem,2vw,1.6rem));line-height:1}
@media (width>=1200px){.nav .enlaces li a{font-size:1.6rem}}
.nav .enlaces li:not(:last-child):after{content:"";aspect-ratio:1;border-radius:100%;width:.333em;display:block;box-shadow:inset 0 0 0 2px;font-size:calc(clamp(1.33rem,2vw,1.6rem))}
@media (width>=1200px){.nav .enlaces li:not(:last-child):after{font-size:1.6rem}}
@keyframes aparece{to{opacity:1}}
.nav .boton{justify-self:center;margin-bottom:8px;transition:opacity .2s linear,visibility 0s}
@media (width>=768px){.nav .boton{justify-self:end;margin-bottom:0}}
.nav .boton-cerrar{transition:opacity .4s linear .2s,translate .6s var(--ease-quart)}
.nav .boton-cerrar.sigue{translate:0 var(--cierra-y,0px)}
.nav .oculto{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s linear,visibility 0s .2s}
.boton-icono{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid;padding:.333em 0}
.boton-icono i{grid-area:1/2;width:12px}
.cruz{justify-content:center;align-items:center;height:100%;display:grid;position:relative}
.cruz:after,.cruz:before{content:"";background:currentColor;grid-area:1/1;width:12px;height:2px;display:block}
.cruz:before{rotate:45deg}.cruz:after{rotate:-45deg}
.puntos{flex-direction:column;align-items:center;gap:.125em;display:flex}
.puntos span{aspect-ratio:1;background:currentColor;border-radius:100%;width:.166em;display:block}


.fondo{z-index:-1;background:linear-gradient(180deg,var(--color-primary) 0,var(--color-secondary) 25%,#0000 66%);transform-origin:50% 0;position:fixed;inset:0;opacity:0;pointer-events:none;transition:opacity .6s linear}
body.es-inicio .fondo{opacity:1}
body.sin-fondo .fondo{opacity:0!important}


.fotos .foto img,.serie img,.lamina img,.miniatura img,.mini img,.foto-visor img{filter:saturate(.95) contrast(1.02)}


.vista{position:relative}
.vista.entra{animation:vista-entra .8s var(--ease-cubic) .6s both}
.vista.sale{opacity:0!important;transition:opacity .4s var(--ease-cubic)}
@keyframes vista-entra{from{opacity:0}to{opacity:1}}
.vista-inicio{height:var(--screen);grid-template-rows:2fr auto;position:relative;overflow:hidden}
.fotos{min-height:0;margin-top:calc(var(--header-letter-height) + var(--margin-side) * 2);grid-column:1/-1;align-self:stretch;place-items:center;display:grid;position:relative}
@media (width>=768px){.fotos{grid-column:4/-4;margin-top:0}}
.fotos .foto{pointer-events:none;grid-area:1/1;justify-content:center;align-items:center;display:flex;position:absolute;inset:7.5%}
.fotos .foto img{aspect-ratio:1;object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:100%;display:block}
.fotos .activa{pointer-events:auto}
.descripcion{text-align:center;grid-column:1/-1;justify-self:center;margin-bottom:calc(clamp(48px,18vw,80px));color:var(--color-dark)}
@media (width>=768px){.descripcion{margin-bottom:var(--margin-side);grid-column:3/-3;max-width:calc(clamp(900px,60vw,1200px))}}
.descripcion .linea{will-change:transform;margin-bottom:-.05em;padding-bottom:.05em;display:block}
.descripcion .recorte{overflow:clip;display:block}


.vista-series{--amount:5;min-height:calc(var(--screen) * (1 + var(--amount)));display:grid}
.serie{height:var(--screen);pointer-events:none;grid-area:1/1;align-items:center;position:sticky;top:0;overflow:hidden}
.serie.activa .interior{pointer-events:auto}
.serie .interior{pointer-events:none;grid-column:1/-1;display:block}
@media (width>=768px){.serie .interior{grid-column:5/-5}}
.serie img{width:100%;height:auto;display:block}
.serie .datos{justify-content:space-between;align-items:baseline;margin-top:16px;display:flex}
.serie .gradiente{--gradient-dir:180deg;z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(var(--gradient-dir),rgb(var(--start)/0%) 0,rgb(var(--start)/50%) 50%,rgb(var(--end)) 100%);width:100%;height:25%;position:absolute;bottom:0;left:0}
@media (width>=768px){.serie .gradiente{--gradient-dir:90deg;width:25%;height:100%;position:fixed;top:0;left:auto;right:0}}
.dato{overflow:hidden;padding-block:.14em;margin-block:-.14em}
.dato span{display:block}
.paginacion{gap:6px;display:flex;position:fixed;bottom:calc(clamp(64px,10vh,96px));left:50%;translate:-50%;z-index:20}
@media (width>=768px){.paginacion{bottom:var(--margin-side)}}
.paginacion li{margin-inline:-7px;display:block}
.paginacion button{text-indent:-80px;color:#0000;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;overflow:hidden}
.paginacion span{border:2px solid var(--color-dark);background:var(--color-gray);width:8px;height:8px;transition-property:border-radius,background-color;transition-duration:.65s;transition-timing-function:var(--ease-quart);border-radius:100%;display:block;rotate:0deg}
.paginacion li:not(.activa) button:hover span{background:var(--color-dark);border-radius:0;rotate:90deg}
.paginacion li.activa span{background:var(--color-dark);border-radius:0;transition-property:border-radius,background-color,rotate;rotate:180deg}
.vista-series .enlace-serie{display:block}


.vista-travesias{margin-block:calc(48px + var(--header-letter-height-small) + var(--margin-side) * 2)}
@media (width>=768px){.vista-travesias{margin-block:calc(clamp(64px,4.5vw,88px))}}
.travesia{align-items:baseline}
@media (width<=767px){.travesia:not(:first-child){margin-top:32px}}
.travesia.size-xs{--thumb-height:calc(clamp(40px,8vw,64px))}
@media (width>=768px){
  .travesia.size-xs{--thumb-height:calc(clamp(48px,4vw,96px))}
  .travesia.size-sm{--thumb-height:calc(clamp(72px,6.5vw,120px))}
  .travesia.size-md{--thumb-height:calc(clamp(96px,7.5vw,168px))}
}
.travesia .datos{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:10px;display:flex}
@media (width>=768px){.travesia .datos{grid-column:2/span 3}}
.travesia .nombre{margin-right:.5em;padding-bottom:.1em;overflow:hidden}
.travesia .nombre span{display:block}
.miniaturas{grid-column:1/-1;margin-top:16px}
@media (width>=768px){.miniaturas{grid-column:5/-3;margin-top:0}}
.miniaturas>div{flex-wrap:wrap;align-items:flex-start;gap:calc(clamp(6px,.05vw,10px));transition:opacity .45s;display:flex}
@media (width>=768px){.miniaturas>div{gap:10px;padding-bottom:10px}}
.miniaturas .miniatura{display:block;background:none;border:0;padding:0;cursor:zoom-in}
.miniaturas .miniatura img{height:var(--thumb-height);object-fit:contain;width:auto;display:block}
@media (hover:hover){
  .vista-travesias:has(.travesia .datos:hover,.travesia .miniaturas .miniatura:hover) .travesia:not(:has(.datos:hover,.miniaturas .miniatura:hover)) .miniaturas>div{opacity:.2}
}
.tamanos{--padding-x:8px;-webkit-user-select:none;user-select:none;flex-direction:column;display:none;bottom:var(--margin-side);right:var(--margin-side);position:fixed;z-index:30;margin-bottom:22px}
@media (width>=768px){.tamanos{display:flex}}
body:not(.en-travesias) .tamanos{display:none!important}
.tamanos .rotulos{justify-content:space-between;width:100%;display:flex;position:relative}
.tamanos .rotulo{padding:var(--padding-x);cursor:pointer;transition:opacity .6s var(--ease-quart)}
.tamanos .rotulos:hover .rotulo{opacity:.5}
.tamanos .rotulos:hover .rotulo:hover{opacity:1}
.tamanos .pista{height:5px;margin-inline:calc(var(--padding-x) * 2);border-bottom:2px solid var(--color-dark);justify-content:center;align-items:center;display:flex;position:relative}
.tamanos .marcas{pointer-events:none;justify-content:space-between;width:100%;height:100%;display:flex}
.tamanos .marca{background:var(--color-dark);width:2px;height:100%;display:block}
.tamanos .tirador{z-index:1;width:100%;height:10px;translate:var(--handle-x,0) 0;transition:translate .6s var(--ease-quart);position:absolute;top:-1px;left:0}
.tamanos .tirador:before{content:"";border:2px solid var(--color-dark);background:var(--color-gray);border-radius:100%;width:10px;height:10px;display:block;translate:-50%}


.vista-detalle{height:var(--screen);gap:var(--gap);grid-template-rows:1fr 2fr 1fr;position:relative}
@media (width>=768px){.vista-detalle{grid-template-rows:1fr 6fr 1fr}}
.vista-detalle .contador{right:var(--margin-side);bottom:var(--margin-side);position:absolute}
.vista-detalle img{-webkit-user-select:none;user-select:none;pointer-events:none}
.vista-detalle .encabezado{text-align:center;grid-column:1/-1;margin-top:72px}
@media (width>=768px){.vista-detalle .encabezado{margin-top:var(--margin-side);grid-column:4/-4}}
.vista-detalle .encabezado .pie-titulo{grid-template-columns:1fr auto 1fr;align-items:baseline;display:grid}
.vista-detalle .encabezado .nombre{overflow:hidden;padding-block:.14em;margin-block:-.14em}
.vista-detalle .encabezado .nombre span{display:block}
.vista-detalle .encabezado .anio{text-align:right;justify-self:end}
.vista-detalle .encabezado .alterna{text-align:left;justify-self:start;margin-left:-8px;padding:8px}
.vista-detalle .encabezado .separador{border:2px solid var(--color-dark);border-radius:100%;align-self:center;width:8px;height:8px;margin-inline:8px;display:block}
.vista-detalle .galeria{grid-column:1/-1;align-self:stretch;min-height:0;position:relative}
@media (width<=767px){.vista-detalle .galeria{margin-inline:8px}}
@media (width>=768px){.vista-detalle .galeria{grid-column:4/-4}}
.vista-detalle .lamina{pointer-events:none;opacity:0;justify-content:center;align-items:center;min-height:0;transition:opacity .5s ease-in-out;display:flex;position:absolute;inset:0;border:0;background:none;padding:0}
.vista-detalle .lamina.activa{opacity:1;pointer-events:auto;cursor:zoom-in}
.vista-detalle .lamina picture{max-width:100%;max-height:100%;aspect-ratio:var(--ratio)}
.vista-detalle .lamina img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}
.vista-detalle .tira{grid-column:1/-1;justify-content:center;align-self:end;align-items:center;margin-top:-24px;margin-bottom:calc(clamp(64px,25vw,120px));padding-top:24px;padding-bottom:4px;display:flex;overflow:hidden}
@media (width>=768px){.vista-detalle .tira{margin-bottom:calc(-4px + var(--margin-side));grid-column:4/-4}}
.vista-detalle .pista-tira{translate:calc(50% - var(--track-offset,0px)) 0;transition:translate .75s var(--ease-quart);will-change:translate;align-items:center;gap:10px;display:flex}
.vista-detalle .mini{--reveal-y:0%;translate:0 var(--reveal-y);transition-property:translate,scale,opacity,box-shadow;transition-duration:.4s;transition-timing-function:var(--ease-quart);flex-shrink:0;position:relative;background:none;border:0;padding:0}
.vista-detalle .mini:before{z-index:0;content:"";border:2px solid var(--color-dark);width:8px;height:8px;transition:translate .5s var(--ease-quart) 75ms;border-radius:100%;position:absolute;top:-18px;left:50%;translate:-50% 18px}
.vista-detalle .mini.es-visible img{opacity:.5}
.vista-detalle .mini:hover{box-shadow:0 0 0 2px var(--color-dark)}
.vista-detalle .mini:hover img{opacity:1!important}
.vista-detalle .mini.activa{box-shadow:0 0 0 2px var(--color-dark)}
.vista-detalle .mini.activa:before{translate:-50%}
.vista-detalle .mini.activa img{opacity:1!important}
.vista-detalle .mini.es-borde{--shift:15%}
.vista-detalle .mini.es-borde:before{opacity:0}
.vista-detalle .mini.es-borde img{opacity:.2}
.vista-detalle .mini.es-oculta{--shift:30%;opacity:0;pointer-events:none}
.vista-detalle .mini.es-borde,.vista-detalle .mini.es-oculta{--dir:-1;translate:calc(var(--dir) * var(--shift)) var(--reveal-y);scale:.7}
.vista-detalle .mini.es-izq.es-borde,.vista-detalle .mini.es-izq.es-oculta{--dir:1}
.vista-detalle .mini picture{z-index:1;background:var(--color-gray);display:block;position:relative}
.vista-detalle .mini img{object-fit:contain;opacity:.4;width:auto;height:36px;transition:opacity .5s var(--ease-quart);display:block}
.vista-detalle .gradiente{--dir:180deg;z-index:-1;opacity:0;transform-origin:0 100%;pointer-events:none;background:linear-gradient(var(--dir),rgb(var(--gradient-start)/0%) 0,rgb(var(--gradient-start)/50%) 50%,rgb(var(--gradient-end)) 100%);width:100%;height:15%;position:absolute;bottom:0;left:0;scale:.5 1}
.vista-detalle .gradiente.revelado{opacity:1;transition:opacity 1s var(--ease-quart-inout) .4s,scale 1s var(--ease-quart-inout) .4s;scale:1}
.vista-detalle .gradiente.oculto{opacity:0;transition-duration:.3s;transition-delay:0s;scale:.5 1}
@media (width>=768px){.vista-detalle .gradiente{--dir:90deg;transform-origin:100%;width:12.5%;height:100%;top:0;left:auto;right:0;position:fixed}}
.contador{display:flex;align-items:baseline}
.contador .total{margin-left:.04em}
.contador .actual{overflow:hidden;display:inline-block}
.contador .actual span{display:inline-block}
.panel-detalles{z-index:51;background:linear-gradient(0deg,rgb(var(--gradient-start)/0%) 0,rgb(var(--gradient-start)/50%) 50%,rgb(var(--gradient-end)) 100%);transition:translate 1.2s var(--ease-quart-inout);will-change:translate;pointer-events:none;padding-block:24px 32px;position:fixed;top:0;left:0;right:0;translate:0 -100%}
@media (width>=768px){.panel-detalles{padding-bottom:104px}}
.panel-detalles .grid{align-items:baseline}
.panel-detalles .datos{grid-column:1/-1}
@media (width>=768px){.panel-detalles .datos{grid-column:1/span 4}}
.panel-detalles .nombre{margin-bottom:.15em;padding-bottom:.1em}
.panel-detalles .descripcion-panel{grid-column:1/-1;margin-top:32px}
@media (width>=768px){.panel-detalles .descripcion-panel{grid-column:6/-2;margin-top:0}}
@media (width>=1200px){.panel-detalles .descripcion-panel{grid-column-end:-4}}
.panel-detalles.visible{pointer-events:auto;translate:0}
.fondo-detalles{z-index:50;cursor:pointer;position:fixed;inset:0}


.info-overlay{z-index:99;overscroll-behavior:contain;max-height:calc(100vh - 80px);transition:translate 1.2s var(--ease-quart-inout),visibility 0s linear 1.2s;position:fixed;inset:0 0 auto;overflow-y:auto;translate:0 -100%;visibility:hidden}
@media (width>=768px){.info-overlay{width:55vw;max-height:none;inset:0 0 0 auto;translate:100%}}
.info-overlay.abierto{translate:0;visibility:visible;transition-delay:0s}
.info-panel{min-height:100%;padding-block:var(--margin-side) calc(clamp(64px,10vw,120px));background:linear-gradient(90deg,var(--color-secondary) 60%,var(--color-primary) 100%);grid-template-rows:auto 1fr auto}
@media (width>=768px){.info-panel{--columns:9;padding-block:var(--margin-side)}}
.info-panel ::selection{background:var(--color-dark);color:var(--color-gray)}
.info-panel a{transition-property:font-weight,letter-spacing;transition-duration:.5s;transition-timing-function:var(--ease-quart)}
.info-panel a:hover{letter-spacing:-.02em;font-weight:800}
.info-panel .bio-texto{padding-inline:var(--margin-side);grid-column:1/-1;margin-bottom:40px}
@media (width>=768px){.info-panel .bio-texto{grid-column:1/-2;margin-bottom:calc(clamp(40px,4vw,64px));padding-right:0}}
@media (width>=992px){.info-panel .bio-texto{grid-column-end:-3}}
.info-panel .bio-texto .linea{will-change:transform;margin-bottom:-.05em;padding-bottom:.05em;display:block}
.info-panel .bio-texto .recorte{overflow:clip;display:block}
.info-panel .bloques{white-space:pre-wrap;flex-direction:column;grid-column:1/-1;gap:calc(clamp(16px,2vw,24px));display:flex}
@media (width>=768px){.info-panel .bloques{grid-column:1/-4;gap:24px}}
@media (width>=1200px){.info-panel .bloques{grid-column-end:-4}}
.info-panel .bloque{align-items:baseline;gap:var(--gap);grid-template-columns:3fr 5fr;display:grid}
@media (width>=768px){.info-panel .bloque{grid-template-columns:repeat(2,1fr)}}
.info-panel .bloque>:first-child{padding-left:var(--margin-side)}
.info-panel .bloque>:last-child{padding-right:var(--margin-side)}
.info-panel .bloque a,.info-panel .bloque button{display:block;text-align:left;font:inherit;letter-spacing:inherit}
.info-panel .bloque button{transition-property:font-weight,letter-spacing;transition-duration:.5s;transition-timing-function:var(--ease-quart)}
.info-panel .bloque button:hover{letter-spacing:-.02em;font-weight:800}
.info-panel .contacto{flex-direction:column;display:flex}
@media (width<=767px){.info-panel .contacto{gap:4px}}
.info-panel .derechos{padding-inline:var(--margin-side);grid-column:1/-1;margin-top:calc(clamp(32px,10vw,64px))}
@media (width>=768px){.info-panel .derechos{justify-content:space-between;align-items:baseline;margin-top:calc(clamp(32px,3vw,64px));display:flex}}


.pie{position:fixed;right:var(--margin-side);bottom:var(--margin-side);z-index:130;pointer-events:none;color:var(--tinta);transition:color .5s linear}
.pie p{pointer-events:auto}
.pie a{text-decoration:underline;text-underline-offset:.15em}
@media (width<=767px){.pie{left:0;right:0;bottom:6px;text-align:center}.pie p{display:inline-block;font-size:.72rem;background:color-mix(in srgb,var(--color-gray) 82%,transparent);padding:1px 8px}}
@media (width>=768px){body.en-detalle .pie,body.en-travesias .pie{right:auto;left:88px}}
body.en-travesias .pie p{background:color-mix(in srgb,var(--color-gray) 88%,transparent);padding:1px 6px;margin-left:-6px}
body.visor-abierto .pie p{background:none}


.visor{z-index:90;position:fixed;inset:0;overflow:hidden;width:100%;height:var(--screen)}
.visor .telon{background:var(--color-gray);opacity:0;pointer-events:none;position:absolute;inset:0}
.visor .foto-visor{z-index:2;width:var(--width);height:var(--height);translate:calc(-50% + var(--translate-x)) calc(-50% + var(--translate-y));scale:var(--scale);will-change:translate,scale;transition:translate .8s var(--ease-quart),scale .8s var(--ease-quart);cursor:zoom-out;touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;border:0;background:none;padding:0}
.visor .foto-visor img,.visor .foto-visor picture{width:100%;height:100%;display:block}
.visor .foto-visor img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}
.visor .foto-visor.arrastra{transition-duration:.2s}
.visor .foto-visor.alejada{cursor:zoom-in;transition:translate 1s var(--ease-quart-inout),scale 1s var(--ease-quart-inout)}
.visor.cargando .foto-visor{opacity:0}
.visor.abriendo{pointer-events:none}
.visor.abriendo .foto-visor,.visor.cerrando .foto-visor{transition:translate 1s var(--ease-quart-inout),scale 1s var(--ease-quart-inout)}
.visor.cerrando{pointer-events:none}
.visor.cerrando .telon{transition:opacity .6s var(--ease-quart-inout) .2s}
.visor.abriendo .telon,.visor.lista .telon{opacity:1;pointer-events:auto;transition:opacity .5s var(--ease-quart) .3s}
.visor.sale{opacity:0;transition:opacity .75s var(--ease-quart-inout),scale .75s var(--ease-quart-inout);pointer-events:none;scale:1.05}
.visor.en-origen .foto-visor{transition:none}
body.visor-abierto{--tinta:var(--color-gray)}
body.visor-abierto.visor-claro{--tinta:var(--color-dark)}
body.visor-abierto :is(.cabecera,.nav,.pie){transition:color .5s linear}


.aviso{position:fixed;left:50%;bottom:calc(var(--margin-side) + 56px);translate:-50% 12px;z-index:200;background:var(--color-dark);color:var(--color-gray);padding:10px 14px;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-quart),translate .4s var(--ease-quart);max-width:min(90vw,420px);text-align:center}
.aviso.visible{opacity:1;translate:-50% 0}


@media (prefers-reduced-motion:reduce){
  *,:before,:after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important}
  .nav .enlaces li{opacity:1}
  .vista-series{min-height:0;display:block}
  .serie[data-copia]{display:none}
  .serie{position:relative;grid-area:auto;height:auto;min-height:var(--screen);padding-block:calc(var(--header-letter-height-small) + 48px) 96px;pointer-events:auto;display:grid;isolation:isolate}
  .serie .interior{pointer-events:auto}
  .serie .gradiente{position:absolute;opacity:1;inset:auto 0 0 0;height:25%;width:100%}
  @media (width>=768px){.serie .gradiente{inset:0 0 0 auto;width:25%;height:100%}}
  .paginacion{display:none}
}