:root{
  --negro:#1d1d1b; --blanco:#fff; --g20:#f3f3f3; --g50:#d9d9d9; --g70:#b0b0b0; --g90:#6c6c6c; --g100:#f3f4f6;
  --m:1rem; 
  --ease:cubic-bezier(.4,0,.2,1);
  --fuente:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --ls:.045em;
}
@media (min-width:768px){:root{--m:1.875rem}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--blanco);color:var(--negro);font-family:var(--fuente);font-weight:440;font-size:16px;line-height:24px;letter-spacing:var(--ls);-webkit-font-smoothing:antialiased}
html.splash-on{overflow:hidden}
h1,h2,h3,p,ul{margin:0;padding:0;font-weight:inherit;font-size:inherit}
ul{list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
img{display:block;max-width:100%;height:auto}
.mayus{text-transform:uppercase}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.saltar{position:fixed;left:16px;top:-80px;z-index:100000;background:var(--negro);color:#fff;padding:10px 16px;transition:top .2s}
.saltar:focus{top:16px}
:focus-visible{outline:2px solid var(--negro);outline-offset:3px}
.pie :focus-visible,.elementos-escena :focus-visible{outline-color:var(--negro)}
.t30{font-size:30px;line-height:36px;font-weight:500}
.t24{font-size:24px;line-height:32px;font-weight:500}
.prosa{line-height:1.3}
.negro{color:var(--negro)}
.gris{color:var(--g90)}


.splash{display:none;position:fixed;inset:0;z-index:9999;background:#fff;align-items:center;justify-content:center;opacity:1;transition:opacity .6s ease}
.splash-on .splash{display:flex}
.splash.fuera{opacity:0;pointer-events:none}
.splash-logo{width:200px;max-width:70vw;height:auto;color:var(--negro);overflow:visible}
@media (min-width:640px){.splash-logo{width:300px}}
@media (min-width:768px){.splash-logo{width:400px}}
.splash-logo .tr{stroke-dasharray:1;stroke-dashoffset:1;animation:traza .8s cubic-bezier(.4,0,.2,1) forwards}
.splash-logo .tr2{animation-delay:.14s}.splash-logo .tr3{animation-delay:.28s}.splash-logo .tr4{animation-delay:.42s}.splash-logo .tr5{animation-delay:.56s}
@keyframes traza{to{stroke-dashoffset:0}}


.cab-esc{display:none;position:fixed;left:0;top:0;z-index:99;width:100%;margin-top:30px;padding:1px 31px;justify-content:space-between;align-items:center;pointer-events:none}
.cab-grupo{display:flex;background:rgba(243,243,243,.75);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}
.cab-enlace{display:block;padding:16px;text-transform:uppercase;color:var(--negro);text-underline-offset:4px;white-space:nowrap}
.cab-enlace:hover{text-decoration:underline}
.cab-marca{display:none;position:fixed;left:0;top:0;z-index:99;width:100%;height:56px;margin-top:30px;padding:0 30px;justify-content:center;align-items:center;pointer-events:none;mix-blend-mode:difference;color:#fff}
.cab-marca a{display:block;width:104px;padding:0 4px;pointer-events:auto}
.cab-marca svg{display:block;width:100%;height:auto}
@media (min-width:1024px){.cab-esc{display:flex}.cab-marca{display:flex}.cab-mov{display:none}}

.cab-mov{position:fixed;left:16px;top:16px;z-index:99;width:calc(100vw - 32px);background:rgba(243,243,243,.75);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;height:48px;transition:height .3s var(--ease)}
.cab-mov.abierta{height:auto}
.cab-mov-fila{display:flex;justify-content:space-between;align-items:center;height:48px;padding:8px}
.cab-mov-logo{display:block;width:92px;padding-left:8px;color:var(--negro)}
.cab-mov-logo svg{display:block;width:100%;height:auto}
.cab-mov-boton{position:relative;width:44px;height:44px}
.cab-mov-boton span{position:absolute;left:10px;width:24px;height:2px;background:var(--negro);transition:all .3s ease-in-out}
.cab-mov-boton span:nth-child(1){top:14px}
.cab-mov-boton span:nth-child(2){top:21px;transition-duration:.1s}
.cab-mov-boton span:nth-child(3){top:28px}
.cab-mov.abierta .cab-mov-boton span:nth-child(1){top:21px;transform:rotate(45deg)}
.cab-mov.abierta .cab-mov-boton span:nth-child(2){opacity:0}
.cab-mov.abierta .cab-mov-boton span:nth-child(3){top:21px;transform:rotate(-45deg)}
.cab-mov-menu{display:flex;flex-direction:column;padding:8px 16px 16px;visibility:hidden}
.cab-mov.abierta .cab-mov-menu{visibility:visible}
.cab-mov-menu a,.cab-mov-menu button{display:block;padding:10px 0;text-transform:uppercase;text-align:left}


.repro{position:fixed;left:0;bottom:0;z-index:99;width:100%;padding:16px;pointer-events:none}
.repro-caja{max-width:none;margin:0 auto;background:var(--g20);pointer-events:auto}
@media (min-width:768px){.repro-caja{max-width:768px}}
.repro-barra{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:center;background:#fff;padding:16px;font-size:14px;line-height:20px;cursor:pointer;letter-spacing:.04em}
@media (min-width:768px){.repro-barra{padding-inline:30px}}
.repro-titulo{grid-column:span 7;min-width:0}
.repro-play{grid-column:span 2;display:flex;justify-content:center;align-items:center}
.repro-riel{display:none;grid-column:span 5;position:relative;height:2px;background:var(--g50);cursor:pointer}
.repro-riel::before{content:"";position:absolute;inset:-12px 0}
.repro-riel i{position:absolute;left:0;top:0;height:100%;width:0;background:#000;transition:width .1s}
.repro-vol{grid-column:span 1;display:flex;justify-content:center;align-items:center}
@media (min-width:768px){.repro-titulo{grid-column:span 3}.repro-play{grid-column:span 1}.repro-riel{display:block}}
.repro-play .i-pausa,.repro-vol .i-mudo{display:none}
.repro.suena .repro-play .i-play{display:none}.repro.suena .repro-play .i-pausa{display:inline}
.repro.mudo .repro-vol .i-vol{display:none}.repro.mudo .repro-vol .i-mudo{display:inline}
.repro-panel{display:none;position:relative;flex-direction:column;gap:8px;padding:16px}
.repro.abierto .repro-panel{display:flex}
@media (min-width:768px){.repro-panel{gap:16px}}
.repro-cierra{position:absolute;right:0;top:-32px;z-index:2;padding:4px 8px;background:var(--g20);text-transform:uppercase}
.repro-cierra:hover{text-decoration:underline}
.repro-visual{position:relative;max-height:50vh;background:var(--g20)}
.repro-visual canvas{display:block;width:100%;height:96px}
@media (min-width:768px){.repro-visual canvas{height:140px}}
.repro-texto{font-size:14px;line-height:1.3;letter-spacing:.04em}
@media (min-width:768px){.repro-texto{font-size:16px}}
.repro-texto span{color:var(--g70);transition:color .3s}
.repro-texto span.on{color:var(--negro)}


.hero{height:100vh;height:100svh;background:var(--g50);display:flex;justify-content:center;align-items:center;padding:0;overflow:hidden}
@media (min-width:768px){.hero{padding:0 20%}}
.bolsa3d{position:relative;min-height:300px}
.bolsa3d canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}
.bolsa3d canvas:active{cursor:grabbing}
.hero-bolsa{width:100%;aspect-ratio:1/1}

.modulos{padding-top:48px}
.titular{display:flex;justify-content:center;align-items:center;text-align:center;padding:var(--m);margin-bottom:48px}
.titular h2{max-width:48rem}
.solo-esc{display:none}
@media (min-width:768px){.solo-esc{display:inline}}


.elementos{display:grid;grid-template-columns:1fr;gap:32px;background:var(--g20);border-top:1px solid var(--negro);border-bottom:1px solid var(--negro)}
@media (min-width:768px){.elementos{grid-template-columns:1fr 1fr}}
.elementos-escena{position:relative;overflow:hidden;background:var(--negro);min-height:80vh;min-height:80svh;perspective:1600px;container-type:size}
.hoja-vuelo{position:absolute;top:11%;bottom:11%;left:50%;aspect-ratio:.6;transform:translateX(-50%);transform-style:preserve-3d;container-type:size}
.hoja{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(-12deg) rotateX(2deg);animation:hoja-gira 9.4s infinite}
@keyframes hoja-gira{
  0%{transform:rotateY(-12deg) rotateX(2deg);animation-timing-function:cubic-bezier(.55,0,.45,1)}
  50%{transform:rotateY(-192deg) rotateX(-2deg);animation-timing-function:cubic-bezier(.55,0,.45,1)}
  100%{transform:rotateY(-372deg) rotateX(2deg)}
}
.hoja-cara{position:absolute;inset:0;background:var(--g20);backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:6.5cqw;color:var(--negro);overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.05)}
.hoja-dorso{transform:rotateY(180deg);display:flex;align-items:center;padding:7cqw 8cqw}
.hoja-dorso p{font-size:4.5cqw;line-height:1.18;font-weight:500;letter-spacing:.02em}
.hoja-frente h3{font-size:6.2cqw;line-height:1;font-weight:500;letter-spacing:.02em;margin-bottom:4cqw}
.hoja-cols{display:grid;grid-template-columns:1fr 1fr;gap:4cqw}
.hoja-col p{font-size:2.4cqw;line-height:1.3;margin-bottom:2.4cqw;letter-spacing:.01em}
.hoja-col b{display:block;font-weight:600}
.hoja-col svg{display:block;width:100%;height:auto;margin-bottom:3cqw}
.hoja-logo{position:absolute;left:50%;bottom:5.5cqw;width:20cqw;height:auto;transform:translateX(-50%)}

.elementos-texto{display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:var(--m)}
.elementos-cuerpo{display:flex;flex-direction:column;gap:32px}
.elementos-boton{margin-bottom:32px}
.prosa{white-space:pre-line}
.boton-linea{display:inline-flex;align-items:center;padding:16px;border:1px solid var(--negro);font-size:14px;line-height:20px;font-weight:500;text-transform:uppercase;transition:background-color .15s}
.boton-linea:hover{background:rgba(0,0,0,.05)}
.elementos-cuerpo .prosa{max-width:none}


.giro{width:80px}
.giro svg{display:block;width:80px;height:72px;overflow:visible}
.giro .g-b,.giro .g-v,.giro .g-punto{fill:var(--negro)}
.giro .g-mitad{fill:var(--g20)}
.giro .g-b{transform-box:fill-box;transform-origin:left center;animation:g-barra 12s infinite both}
.giro .g-b2{animation-delay:.12s}.giro .g-b3{animation-delay:.24s}
@keyframes g-barra{
  0%{transform:scaleX(0);opacity:1}
  4%{transform:scaleX(1);opacity:1}
  16%{transform:scaleX(1);opacity:1;animation-timing-function:ease-in-out}
  22%{transform:scale(1,0);opacity:1}
  23%,100%{transform:scale(1,0);opacity:0}
}
.giro .g-v{transform-box:fill-box;transform-origin:center bottom;transform:scaleY(0);animation:g-vert 12s infinite both}
.giro .g-v2{animation-delay:.1s}.giro .g-v3{animation-delay:.2s}
@keyframes g-vert{
  0%,19%{transform:scaleY(0);opacity:1}
  27%{transform:scaleY(1);opacity:1;animation-timing-function:ease-in-out}
  36%{transform:scaleY(1);opacity:1}
  41%{transform:scaleY(1);opacity:0}
  100%{transform:scaleY(0);opacity:0}
}
.giro .g-anillo{transform-box:fill-box;transform-origin:center;animation:g-anillo 12s infinite both}
@keyframes g-anillo{0%,44%{transform:scale(.02);opacity:0}48%{transform:scale(1);opacity:1}90%{transform:scale(1);opacity:1}96%,100%{transform:scale(1);opacity:0}}
.giro .g-punto{transform-box:fill-box;transform-origin:center;animation:g-punto 12s infinite both}
@keyframes g-punto{0%,46%{transform:scale(0);opacity:0}48%{transform:scale(0);opacity:1;animation-timing-function:ease-in-out}62%{transform:scale(1);opacity:1}90%{transform:scale(1);opacity:1}96%,100%{transform:scale(1);opacity:0}}
.giro .g-mitad{transform-box:fill-box;transform-origin:right center;animation:g-mitad 12s infinite both}
@keyframes g-mitad{0%,66%{transform:scaleX(0)}74%{transform:scaleX(1);animation-timing-function:ease-in-out}90%{transform:scaleX(1)}96%,100%{transform:scaleX(0)}}


.vida{display:grid;grid-template-columns:minmax(0,1fr);column-gap:32px;row-gap:32px;margin:-1px 0 48px;padding:32px var(--m) 96px;background:var(--g50);border-top:1px solid var(--negro);border-bottom:1px solid var(--negro)}
@media (min-width:768px){.vida{padding-top:96px}}
.vida-titulo{grid-column:1;margin-bottom:16px;line-height:1.3;font-weight:500}
.vida-foto{grid-column:1;grid-row:2}
.vida-foto img{width:100%;height:auto;aspect-ratio:1977/1305;object-fit:cover}
.vida-texto{grid-column:1;grid-row:3}
.vida-boton{grid-column:1;grid-row:4;display:flex;align-items:flex-end}
@media (min-width:768px){
  .vida{grid-template-columns:repeat(12,minmax(0,1fr))}
  .vida-titulo{grid-column:1/5;grid-row:1}
  .vida-foto{grid-column:7/13;grid-row:1}
  .vida-boton{grid-column:1/7;grid-row:2;padding-inline:30px}
  .vida-texto{grid-column:7/13;grid-row:2}
}


.novedad{display:grid;grid-template-columns:1fr;gap:16px;padding:64px var(--m) var(--m);margin-bottom:48px}
.novedad h2{grid-column:1/-1;margin-bottom:32px}
@media (min-width:768px){.novedad{grid-template-columns:1fr 1fr}}
.card{position:relative;display:flex;flex-direction:column}
.card-grande{background:var(--g20);justify-content:space-between}
.card-rotulo{position:absolute;top:0;left:0;width:100%;margin-top:16px;text-align:center;z-index:30}
.card-grande .card-bolsa{width:100%;aspect-ratio:3/4}
.card-pie{position:absolute;left:0;bottom:0;width:100%;z-index:30;text-align:center}
.card-pie h3{font-size:16px;line-height:24px}
.card-nota{margin-bottom:16px}
.card-agregar{position:absolute;right:12px;top:12px;z-index:31;border:1px solid var(--negro);padding:6px 10px;font-size:14px;line-height:20px;text-transform:uppercase;background:rgba(243,243,243,.9);opacity:0;transition:opacity .2s}
.card:hover .card-agregar,.card:focus-within .card-agregar{opacity:1}
.card-agregar:hover{background:var(--negro);color:#fff}
@media (hover:none){.card-agregar{opacity:1}}
.novedad-lado{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}
@media (min-width:1024px){.novedad-lado{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card-chica{grid-column:span 1}
.card-bolsa-chica{width:100%;aspect-ratio:3/4;background:var(--g20)}
.card-pie-chica{padding:16px;font-size:14px;line-height:20px;text-align:center}
.card-chica:hover h3{text-decoration:underline}
.card-chica .card-agregar{top:8px;right:8px;padding:4px 8px}


.enrejado-fondo{background:#fff}
.enrejado{background:var(--negro);padding:1px;display:grid;grid-template-columns:1fr;gap:1px}
.enrejado-fila{display:grid;grid-template-columns:1fr;gap:1px;background:var(--negro)}
@media (min-width:1024px){.enrejado-fila{grid-template-columns:1fr 1fr}.fila-1{min-height:320px}.fila-2{min-height:500px}}
.celda{background:#fff}
.celda-boletin{padding:var(--m);display:flex;flex-direction:column;gap:16px}
@media (min-width:1024px){.celda-boletin{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:16px}}
.boletin-t{font-size:16px;line-height:24px}
.boletin-t-esc{display:none}
@media (min-width:1024px){.boletin-t-mov{display:none}.boletin-t-esc{display:block}}
.boletin-foto{position:relative;min-height:256px}
.boletin-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.boletin-col{display:flex;flex-direction:column;justify-content:space-between;gap:48px}
.form-correo{display:flex;flex-direction:column;gap:48px;margin-top:auto}
.form-correo input[type=email]{width:100%;padding:8px 12px;border:0;border-bottom:1px solid var(--negro);background:transparent;font:inherit;letter-spacing:inherit;color:var(--negro);border-radius:0;outline-offset:2px}
.form-correo input::placeholder{color:var(--g90);opacity:1}
.acepto{display:flex;align-items:flex-start;font-size:12px;line-height:16px;color:var(--g90);cursor:pointer}
.acepto input{width:13px;height:13px;flex:none;margin:2px 8px 0 0;accent-color:#000}
.acepto a{text-decoration:underline}
.acepto a:hover{text-decoration:none}
.boton-negro{width:100%;padding:8px 16px;background:var(--negro);color:#fff;text-align:center;white-space:nowrap;transition:background-color .15s}
.boton-negro:hover:not(:disabled){background:var(--g90)}
.boton-negro:disabled{opacity:.5;cursor:not-allowed}
.form-grupo{display:flex;flex-direction:column;gap:16px}
.form-correo .form-nota{font-size:12px;line-height:16px}
.form-correo .form-nota:empty{display:none}
.celda-enlaces{display:flex;flex-direction:column;gap:1px;background:var(--negro)}
.celda-enlace{flex:1 1 0;display:flex;flex-direction:column;justify-content:center;padding:32px var(--m);background:#fff}
@media (min-width:1024px){.celda-enlace{padding:32px}}
.sub{color:var(--g90);text-decoration:underline}
.sub:hover,.subr:hover{text-decoration:none}
.subr{text-decoration:underline}

.celda-envase{display:none;padding:0}
@media (min-width:1024px){.celda-envase{display:block}}
.envase-sub{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;background:var(--negro);height:100%}
.envase-texto{grid-column:1/-1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:48px}
.envase-lista{display:flex;flex-direction:column;justify-content:space-between;padding:16px}
.envase-lista h3{color:var(--negro);margin-bottom:12px;font-size:16px;line-height:24px}
.envase-lista li{font-size:14px;line-height:20px;color:var(--g90)}
.envase-enlace{display:flex;justify-content:center;align-items:center}
.celda-manos{padding:var(--m);min-height:350px}
.celda-manos img{width:100%;height:318px;object-fit:cover}
@media (min-width:1024px){.celda-manos{min-height:500px;padding:0}.celda-manos img{height:auto;aspect-ratio:4/3}}

.celda-envase-mov{display:flex;flex-direction:column;gap:48px;padding:var(--m)}
.celda-envase-mov h3{font-size:16px;line-height:24px;margin-bottom:12px}
.celda-envase-mov li{font-size:14px;line-height:20px;color:var(--g90)}
@media (min-width:1024px){.celda-envase-mov{display:none}}


.redes{background:var(--g100);overflow:hidden;padding-bottom:32px}
.redes-cab{display:grid;grid-template-columns:1fr;gap:16px;padding:32px var(--m) 16px}
@media (min-width:1024px){.redes-cab{grid-template-columns:1fr 1fr;gap:0;padding:32px}}
.redes-cab h2,.redes-cab p{max-width:none}
.redes-escena{position:relative;height:500px;min-height:70vh;padding:80px 0 16px}
.red{position:absolute;left:0;bottom:0;display:block;aspect-ratio:4/5;transform-origin:left bottom;will-change:transform;transition:transform 150ms cubic-bezier(.34,.56,.64,1),z-index 150ms;overflow:hidden}
.red img{width:100%;height:100%;object-fit:cover}
@media (max-width:767px){
  .redes-escena{height:299px;min-height:0;padding:32px 0;overflow:hidden}
  .redes-fila{position:absolute;left:0;bottom:32px;display:flex;align-items:flex-end;will-change:transform}
  .red{position:relative;flex:none;width:140px;height:175px;margin-right:24px;transform-origin:bottom center;transition:none}
}
.arriba{display:flex;justify-content:center;align-items:center;min-height:40vh;min-height:40svh;padding:24px var(--m);background:var(--g20);border-top:1px solid var(--negro);border-bottom:1px solid var(--negro)}
@media (min-width:1024px){.arriba{padding:30px}}


.pie{background:var(--g50);margin-top:-1px}
.pie-rejilla{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}
.pie-bol{grid-column:1/-1;display:flex;flex-direction:column;border:1px solid var(--negro)}
.pie-loc{grid-column:1/-1;border:1px solid var(--negro);border-top:0;padding:24px;min-height:400px;display:flex;flex-direction:column;justify-content:space-between}
.pie-enlaces{grid-column:1/-1;border:1px solid var(--negro);margin-top:-1px;padding:24px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:48px;column-gap:8px}
@media (min-width:1024px){
  .pie-bol{grid-column:1/7;grid-row:1}
  .pie-loc{grid-column:7/13;grid-row:1;border-top:1px solid var(--negro);border-left:0;padding:30px;min-height:500px}
  .pie-enlaces{padding:30px;row-gap:8px}
}
.pie-bol-arriba{padding:24px;border-bottom:1px solid var(--negro)}
.pie-bol-abajo{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:24px}
@media (min-width:1024px){.pie-bol-arriba{padding:30px}.pie-bol-abajo{padding:30px;flex-direction:row;justify-content:space-between;align-items:flex-end}.pie-bol{border-right:0}}
.pie-h1{font-size:16px;line-height:24px;margin-bottom:16px}
.pie-h2{font-size:16px;line-height:24px}
.reloj{display:flex;gap:16px;text-transform:uppercase;width:100%;justify-content:space-between}
@media (min-width:1024px){.reloj{width:auto;justify-content:flex-start}}
.reloj-r{width:80px}
.reloj-v{font-variant-numeric:tabular-nums;min-width:84px}
.pie-loc-cab{display:flex;justify-content:space-between;align-items:center;width:100%}
.pie-flechas{display:flex;gap:24px}
.pie-flechas button{display:block;width:14px;height:14px;color:var(--negro)}
.pie-flechas button:hover{color:var(--g90)}
.pie-loc-cuerpo{display:flex;flex-direction:row;justify-content:space-between;gap:8px;margin-top:48px}
.loc-info{display:flex;flex-direction:column;gap:16px;width:66.66%;justify-content:flex-end}
.loc-nombre{font-size:18px;line-height:28px;text-decoration:underline}
.loc-dir{font-size:14px;line-height:1.3}
@media (min-width:1024px){.loc-dir{font-size:16px}}
.loc-horas{padding-top:16px;width:fit-content}
.loc-horas li{font-size:16px;line-height:24px}
.loc-abierto{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;line-height:20px;text-transform:uppercase}
.loc-abierto i{display:block;width:8px;height:8px;border-radius:50%;background:#e0662a}
.loc-foto{width:33.33%;display:flex;align-items:flex-end}
.loc-foto img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.loc-info,.loc-foto{transition:opacity .25s}
.pie-loc-cuerpo.cambia .loc-info,.pie-loc-cuerpo.cambia .loc-foto{opacity:0}
.pie-lista{grid-column:1/-1}
.pie-lista li{height:24px}
.pie-lista a:hover,.pie-contacto a:hover{text-decoration:underline}
.pie-contacto{grid-column:1/-1;display:flex;flex-direction:column;gap:48px}
.pie-redes{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;width:100%}
.pie-redes li{white-space:nowrap}
@media (min-width:1024px){
  .pie-lista{grid-column:1/5}
  .pie-contacto{grid-column:7/13;gap:0}
}
@media (min-width:1280px){
  .pie-contacto{flex-direction:row;justify-content:space-between}
  .pie-redes{justify-content:flex-end;width:100%}
}
.pie-marca{grid-column:1/-1;padding-top:96px}
.pie-marca svg{display:block;width:100%;height:auto;color:#000}
.aviso{grid-column:1/-1;font-size:14px;line-height:20px;color:var(--g90);margin-top:16px}
.aviso a{text-decoration:underline;text-underline-offset:3px}
.aviso a:hover{color:var(--negro)}


.capa-bolsa{position:fixed;inset:0;z-index:99999;visibility:hidden;pointer-events:none}
.capa-bolsa.abierta{visibility:visible;pointer-events:auto}
.capa-cierra{position:absolute;inset:0;cursor:default;z-index:1}
.bolsa{position:fixed;z-index:2;right:var(--m);top:80px;margin:1px;height:calc(100vh - 96px);height:calc(100svh - 96px);width:calc(100vw - 32px);max-width:calc(100vw - 32px);background:rgba(243,243,243,.75);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;transform:translateX(110%);transition:transform .3s ease-in-out}
@media (min-width:768px){.bolsa{max-width:28rem;top:86px;height:calc(100vh - 116px);height:calc(100svh - 116px)}}
.capa-bolsa.abierta .bolsa{transform:none}
.bolsa-cierra-mov{border:1px solid var(--negro);padding:8px;margin:16px 16px 0;display:flex;justify-content:center}
@media (min-width:768px){.bolsa-cierra-mov{display:none}}
.bolsa-cuerpo{flex:1;overflow:auto;padding:24px}
.bolsa-titulo{font-size:16px;line-height:24px;text-transform:uppercase;margin-bottom:16px}
.bolsa-vacia{color:var(--g90)}
.bolsa-lista li{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--negro)}
.bolsa-lista h3{font-size:14px;line-height:20px;text-transform:uppercase}
.bolsa-lista p{font-size:14px;line-height:20px;color:var(--g90)}
.bolsa-lista button{font-size:14px;text-decoration:underline;white-space:nowrap}
.bolsa-pie{padding:24px;border-top:1px solid var(--negro)}
.bolsa-nota{margin-top:12px;font-size:14px;line-height:20px}
.bolsa-nota:empty{display:none}


.toast{position:fixed;left:50%;bottom:112px;z-index:100000;transform:translate(-50%,8px);max-width:calc(100vw - 32px);background:var(--negro);color:#fff;padding:12px 20px;font-size:14px;line-height:20px;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.toast.on{opacity:1;transform:translate(-50%,0)}


@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .splash{display:none!important}
  .hoja{animation:none}
  .giro .g-b{animation:none;transform:none;opacity:1}
  .giro .g-v,.giro .g-anillo,.giro .g-punto,.giro .g-mitad{animation:none;opacity:0}
  .cab-mov,.bolsa,.toast{transition:none}
  .red{transition:none}
}