/** Shopify CDN: Minification failed

Line 121:54 Expected identifier but found "var("
Line 128:47 Expected identifier but found "var("
Line 591:45 Expected identifier but found "var("
Line 706:2 Expected identifier but found "var("
Line 711:22 Expected identifier but found "var("
Line 720:2 Expected identifier but found "var("
Line 827:48 Expected identifier but found "var("
Line 921:6 Expected ":"
Line 925:50 Expected ":"
Line 938:31 Expected identifier but found "var("

**/
:root{
  --serif:'Gambetta',Georgia,serif;
  --radio:1.625rem;
  --radio-chico:1rem;
  --pildora:999px;
  --hueco:clamp(4.5rem,9vw,8.25rem);
  --gota:68% 32% 46% 54% / 40% 62% 38% 60%;
  --gota-espejo:44% 56% 62% 38% / 56% 42% 58% 44%;
  --toque:.18s; --estado:.3s; --entrada:.5s; --revelado:.85s;
  --pulso:.1s;
  --espera:.18s;
}
.seccion{padding:var(--hueco) var(--margen)}
.ancho{max-width:80rem;margin-inline:auto}
.exp-uno > .exp-ir{display:block;color:inherit;text-decoration:none}
.exp-uno > .exp-ir:focus-visible{outline:2px solid var(--rosa-hondo);outline-offset:4px;border-radius:var(--radio-chico)}
.shopify-policy__container.shopify-policy__container{max-width:80rem;
  margin-inline:auto;padding:var(--hueco) var(--margen)}
.shopify-policy__title.shopify-policy__title{text-align:left}
.shopify-policy__title h1{font-family:var(--serif);font-weight:300;
  font-size:var(--t-d1);line-height:1.12;letter-spacing:-.012em;margin:0 0 2rem}
.shopify-policy__body{max-width:60ch}
.shopify-policy__body p{margin:0 0 1.125rem;font-size:1.0625rem;line-height:1.68}
.shopify-policy__body h3{margin:2.25rem 0 .625rem;font-size:1.0625rem;
  letter-spacing:.01em;font-weight:600}
.shopify-policy__body h3:first-child{margin-top:0}
.shopify-policy__body a{color:var(--rosa-hondo);text-underline-offset:.18em}
.shopify-policy__body strong{font-weight:600}
.portada-sobre > .ancho,
.hilo-eje > .ancho,
section.puertas:not(.seccion) > .ancho{
  width:min(80rem, 100% - var(--margen) * 2)}
.etiqueta{display:inline-block;padding:0.5rem 1.125rem;border-radius:var(--pildora);
  font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.14em;text-transform:uppercase;
  background:var(--tono,var(--lima));color:var(--carbon)}
.titular{font-family:var(--serif);font-weight:300;
  font-size:clamp(2.375rem,6.6vw,6.125rem);line-height:1.08;letter-spacing:-.012em;
  max-width:14ch;margin-top:1.625rem}
.franja .titular{font-size:clamp(2.125rem,4.2vw,3.625rem);line-height:1.14;max-width:16ch}
.titular em{font-style:italic}
.bajada{margin-top:1.25rem;font-size:1.1875rem;line-height:1.62;
  color:rgba(44,44,44,.72);max-width:52ch}
.franja{background:var(--tono);border-radius:var(--radio);
  padding:clamp(2.5rem,5vw,4.75rem)}
.adorno-sec{position:absolute;z-index:0;pointer-events:none;opacity:.95;
  width:clamp(66px,6.4vw,104px);height:auto;
  right:var(--margen);top:calc(var(--hueco) * .55)}
.seccion{position:relative}
.seccion>.ancho{position:relative;z-index:1}
.voces .adorno-sec{top:calc(var(--hueco) * .4)}
.adorno-cierre{display:block;width:62px;height:auto;margin:0 auto 1.625rem}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  opacity:.5;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23f)' opacity='.14'/%3E%3C/svg%3E")}
body>*{position:relative;z-index:1}
.nav{position:sticky;top:0;z-index:80;background:rgba(246,244,235,.86);
  backdrop-filter:blur(14px);
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  padding:0.875rem var(--margen)}
.nav .firma-nav{color:var(--rosa-hondo)}
.nav ul{display:flex;gap:1.625rem;list-style:none}
.nav a{position:relative;font:500 0.875rem/1 var(--cuerpo);color:rgba(44,44,44,.72);
  padding:0.5rem 2px;white-space:nowrap;transition:color .3s var(--curva)}
.nav nav a{background-image:linear-gradient(currentColor,currentColor);
  background-repeat:no-repeat;background-position:50% calc(100% - 1px);
  background-size:0 1px;
  transition:color .3s var(--curva),background-size .3s var(--curva)}
.nav a:hover,.nav a:focus-visible{color:var(--carbon)}
.nav nav a:hover,.nav nav a:focus-visible{background-size:100% 1px}
.nav a:focus-visible{outline:3px solid var(--carbon);outline-offset:3px;
  border-radius:0.25rem}
.nav .acciones{display:flex;align-items:center;gap:0.375rem}
.nav .carro{display:flex;align-items:center;gap:0.5rem;padding:0.6875rem 1.25rem;
  border-radius:var(--pildora);background:var(--rosa-hondo);color:var(--blanco);
  font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.005em;margin-left:0.375rem;
  transition:background-color .3s var(--curva),transform .3s var(--curva),
             box-shadow .3s var(--curva)}
.nav .carro:hover,.nav .carro:focus-visible{
  background:color-mix(in oklch,var(--rosa-hondo) 86%,var(--carbon));
  transform:translateY(-1px);box-shadow:0 8px 18px -12px rgba(44,44,44,.8)}
.nav .carro:active{transform:translateY(0) scale(.975);transition-duration:.18s}
.nav .carro:focus-visible{outline:3px solid var(--carbon);outline-offset:3px}
.ico-btn:focus-visible{outline:3px solid var(--carbon);outline-offset:2px}
.ico-btn:active{transform:scale(.92);transition-duration:.18s}
.nav .menu-movil{display:none}
.ico{width:20px;height:20px;display:block;color:inherit}
.ico-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;
  border:0;background:none;border-radius:var(--pildora);cursor:pointer;
  color:rgba(44,44,44,.8);transition:.18s var(--curva)}
.ico-btn:hover{background:rgba(44,44,44,.07);color:var(--carbon)}
.tapa{position:fixed;inset:0;z-index:90;background:rgba(44,44,44,.42);
  opacity:0;transition:opacity .3s var(--curva)}
.tapa.abierta{opacity:1}
.panel-movil{position:fixed;z-index:91;top:0;right:0;bottom:0;
  width:min(86vw,380px);background:var(--sup);
  padding:1.375rem 1.625rem 2.125rem;overflow-y:auto;
  display:flex;flex-direction:column;
  translate:100% 0;transition:translate .3s var(--curva)}
.panel-movil.abierto{translate:0 0}
.panel-movil .cerrar{align-self:flex-end}
.panel-movil ul{list-style:none;margin-top:1.125rem}
.panel-movil li{display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding:1.125rem 0;border-bottom:1px solid rgba(44,44,44,.12)}
.panel-movil li .ico{color:var(--tx-3)}
.panel-movil a{font-family:var(--serif);font-weight:300;font-size:1.5rem;line-height:1.2}
.lema-panel{margin-top:auto;padding-top:1.875rem;font-family:var(--serif);
  font-weight:300;font-size:1.1875rem;line-height:1.4;var(--tx-3)}
body.trabado{overflow:hidden}
.suena{text-align:center}
.suena .cita{font-family:var(--serif);font-weight:300;font-style:italic;
  font-size:clamp(1.75rem,5vw,4.5rem);line-height:1.16;letter-spacing:-.01em;
  max-width:16ch;margin:1.875rem auto 0}
.suena .quien{margin-top:1.625rem;font:500 1.0rem/1 var(--cuerpo);
  letter-spacing:.1em;text-transform:uppercase;var(--tx-3)}
.elige .cabeza{padding-top:0}
.elige .q{display:inline-block;padding:0.5rem 1.125rem;border-radius:var(--pildora);
  background:var(--menta);color:var(--carbon);
  font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.14em;text-transform:uppercase}
.elige .lead{font-family:var(--serif);font-weight:300;
  font-size:clamp(1.875rem,5.4vw,5rem);line-height:1.08;letter-spacing:-.012em;
  max-width:15ch}
.via .nombre{font-family:var(--serif);font-weight:300;letter-spacing:0}
.planner{position:relative;
  --fondo:var(--blanco); --tinta:var(--carbon);
  --acento:var(--cobalto); --acento-tx:var(--blanco); --acento-tinta:var(--cobalto);
  --placa:var(--papel);
  --btn:var(--rosa-hondo); --btn-tx:var(--blanco);
  --hoja:var(--papel);
  --p:1}
.planner > .ancho{position:relative;z-index:1}
.planner .papel{position:absolute;inset:0;z-index:0;overflow:hidden;
  isolation:isolate;
  background-color:var(--hoja);
  background-image:url("grafico-grano.svg");
  background-size:200px 200px;
  background-position:center;
  background-repeat:repeat;
  background-blend-mode:multiply;
  transition:background-color .5s var(--curva)}
.planner .luz{position:absolute;inset:-35% -20%;z-index:0;pointer-events:none;
  mix-blend-mode:multiply;
  background:radial-gradient(39.3% 36.5% at 28.6% 15.9%,
    rgba(255,255,255,0) 0%, rgba(255,255,255,0) 34%,
    rgba(150,126,74,calc(var(--luz-caida,.13) * .42)) 68%,
    rgba(150,126,74,var(--luz-caida,.13)) 100%);
  translate:calc((var(--q,.5) - .5) * 8.6%) calc((var(--q,.5) - .5) * 29.4%)}
.planner .fibra{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;pointer-events:none;z-index:1;
  opacity:.55;mix-blend-mode:multiply;
  filter:grayscale(1) contrast(1.15) brightness(1.12);
  transform:scaleY(-1) scale(1.18)}
.planner .papel::before,
.planner .papel::after{content:"";position:absolute;left:0;right:0;height:18px;
  background:var(--papel);pointer-events:none;z-index:2;
  -webkit-mask:url("grafico-troquel.svg") repeat-x center/auto 100%;
          mask:url("grafico-troquel.svg") repeat-x center/auto 100%}
.planner .papel::before{top:-1px}
.planner .papel::after{bottom:-1px;transform:scaleY(-1)}
.planner .franja{
  background:var(--fondo);color:var(--tinta);
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4.5rem);
  align-items:center;
  padding-block:clamp(1rem,1.7vw,1.5rem);
  transition:background-color .5s var(--curva), color .5s var(--curva);
  --a:calc(1 - var(--p));
  translate:0 calc(var(--a) * -22px);
  box-shadow:0 calc(10px + var(--p) * 26px) calc(24px + var(--p) * 44px)
             rgba(44,44,44,calc(.05 + var(--p) * .13))}
.planner[data-color=cobalto]  {--acento:var(--cobalto);  --acento-tx:var(--blanco); --acento-tinta:var(--cobalto)}
.planner[data-color=orquidea] {--acento:var(--orquidea); --acento-tx:var(--blanco); --acento-tinta:var(--orquidea)}
.planner[data-color=lima]     {--acento:var(--lima);      --acento-tx:var(--carbon); --acento-tinta:var(--oliva-hondo)}
.planner[data-color=terracota]{--acento:var(--terracota); --acento-tx:var(--blanco); --acento-tinta:var(--terracota);
                               --btn:var(--oliva-hondo);  --btn-tx:var(--blanco)}
.planner .etiqueta{background:var(--acento);
  color:var(--acento-tx,var(--carbon));transition:background-color .5s var(--curva)}
.planner .etiqueta,
.planner .titular .ac,
.planner .muestras .nombre-color,
.planner .specs dt,
.planner .nota-ficha,
.planner .bajada{
  transition:color .5s cubic-bezier(.16,.68,.43,.99),
             background-color .5s cubic-bezier(.16,.68,.43,.99)}
.planner .etiqueta[data-rev]{
  transition:opacity .85s var(--curva), translate .85s var(--curva),
             background-color .5s cubic-bezier(.16,.68,.43,.99),
             color .5s cubic-bezier(.16,.68,.43,.99)}
@property --tinte-halo{syntax:'<color>';inherits:true;initial-value:transparent}
.planner{--tinte-halo:color-mix(in oklch, var(--acento) 13%, var(--placa));
  transition:--tinte-halo .5s cubic-bezier(.16,.68,.43,.99)}
.planner .foto::before{
  background:
    radial-gradient(58% 46% at 44% 40%, var(--tinte-halo), transparent 72%),
    radial-gradient(30% 5.5% at 50% 92%, rgba(44,44,44,.30), transparent 70%)}
.planner .bajada{color:color-mix(in srgb, var(--tinta) 84%, transparent)}
.planner .nombre-prod{margin:0.5rem 0 0.25rem;
  font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.15em;text-transform:uppercase;
  color:color-mix(in srgb, var(--tinta) 62%, transparent)}
.planner .btn.primario{--fondo-btn:var(--btn);
  background:var(--btn);color:var(--btn-tx)}
.planner .btn.secundario{color:var(--tinta)}
.planner .foto{aspect-ratio:4/5;position:relative;padding:8% 8% 7%;
  overflow:visible}
.planner .foto::before{content:"";position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(58% 46% at 44% 40%,
      color-mix(in oklch, var(--acento) 13%, var(--placa)), transparent 72%),
    radial-gradient(30% 5.5% at 50% 92%, rgba(44,44,44,.30), transparent 70%);
  transition:background .5s var(--curva)}
.planner .foto img{width:97%;max-width:none;height:auto;
  position:absolute;left:50%;margin-left:-48.5%;bottom:7%;z-index:2;
  filter:drop-shadow(calc(var(--ry, 0) * -1.15px)
                     calc(6px + var(--p,1) * 10px) calc(12px + var(--p,1) * 16px)
                     rgba(44,44,44,.20));
  transform:perspective(1100px)
            rotateX(calc(var(--rx, 0) * 1deg))
            rotateY(calc(var(--ry, 0) * 1deg));
  transform-origin:50% 88%;
  transition:opacity .3s var(--curva),
             transform .5s cubic-bezier(.16,.68,.43,.99),
             filter .5s cubic-bezier(.16,.68,.43,.99)}
.planner .foto[data-toca] img{transition:opacity .3s var(--curva), transform .18s linear}
.planner .foto[data-toca] img.cambiando{
  transition:opacity .3s var(--curva), transform .5s cubic-bezier(.16,.68,.43,.99)}
.planner .foto img.cambiando{opacity:0;
  transform:perspective(1100px) rotateY(-16deg) scale(.965)}
#btn-dentro{min-width:min(17.875rem, 100%)}
.planner .foto img.dentro-foto{position:absolute;left:50%;top:50%;bottom:auto;
  margin-left:0;z-index:3;
  width:93%;max-width:none;height:auto;
  translate:-50% -50%;
  border-radius:var(--radio-chico);
  box-shadow:0 18px 40px rgba(44,44,44,.20), 0 0 0 6px var(--blanco);
  opacity:0;scale:.965;pointer-events:none;
  transition:opacity .3s var(--curva), scale .3s var(--curva)}
.planner .foto[data-vista=dentro] img.dentro-foto{opacity:1;scale:1}
.planner .foto[data-vista=dentro] #foto-planner{opacity:0}
.planner .foto[data-vista=dentro]::before{
  background:radial-gradient(58% 46% at 44% 40%,
    color-mix(in oklch, var(--acento) 13%, var(--placa)), transparent 72%)}
#foto-planner{transition:opacity .3s var(--curva)}
@media (prefers-reduced-motion:reduce){
  .planner .dentro-foto{transition:opacity .18s linear;scale:1}
}
.planner .foto img.entra{opacity:0;transition:none;
  transform:perspective(1100px) rotateY(16deg) scale(.965)}
@media (prefers-reduced-motion:reduce){
  .planner .foto img,.planner .foto[data-toca] img{transform:none;transition:opacity .3s linear}
  .planner .foto img.cambiando{transform:none}
}
.planner .precio{margin-top:0.5rem;font-family:var(--serif);font-weight:300;
  font-size:2.125rem}
.muestras{display:flex;gap:0.75rem;margin-top:0.875rem;list-style:none}
.muestras{gap:1.0625rem}
.muestras button{width:42px;height:42px;border-radius:50%;border:0;
  cursor:pointer;outline-offset:6px;
  transition:transform .3s var(--curva), box-shadow .3s var(--curva)}
.muestras{position:relative}
.muestras::after{content:"";position:absolute;left:0;top:0;
  width:42px;height:42px;border-radius:50%;pointer-events:none;
  translate:var(--aro-x, 0px) var(--aro-y, 0px);
  scale:1.06;
  box-shadow:0 0 0 3px var(--fondo), 0 0 0 5px var(--tinta);
  transition:translate .5s cubic-bezier(.16,.68,.43,.99),
             box-shadow .5s var(--curva)}
.muestras button[aria-pressed=true]{transform:scale(1.06)}
.muestras button:active{transform:scale(.93);transition-duration:.18s}
@media (prefers-reduced-motion:reduce){
  .muestras::after{transition:none}
}
.planner .muestras .nombre-color{align-self:center;margin-left:0.5rem;
  font:500 1.0rem/1 var(--cuerpo);
  color:color-mix(in srgb, var(--tinta) 78%, transparent);
  transition:opacity .18s var(--curva), translate .18s var(--curva),
             color .5s cubic-bezier(.16,.68,.43,.99)}
.btn .costo{opacity:.72;font-weight:500}
.specs{margin-top:1.125rem;display:grid;grid-template-columns:repeat(4,auto);
  gap:1.625rem 2.125rem;justify-content:start;list-style:none;
  padding-top:1.625rem;
  border-top:1px solid color-mix(in srgb, var(--tinta) 22%, transparent)}
.specs dt{font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.16em;text-transform:uppercase;
  color:color-mix(in srgb, var(--tinta) 78%, transparent)}
.specs dd{margin-top:0.5625rem;font-family:var(--serif);font-weight:300;
  font-size:1.5625rem;line-height:1;letter-spacing:-.01em}
.specs dd small{font-size:1.0rem;letter-spacing:0}
.nota-ficha{margin-top:0.875rem;font-size:0.9375rem;line-height:1.55;
  max-width:46ch;color:color-mix(in srgb, var(--tinta) 82%, transparent)}
.tienda .rejilla{display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr .78fr;
  align-items:end;gap:1.25rem;margin-top:2.75rem;
  perspective:1400px}
.ficha-tx{display:flex;flex-direction:column;min-width:0}
.sku h3{min-height:3rem}
.sku .dato{min-height:2.85rem}
.sku{min-width:0;position:relative;display:flex;flex-direction:column;
  background-color:#FCFAF4;
  background-image:url("grafico-grano.svg");
  background-size:200px 200px;
  background-blend-mode:multiply;
  border-radius:0 0 var(--radio) var(--radio);
  padding:1.625rem 1rem 1.375rem;
  box-shadow:var(--sombra-carta);
  transition:box-shadow .5s var(--curva)}
.tienda .sku .vitrina{
  transform-origin:bottom center;
  transform:translateY(var(--lev,0px))
            rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))
            scale(var(--crece,1));
  transform-style:preserve-3d;
  transition:transform .5s var(--curva)}
.sku:hover,.sku:focus-within{--lev:-6px;--crece:1.055;z-index:4;
  box-shadow:var(--sombra-carta-alta)}
.sku:hover{transition:transform .18s linear, box-shadow .5s var(--curva)}
.sku h3,.sku .dato,.sku .agregar,.sku .colores-sku{position:relative;z-index:1}
.sku::before{content:"";position:absolute;left:0;right:0;top:-1px;height:14px;
  z-index:2;pointer-events:none;background:var(--fondo,var(--crema));
  -webkit-mask:url("grafico-troquel.svg") repeat-x center/auto 100%;
          mask:url("grafico-troquel.svg") repeat-x center/auto 100%}
.sku .marca-sku{position:absolute;top:20px;left:14px;z-index:3;
  font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.16em;text-transform:uppercase;
  padding:0.375rem 0.625rem;border-radius:var(--pildora);
  background:var(--carbon);color:var(--papel)}
.sku{overflow:visible}
.sku .vitrina{position:relative;aspect-ratio:4/5;overflow:visible}
.sku .sku-obj{position:absolute;left:50%;bottom:8px;translate:-50% 0;
  height:96%;width:auto;max-width:none;
  z-index:1;
  filter:drop-shadow(0 2px 3px rgba(44,40,30,.22));
  transform:translate3d(0,var(--sube,0px),var(--z,0px))
            scale(var(--esc,1)) rotate(var(--gir,0deg));
  transition:transform .5s var(--curva);transform-origin:bottom center}
.sku:hover .sku-obj,.sku:focus-within .sku-obj{--sube:-4px;--esc:1.02;--gir:-1.4deg;--z:26px}
.sku .sku-sombra{position:absolute;left:50%;bottom:-11px;z-index:0;
  width:120%;height:2.6rem;object-fit:fill;translate:calc(-50% + 8%) 0;
  pointer-events:none;opacity:.55;
  mix-blend-mode:multiply;
  transform:scaleX(var(--sx,1)) scaleY(var(--sy,1));
  transform-origin:center top;
  transition:transform .5s var(--curva), opacity .5s var(--curva)}
.sku:hover .sku-sombra,.sku:focus-within .sku-sombra{--sx:1.1;--sy:1.28;opacity:.3}
.tienda .sku:first-child .sku-sombra{height:3.5rem}
.sku .tipo{padding:14% 12%;text-align:center;
  display:flex;align-items:center;justify-content:center}
.sku .frase-sku{font-family:var(--serif);font-weight:300;font-style:italic;
  font-size:clamp(1.1875rem,1.7vw,1.625rem);line-height:1.18;color:var(--carbon)}
.sku h3{margin-top:1rem;font-family:var(--serif);font-weight:300;
  font-size:1.3125rem;line-height:1.15;letter-spacing:-.01em;color:var(--carbon)}
.sku .dato{margin-top:auto;padding-top:0.4375rem;display:flex;align-items:flex-end;
  justify-content:space-between;gap:0.625rem;
  font:400 0.8125rem/1.4 var(--cuerpo);color:rgba(44,44,44,.82)}
.sku .precio-sku{font-family:var(--serif);font-weight:300;font-size:1.1875rem;
  color:var(--carbon);white-space:nowrap}
.sku .agregar{margin-top:1rem;align-self:start;
  display:inline-flex;align-items:center;gap:0.5rem;
  padding:0.75rem 1.375rem;border-radius:var(--pildora);
  background:var(--btn-sku,var(--rosa-hondo));color:var(--btn-sku-tx,var(--blanco));
  font:500 1.0rem/1 var(--cuerpo);text-decoration:none;
  transition:transform .3s var(--curva), box-shadow .3s var(--curva)}
.sku .agregar:hover{transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(44,44,44,.16)}
.sku .agregar:not(.sku-ancla){background:transparent;color:var(--carbon);
  box-shadow:inset 0 0 0 1.5px rgba(44,44,44,.42)}
.sku .agregar:not(.sku-ancla):hover{background:var(--rosa-hondo);color:var(--blanco);
  box-shadow:0 8px 18px rgba(44,44,44,.16)}
.sku .agregar.sku-ancla{padding:0.75rem 1.625rem}
.dato-izq{display:flex;align-items:center;gap:0.5rem;min-width:0}
.colores-sku{display:flex;gap:0.4375rem;padding:0;margin:0;list-style:none}
.colores-sku button{width:1.125rem;height:1.125rem;padding:0;border:0;
  border-radius:var(--pildora);cursor:pointer;
  box-shadow:0 0 0 1px var(--linea);
  transition:box-shadow .3s var(--curva), transform .3s var(--curva)}
.colores-sku button:hover{transform:scale(1.14)}
.colores-sku button[aria-pressed="true"]{
  box-shadow:0 0 0 1.5px #FCFAF4, 0 0 0 3.5px var(--tinte,var(--carbon))}
.colores-sku button:focus-visible{outline:2px solid var(--carbon);outline-offset:3px}
.sku.accesorio .frase-sku{font-size:clamp(1rem,1.15vw,1.1875rem)}
.sku.accesorio h3{font-size:1.1875rem}
.tienda-mesa{position:absolute;inset:0;z-index:0;pointer-events:none;
  overflow:hidden}
.tienda-fibra{position:absolute;left:0;width:100%;height:116%;
  top:calc(-8% + (var(--p,.5) - .5) * -7%);
  background-image:url("grafico-grano.svg");
  background-size:200px 200px;background-repeat:repeat;
  opacity:.5;mix-blend-mode:multiply}
.js-rev .tienda .sku[data-rev]{rotate:var(--asienta,-1.1deg);
  transition:opacity .85s var(--curva), translate .85s var(--curva),
             rotate .85s var(--curva);
  transition-delay:calc(var(--i, 0) * 90ms)}
.js-rev .tienda .sku[data-rev].ver{rotate:0deg}
.tienda .sku:nth-child(even){--asienta:1.1deg}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;border:0}
.reels .fila{display:grid;grid-template-columns:repeat(4,1fr);gap:1.375rem;margin-top:2.75rem}
.reel .marco{position:relative;aspect-ratio:9/16;border-radius:var(--radio);
  overflow:hidden;background:var(--sup)}
.reel .marco.falta{align-content:end;padding-bottom:1.5rem}
.reel .play{position:absolute;inset:0;margin:auto;width:62px;height:62px;
  border-radius:50%;background:rgba(250,247,240,.9);border:0;cursor:pointer;
  display:grid;place-items:center;transition:.3s var(--curva)}
.reel .play:hover{transform:scale(1.08)}
.reel .play .ico{width:24px;height:24px;margin-left:2px;color:var(--carbon)}
.pie-reel{margin-top:0.8125rem;padding:0 2px;
  font:400 1.0rem/1.45 var(--cuerpo);color:rgba(44,44,44,.86)}
.pie-reel a{display:inline-flex;align-items:center;gap:0.3125rem;
  color:var(--carbon);font-weight:500;text-decoration:none;white-space:nowrap;
  border-bottom:1px solid rgba(44,44,44,.28);
  transition:border-color .3s var(--curva)}
.pie-reel a:hover{border-color:var(--carbon)}
.pie-reel a .ico{width:15px;height:15px;transition:transform .3s var(--curva)}
.pie-reel a:hover .ico{transform:translateX(3px)}
.pie-fila{display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:1.25rem;margin-top:2.125rem}
.compra-una{display:flex;align-items:center;gap:1rem;
  padding:0.875rem 1.125rem;border-radius:var(--radio-chico);background:var(--sup)}
.compra-una img{width:52px;height:64px;object-fit:contain}
.compra-una b{display:block;font:500 1.0rem/1.3 var(--cuerpo)}
.compra-una span{display:block;margin-top:3px;font-size:0.8125rem;color:rgba(44,44,44,.7)}
.compra-una .btn{margin-left:0.5rem;padding:0.8125rem 1.5rem;font-size:1.0rem}
.manifiesto{text-align:center}
.manifiesto .grande{font-family:var(--serif);font-weight:300;
  font-size:clamp(2.625rem,9vw,8.25rem);line-height:1.02;letter-spacing:-.018em;
  max-width:11ch;margin:1.75rem auto 0}
.manifiesto .cuerpo{margin:2.125rem auto 0;max-width:60ch;
  font-size:1.1875rem;line-height:1.7;color:rgba(44,44,44,.76)}
.manifiesto .cuerpo p+p{margin-top:1.125rem}
.manifiesto .adornito{width:150px;margin:0 auto}
.manifiesto .adornito img{width:100%;height:auto}
.biblio{position:relative;
  display:grid;grid-template-columns:1.06fr .94fr;
  column-gap:clamp(2.125rem,4.4vw,4.5rem);row-gap:clamp(2.125rem,4vw,3.5rem);
  align-items:stretch;
  padding:clamp(2.875rem,5vw,4.875rem) clamp(2.125rem,4vw,4rem);
  background:var(--sup)}
.biblio::before,.biblio::after{content:"";position:absolute;left:0;right:0;
  height:16px;background:var(--sup);pointer-events:none;
  -webkit-mask:url("grafico-troquel.svg") repeat-x center/auto 100%;
          mask:url("grafico-troquel.svg") repeat-x center/auto 100%}
.biblio::before{top:-15px}
.biblio::after{bottom:-15px;transform:scaleY(-1)}
.biblio .titular{font-size:clamp(2rem,3.9vw,3.375rem);line-height:1.14;max-width:15ch}
.biblio .bajada{font-size:1.1875rem;max-width:40ch}
.biblio .captura{position:relative;
  display:flex;flex-direction:column;justify-content:center;
  padding-left:clamp(0,3.4vw,3.25rem)}
.biblio .captura::before{content:"";position:absolute;left:0;top:0;bottom:0;
  width:1px;background:rgba(44,44,44,.16)}
.captura h3{font-family:var(--serif);font-weight:300;font-size:1.75rem;line-height:1.24}
.captura p{margin-top:0.75rem;font-size:1.0rem;line-height:1.55;color:rgba(44,44,44,.7)}
.indice{grid-column:1/-1;list-style:none;
  padding-top:clamp(1.625rem,3vw,2.5rem);border-top:1px solid rgba(44,44,44,.16);
  display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(1.5rem,3vw,3rem)}
.indice li{display:flex;align-items:center;gap:0.8125rem;
  padding:0.75rem 0;font:400 1rem/1.3 var(--cuerpo);color:rgba(44,44,44,.88)}
.indice li+li{box-shadow:0 -1px 0 var(--linea)}
.indice li:nth-child(2),.indice li:nth-child(3){box-shadow:none}
.sello{flex:none;width:26px;height:26px;color:var(--ac-oliva)}
.js .sello{stroke-dasharray:64;stroke-dashoffset:64;
  transition:stroke-dashoffset .85s var(--curva);
  transition-delay:calc(var(--i,0) * 75ms)}
.js .indice.dibuja .sello{stroke-dashoffset:0}
.indice li:nth-child(-n+3) .sello{--i:0}
.indice li:nth-child(n+4):nth-child(-n+6) .sello{--i:1}
.indice li:nth-child(7) .sello{--i:2}
.forma{display:flex;gap:0.625rem;margin-top:1.5rem}
.forma input{flex:1;min-width:0;padding:1rem 1.375rem;border-radius:var(--pildora);
  border:1px solid rgba(44,44,44,.18);background:#fff;
  font:400 1.0rem/1 var(--cuerpo);color:var(--carbon)}
.forma input:focus{outline:2px solid var(--rosa);outline-offset:2px;border-color:transparent}
.nota{margin-top:0.75rem;font-size:0.8125rem;color:var(--tx-3)}
.eventos{margin:2.75rem 0 0;display:grid;gap:clamp(0.75rem,1.5vw,1.25rem)}
.eventos:has(.evento:nth-child(2)):not(:has(.evento:nth-child(3))){
  grid-template-columns:1fr 1fr}
.eventos:has(.evento:nth-child(2)):not(:has(.evento:nth-child(3))) .evento picture{
  height:clamp(230px,27vw,380px)}
.eventos:has(.evento:nth-child(3)):not(:has(.evento:nth-child(4))){
  grid-template-columns:1.35fr 1fr;
  grid-template-rows:repeat(2,clamp(130px,15.5vw,205px))}
.eventos:has(.evento:nth-child(3)):not(:has(.evento:nth-child(4))) .evento:first-child{
  grid-row:1/-1}
.eventos:has(.evento:nth-child(3)):not(:has(.evento:nth-child(4))) .evento picture{
  position:absolute;inset:0;height:auto}
.eventos:has(.evento:nth-child(3)):not(:has(.evento:nth-child(4))) .evento img{
  width:100%;height:114%}
.eventos:has(.evento:nth-child(4)){
  grid-auto-flow:column;grid-auto-columns:clamp(240px,31vw,430px);
  overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;padding-bottom:0.5rem}
.eventos:has(.evento:nth-child(4)) .evento{scroll-snap-align:start}
.eventos:has(.evento:nth-child(4)) .evento picture{height:clamp(220px,26vw,340px)}
.eventos:has(.evento:nth-child(3)) .evento:not(:first-child) .rotulo-evento,
.eventos:has(.evento:nth-child(4)) .rotulo-evento{padding:0.625rem 0.875rem}
.eventos:has(.evento:nth-child(3)) .evento:not(:first-child) .rotulo-evento span,
.eventos:has(.evento:nth-child(4)) .rotulo-evento span{font-size:0.8125rem;margin-top:0.25rem}
.evento{position:relative;margin:0}
.evento picture{display:block;overflow:hidden;height:clamp(230px,29vw,420px)}
.evento img{display:block;width:100%;height:114%;object-fit:cover;
  object-position:center 42%;
  transform:translateY(calc(-7% + var(--ev,0%)));
  will-change:transform}
.experiencias-color{--ev:calc((var(--p,.5) - .5) * -10%)}
@media (prefers-reduced-motion:reduce){
  .evento img{transform:none}
}
.evento::before,.evento::after{content:"";position:absolute;left:0;right:0;
  height:16px;z-index:2;pointer-events:none;background:var(--fondo);
  -webkit-mask:url("grafico-troquel.svg") repeat-x center/auto 100%;
          mask:url("grafico-troquel.svg") repeat-x center/auto 100%}
.evento::before{top:-1px}
.evento::after{bottom:-1px;transform:scaleY(-1)}
.evento .rotulo-evento{position:absolute;left:clamp(14px,2vw,26px);bottom:clamp(14px,2vw,26px);
  z-index:3;max-width:min(90%,26.25rem);
  padding:0.875rem 1.25rem;border-radius:var(--radio-chico);
  background:rgba(250,247,240,.93);backdrop-filter:blur(3px)}
.evento .rotulo-evento b{display:block;font:500 0.8125rem/1 var(--cuerpo);
  letter-spacing:.14em;text-transform:uppercase;color:var(--carbon)}
.evento .rotulo-evento span{display:block;margin-top:0.375rem;
  font:400 1.0rem/1.4 var(--cuerpo);color:rgba(44,44,44,.78)}
.canal{margin-top:clamp(2.75rem,5vw,4.5rem)}
.canal-enc{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.25rem,3vw,3.375rem);
  align-items:end}
.canal-enc h3{font-family:var(--serif);font-weight:300;
  font-size:clamp(1.625rem,3.2vw,2.625rem);line-height:1.16;max-width:14ch}
.canal-enc p{font-size:1.0rem;line-height:1.6;color:rgba(44,44,44,.74);max-width:40ch}
.videos{margin-top:1.625rem;list-style:none;
  display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(1.75rem,4vw,4rem)}
.videos li{display:flex}
.videos a{flex:1;position:relative;display:flex;align-items:center;gap:0.875rem;
  padding:1.0625rem 0;text-decoration:none;color:var(--carbon);
  box-shadow:0 1px 0 var(--linea)}
.videos .vt{flex:1;min-width:0;font-family:var(--serif);font-weight:300;
  font-size:clamp(1.0625rem,1.5vw,1.3125rem);line-height:1.28}
.videos .vbar{position:absolute;left:0;bottom:-1px;height:1px;width:var(--prop,0);
  background:var(--tipo,var(--ac-rosa));
  transition:height .18s var(--curva),opacity .18s var(--curva)}
.videos a:hover .vbar,.videos a:focus-visible .vbar{height:3px}
.videos .vm{flex:none;display:flex;align-items:center;gap:clamp(0.625rem,1.1vw,1.125rem)}
.videos .vk{display:flex;align-items:center;gap:0.4375rem;
  font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.11em;text-transform:uppercase;
  color:rgba(44,44,44,.76)}
.videos .vk::before{content:"";width:7px;height:7px;border-radius:50%;
  background:var(--tipo,var(--ac-rosa))}
.videos .vd{flex:none;font:400 1.0rem/1 var(--cuerpo);color:rgba(44,44,44,.76);
  font-variant-numeric:tabular-nums}
.videos .vp{flex:none;width:26px;height:26px;color:var(--ac-oliva);
  transition:transform .3s var(--curva)}
.videos a:hover .vp{transform:scale(1.14)}
.videos a:hover .vt{text-decoration:underline;text-underline-offset:4px;
  text-decoration-thickness:1px;text-decoration-color:rgba(44,44,44,.35)}
.videos a:focus-visible{outline:3px solid var(--carbon);outline-offset:3px;
  border-radius:0.375rem}
.canal-pie{display:flex;flex-wrap:wrap;gap:0.875rem 2.5rem;margin-top:1.625rem}
.canal-pie .mas-ig{margin:0;min-height:44px}
.visor{position:fixed;inset:0;z-index:200;
  display:grid;place-items:center;padding:clamp(0.875rem,3vw,2.5rem)}
.visor[hidden]{display:none}
html.visor-abierto{overflow:hidden}
.visor-fondo{position:absolute;inset:0;background:rgba(24,21,16,.86);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.visor-caja{position:relative;width:min(1080px,100%)}
.visor-enc{display:flex;align-items:center;gap:1rem;margin-bottom:0.75rem}
.visor-tit{flex:1;min-width:0;margin:0;color:var(--crema);
  font-family:var(--serif);font-weight:300;
  font-size:clamp(1rem,1.9vw,1.5rem);line-height:1.25}
.visor-x{flex:none;width:44px;height:44px;display:grid;place-items:center;
  border:0;cursor:pointer;border-radius:50%;color:var(--crema);
  background:rgba(250,247,240,.16);transition:background .18s var(--curva)}
.visor-x:hover{background:rgba(250,247,240,.3)}
.visor-x:focus-visible{outline:3px solid var(--crema);outline-offset:3px}
.visor-marco{position:relative;aspect-ratio:16/9;background:#000;
  border-radius:var(--radio-chico);overflow:hidden}
.visor-marco iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.espera{margin-top:clamp(2.75rem,5vw,4.5rem);border-radius:var(--radio);padding:clamp(1.75rem,3.4vw,3.25rem);
  background:var(--tono);display:grid;grid-template-columns:1fr auto;
  gap:1.75rem;align-items:center}
.espera h3{font-family:var(--serif);font-weight:300;font-size:clamp(1.5rem,2.8vw,2.25rem);
  line-height:1.24;max-width:22ch}
.espera p{margin-top:0.625rem;font-size:1rem;var(--tx-3);max-width:46ch}
.conteo{display:flex;flex-wrap:wrap;align-items:baseline;
  gap:0.625rem clamp(1.125rem,2.4vw,2.125rem)}
.conteo-cifra{display:flex;align-items:baseline;gap:0.5625rem;flex:none}
.conteo-cifra b{font-family:var(--serif);font-weight:300;
  font-size:clamp(2.75rem,5.4vw,4.75rem);line-height:.9;letter-spacing:-.01em}
.conteo-cifra span{font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.1em;
  text-transform:uppercase;color:var(--tx-2)}
.rayas{flex:0 1 min(560px,52%);display:flex;align-items:flex-end;
  gap:clamp(3px,.42vw,0.375rem);min-width:0;height:34px}
.rayas i{flex:1;min-width:2px;max-width:0.375rem;height:100%;border-radius:var(--pildora);
  background:var(--ac-oliva);transform-origin:bottom;
  scale:1 0;transition:scale .5s var(--curva)}
.rayas i:last-child{background:none;box-shadow:inset 0 0 0 1.5px var(--ac-oliva);
  margin-left:0.5625rem}
.rayas.trazado i{scale:1 1}
.conteo-pie{flex:1 1 100%;margin:0.25rem 0 0;
  font:400 1.0rem/1.5 var(--cuerpo);color:var(--tx-2);max-width:52ch}
.voces .fila{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(1.125rem,2vw,1.75rem);margin-top:2.75rem;align-items:start}
.voces .fila>*{transform:translateY(var(--par,0px)) translateY(var(--lev,0px))}
.voces .fila>*:nth-child(3n+1){--par:calc((var(--pv,.5) - .5) * -26px)}
.voces .fila>*:nth-child(3n+3){--par:calc((var(--pv,.5) - .5) * 18px)}
.voz{position:relative;
  background-color:#FCFAF4;
  background-image:url("grafico-grano.svg");
  background-size:200px 200px;background-blend-mode:multiply;
  box-shadow:var(--sombra-carta);
  padding:2rem 1.875rem 1.75rem;
  rotate:var(--giro,0deg);border-radius:0}
.voz::before,.voz::after{content:"";position:absolute;left:0;right:0;height:12px;
  pointer-events:none;background:var(--sup);
  -webkit-mask:url("grafico-troquel.svg") repeat-x center/auto 100%;
          mask:url("grafico-troquel.svg") repeat-x center/auto 100%}
.voz::before{top:-1px}
.voz::after{bottom:-1px;transform:scaleY(-1)}
.voz{transition:transform .5s var(--curva), box-shadow .5s var(--curva),
                rotate .5s var(--curva)}
.voz:hover,.voz:focus-within{rotate:0deg;--lev:-5px;
  box-shadow:var(--sombra-carta-alta)}
.voz p{margin:0;font-family:var(--serif);font-weight:300;line-height:1.5}
.voz .quien{margin-top:1.375rem;font:500 0.8125rem/1.3 var(--cuerpo);color:var(--tx-1)}
.voz .quien span{display:block;margin-top:0.3125rem;font-weight:400;font-size:0.8125rem;
  letter-spacing:.08em;text-transform:uppercase;color:var(--tx-2)}
.voces-pie{display:flex;flex-wrap:wrap;align-items:center;
  gap:1rem clamp(1.5rem,3vw,2.75rem);margin-top:clamp(2.375rem,4vw,3.5rem)}
.voces-pie .mas-ig{margin:0;min-height:44px}
.cierre.pagina{position:relative;overflow:visible;
  background:none;color:var(--carbon);
  margin:0 var(--margen) var(--hueco);
  padding:clamp(2.5rem,5vw,5.5rem) clamp(1rem,3.5vw,4rem)}
.pag-halo{display:none}
.pag-halo{position:absolute;inset:-7% -2%;z-index:0;pointer-events:none;
  background:
    radial-gradient(42% 52% at 50% 0%,
      color-mix(in oklch,var(--orquidea) 44%,transparent) 0%, transparent 70%),
    radial-gradient(40% 50% at 4% 98%,
      color-mix(in oklch,var(--lima) 38%,transparent) 0%, transparent 68%),
    radial-gradient(40% 50% at 96% 98%,
      color-mix(in oklch,var(--cobalto) 32%,transparent) 0%, transparent 68%);
  opacity:calc(.26 + var(--luz,1) * .58);
  transition:opacity .85s var(--curva);
  translate:0 calc(var(--deriva,0) * 2.2%);will-change:translate,opacity}
.pag-hoja{position:relative;z-index:1;overflow:hidden;isolation:isolate;
  border-radius:var(--radio);background:#FDFBF5;text-align:center;
  padding:clamp(4.375rem,8.5vw,8.25rem) var(--margen);
  box-shadow:var(--sombra-carta-alta)}
.pag-hoja::before,.pag-hoja::after{content:"";position:absolute;left:0;right:0;
  height:16px;z-index:3;pointer-events:none;background:var(--papel);
  -webkit-mask:url("grafico-troquel.svg") repeat-x center/auto 100%;
          mask:url("grafico-troquel.svg") repeat-x center/auto 100%}
.pag-hoja::before{top:-1px}
.pag-hoja::after{bottom:-1px;transform:scaleY(-1)}
.pag-fibra{position:absolute;inset:-8% 0;z-index:0;pointer-events:none;
  background-image:url("grafico-grano.svg");
  background-size:200px 200px;background-repeat:repeat;
  opacity:.55;mix-blend-mode:multiply;
  translate:0 calc(var(--deriva,0) * 3.4%);will-change:translate}
.pag-renglones{position:absolute;inset:-8% 0;z-index:0;pointer-events:none;
  background-image:repeating-linear-gradient(to bottom,
    transparent 0, transparent calc(2.5rem - 1px),
    color-mix(in oklch,var(--cobalto) 13%,transparent) calc(2.5rem - 1px),
    color-mix(in oklch,var(--cobalto) 13%,transparent) 2.5rem);
  -webkit-mask:radial-gradient(72% 62% at 50% 50%,#000 30%,transparent 78%);
          mask:radial-gradient(72% 62% at 50% 50%,#000 30%,transparent 78%);
  translate:0 calc(var(--deriva,0) * -5.6%);will-change:translate}
.cierre-cuerpo{position:relative;z-index:2}
.cierre .grande{text-wrap:balance;
  font-family:var(--serif);font-weight:300;
  font-size:clamp(2.375rem,7.4vw,6.75rem);line-height:1.05;letter-spacing:-.015em;
  max-width:16ch;margin:0 auto;color:var(--carbon)}
.cierre p{margin:1.375rem auto 0;max-width:48ch;font-size:1.1875rem;line-height:1.6;
  color:rgba(44,44,44,.72)}
.cierre .forma.renglon{width:min(32rem,100%);margin:2.5rem auto 0;
  gap:1rem;align-items:center;
  padding:0;background:none;border-radius:0;box-shadow:none}
.cierre .forma.renglon input{flex:1;min-width:0;background:none;border:0;
  padding:0.75rem 0.25rem;color:var(--carbon);
  font-family:var(--serif);font-weight:300;font-size:1.1875rem;
  box-shadow:inset 0 -1.5px 0 rgba(44,44,44,.28);
  transition:box-shadow .3s var(--curva)}
.cierre .forma.renglon input:focus{box-shadow:inset 0 -2.5px 0 var(--cobalto)}
.cierre .forma.renglon input:focus{outline:none}
.cierre .forma.renglon input::placeholder{color:rgba(44,44,44,.42);font-style:italic}
.cierre .forma.renglon .btn{flex:none;padding:0.8125rem 1.5rem;min-height:44px}
.cierre .forma.renglon input{min-height:44px}
.cierre .nota{color:rgba(44,44,44,.55)}
@media (prefers-reduced-motion:reduce){
  .pag-halo,.pag-fibra,.pag-renglones{translate:none}
  .pag-halo{opacity:.62;transition:none}
}
.pie{padding:0 var(--margen) 3.5rem}
.pie .cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2.5rem;
  padding-top:3.25rem;border-top:1px solid rgba(44,44,44,.14)}
.pie h4{font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.14em;text-transform:uppercase;
  var(--tx-3);margin-bottom:1rem}
.pie ul{list-style:none;display:grid;gap:0.625rem}
.pie a{font-size:1.0rem;color:rgba(44,44,44,.76)}
.pie a:hover{color:var(--carbon)}
.pie .firma{margin-top:2.75rem;display:flex;justify-content:space-between;gap:1.25rem;
  font-size:0.8125rem;var(--tx-3)}
.pie .legales{margin-top:2.75rem;display:flex;flex-wrap:wrap;
  gap:.5rem 1.5rem;list-style:none;padding:0;font-size:0.8125rem}
.pie .legales a{color:var(--tx-3)}
.pie .legales + .firma{margin-top:.875rem}
.pie .lockup{width:min(220px,60%);height:auto;display:block;color:var(--rosa)}
.pie .lema{font-family:var(--serif);font-weight:300;font-size:1.375rem;line-height:1.4;
  max-width:24ch;margin-top:1.25rem;color:rgba(44,44,44,.8)}
.pie .bajadita{margin-top:0.625rem;font-size:1.0rem;line-height:1.5;
  var(--tx-3);max-width:30ch}
.falta{display:grid;place-content:center;gap:0.375rem;text-align:center;
  background:
    repeating-linear-gradient(-45deg,rgba(44,44,44,.05) 0 2px,transparent 2px 10px),
    var(--crema)}
.falta b{font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.14em;text-transform:uppercase;
  color:var(--tx-3)}
.falta span{font:500 0.8125rem/1.4 var(--cuerpo);color:var(--tx-3);max-width:22ch}
.repetir{z-index:70}
body.trabado .repetir{opacity:0;pointer-events:none}
.via .adorno img{width:100%;height:auto}
.via[data-abierta] .adorno{opacity:.92}
section[id],footer[id]{scroll-margin-top:78px}
.seccion.tono{background:var(--fondo)}
.tono-crema,.tono-arena,
.tono-menta,.tono-amarillo,.tono-lila,.tono-lima{--fondo:var(--papel); --sup:var(--blanco)}
.valle{--p:.5;background:var(--papel);color:var(--carbon);
  height:340svh;position:relative;
  --t-sale:.42;  --d-sale:.10;
  --t-flor:.52;  --d-flor:.29;
  --d-pausa:.07;
  --t-marea:.88; --d-marea:.12}
.valle .camara{position:sticky;top:0;height:100svh;overflow:hidden}
.valle .campo{position:absolute;inset:0;
  perspective:1000px;transform-style:preserve-3d;
  perspective-origin:50% 64%}
.valle{overflow-x:clip}
.valle .pieza{position:absolute;pointer-events:none;
  left:calc(50% + (var(--x) - 50%) * var(--aprieta, 1));
  top:var(--y);width:var(--w);margin:calc(var(--w) / -2);
  rotate:var(--r);
  --zc:calc(var(--z) + var(--p) * 2250);
  --o1:clamp(0, calc((var(--zc) + 2500) / 2500), 1);
  --o2:clamp(0, calc((620 - var(--zc)) / 320), 1);
  transform:translateZ(calc(var(--zc) * 1px));
  opacity:calc(var(--o1) * var(--o2))}
.valle .pieza{
  --aire:calc(1 - var(--o1));
  filter:
    drop-shadow(calc(var(--w) * .04) calc(var(--w) * .06) calc(var(--w) * .08) rgba(44,44,44,.26))
    brightness(calc(1 + var(--aire) * .16))
    saturate(calc(1 - var(--aire) * .46))
    contrast(calc(1 - var(--aire) * .28))}
.valle .pieza.hondo{
  filter:
    blur(calc(var(--aire) * 4px))
    drop-shadow(calc(var(--w) * .04) calc(var(--w) * .06) calc(var(--w) * .08) rgba(44,44,44,.26))
    brightness(calc(1 + var(--aire) * .16))
    saturate(calc(1 - var(--aire) * .46))
    contrast(calc(1 - var(--aire) * .28))}
.valle .centro{position:absolute;inset:0;display:grid;place-content:center;
  grid-template-columns:minmax(0,1fr);
  text-align:center;padding:0 var(--margen);
  --e:clamp(0, calc(var(--p) * 5.6), 1);
  --sale:clamp(0, calc((var(--p) - var(--t-sale)) / var(--d-sale)), 1);
  transform:translateZ(calc((1 - var(--e)) * -320px + var(--sale) * -460px));
  opacity:calc(var(--e) * (1 - var(--sale)))}
.valle .bloom{position:absolute;left:50%;top:52%;pointer-events:none;
  --b:clamp(0, calc((var(--p) - var(--t-flor)) / var(--d-flor)), 1);
  --b2:clamp(0, calc((var(--p) - var(--t-flor) - var(--d-flor)) / var(--d-pausa)), 1);
  width:min(560px, 64vw);aspect-ratio:1;
  translate:-50% -50%;
  scale:calc(.34 + var(--b) * .66 + var(--b2) * .04);
  opacity:clamp(0, calc((var(--p) - var(--t-flor)) / var(--d-flor) * 2.6), 1)}
.valle .bloom > *{width:100%;height:100%;display:block}
.valle .marea{position:absolute;left:0;right:0;bottom:0;height:102%;z-index:3;
  background:var(--papel);pointer-events:none;
  filter:drop-shadow(0 -8px 18px rgba(44,44,44,.16));
  --m:clamp(0, calc((var(--p) - var(--t-marea)) / var(--d-marea)), 1);
  --ms:calc(1 - (1 - var(--m)) * (1 - var(--m)));
  translate:0 calc((1 - var(--ms)) * 100%)}
.valle .marea::before{content:"";position:absolute;left:0;right:0;top:-17px;
  height:18px;background:var(--papel);transform:scaleY(-1);
  -webkit-mask:url("grafico-troquel.svg") repeat-x center/auto 100%;
          mask:url("grafico-troquel.svg") repeat-x center/auto 100%}
.valle .grande.grande{font-family:var(--display);font-weight:400;
  font-size:clamp(1.75rem,5.5vw,5.25rem);line-height:1.16;letter-spacing:.005em;
  max-width:15ch;margin-inline:auto}
.valle .grande em{font-style:italic}
.valle .pie{margin-top:1.875rem;font:500 1.0rem/1 var(--cuerpo);letter-spacing:.16em;
  text-transform:uppercase;color:rgba(44,44,44,.7)}
.valle .baja{margin-top:2.75rem;display:inline-flex;align-items:center;gap:0.75rem;
  font:500 1.0rem/1 var(--cuerpo);color:rgba(44,44,44,.78)}
.valle .baja .ico{width:18px;height:18px;rotate:90deg}
@media (prefers-reduced-motion:reduce){
  .valle{height:auto;min-height:88svh}
  .valle .camara{position:static;height:88svh}
  .valle .pieza.hondo{
    filter:
      drop-shadow(calc(var(--w) * .05) calc(var(--w) * .07) calc(var(--w) * .09) rgba(0,0,0,.42))
      brightness(calc(1 - var(--aire) * .34))
      saturate(calc(1 - var(--aire) * .30))
      contrast(calc(1 - var(--aire) * .16))}
  .valle .bloom{display:none}
  .valle .marea{display:none}
}
.enc-partido{display:grid;grid-template-columns:1.25fr .75fr;gap:2.5rem;
  align-items:end;margin-bottom:1.25rem}
.enc-partido:not(:has(.bajada)){display:block}
.enc-partido .titular{margin-top:0.875rem}
.enc-partido .bajada{margin-top:0;padding-bottom:.7em;font-size:1.1875rem}
.enc-derecha{text-align:right}
.enc-derecha .titular,.enc-derecha .bajada{margin-left:auto}
.enc-numero .cifra{font-family:var(--serif);font-weight:300;
  font-size:clamp(4.5rem,15vw,13.75rem);line-height:.86;letter-spacing:-.03em;
  display:block}
.enc-numero .pie-cifra{margin-top:0.875rem;font:500 0.8125rem/1 var(--cuerpo);
  letter-spacing:.16em;text-transform:uppercase;var(--tx-3)}
.suena .etiqueta{display:none}
.manifiesto{position:relative;isolation:isolate;overflow:hidden}
.manifiesto .papel{position:absolute;inset:0;z-index:-1;
  width:100%;height:100%;object-fit:cover;
  mix-blend-mode:multiply;opacity:.55}
.pegado{position:absolute;z-index:0;pointer-events:none;
  width:clamp(52px,6vw,96px);will-change:transform}
.retrato{position:absolute;left:clamp(16px,4.4vw,74px);bottom:11%;z-index:1;
  width:clamp(148px,15vw,232px);margin:0;rotate:-3.2deg}
.retrato picture{position:relative;display:block}
.retrato img{display:block;width:100%;height:auto;border-radius:0}
.retrato picture::before,.retrato picture::after{content:"";position:absolute;
  left:0;right:0;height:11px;z-index:2;pointer-events:none;background:var(--papel);
  -webkit-mask:url("grafico-troquel.svg") repeat-x center/auto 100%;
          mask:url("grafico-troquel.svg") repeat-x center/auto 100%}
.retrato picture::before{top:-1px}
.retrato picture::after{bottom:-1px;transform:scaleY(-1)}
.retrato figcaption{margin-top:0.6875rem;text-align:left;
  font:500 0.8125rem/1.2 var(--cuerpo);color:var(--carbon)}
.retrato figcaption{font-family:var(--display);font-weight:400;font-style:normal;
  font-size:clamp(1.1875rem,1.6vw,1.375rem);line-height:1.1;
  letter-spacing:.01em}
.retrato figcaption span{display:block;margin-top:3px;font-family:var(--cuerpo);
  font-weight:400;font-size:0.8125rem;
  letter-spacing:.1em;text-transform:uppercase;color:rgba(44,44,44,.74)}
.rubrica{display:inline-block;font-weight:400}
.js .rubrica{-webkit-clip-path:inset(0 100% -12% 0);clip-path:inset(0 100% -12% 0);
  transition:clip-path .85s cubic-bezier(.42,0,.28,1) .18s,
             -webkit-clip-path .85s cubic-bezier(.42,0,.28,1) .18s}
.js .rubrica.escrita{-webkit-clip-path:inset(0 -8% -12% 0);clip-path:inset(0 -8% -12% 0)}
@media (prefers-reduced-motion:reduce){
  .js .rubrica{-webkit-clip-path:none;clip-path:none;transition:none}
}
.pg-1{top:14%;left:7%;rotate:-12deg}
.pg-2{top:26%;right:9%;rotate:9deg}
.pg-3{bottom:20%;left:12%;rotate:6deg;width:clamp(40px,4.6vw,72px)}
.pg-4{bottom:14%;right:14%;rotate:-8deg}
.trazo{display:block;width:min(280px,46vw);height:auto;margin:1.875rem auto 0;
  overflow:visible}
.trazo path{fill:none;stroke:var(--oliva);stroke-width:7;stroke-linecap:round}
.js .trazo path{stroke-dasharray:var(--largo);stroke-dashoffset:var(--largo);
  transition:stroke-dashoffset .85s var(--curva)}
.js .trazo.dibuja path{stroke-dashoffset:0}
.library{position:relative;isolation:isolate;overflow:hidden;
  background:var(--papel)}
.library picture{position:absolute;inset:0;z-index:-1;display:block;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,
     transparent 0, rgba(0,0,0,.22) 90px, #000 240px,
     #000 calc(100% - 150px), rgba(0,0,0,.35) calc(100% - 40px), transparent 100%);
          mask-image:linear-gradient(to bottom,
     transparent 0, rgba(0,0,0,.22) 90px, #000 240px,
     #000 calc(100% - 150px), rgba(0,0,0,.35) calc(100% - 40px), transparent 100%)}
.library .acuarela{position:absolute;left:0;top:-8%;
  width:100%;height:116%;object-fit:cover;opacity:.9;
  translate:0 calc(var(--deriva,0) * 4%);will-change:translate}
@media (prefers-reduced-motion:reduce){
  .js .trazo path{stroke-dashoffset:0;transition:none}
  .pegado{transform:none!important}
  .js .sello{stroke-dashoffset:0;transition:none}
  .library .acuarela{translate:none}
}
.js-rev [data-rev]{opacity:0;translate:0 20px;
  transition:opacity .85s var(--curva), translate .85s var(--curva);
  transition-delay:calc(var(--i, 0) * 90ms)}
.js-rev [data-rev].ver{opacity:1;translate:0 0}
.pal{display:inline-block;overflow:hidden;vertical-align:bottom;
  padding-bottom:.08em;margin-bottom:-.08em}
.pal>i{display:inline-block;font-style:inherit;translate:0 0}
.js-rev .pal>i{translate:0 108%;
  transition:translate .85s var(--curva);
  transition-delay:calc(var(--i, 0) / var(--n, 1) * .34s)}
.js-rev [data-pals].ver .pal>i{translate:0 0}
.via .signo{transition:rotate .5s var(--curva)}
.via[data-abierta] .signo{rotate:180deg}
@media (prefers-reduced-motion:reduce){
  .js-rev [data-rev]{opacity:1;translate:0 0;transition:none}
  .js-rev .pal>i{translate:0 0;transition:none}
  .sku:hover .sku-obj{transform:none}
  .sku{transform:none}
  .tienda-mesa{transform:none}
  .js-rev .tienda [data-rev]{rotate:0deg}
}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.troquel{position:relative}
.troquel::before{content:"";position:absolute;left:0;right:0;top:-1px;
  height:var(--troquel-h,24px);
  z-index:2;pointer-events:none;background:var(--arriba);
  -webkit-mask:url("grafico-troquel.svg") repeat-x center/auto 100%;
          mask:url("grafico-troquel.svg") repeat-x center/auto 100%;
     Y van DOS, en este orden, porque son dos planos distintos:
     · la hebra clara a 1px — el CANTO, el grosor del papel atrapando la luz en
       su labio inferior. Nítida (radio 0), porque un borde físico no difumina.
     · la sombra suave a 3px — el APOYO sobre la hoja de abajo.
     Sin la primera el troquel es una silueta; con ella es un objeto.
     🔴 Y va todo en `filter`, NO en un `::after`: `.podcast::after` y
     `.sigue::after` YA EXISTEN (el patrón de puntitos y la onda). Un
     `.troquel::after` empata en especificidad, pierde por orden, y los otros dos
     se habrían quedado con MI máscara —recortando sus patrones a la tira de la
     costura—. Es exactamente la trampa que ya me costó los fondos. */
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.55))
         drop-shadow(0 3px 5px rgba(44,44,44,.18))}
.suena{height:210vh;padding:0;--p:0}
.suena .pega{position:sticky;top:0;height:100svh;
  display:grid;place-content:center;text-align:center;
  padding:0 var(--margen)}
.suena .pregunta{font-size:clamp(0.9375rem,1.5vw,1.1875rem);line-height:1.6;
  max-width:44ch;margin:0 auto;var(--tx-3)}
.suena .cita{font-family:var(--serif);font-weight:300;font-style:italic;
  font-size:clamp(2rem,6.4vw,5.75rem);line-height:1.1;letter-spacing:-.014em;
  max-width:14ch;margin:1.625rem auto 0}
.suena .w{opacity:.16;transition:opacity .3s var(--curva)}
.suena .w.on{opacity:1}
.suena .quien{margin-top:2.125rem}
@media (prefers-reduced-motion:reduce){
  .suena{height:auto}
  .suena .pega{position:static;height:auto;padding:var(--hueco) var(--margen)}
  .suena .w{opacity:1}
}
:root{
  --tx-1:#2C2C2C;
  --tx-2:rgba(44,44,44,.76);
  --tx-3:rgba(44,44,44,.72);
  --tx-1c:var(--crema);
  --tx-2c:rgba(250,247,240,.74);
  --tx-3c:rgba(250,247,240,.6);
  --ac-oliva:var(--oliva-hondo);
  --ac-lila:var(--cobalto);
  --ac-claro:var(--lima);
  --ac-rosa:color-mix(in oklch,var(--rosa-hondo) 44%,var(--carbon));
  --ac-amarillo:color-mix(in oklch,var(--amarillo) 36%,var(--carbon));
  --ac-menta:color-mix(in oklch,var(--menta) 40%,var(--carbon));
  --t1:clamp(6rem,15vw,13.5rem);
  --t2:clamp(2.625rem,9vw,8.125rem);
  --t3:clamp(2.25rem,6.4vw,6rem);
  --t4:clamp(1.5rem,2.6vw,2.125rem);
  --t5:1.1875rem;
  --t6:0.8125rem;
}
.ac{color:var(--ac,var(--ac-oliva))}
.ac:not(.w){
  font-family:var(--display);font-weight:300;font-style:italic;
  font-size:0.84em;letter-spacing:.015em}
.ac.manuscrita:not(.w){
  font-family:var(--serif);font-weight:400;font-style:italic;
  font-size:1.06em;letter-spacing:-.004em;
  white-space:nowrap;
  padding-bottom:.06em;
}
.ac.realce{position:relative;isolation:isolate;
  color:var(--placa-tx,var(--blanco));
  padding:0 .16em;white-space:nowrap}
.ac.realce::before{content:"";position:absolute;z-index:-1;
  left:-.06em;right:-.06em;top:.326em;bottom:-.049em;
  background:var(--placa-bg,var(--rosa-hondo));
  border-radius:.10em;
  rotate:0deg}
.realce-terracota{--placa-bg:var(--terracota); --placa-tx:var(--blanco)}
.realce-cobalto  {--placa-bg:var(--cobalto);   --placa-tx:var(--blanco)}
.realce-orquidea {--placa-bg:var(--orquidea);  --placa-tx:var(--blanco)}
.realce-esmeralda{--placa-bg:var(--esmeralda); --placa-tx:var(--blanco)}
.realce-lima     {--placa-bg:var(--lima);      --placa-tx:var(--carbon)}
.realce-amarillo {--placa-bg:var(--rosa-hondo);  --placa-tx:var(--blanco)}
.realce-rosa     {--placa-bg:var(--rosa-hondo);--placa-tx:var(--blanco)}
.ac.realce-marca{color:var(--carbon)}
.ac.realce-marca::before{
  top:.78em;bottom:-.02em;left:-.08em;right:-.08em;
  background:color-mix(in oklch, var(--placa-bg,var(--rosa-hondo)) 52%, transparent);
  border-radius:.06em .14em .09em .11em;
  rotate:-.6deg}
.ac.realce-linea{color:var(--carbon)}
.ac.realce-linea::before{
  top:auto;bottom:-.06em;left:-.02em;right:-.02em;height:.13em;
  background:var(--placa-bg,var(--rosa-hondo));
  border-radius:.09em .05em .07em .04em;
  rotate:-.5deg;
  transform-origin:left center;
  transition:scale .5s var(--curva) var(--espera)}
.js-rev .ac.realce-linea::before{scale:0 1}
.js-rev [data-rev].ver .ac.realce-linea::before,
.js-rev .ver .ac.realce-linea::before{scale:1 1}
@media (prefers-reduced-motion:reduce){
  .js-rev .ac.realce-linea::before{scale:1 1;transition:none}
}
.bajada,.manifiesto .cuerpo,.suena .pregunta,.captura p,.espera p,
.pie a,.pie .lema{color:var(--tx-2)}
.quien,.pie-cifra,.nota,.pie .bajadita,.pie .firma,.pie h4,
.muestras .nombre-color,.elige .cabeza .q,
.via .lleva{color:var(--tx-3)}
.enc-numero .cifra{font-size:var(--t1)}
.manifiesto .grande{font-size:var(--t2)}
.titular,.cierre .grande,.suena .cita,.elige .lead{font-size:var(--t3)}
.franja .titular{font-size:clamp(1.875rem,3.6vw,3.375rem)}
.captura h3,.espera h3,.pie .lema,.planner .precio{font-size:var(--t4)}
.bajada,.manifiesto .cuerpo,.cierre p,.voz p{font-size:var(--t5)}
.etiqueta,.quien,.pie-cifra,.valle .pie{font-size:var(--t6)}
.manifiesto .cuerpo{max-width:64ch}
.frase{font-family:var(--serif);font-weight:300;font-size:var(--t3);
  line-height:1.06;letter-spacing:-.012em}
.frase .golpe{font-family:var(--display);font-weight:300;font-style:italic;
  font-size:0.86em;letter-spacing:.015em;color:var(--rosa-hondo)}
.apertura .texto{width:min(52%,45rem)}
.apertura .frase{font-size:clamp(2.25rem,min(6.4vw,10.6vh),6rem)}
body{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
.valle,.cierre,.panel-movil{-webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale}
.titular,.suena .cita,.elige .lead,.valle .grande,.cierre .grande,
.frase,.captura h3,.espera h3,.voz p,.pie .lema,.planner .precio,
.via .nombre,.panel-movil a{font-weight:400}
.manifiesto .grande,.enc-numero .cifra{font-weight:300}
.titular,.suena .cita,.elige .lead,.cierre .grande,.frase{
  letter-spacing:-.018em}
.elige .lead{max-width:24ch}
.elige .cabeza{max-width:none}
.reels .adorno-sec{right:auto;left:var(--margen)}
.enc-partido{align-items:end}
.enc-partido .bajada{padding-bottom:.35em;font-size:1.1875rem;max-width:34ch}
.nav{--n:1;
  padding:calc(1.3125rem - 0.5625rem * var(--n)) var(--margen);
  background:rgba(246,244,235,calc(.42 + .5 * var(--n)));
  backdrop-filter:blur(calc(var(--n) * 16px));
  -webkit-backdrop-filter:blur(calc(var(--n) * 16px))}
.nav{box-shadow:
  inset 0 1px 0 rgba(255,255,255,calc(.5 * var(--n))),
  0 1px 0 rgba(44,44,44,calc(.09 * var(--n))),
  0 14px 26px -22px rgba(44,44,44,calc(.55 * var(--n)))}
.nav{--firma-h:calc(3.5rem - 0.375rem * var(--n))}
.nav .firma-nav{display:block;flex:none;padding:0;
  height:var(--firma-h);width:calc(var(--firma-h) * 1.489)}
.nav .firma-nav svg{width:100%;height:100%;max-width:none}
.nav ul li,.nav .acciones > *{
  --i:0;
  --l:clamp(0, calc((var(--n) - var(--i) * .075) * 2.94), 1);
  opacity:var(--l);
  translate:0 calc((1 - var(--l)) * 10px)}
.nav ul li:nth-child(1){--i:0}   .nav ul li:nth-child(2){--i:1}
.nav ul li:nth-child(3){--i:2}   .nav ul li:nth-child(4){--i:3}
.nav ul li:nth-child(5){--i:4}   .nav ul li:nth-child(6){--i:5}
.nav ul li:nth-child(7){--i:6}
.nav .acciones > :nth-child(1){--i:6.4} .nav .acciones > :nth-child(2){--i:6.7}
.nav .acciones > :nth-child(3){--i:7}   .nav .acciones > :nth-child(4){--i:7}
@media (prefers-reduced-motion:reduce){
  .nav{--n:1}
  .nav ul li,.nav .acciones > *{opacity:1;translate:0}
}
.suena .pega{place-content:center;isolation:isolate;
  padding:6rem var(--margen) 2.75rem;
  grid-template-columns:minmax(0,1fr)}
.suena .lamina{position:relative;z-index:1;isolation:isolate;overflow:hidden;
  background:var(--sup);border-radius:var(--radio);
  width:min(1080px,100%);margin-inline:auto;
  padding:clamp(1.75rem,3.4vw,3.375rem) clamp(1.625rem,4.6vw,4.625rem) clamp(1.625rem,3.2vw,3rem);
  rotate:calc((1 - var(--p)) * -1.15deg);
  scale:calc(.984 + var(--p) * .016)}
.suena .fibra{position:absolute;inset:0;z-index:0;width:100%;height:100%;
  object-fit:cover;opacity:.24;mix-blend-mode:multiply;
  filter:contrast(.60) brightness(1.35);
  transform:scaleX(-1) scale(1.35);pointer-events:none}
.suena .pregunta,.suena .cita,.suena .firma{position:relative;z-index:1}
.suena .w{display:inline-block;overflow:hidden;
  padding:0 .1em .12em 0;margin:0 -.1em -.12em 0}
.suena .w i{display:inline-block;font-style:inherit}
.js .suena .w i{translate:0 108%;opacity:0}
.suena .w.on i{translate:0 0;opacity:1;
  transition:translate .5s var(--curva), opacity .5s var(--curva)}
.suena .w.ac{position:relative;color:var(--ac-oliva)}
.suena .w.ac.manuscrita i{
  font-family:var(--serif);font-style:italic;font-weight:400;
  font-size:1.06em;letter-spacing:-.004em}
.suena .w.ac.manuscrita{padding-bottom:.16em;margin-bottom:-.16em;
  padding-right:.1em;margin-right:-.1em}
.suena .subraya{position:absolute;left:-2%;right:-2%;bottom:-.06em;
  width:104%;height:auto;overflow:visible;pointer-events:none}
.suena .subraya path{fill:none;stroke:var(--ac-oliva);stroke-width:7;
  stroke-linecap:round}
.js .suena .subraya path{
  --t:clamp(0, calc((var(--p) - .72) * 5.55), 1);
  stroke-dasharray:var(--largo,300);
  stroke-dashoffset:calc(var(--largo,300) * (1 - var(--t)))}
.suena .firma{margin-top:clamp(1.25rem,2.4vw,2.125rem);
  display:flex;align-items:center;justify-content:center;gap:0.75rem;
  font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.14em;text-transform:uppercase;
  color:var(--tx-3)}
.suena .iso-firma{width:20px;height:29px;color:var(--rosa);flex:none}
.suena .ad{position:absolute;z-index:0;pointer-events:none;
  width:clamp(52px,5.4vw,92px)}
.suena .a1{top:6%;left:4%;rotate:-13deg;
  translate:0 calc(var(--p) * -54px)}
.suena .a2{bottom:11%;right:5%;rotate:10deg;
  translate:0 calc(var(--p) * -34px)}
.suena .a3{top:16%;right:9%;rotate:7deg;width:clamp(34px,3.4vw,58px);
  translate:0 calc(var(--p) * -78px)}
@media (prefers-reduced-motion:reduce){
  .suena .lamina{rotate:0deg;scale:1}
  .suena .w i{translate:0;opacity:1}
  .suena .ad{translate:0}
  .js .suena .subraya path{stroke-dashoffset:0}
}
.suena .par{display:inline;white-space:nowrap}
.reel .marco .clip{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;background:var(--sup)}
.reel .marco .dur{position:absolute;right:12px;bottom:12px;
  padding:0.3125rem 0.625rem;border-radius:var(--pildora);
  background:rgba(44,44,44,.62);color:var(--crema);
  font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.06em}
.reel .marco.sonando .play,.reel .marco.sonando .dur{opacity:0;pointer-events:none}
.reel .marco .play,.reel .marco .dur{transition:opacity .3s var(--curva)}
.reel .marco.sonando:hover .play{opacity:1;pointer-events:auto}
.reel .marco .ojeada{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;pointer-events:none;
  opacity:0;transition:opacity .5s var(--curva)}
.reel .marco.ojeando .ojeada{opacity:1}
.reel .marco.sonando .ojeada{opacity:0;transition-duration:.18s}
.reel .marco .avance{position:absolute;left:0;right:0;bottom:0;height:3px;
  background:rgba(44,44,44,.28);opacity:0;transition:opacity .3s var(--curva)}
.reel .marco.sonando .avance{opacity:1}
.reel .marco .avance i{display:block;height:100%;background:var(--sup);
  transform-origin:left;transform:scaleX(var(--av,0))}
.reel .marco .mudo{position:absolute;top:12px;right:12px;z-index:2;
  width:38px;height:38px;border:0;border-radius:50%;cursor:pointer;
  display:grid;place-items:center;padding:0;
  background:rgba(44,44,44,.62);color:var(--crema);
  opacity:0;pointer-events:none;transition:opacity .3s var(--curva),transform .3s var(--curva)}
.reel .marco.sonando .mudo{opacity:1;pointer-events:auto}
.reel .marco .mudo:hover{transform:scale(1.08)}
.reel .marco .mudo .ico{width:19px;height:19px}
.reel .marco .play:focus-visible,
.reel .marco .mudo:focus-visible{outline:3px solid var(--carbon);outline-offset:3px}
.mas-ig{display:flex;align-items:center;gap:0.75rem;
  margin:0 0 0 auto;width:fit-content;
  padding:0.75rem 0.25rem;text-decoration:none;color:var(--carbon);
  font:500 1.0rem/1 var(--cuerpo)}
.mas-ig .ig-arroba{font-weight:400;color:rgba(44,44,44,.78);
  transition:color .3s var(--curva)}
.mas-ig .ico{width:19px;height:19px;
  transition:transform .3s var(--curva)}
.mas-ig:hover .ico{transform:translateX(5px)}
.mas-ig:hover .ig-arroba{color:var(--carbon)}
.mas-ig .ig-tx{background-image:linear-gradient(currentColor,currentColor);
  background-repeat:no-repeat;background-position:0 100%;
  background-size:0 1px;transition:background-size .3s var(--curva)}
.mas-ig:hover .ig-tx,.mas-ig:focus-visible .ig-tx{background-size:100% 1px}
.mas-ig:focus-visible{outline:3px solid var(--carbon);outline-offset:3px;border-radius:0.375rem}
.reels .puntos{display:none}
@media (prefers-reduced-motion:reduce){
  .reel .marco .ojeada{transition:none}
  .reels .puntos i{transition:none}
}
.enc-pagina{position:relative;isolation:isolate;overflow:hidden;
  background:var(--fondo,var(--crema));
  padding:calc(var(--hueco) * .8) var(--margen) calc(var(--hueco) * .62)}
.enc-pagina > .ancho{position:relative;z-index:1}
.enc-pagina .etiqueta{background:var(--sup);margin-bottom:1.375rem}
.enc-pagina .titular{max-width:16ch}
.enc-pagina .bajada{margin-top:1.25rem;max-width:52ch;font-size:1.1875rem;line-height:1.6;
  color:var(--tx-2)}
.nav nav a[aria-current=page]{color:var(--carbon);background-size:100% 1px}
.plano{background:repeating-linear-gradient(-45deg,
  rgba(44,44,44,.035) 0 2px,transparent 2px 11px),var(--arena)}
.plano .aviso{margin:0 0 1.625rem;padding:0.6875rem 1.125rem;border-radius:var(--radio-chico);
  background:var(--carbon);color:var(--crema);
  font:500 0.8125rem/1.4 var(--cuerpo);letter-spacing:.04em}
.plano .bloques{list-style:none;margin:0;padding:0;display:grid;gap:0.625rem}
.plano .bloque{display:flex;align-items:flex-start;gap:1rem;
  padding:1rem 1.25rem;border-radius:var(--radio-chico);background:var(--sup);
  box-shadow:inset 0 0 0 1px rgba(44,44,44,.08)}
.plano .num{flex:none;font:500 0.8125rem/1.5 var(--cuerpo);letter-spacing:.1em;
  color:var(--tx-3)}
.plano .bloque b{display:block;font:500 1rem/1.3 var(--cuerpo);color:var(--carbon)}
.plano .bloque span{display:block;margin-top:0.3125rem;
  font:400 1.0rem/1.5 var(--cuerpo);color:var(--tx-2)}
.plano .bloque{border-left:4px solid var(--tx-3)}
.plano .b-listo{border-left-color:var(--ac-oliva)}
.plano .b-medio{border-left-color:var(--ac-amarillo)}
.plano .b-falta{border-left-color:var(--ac-rosa)}
.puerta-caja{display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(1.75rem,4vw,4rem);align-items:center}
.puerta-tx .titular{max-width:14ch}
.puerta-tx .bajada{margin-top:1.125rem;max-width:44ch;font-size:1.1875rem;line-height:1.6;
  color:var(--tx-2)}
.puerta-tx .forma{margin-top:1.875rem;max-width:30rem}
.puerta-obj{aspect-ratio:1/1;border-radius:var(--radio);margin:0;overflow:hidden;
  background:color-mix(in oklch,var(--papel) 74%,transparent)}
.puerta-obj img{display:block;width:100%;height:100%;object-fit:cover}
.estanteria .bajada{margin-top:1rem;max-width:48ch;font-size:1.1875rem;line-height:1.6;
  color:var(--tx-2)}
.animos{display:flex;flex-wrap:wrap;gap:0.5625rem;margin:2.125rem 0 0}
.animo{font:500 1.0rem/1 var(--cuerpo);letter-spacing:.004em;cursor:pointer;
  padding:0.75rem 1.25rem;border:0;border-radius:var(--pildora);
  background:color-mix(in oklch,var(--carbon) 7%,transparent);color:var(--tx-1);
  transition:background-color .3s var(--curva),color .3s var(--curva),
             transform .3s var(--curva)}
.animo:hover{background:color-mix(in oklch,var(--carbon) 13%,transparent)}
.animo.activo{background:var(--carbon);color:var(--crema)}
.animo:active{transform:scale(.97);transition-duration:.18s}
.animo:focus-visible{outline:3px solid var(--carbon);outline-offset:3px}
.estante{list-style:none;margin:2.375rem 0 0;padding:0;display:grid;
  grid-template-columns:repeat(4,1fr);gap:clamp(1rem,1.8vw,1.625rem)}
.pieza{margin:0;transition:scale .5s var(--curva)}
.pieza .portada{transition:transform .5s var(--curva),box-shadow .5s var(--curva),
                opacity .5s var(--curva)}
.pieza.atras{scale:.972}
.pieza.atras .portada{opacity:.45}
.pieza.atras:hover,.pieza.atras:focus-within{scale:1}
.pieza.atras:hover .portada,.pieza.atras:focus-within .portada{opacity:1}
.pieza a{display:block;text-decoration:none;color:var(--carbon)}
.pieza .portada{position:relative;display:block;overflow:hidden;
  aspect-ratio:16/9;border-radius:var(--radio-chico);
  background:var(--sup);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 1px 1px rgba(44,44,44,.13),
    0 10px 18px -10px rgba(44,44,44,.30)}
.pieza .portada img{width:100%;height:100%;object-fit:cover;display:block;
  border-radius:calc(var(--radio-chico) - 3px);
  transform:scale(.978);
  filter:saturate(.82) sepia(.06) contrast(1.02);
  transition:transform .5s var(--curva),filter .5s var(--curva)}
.pieza a:hover .portada img,
.pieza a:focus-visible .portada img{filter:none}
.pieza .lupa{position:absolute;left:50%;top:50%;width:52px;height:52px;
  margin:-26px 0 0 -26px;border-radius:50%;display:grid;place-items:center;
  background:rgba(250,247,240,.92);color:var(--carbon);
  opacity:0;scale:.72;
  transition:opacity .3s var(--curva),scale .3s var(--curva);
  box-shadow:0 6px 18px -8px rgba(44,44,44,.6)}
.pieza .lupa svg{width:24px;height:24px}
.pieza a:hover .lupa,.pieza a:focus-visible .lupa{opacity:1;scale:1}
.pieza a:hover .portada img,.pieza a:focus-visible .portada img{transform:scale(1.03)}
.pieza a:hover .portada,.pieza a:focus-visible .portada{
  transform:translateY(-5px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    0 2px 0 rgba(44,44,44,.10),
    0 22px 32px -20px rgba(44,44,44,.62)}
.pieza a:focus-visible{outline:3px solid var(--carbon);outline-offset:4px;
  border-radius:var(--radio-chico)}
.pieza .pie{display:block;padding:0.875rem 2px 0;
  border-top:2px solid var(--tipo,var(--ac-rosa))}
.pieza .tipo{display:block;font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.13em;
  text-transform:uppercase;color:var(--tipo,var(--ac-rosa))}
.pieza .tit{display:block;margin-top:0.5625rem;font-family:var(--serif);font-weight:300;
  font-size:1.1875rem;line-height:1.28;letter-spacing:-.008em}
.pieza .dur{display:block;margin-top:0.5rem;font:400 0.8125rem/1 var(--cuerpo);
  color:var(--tx-3)}
.estante-nota{margin-top:1.625rem;font:400 1.0rem/1.5 var(--cuerpo);color:var(--tx-2)}
.temp{margin:0;padding:1.875rem 1.625rem 1.625rem;border-radius:var(--radio);
  background:var(--sup);position:relative;overflow:hidden;isolation:isolate;
  box-shadow:inset 0 0 0 1px rgba(44,44,44,.06),
             0 1px 0 rgba(44,44,44,.05);
  transition:transform .5s var(--curva),box-shadow .5s var(--curva)}
.temp::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url("img-papel.webp") center/cover;
  filter:grayscale(1);
  mix-blend-mode:multiply;opacity:.12}
.temp:hover{transform:translateY(-4px);
  box-shadow:inset 0 0 0 1px rgba(44,44,44,.06),
             0 18px 30px -22px rgba(44,44,44,.55)}
.temp h3{font-family:var(--serif);font-weight:300;font-size:1.5rem;line-height:1.2;
  letter-spacing:-.01em}
.temp p{margin-top:0.625rem;font:400 1.0rem/1.5 var(--cuerpo);color:var(--tx-2)}
.podcast-caja{display:grid;grid-template-columns:1fr 1.15fr;
  gap:clamp(1.75rem,4vw,4.5rem);align-items:center}
.podcast .bajada{margin-top:1rem;max-width:38ch;font-size:1.1875rem;line-height:1.6;
  color:var(--tx-2)}
.podcast .mas-ig{margin-top:1.625rem}
.episodios{list-style:none;margin:0;padding:0}
.episodios li{display:flex;align-items:baseline;gap:1.125rem;padding:1rem 0;
  box-shadow:0 1px 0 var(--linea)}
.episodios li:first-child{padding-top:0}
.ep-t{flex:1;font-family:var(--serif);font-weight:300;font-size:1.1875rem;line-height:1.3}
.ep-d{flex:none;font:400 0.8125rem/1 var(--cuerpo);color:var(--tx-3)}
.sigue-caja{max-width:min(42.5rem,100%);margin-inline:auto;text-align:center}
.sigue .titular{max-width:none;font-size:clamp(2.125rem,4.6vw,4.25rem)}
.sigue .bajada{margin:0.875rem auto 0;max-width:38ch;font-size:1.1875rem;line-height:1.6;
  color:var(--tx-2)}
.sigue .btn.primario{margin-top:2.125rem}
.sigue{overflow:hidden}
.marca-agua{position:absolute;z-index:0;pointer-events:none;
  right:-5%;bottom:-34%;height:104%;width:auto;
  color:var(--oliva);opacity:.09;
  translate:0 calc(var(--deriva) * -30px)}
@media (prefers-reduced-motion:reduce){
  .pieza,.pieza .portada{transition:none}
  .pieza.atras{scale:1}
}
.archivo .bajada{margin-top:1rem;max-width:44ch;font-size:1.1875rem;line-height:1.6;
  color:var(--tx-2)}
.archivo-lista{margin:2.375rem 0 0;padding:0.25rem var(--margen) 1.375rem 0;
  margin-right:calc(var(--margen) * -1);
  display:flex;gap:clamp(0.875rem,1.5vw,1.375rem);
  grid-template-columns:none;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x proximity;scroll-padding-left:0;
  scrollbar-width:none;-ms-overflow-style:none;
  overscroll-behavior-x:contain}
.archivo-lista::-webkit-scrollbar{display:none}
.archivo-lista li{flex:none;scroll-snap-align:start;display:block;
  width:clamp(210px,19vw,262px)}
.archivo-lista a{flex-direction:column;align-items:stretch;gap:0;padding:0;
  border:0;background:none}
.archivo-lista .vmini{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  border-radius:var(--radio-chico);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 1px 1px rgba(44,44,44,.13),
    0 8px 14px -9px rgba(44,44,44,.28);
  filter:saturate(.74) sepia(.08);
  transition:transform .3s var(--curva),filter .3s var(--curva)}
.archivo-lista a:hover .vmini,.archivo-lista a:focus-visible .vmini{
  transform:translateY(-4px);filter:none}
.archivo-lista .vt{font-family:var(--serif);font-weight:300;font-size:1.1875rem;
  line-height:1.3;margin-top:0.8125rem;padding-top:0.6875rem;
  border-top:2px solid var(--tipo,var(--ac-rosa))}
.archivo-lista .vm{margin-top:0.5625rem;justify-content:flex-start;gap:0.875rem}
.archivo{--riel:1}
.archivo .ancho{position:relative}
.archivo-lista{-webkit-mask:linear-gradient(90deg,#000 0,#000 calc(100% - 74px * var(--riel)),transparent 100%);
                       mask:linear-gradient(90deg,#000 0,#000 calc(100% - 74px * var(--riel)),transparent 100%);
  transition:-webkit-mask .3s linear,mask .3s linear}
.pieza.porentrar{opacity:0;translate:0 22px}
.pieza{transition:scale .5s var(--curva),opacity .5s var(--curva),
                  translate .5s var(--curva)}
@keyframes respira-pieza{
  0%{transform:none}
  38%{transform:translateY(-6px)}
  100%{transform:none}}
.pieza.elegida .portada{animation:respira-pieza .62s var(--curva)}
@media (prefers-reduced-motion:reduce){
  .pieza.porentrar{opacity:1;translate:0}
  .pieza.elegida .portada{animation:none}
}
@media (prefers-reduced-motion:reduce){
}
.tono-arena{--fondo:var(--papel)}
.seccion.tono{position:relative;isolation:isolate}
.seccion.tono > .ancho{position:relative;z-index:1}
.seccion.tono,.enc-pagina,.elige{
  background-image:
    var(--textura,none),
    radial-gradient(92% 112% at var(--luz,18% -10%),
      rgba(255,255,255,0) 0%, rgba(255,255,255,0) 34%,
      rgba(150,126,74,calc(var(--luz-caida,.13) * .42)) 68%,
      rgba(150,126,74,var(--luz-caida,.13)) 100%),
    var(--grano,url("grafico-grano.svg"));
  background-size:cover,cover,var(--grano-tam,200px 200px);
  background-position:center,center,center;
  background-repeat:no-repeat,no-repeat,repeat;
  background-blend-mode:var(--textura-mezcla,multiply),multiply,multiply}
.suena {--luz:22% -12%}
.elige {--luz:80% -6%}
.tienda{--luz:14% -8%}
.reels {--luz:82% -10%}
.exp   {--luz:16% 2%}
.voces {--luz:84% -6%}
.enc-pagina{--luz:22% -12%}
.puerta{--luz:78% -8%}
.estanteria{--luz:12% 4%}
.podcast{--luz:16% -10%}
.archivo{--luz:80% 2%}
.sigue{--luz:24% -8%}
.puerta{--textura:url("img-fondo-sombra-vegetal.webp")}
.podcast{--grano:url("grafico-lino-tejido.svg");--grano-tam:120px 120px}
.estanteria{--textura:url("img-fondo-acuarela.webp");--textura-mezcla:soft-light}
[data-deriva]{--deriva:0}
[data-deriva] .etiqueta{translate:0 calc(var(--deriva) * -10px)}
[data-deriva] > .ancho > .titular,
[data-deriva] .puerta-tx .titular{translate:0 calc(var(--deriva) * -16px)}
.puerta-obj{translate:0 calc(var(--deriva) * 26px);will-change:translate}
.estanteria .animos{translate:0 calc(var(--deriva) * -8px)}
.podcast .episodios{translate:0 calc(var(--deriva) * 20px);will-change:translate}
.archivo-lista{translate:0 calc(var(--deriva) * 14px);will-change:translate}
.podcast,.sigue{overflow:hidden}
.podcast::after,.sigue::after{content:"";position:absolute;z-index:0;
  pointer-events:none;opacity:.5;
  background:var(--patron) no-repeat center/contain}
.podcast::after{--patron:url("grafico-puntitos-sueltos.svg");
  right:-50px;top:-40px;width:clamp(200px,23vw,340px);aspect-ratio:1;
  -webkit-mask:radial-gradient(closest-side,#000 42%,transparent 92%);
          mask:radial-gradient(closest-side,#000 42%,transparent 92%);
  translate:0 calc(var(--deriva) * 30px)}
.sigue::after{--patron:url("grafico-onda-larga.svg");
  left:var(--margen);bottom:18px;width:clamp(200px,26vw,420px);height:60px;
  color:var(--ac-oliva);opacity:.28;
  translate:calc(var(--deriva) * 22px) 0}
@media (prefers-reduced-motion:reduce){
  [data-deriva] .etiqueta,[data-deriva] > .ancho > .titular,
  [data-deriva] .puerta-tx .titular,.puerta-obj,.estanteria .animos,
  .podcast .episodios,.archivo-lista,.podcast::after,.sigue::after{translate:0}
}
.lamina{margin:0;position:relative;
  background:var(--sup);
  padding:0.625rem 0.625rem 0;border-radius:calc(var(--radio-chico) + 0.5rem);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 1px 1px rgba(44,44,44,.13),
    0 16px 26px -14px rgba(44,44,44,.34);
  rotate:-1.1deg}
.lamina > video,.lamina > img{display:block;width:100%;height:auto;
  border-radius:var(--radio-chico);background:var(--sup)}
.lamina-pie{padding:0.6875rem 0.25rem 0.75rem;font:500 0.8125rem/1 var(--cuerpo);
  letter-spacing:.13em;text-transform:uppercase;color:var(--tx-3)}
.saludo-caja{display:grid;grid-template-columns:1fr auto;
  gap:clamp(2rem,5vw,5.375rem);align-items:center}
.saludo-tx .bajada{margin-top:1.25rem;max-width:42ch;font-size:1.1875rem;line-height:1.6;
  color:var(--tx-2)}
.lamina-video{width:min(270px,42vw)}
.lamina-video{rotate:1.4deg;translate:0 calc(var(--deriva) * -22px)}
.cordel{position:relative;list-style:none;margin:3.5rem 0 0;padding:0 0 0 clamp(2.875rem,7vw,6.5rem)}
.cordel-hilo{position:absolute;left:clamp(4px,1.4vw,26px);top:6px;
  width:40px;height:calc(100% - 12px);color:var(--oliva);opacity:.62;
  overflow:visible}
.cordel-hilo path{stroke-dasharray:var(--largo,2000);
  stroke-dashoffset:calc(var(--largo,2000) * (1 - var(--trazo,1)))}
.nudo{position:relative;padding-bottom:clamp(3rem,6vw,5.75rem)}
.nudo:last-child{padding-bottom:0}
.nudo::before{content:"";position:absolute;
  left:calc(clamp(46px,7vw,104px) * -1 + clamp(4px,1.4vw,26px) + 20px - 7px);
  top:9px;width:14px;height:14px;border-radius:50%;
  background:var(--fondo);border:2px solid var(--oliva);
  box-shadow:0 0 0 5px var(--fondo)}
.nudo-donde{font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.14em;
  text-transform:uppercase;color:var(--ac-oliva)}
.nudo-tit{margin:0.75rem 0 0;font-family:var(--serif);font-weight:300;
  font-size:clamp(1.5rem,2.9vw,2.375rem);line-height:1.2;letter-spacing:-.01em}
.nudo-tx{margin:0.75rem 0 0;max-width:46ch;font-size:1.1875rem;line-height:1.62;
  color:var(--tx-2)}
.lamina-foto{width:min(300px,52vw);margin-top:1.625rem;rotate:-1.6deg;
  translate:0 calc(var(--deriva) * -14px)}
.credo-caja{max-width:min(56.25rem,100%)}
.credo-frase{margin:1.375rem 0 0;font-family:var(--serif);font-weight:300;
  font-size:clamp(1.875rem,4.4vw,3.875rem);line-height:1.16;letter-spacing:-.014em;
  max-width:18ch}
.credo-tx{margin:1.75rem 0 0;max-width:52ch;font-size:1.1875rem;line-height:1.66;
  color:var(--tx-2)}
.vias{list-style:none;margin:0;padding:0}
.via > .cara{display:grid;grid-template-columns:auto 1fr auto;
  align-items:baseline;gap:0.375rem clamp(0.875rem,1.8vw,1.625rem);
  padding:1.375rem 0;text-decoration:none;color:var(--carbon);
  box-shadow:0 1px 0 var(--linea);
  transition:padding-left .3s var(--curva)}
.via:first-child > .cara{padding-top:0}
.via a:hover,.via a:focus-visible{padding-left:0.875rem}
.via a:focus-visible{outline:3px solid var(--carbon);outline-offset:4px}
.via-n{font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.1em;color:var(--tx-3)}
.via-t{font-family:var(--serif);font-weight:300;
  font-size:clamp(1.3125rem,2.5vw,2rem);line-height:1.2;letter-spacing:-.008em}
.via-d{grid-column:2;font-size:1.0rem;line-height:1.55;color:var(--tx-2);
  max-width:44ch}
.via-a{grid-row:1;grid-column:3;font:500 0.8125rem/1 var(--cuerpo);
  letter-spacing:.13em;text-transform:uppercase;color:var(--ac-oliva)}
.puertas-tit{max-width:14ch}
.par{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.75rem);
  margin-top:2.5rem}
.puerta-h{display:grid;gap:0.625rem;padding:clamp(1.5rem,3vw,2.375rem);
  text-decoration:none;color:var(--carbon);
  background:color-mix(in oklch,var(--crema) 72%,transparent);
  border-radius:var(--radio);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 1px rgba(44,44,44,.12),
             0 12px 20px -14px rgba(44,44,44,.3);
  transition:transform .3s var(--curva),box-shadow .3s var(--curva)}
.puerta-h:hover,.puerta-h:focus-visible{transform:translateY(-4px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 2px 1px rgba(44,44,44,.12),
             0 24px 32px -20px rgba(44,44,44,.44)}
.puerta-h:focus-visible{outline:3px solid var(--carbon);outline-offset:4px}
.puerta-k{font-family:var(--serif);font-weight:300;font-size:clamp(1.5rem,2.7vw,2.125rem)}
.puerta-t{font-size:1rem;line-height:1.55;color:var(--tx-2);max-width:30ch}
.puerta-f{margin-top:0.375rem;color:var(--ac-oliva)}
@media (prefers-reduced-motion:reduce){
  .lamina,.lamina-video,.lamina-foto{rotate:none;translate:0}
  .cordel-hilo path{stroke-dashoffset:0}
}
@media (min-width:901px){
  .nudo:has(.lamina){display:grid;grid-template-columns:minmax(0,1fr) auto;
    gap:clamp(1.875rem,4vw,4.5rem);align-items:start}
  .nudo:has(.lamina) .nudo-donde,
  .nudo:has(.lamina) .nudo-tit,
  .nudo:has(.lamina) .nudo-tx{grid-column:1}
  .nudo:has(.lamina) .lamina{grid-column:2;grid-row:1 / span 3;margin-top:0;
    align-self:center}
  .lamina-foto{width:min(330px,30vw)}
}
.nudo-marca{position:absolute;left:calc(clamp(46px,7vw,104px) * -1 + 4px);
  top:-16px;width:clamp(30px,3.2vw,40px);aspect-ratio:1;
  background:var(--oliva);opacity:.32;pointer-events:none;
  -webkit-mask:var(--marca) no-repeat center/contain;
          mask:var(--marca) no-repeat center/contain;
  rotate:-8deg;translate:0 calc(var(--deriva) * -12px)}
.nudo::before{display:none}
.hilo{overflow:hidden}
.hilo-jardin{
  display:none;
  position:absolute;z-index:0;pointer-events:none;
  right:-8%;top:10%;width:min(520px,40vw);aspect-ratio:.82;
  background:var(--oliva);opacity:.13;
  -webkit-mask:url("grafico-rama.svg") no-repeat center/contain;
          mask:url("grafico-rama.svg") no-repeat center/contain;
  rotate:8deg;
  translate:0 calc(var(--deriva) * -46px)}
.credo-ast{display:block;width:34px;height:34px;margin-bottom:1.25rem;
  background:var(--ac-oliva);opacity:.9;
  -webkit-mask:url("grafico-asterisco.svg") no-repeat center/contain;
          mask:url("grafico-asterisco.svg") no-repeat center/contain;
  rotate:calc(var(--deriva) * 18deg)}
.via-m{grid-row:1 / span 2;display:grid;justify-items:center;gap:0.4375rem;
  align-self:center}
.via-m svg{width:clamp(24px,2.4vw,30px);height:clamp(24px,2.4vw,30px);
  color:var(--ac-oliva);
  transition:transform .3s var(--curva),color .3s var(--curva)}
.via a:hover .via-m svg,.via a:focus-visible .via-m svg{
  transform:scale(1.12) rotate(-6deg);color:var(--rosa)}
.via-n{font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.1em;color:var(--tx-3)}
@media (min-width:901px){
  .nudo:has(.lamina){grid-template-rows:auto;align-items:start}
  .nudo:has(.lamina) .nudo-donde{grid-row:1}
  .nudo:has(.lamina) .nudo-tit{grid-row:2}
  .nudo:has(.lamina) .nudo-tx{grid-row:3}
  .nudo:has(.lamina){grid-template-rows:auto auto 1fr}
  .nudo:has(.lamina) .lamina{grid-row:1 / span 3;align-self:start}
}
@media (min-width:901px){
  .nudo:has(.lamina){row-gap:0}
}
.nudo-peg{position:absolute;left:calc(clamp(46px,7vw,104px) * -1 - 6px);
  top:-22px;width:clamp(44px,4.4vw,60px);height:auto;pointer-events:none;
  rotate:-9deg;
  filter:drop-shadow(0 4px 5px rgba(44,44,44,.26));
  translate:0 calc(var(--deriva) * -16px);
  transition:rotate .5s var(--curva)}
.nudo:hover .nudo-peg{rotate:4deg}
.credo-frase{display:grid;gap:0;max-width:22ch}
.cf-1{display:block;font-size:clamp(1.625rem,3.4vw,2.875rem);line-height:1.14;
  letter-spacing:-.012em}
.cf-2{display:block;margin-left:clamp(1.25rem,4vw,5.625rem);
  font-size:clamp(2rem,4.8vw,4.25rem);line-height:1.08;letter-spacing:-.018em}
.cf-2 em{font-style:italic;color:var(--ac-oliva)}
@media (min-width:901px){
  .nudo-tit{margin-left:calc(clamp(0.875rem,1.6vw,1.625rem) * -1)}
}
.nudo-donde{display:flex;align-items:center;gap:0.75rem}
.nudo-donde::after{content:"";flex:1;max-width:4.375rem;height:1px;
  background:currentColor;opacity:.42}
.peg-suelta{position:absolute;z-index:0;pointer-events:none;height:auto;
  filter:drop-shadow(0 5px 7px rgba(44,44,44,.22));
  translate:0 calc(var(--deriva) * var(--vel,-30px))}
.saludo,.credo,.caminos{overflow:hidden}
.ps-a{--vel:-64px;left:52%;top:12%;width:clamp(26px,2.4vw,38px);rotate:12deg}
.ps-b{--vel:38px;left:-1.5%;bottom:9%;width:clamp(54px,6vw,92px);rotate:-14deg;opacity:.9}
.ps-c{--vel:-70px;right:7%;top:16%;width:clamp(46px,5vw,78px);rotate:9deg}
.ps-d{--vel:44px;left:-2%;top:26%;width:clamp(60px,7vw,110px);rotate:-8deg;opacity:.85}
.ps-e{--vel:-52px;right:4%;bottom:14%;width:clamp(40px,4.4vw,66px);rotate:16deg}
.saludo-caja{perspective:1200px;perspective-origin:66% 44%}
.lamina-video{transform-style:preserve-3d;
  --e:clamp(0,calc(0.5 + var(--deriva) * 0.9),1);
  transform:rotateY(calc((1 - var(--e)) * -13deg))
            rotateX(calc((1 - var(--e)) * 6deg))
            translateZ(calc((1 - var(--e)) * -90px));
  rotate:none}
.lamina-video{box-shadow:
  inset 0 1px 0 rgba(255,255,255,.6),
  0 1px 1px rgba(44,44,44,.13),
  0 calc(16px + (1 - var(--e)) * 22px) calc(26px + (1 - var(--e)) * 26px)
    -14px rgba(44,44,44,.38)}
@media (prefers-reduced-motion:reduce){
  .peg-suelta{translate:0}
  .lamina-video{transform:none}
}
.credo-frase .w{opacity:.18;transition:opacity .5s var(--curva)}
.credo-frase .w.on{opacity:1}
.credo-frase em.w{font-style:italic}
.vias:has(.via a:hover) .via:not(:hover) a,
.vias:has(.via a:focus-visible) .via:not(:focus-within) a{
  opacity:.46;transform:scale(.985);transform-origin:left center}
.via a{transition:padding-left .3s var(--curva),opacity .3s var(--curva),
                  transform .3s var(--curva)}
.via a:hover,.via a:focus-visible{padding-left:1.25rem}
.via a:hover .via-t,.via a:focus-visible .via-t{color:var(--ac-oliva)}
.via a{box-shadow:0 1px 0 var(--linea)}
.via a:hover,.via a:focus-visible{box-shadow:0 2px 0 var(--ac-oliva)}
.cordel-hilo{opacity:1;color:var(--oliva)}
.cordel-hilo .ch-ruta{stroke-dasharray:1 9;stroke-dashoffset:0;opacity:.30}
.cordel-hilo .ch-tinta{stroke-dasharray:var(--largo,2000);
  stroke-dashoffset:calc(var(--largo,2000) * (1 - var(--trazo,1)));opacity:.72}
.nudo{display:grid;grid-template-columns:minmax(0,1fr);position:relative;isolation:isolate}
.nudo-cuerpo{position:relative;z-index:2;min-width:0}
.nudo-pila{position:relative;z-index:2}
@media (min-width:901px){
  .nudo:has(.nudo-pila){grid-template-columns:minmax(0,1fr) auto;
    column-gap:clamp(1.875rem,4.4vw,4.875rem);row-gap:0;align-items:center}
}
.nudo-eco{position:absolute;z-index:0;pointer-events:none;user-select:none;
  font-family:var(--serif);font-weight:300;line-height:.78;
  font-size:clamp(6rem,13vw,11.875rem);letter-spacing:-.03em;
  color:var(--tinte);opacity:.085;
  translate:0 calc(var(--deriva) * -26px)}
.nudo:has(.nudo-pila) .nudo-eco{left:-.06em;bottom:-.10em}
.nudo:not(:has(.nudo-pila)) .nudo-eco{right:4%;top:-.16em}
.nudo-eco:not(.eco-n){font-size:clamp(4rem,7.6vw,7rem);opacity:.075}
.nudo-masa{
  display:none;
  position:absolute;z-index:0;pointer-events:none;
  background:var(--tinte);opacity:.11;
  -webkit-mask:var(--masa) no-repeat center/contain;
          mask:var(--masa) no-repeat center/contain}
.nm-a{--masa:url("grafico-blob-nube.svg");
  left:18%;bottom:-14%;width:min(380px,32vw);aspect-ratio:1.2;
  translate:0 calc(var(--deriva) * 34px);rotate:-6deg}
.nm-b{--masa:url("grafico-blob-gota.svg");
  right:16%;top:-14%;width:min(330px,28vw);aspect-ratio:1;
  translate:0 calc(var(--deriva) * -52px);rotate:12deg}
.nm-c{--masa:url("grafico-blob-luna.svg");
  right:-8%;top:30%;width:min(420px,34vw);aspect-ratio:1;
  translate:0 calc(var(--deriva) * -30px);rotate:-14deg}
.nudo-donde{color:color-mix(in oklch,var(--tinte,var(--oliva)) 55%,var(--carbon))}
.nudo-donde::after{background:var(--tinte,var(--oliva));opacity:1;max-width:6rem}
.nudo-tx-entrada{font-size:clamp(1.125rem,1.55vw,1.3125rem);line-height:1.5;
  color:var(--carbon);max-width:34ch}
.nudo-tx-entrada + .nudo-tx{margin-top:0.625rem}
.cuenta{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:0.5625rem;
  max-width:34ch}
.cuenta li{position:relative;padding-left:1.375rem;
  font-family:var(--serif);font-weight:300;
  font-size:clamp(1.1875rem,1.9vw,1.5625rem);line-height:1.28;letter-spacing:-.008em}
.cuenta li::before{content:"";position:absolute;left:0;top:.55em;
  width:8px;height:8px;border-radius:50%;background:var(--tinte)}
.cuenta li:last-child{font-style:italic;
  color:color-mix(in oklch,var(--tinte) 58%,var(--carbon))}
.fichas{list-style:none;margin:1.25rem 0 0;padding:0;
  display:flex;flex-wrap:wrap;gap:0.625rem 0.75rem;max-width:44ch}
.fichas li{display:inline-flex;align-items:center;gap:0.5625rem;
  padding:0.5rem 1rem 0.5rem 0.625rem;border-radius:var(--pildora);
  background:var(--sup);box-shadow:inset 0 0 0 1px rgba(44,44,44,.10),
    0 1px 1px rgba(44,44,44,.10),0 8px 14px -10px rgba(44,44,44,.30);
  font:500 1.0rem/1 var(--cuerpo);letter-spacing:.005em;color:var(--carbon);
  transition:transform .3s var(--curva),box-shadow .3s var(--curva)}
.fichas img{width:26px;height:26px;display:block;
  filter:drop-shadow(0 2px 2px rgba(44,44,44,.22));
  transition:rotate .5s var(--curva)}
.fichas li:nth-child(odd){rotate:-1.2deg}
.fichas li:nth-child(even){rotate:1deg}
.fichas li:hover{transform:translateY(-3px);
  box-shadow:inset 0 0 0 1px rgba(44,44,44,.10),
    0 2px 2px rgba(44,44,44,.10),0 14px 20px -12px rgba(44,44,44,.38)}
.fichas li:hover img{rotate:-10deg}
.tarjeta-viaje{position:absolute;left:-16%;bottom:6%;z-index:3;margin:0;
  display:grid;gap:3px;justify-items:start;
  padding:0.8125rem 1.25rem 0.875rem 1.625rem;border-radius:0.5rem 0.875rem 0.875rem 0.5rem;
  background:var(--rosa-hondo);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),
    0 1px 1px rgba(44,44,44,.16),0 14px 22px -12px rgba(44,44,44,.42);
  rotate:-7deg;translate:0 calc(var(--deriva) * 30px)}
.tv-ojal{position:absolute;left:9px;top:50%;translate:0 -50%;
  width:9px;height:9px;border-radius:50%;
  background:var(--papel);box-shadow:inset 0 1px 1px rgba(44,44,44,.35)}
.tv-r{font:500 0.6875rem/1 var(--cuerpo);letter-spacing:.12em;
  text-transform:uppercase;color:rgba(44,44,44,.72)}
.tv-t{font-family:var(--serif);font-weight:300;font-size:1.1875rem;
  line-height:1.05;letter-spacing:-.01em;color:var(--carbon)}
@media (prefers-reduced-motion:reduce){
  .nudo-eco,.nudo-masa,.tarjeta-viaje{translate:none}
  .tarjeta-viaje{rotate:none}
  .fichas li{rotate:none}
  .cordel-hilo .ch-tinta{stroke-dashoffset:0}
}
@media (min-width:901px){
  .lamina-foto{width:min(400px,30vw)}
  .nudo-tx-entrada{max-width:40ch}
  .nudo-tx{max-width:42ch}
}
.vias{list-style:none;margin:0;padding:0}
.via > .cara{display:grid;
  grid-template-columns:auto auto minmax(0,1fr) auto;
  align-items:center;
  column-gap:clamp(0.75rem,1.6vw,1.375rem);row-gap:0;
  padding:clamp(1rem,1.8vw,1.375rem) 0;
  text-decoration:none;color:var(--carbon);
  box-shadow:0 1px 0 var(--linea);
  transition:padding .18s var(--curva)}
.via:first-child > .cara{padding-top:0}
.via a:focus-visible{outline:3px solid var(--carbon);outline-offset:4px}
.via-m{display:grid;place-items:center}
.via-m svg{width:clamp(24px,2.4vw,30px);height:clamp(24px,2.4vw,30px);
  color:var(--ac-oliva);
  transition:transform .3s var(--curva),color .3s var(--curva)}
.via-n{font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.1em;color:var(--tx-3)}
.via-t{font-family:var(--serif);font-weight:300;
  font-size:clamp(1.3125rem,2.5vw,2rem);line-height:1.2;letter-spacing:-.008em}
.via-a{font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.13em;
  text-transform:uppercase;color:var(--ac-oliva);justify-self:end}
.via-abre{grid-column:3 / -1;
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:1fr;
  column-gap:clamp(1.25rem,3vw,2.75rem);align-items:start;
  transition:grid-template-rows .3s var(--curva)}
.via-abre > *{overflow:hidden;min-width:0}
.via-d{font-size:1.0rem;line-height:1.55;color:var(--tx-2);max-width:44ch;
  padding-top:0.625rem}
.via-escena{width:clamp(150px,17vw,240px);aspect-ratio:.7;
  border-radius:calc(var(--radio-chico) + 0.375rem);position:relative;
  background:var(--sup);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 1px rgba(44,44,44,.12)}
.via-escena video{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;border-radius:inherit;
  opacity:0;transition:opacity .3s var(--curva)}
.via-escena video.ver{opacity:1}
@media (min-width:901px) and (hover:hover){
  .js-foco .via .via-abre{grid-template-rows:0fr}
  .js-foco .via.abierta .via-abre{grid-template-rows:1fr}
  .js-foco .via.abierta a{padding-bottom:clamp(1.5rem,2.6vw,2.125rem)}
}
.via-d{grid-column:auto;grid-row:auto}
.via-escena{grid-column:auto;grid-row:auto}
.via-a{grid-column:4;grid-row:1}
.via-m{grid-column:1;grid-row:1 / span 2;align-self:center}
.via-n{grid-column:2;grid-row:1}
.via-t{grid-column:3;grid-row:1}
.via-abre > .va-in{overflow:hidden;min-height:0;min-width:0;
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  column-gap:clamp(1.25rem,3vw,2.75rem);align-items:start}
.via-abre{grid-template-columns:none;column-gap:0}
.via{--esc-w:clamp(150px,17vw,240px);--esc-p:.7}
.via-escena{width:var(--esc-w);aspect-ratio:var(--esc-p)}
.via-abre{display:block;transition:none}
.via-abre > .va-in{height:auto;transition:height .3s var(--curva)}
@media (min-width:901px) and (hover:hover){
  .js-foco .via .va-in{height:0}
  .js-foco .via.abierta .va-in{height:calc(var(--esc-w) / var(--esc-p))}
}
.via-m,.via-n{align-self:start}
.via-m{margin-top:-2px}
.via a{position:relative;isolation:isolate}
.via-m,.via-n,.via-t,.via-a,.via-abre{position:relative;z-index:1}
.via-banda{position:absolute;inset:0 -18px;z-index:0;pointer-events:none;
  overflow:hidden;border-radius:calc(var(--radio-chico) + 0.25rem)}
.vb-campo{position:absolute;inset:0;
  background:linear-gradient(180deg,
    color-mix(in oklch,var(--tinte,var(--oliva)) 15%,transparent) 0%,
    color-mix(in oklch,var(--tinte,var(--oliva)) 6%,transparent) 62%,
    transparent 100%);
  transform:translateY(calc(var(--dir,-1) * 101%));
  transition:transform .3s var(--curva)}
.via.abierta .vb-campo{transform:translateY(0)}
@media (prefers-reduced-motion:reduce){
  .vb-campo{transform:none;opacity:1}
}
.vb-campo{background:linear-gradient(calc(90deg - var(--dir,-1) * 90deg),
    color-mix(in oklch,var(--tinte,var(--oliva)) 15%,transparent) 0%,
    color-mix(in oklch,var(--tinte,var(--oliva)) 6%,transparent) 62%,
    transparent 100%)}
.vias{perspective:1500px;perspective-origin:40% 50%}
.via a{transform-style:preserve-3d;
  transition:transform .3s var(--curva),opacity .3s var(--curva),
             padding .18s var(--curva)}
.vias:has(.via a:hover) .via:not(:hover) a,
.vias:has(.via a:focus-visible) .via:not(:focus-within) a{
  opacity:1;transform:none}
.via a:hover,.via a:focus-visible{box-shadow:0 1px 0 var(--linea)}
@media (min-width:901px) and (hover:hover){
  .js-foco .via a{opacity:.74;transform:translateZ(0)}
  .js-foco .via.abierta a{opacity:1;transform:translateZ(13px)}
  .js-foco .via.abierta .via-banda{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55),
      0 1px 1px rgba(44,44,44,.10),
      0 18px 30px -16px rgba(44,44,44,.28)}
}
.via-banda{transition:box-shadow .3s var(--curva)}
@media (prefers-reduced-motion:reduce){
  .js-foco .via.abierta a{transform:none}
}
@media (min-width:901px) and (hover:hover){
  .js-foco .via a{transform:none}
  .js-foco .via{transform:translateZ(0);
    transition:transform .3s var(--curva)}
  .js-foco .via.abierta{transform:translateZ(16px)}
}
@media (min-width:901px) and (hover:hover){
  .js-foco .via:not(.abierta) .via-a{color:var(--carbon)}
  .js-foco .via:not(.abierta) .via-m svg{color:var(--tx-3)}
  .js-foco .via.abierta .via-m svg{
    color:color-mix(in oklch,var(--tinte,var(--oliva)) 58%,var(--carbon))}
}
@media (min-width:901px) and (hover:hover){
  .js-foco .via.abierta a{transform:none}
}
@media (min-width:901px) and (hover:hover){
  .js-foco .via.abierta .via-t{
    color:color-mix(in oklch,var(--tinte,var(--oliva)) 62%,var(--carbon))}
  .js-foco .via.abierta .via-a{
    color:color-mix(in oklch,var(--tinte,var(--oliva)) 50%,var(--carbon))}
  .js-foco .via.abierta .via-n{
    color:color-mix(in oklch,var(--tinte,var(--oliva)) 46%,var(--carbon))}
}
.via-escena{
  box-shadow:
    0 0 0 7px color-mix(in oklch,var(--tinte,var(--oliva)) 34%,var(--crema)),
    inset 0 1px 0 rgba(255,255,255,.5),
    0 1px 1px rgba(44,44,44,.13),
    0 16px 24px -14px rgba(44,44,44,.34)}
.via-peg{position:absolute;left:-22px;top:-18px;z-index:2;
  width:clamp(38px,3.6vw,52px);height:auto;pointer-events:none;
  rotate:-11deg;
  filter:drop-shadow(0 4px 5px rgba(44,44,44,.26));
  opacity:0;transform:scale(.82);
  transition:opacity .3s var(--curva),transform .3s var(--curva),
             rotate .3s var(--curva)}
.via.abierta .via-peg{opacity:1;transform:scale(1);rotate:-7deg}
@media (min-width:901px) and (hover:hover){
  .js-foco .via.abierta .via-t{
    color:color-mix(in oklch,var(--tinte,var(--oliva)) 56%,var(--carbon))}
  .js-foco .via.abierta .via-a{
    color:color-mix(in oklch,var(--tinte,var(--oliva)) 38%,var(--carbon))}
  .js-foco .via.abierta .via-n{
    color:color-mix(in oklch,var(--tinte,var(--oliva)) 40%,var(--carbon))}
}
@media (min-width:901px) and (hover:hover){
  .js-foco .via .via-t{transition:font-size .3s var(--curva),color .3s var(--curva)}
  .js-foco .via.abierta .via-t{font-size:clamp(1.75rem,3.4vw,2.875rem)}
}
.via-d{font-size:1.1875rem;line-height:1.56;max-width:40ch;padding-top:0.75rem}
.va-in{position:relative;align-items:stretch}
.va-tx{display:flex;flex-direction:column;min-width:0;height:100%}
.via-ir{margin-top:auto;display:inline-flex;align-items:center;gap:0.625rem;
  align-self:start;
  font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.10em;text-transform:uppercase;
  color:color-mix(in oklch,var(--tinte,var(--oliva)) 38%,var(--carbon));
  padding-bottom:0.375rem;box-shadow:0 1px 0 currentColor;
  transition:gap .3s var(--curva)}
.via-ir .ico{width:17px;height:17px}
.via:hover .via-ir,.via:focus-within .via-ir{gap:1rem}
.via-eco{position:absolute;z-index:0;left:-.04em;bottom:-.16em;
  pointer-events:none;user-select:none;
  font-family:var(--serif);font-weight:300;line-height:.78;
  font-size:clamp(6rem,11vw,10.375rem);letter-spacing:-.03em;
  color:var(--tinte,var(--oliva));opacity:.10}
.va-tx,.via-escena{position:relative;z-index:1}
.via-eco{left:auto;right:30%}
.via-post{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  border-radius:inherit;display:block}
.via-escena video{z-index:1}
.pila{position:relative;height:calc(var(--n) * 38vh + 100vh);background:var(--papel);--p:0}
.pila-vista{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  align-items:center;gap:clamp(1.5rem,4vw,4rem);
  padding-inline:var(--margen)}
.pila-cab{position:relative;z-index:3;grid-column:1;max-width:34rem}
.pila-cab .titular{max-width:13ch}
.pila-lee{display:flex;align-items:baseline;gap:0.75rem;margin-top:0.875rem;
  font:500 1.0rem/1 var(--cuerpo)}
.pila-lee b{font-weight:500}
.pila-lee span{font-size:0.8125rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tinte-activo,var(--cobalto));transition:color .5s var(--curva)}
.pila-cuenta{position:absolute;left:0;bottom:5%;z-index:0;margin:0;
  font-family:var(--display);font-weight:700;
  font-size:clamp(5rem,13vw,12rem);line-height:.82;letter-spacing:-.02em;
  color:color-mix(in oklch, var(--tinte-activo, var(--cobalto)) 13%, transparent);
  pointer-events:none;user-select:none;white-space:nowrap;
  transition:color .5s var(--curva)}
.pila-cuenta span{font-size:.3em;letter-spacing:.06em;vertical-align:.9em;
  margin-left:.12em}
.pila-mesa{position:relative;grid-column:2;z-index:1;height:100%;
  display:grid;place-items:center;perspective:1400px}
.pl{position:absolute;margin:0;width:clamp(190px,20vw,330px);
  --q:clamp(0, calc(var(--p) * (var(--n) - 1) - var(--i) + 1), var(--n));
  --e:clamp(0, calc(var(--q) / .42), 1);
  --o:clamp(0, calc(var(--q) / .18), 1);
  --s:max(0, calc(var(--q) - 1));
  transform:
    translateY(calc((1 - var(--e)) * 58%))
    translateY(calc(var(--s) * -13px))
    translateZ(calc(var(--s) * -18px))
    rotateX(calc(var(--s) * 1.6deg))
    rotate(calc(var(--s) * -.5deg))
    scale(calc(1 - var(--s) * .028));
  opacity:var(--o);
  filter:saturate(calc(1 - var(--s) * .07)) brightness(calc(1 - var(--s) * .028));
  z-index:calc(10 + var(--i));
  will-change:transform}
.pl img{width:100%;height:auto;
  filter:drop-shadow(0 22px 26px rgba(44,44,44,.26))}
.pl figcaption{position:absolute;left:50%;bottom:-2.75rem;translate:-50% 0;
  display:flex;flex-direction:column;align-items:center;gap:.25rem;white-space:nowrap;
  font:500 0.8125rem/1.2 var(--cuerpo);text-align:center;
  opacity:0;pointer-events:none;
  transition:opacity .3s linear}
.pl figcaption span{font-size:0.6875rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--tx-3)}
.pl:nth-child(odd) {margin-left:calc(var(--s) * -9px)}
.pl:nth-child(even){margin-left:calc(var(--s) *  9px)}
@media (prefers-reduced-motion:reduce){
  .pila{height:auto}
  .pila-luz,.pila-material,.pila-halo,.pila-cuenta{display:none}
  .pila{background-image:
      radial-gradient(42.3% 38.75% at 76.2% 15%,
        rgba(255,255,255,0) 0%, rgba(255,255,255,0) 34%,
        rgba(150,126,74,calc(var(--luz-caida,.13) * .42)) 68%,
        rgba(150,126,74,var(--luz-caida,.13)) 100%),
      url("grafico-grano.svg");
    background-size:100vw 100vh, 200px 200px;
    background-attachment:fixed, scroll;
    background-repeat:no-repeat, repeat;
    background-blend-mode:multiply,multiply}
  .pila-vista{position:static;height:auto;padding:var(--hueco) 0;display:block}
  .pila-mesa{position:static;display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem 1.5rem;
    margin-top:3.5rem;padding:0 var(--margen);place-items:start center}
  .pl{position:static;transform:none;opacity:1;filter:none;margin:0;width:100%}
  .pl figcaption{position:static;translate:0;opacity:1;margin-top:.75rem;
    white-space:normal;max-width:100%}
  @media (max-width:900px){ .pila-mesa{grid-template-columns:repeat(2,minmax(0,1fr))} }
}
.rayas.estrellas{align-items:center;height:auto;flex-wrap:nowrap;
  flex-basis:auto;flex-grow:0;gap:0.375rem}
.rayas.estrellas i{--e:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.6l3.1 6.9 7.4.8-5.5 5 1.5 7.3L12 17.9 5.5 21.6 7 14.3 1.5 9.3l7.4-.8z'/%3E%3C/svg%3E");
  flex:0 0 auto;width:clamp(1.5rem,2.2vw,1.875rem);aspect-ratio:1;height:auto;
  max-width:none;border-radius:0;box-shadow:none;
  background:linear-gradient(90deg,
    var(--orquidea) 0 var(--llena,100%),
    color-mix(in oklch, var(--orquidea) 22%, transparent) var(--llena,100%) 100%);
  -webkit-mask:var(--e) no-repeat center/100%; mask:var(--e) no-repeat center/100%;
  scale:.2;rotate:-38deg;opacity:0;transform-origin:center;
  transition:scale .3s var(--curva), rotate .3s var(--curva), opacity .18s linear}
.rayas.estrellas.trazado i{scale:1;rotate:0deg;opacity:1}
.voces .conteo{align-items:center;gap:0.75rem clamp(1rem,1.8vw,1.625rem)}
.voces .conteo-pie{flex:1 1 22rem;margin:0;max-width:58ch}
.bajada-voces .abre{font-family:var(--serif);font-weight:300;font-style:italic;
  font-size:1.18em;color:var(--carbon)}
.bajada-voces{max-width:58ch}
.conteo-tit{max-width:18ch;margin-bottom:1.25rem}
.conteo-pie b{font-weight:500;color:var(--carbon)}
@media (prefers-reduced-motion:reduce){
  .rayas.estrellas i{scale:1;rotate:0deg;opacity:1;transition:none}
}
.pl-sombra{position:absolute;left:50%;bottom:-6%;width:150%;
  translate:-50% 0;z-index:-1;pointer-events:none;
  opacity:calc(var(--o, 1) * .9)}
.pl img:not(.pl-sombra){filter:drop-shadow(0 6px 10px rgba(44,44,44,.10))}
.etiqueta, .btn, .nav .carro,
.pila-lee span, .pl figcaption span, .conteo-pie b,
.dato, .precio, .precio-sku, .sku .agregar, .muestras .nombre-color{
  font-family:var(--display)}
.nav nav a{font-family:var(--cuerpo)}
.etiqueta, .pila-lee span, .pl figcaption span{letter-spacing:.13em}
.btn, .sku .agregar, .nav .carro{letter-spacing:.06em}
.voces .fila{display:block;columns:3;column-gap:clamp(1.125rem,2vw,1.75rem);
  margin-top:2.75rem}
.voces .voz{break-inside:avoid;margin-bottom:clamp(1.125rem,2vw,1.75rem);
  display:inline-block;width:100%}
.voz.v-orquidea{border-top:5px solid var(--orquidea)}
.voz.v-lima    {border-top:5px solid var(--lima)}
.voz.v-alta p{font-size:1.1875rem}
.voz.v-corta p{font-size:1.3125rem;line-height:1.34}
.manifiesto{position:relative}
.planner .ac{color:var(--acento-tinta,var(--acento,var(--tinta)))}
.manifiesto .manif-rejilla{
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:clamp(2rem,5vw,5.5rem);align-items:center;text-align:left}
.manifiesto .manif-texto{min-width:0}
.manifiesto .adornito{margin:0}
.manifiesto .cuerpo{margin-left:0;margin-right:0;max-width:46ch}
.manifiesto .manif-cta{margin-top:2rem}
.manifiesto .retrato{position:static;width:auto;bottom:auto;left:auto;
  rotate:-1.6deg;margin:0}
.manifiesto .trazo{margin-left:0;margin-right:0;width:min(220px,40vw)}
.manifiesto .trazo path{stroke:var(--rosa)}
.manifiesto .grande{font-size:clamp(2.25rem,5.2vw,4.375rem)}
.manifiesto .grande{margin:1.75rem 0 0}
.via > .cara{
  padding-left:calc(var(--margen) + var(--canto, 7px) + 0.75rem);
  padding-right:var(--margen)}
.vias{--col-num:1.25rem; --medianil:clamp(0.75rem,1.6vw,1.375rem);
  --calle:calc(var(--margen) + var(--canto, 7px) + 0.75rem)}
.via > .cara{grid-template-columns:var(--col-num) auto minmax(0,1fr) auto}
.via .caja{padding-left:calc(var(--calle) + var(--col-num) + var(--medianil))}
.via .adorno{color:var(--tono)}
.via .adorno svg{display:block;width:100%;height:auto}
.via .adorno{
  left:auto; right:clamp(3rem,30vw,30rem);
  bottom:auto; top:50%; translate:0 calc(-50% + 24px);
  width:clamp(120px,13vw,190px); aspect-ratio:4/3}
.via[data-abierta] .adorno{translate:0 -50%}
.via .adorno svg{width:100%;height:100%}
.via .vplaca{overflow:visible}
.via .adorno{
  position:absolute; z-index:2; pointer-events:none;
  right:auto; bottom:auto;
  left:-11%; top:-13%;
  width:38%; aspect-ratio:1; rotate:-9deg;
  transition:opacity .5s var(--curva) var(--espera), translate .85s var(--curva) var(--espera);
  translate:0 10px}
.via[data-abierta] .adorno{translate:0 0; opacity:1}
.via .adorno svg{width:100%;height:100%;overflow:visible}
.via:nth-child(3) .adorno{width:56%; aspect-ratio:3.25; top:-9%; left:-14%}
.via:nth-child(3) .adorno svg path{stroke-width:11}
.suena  {--luz:22% -12%}
.valle  {--luz:80% -4%}
.elige  {--luz:18% -10%}
.planner{--luz-caida:.135}
.pila   {--luz:84% -6%}
.tienda {--luz:16% -8%}
.reels  {--luz:82% -10%}
.library{--luz:20% 2%}
.exp    {--luz:78% -6%}
.voces  {--luz:24% -8%}
.valle,.library{
  background-image:
    var(--textura,none),
    radial-gradient(92% 112% at var(--luz,18% -10%),
      rgba(255,255,255,0) 0%, rgba(255,255,255,0) 34%,
      rgba(150,126,74,calc(var(--luz-caida,.13) * .42)) 68%,
      rgba(150,126,74,var(--luz-caida,.13)) 100%),
    var(--grano,url("grafico-grano.svg"));
  background-size:cover,cover,var(--grano-tam,200px 200px);
  background-position:center,center,center;
  background-repeat:no-repeat,no-repeat,repeat;
  background-blend-mode:var(--textura-mezcla,multiply),multiply,multiply}
.pila-material{position:absolute;inset:-10% 0;z-index:0;pointer-events:none;
  overflow:hidden;
  background-color:var(--papel);
  background-image:url("grafico-grano.svg");
  background-size:200px 200px;
  background-repeat:repeat;
  background-blend-mode:multiply;
  translate:0 calc((var(--p) - .5) * 12%)}
.pila-fibra{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:.34;mix-blend-mode:multiply;
  filter:grayscale(1) contrast(1.04) brightness(1.1);
  transform:scale(1.32)}
@property --pila-tinte{syntax:'<color>';inherits:true;initial-value:transparent}
.pila{--pila-tinte:color-mix(in oklch, var(--tinte-activo, var(--cobalto)) 16%, transparent);
  transition:--pila-tinte .5s var(--curva)}
.pila-halo{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(34% 40% at 70% 52%,
    var(--pila-tinte) 0%, transparent 68%)}
.pila-luz{position:absolute;inset:-40% -20%;z-index:0;pointer-events:none;
  background:radial-gradient(39.3% 34.4% at 66.4% 40%,
    rgba(255,255,255,0) 0%, rgba(255,255,255,0) 34%,
    rgba(150,126,74,calc(var(--luz-caida,.13) * .42)) 68%,
    rgba(150,126,74,var(--luz-caida,.13)) 100%);
  translate:calc((var(--p) - .5) * -10%) calc((var(--p) - .5) * 33.3%)}
.pila{--tinta-cobalto:var(--cobalto); --tinta-orquidea:var(--orquidea);
      --tinta-terracota:var(--terracota);
      --tinta-esmeralda:#0A713D;
      --tinta-lima:var(--oliva-hondo)}
.elige .cabeza{position:relative}
.elige .trazo-camino{display:inline-block;vertical-align:middle;
  position:static;margin:0 0 .18em .42em;
  width:clamp(90px,14vw,210px);height:auto}
.elige .trazo-camino path{stroke:var(--rosa);stroke-width:5.5}
.via .vplaca{width:min(70%,326px);aspect-ratio:16/10}
.via .adorno{left:-21%; top:-29%; width:31%}
.via:nth-child(3) .adorno{left:-30%; top:-30%; width:44%}
.via .adorno{left:-19%; top:auto; bottom:14%; width:30%}
.via:nth-child(3) .adorno{left:-24%; top:auto; bottom:8%; width:42%}
.via:nth-child(1),.via:nth-child(2),.via:nth-child(3),
.via:nth-child(4),.via:nth-child(5){--tono:var(--oliva)}
.vias .via[data-abierta]{--tono:var(--rosa)}
.via .adorno{display:none}
.via .lleva::before{background:var(--rosa);height:2px;width:26px}
.elige .pregunta{font-family:var(--serif);font-weight:300;
  font-size:clamp(2.5rem,6.2vw,5rem);line-height:1.04;letter-spacing:-.018em;
  margin:0.875rem 0 0;max-width:16ch;color:var(--carbon)}
.elige .lead{font-size:clamp(1.0625rem,1.55vw,1.375rem);line-height:1.5;
  font-weight:400;font-family:var(--cuerpo);max-width:46ch;
  margin:1.125rem 0 0;color:rgba(44,44,44,.82);letter-spacing:0}
.elige .trazo-camino{width:clamp(70px,8vw,120px);margin:0 0 .1em .4em}
.elige .q{background:var(--papel);color:var(--oliva-hondo);
  box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--oliva) 55%, transparent)}
.elige .lead{max-width:52ch}
.elige .trazo-camino{width:clamp(48px,5.2vw,84px);margin:0 0 .08em .45em}
.elige .cabeza .q{color:var(--oliva-hondo)}
.titular.t-alto, .grande.t-alto, .frase.t-alto{
  font-size:clamp(2.75rem,7.6vw,7.75rem);line-height:1.03;letter-spacing:-.018em;
  max-width:14ch}
.titular.t-medio, .grande.t-medio, .frase.t-medio{
  font-size:clamp(2.125rem,5vw,4.625rem);line-height:1.12;letter-spacing:-.008em;
  max-width:17ch}
.halo-sec{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.halo-sec::before{content:"";position:absolute;inset:-18% -6%;
  background:
    radial-gradient(26% 30% at var(--h1,14%) 16%,
      color-mix(in oklch, var(--halo,var(--oliva)) 54%, transparent) 0%, transparent 70%),
    radial-gradient(23% 27% at var(--h2,88%) 82%,
      color-mix(in oklch, var(--halo,var(--oliva)) 40%, transparent) 0%, transparent 68%);
  translate:0 calc((var(--p,.5) - .5) * 3.2%);
  will-change:translate}
.camino-color      {--halo:var(--oliva)}
.tienda-color      {--halo:var(--rosa); --h1:82%; --h2:10%}
.reels-color       {--halo:var(--cobalto);   --h1:18%; --h2:86%}
.experiencias-color{--halo:var(--rosa);   --h1:88%; --h2:12%}
@media (prefers-reduced-motion:reduce){ .halo-sec::before{translate:none} }
.pie a, .baja, .repetir, .colores-sku button, .panel-movil a{position:relative}
.pie a::after, .baja::after, .repetir::after, .panel-movil a::after{
  content:"";position:absolute;left:0;right:0;top:50%;height:44px;
  transform:translateY(-50%);z-index:-1}
.colores-sku button::before{content:"";position:absolute;left:50%;top:50%;
  width:44px;height:44px;transform:translate(-50%,-50%);z-index:-1}
.colores-sku{gap:0.75rem}
.pie a::after{left:-5px;right:-5px}
.troquel::before,
.sku::before,
.biblio::before, .biblio::after,
.evento::before, .evento::after,
.voz::before,    .voz::after,
.pag-hoja::before, .pag-hoja::after,
.planner .papel::before, .planner .papel::after,
.retrato picture::before, .retrato picture::after,
.valle .marea::before{
  display:none !important}
.library .acuarela{display:none !important}
.titular.titular, .cierre .grande.grande, .frase.frase{
  font-family:var(--display);font-weight:400;
  line-height:1.16;letter-spacing:.005em}
.titular.titular{font-size:clamp(1.5rem,4.2vw,3.75rem);max-width:17ch}
.cierre .grande.grande{font-size:clamp(1.5rem,4.2vw,3.75rem);max-width:15ch}
.frase.frase{font-size:clamp(1.625rem,4.4vw,4.25rem);max-width:19ch;
  text-wrap:balance}
.titular .ac:not(.w):not(.realce),
.cierre .grande .ac:not(.w):not(.realce),
.frase .golpe{
  font-family:var(--serif);font-weight:400;font-style:italic;
  font-size:1.36em;letter-spacing:-.004em;line-height:.86}
.elige .pregunta.pregunta{
  font-family:var(--display);font-weight:400;
  font-size:clamp(1.5rem,4.2vw,3.75rem);
  line-height:1.16;letter-spacing:.005em;max-width:19ch}
.manifiesto .grande.grande{
  font-family:var(--display);font-weight:400;
  font-size:clamp(1.5rem,4.2vw,3.75rem);
  line-height:1.16;letter-spacing:.005em;max-width:15ch}
.valle .grande.grande{font-size:clamp(1.625rem,4.4vw,4.25rem);max-width:19ch}
.pila-cuenta b, .pila-cuenta i, .pila-cuenta strong{font-weight:700}
.panel-movil li{padding:0}
.panel-movil li a{flex:1;padding:1.125rem 0}
.pie ul{gap:0.375rem}
.pie li a{display:inline-block;padding:0.8125rem 0}
.pie a::after, .panel-movil a::after{display:none}
.realce-marisa{--placa-bg:#DA65B2}
.ac.realce-linea.realce-marisa{color:#FD7855}
.etiqueta.etiqueta-neutra,
.planner .etiqueta.etiqueta-neutra{
  background:transparent;color:var(--carbon);
  box-shadow:inset 0 0 0 1px rgba(44,44,44,.24)}
.btn.primario.btn-contorno{
  background:transparent;color:var(--carbon);
  border:1.5px solid var(--carbon);
  box-shadow:none}
.btn.primario.btn-contorno:hover{background:var(--carbon);color:var(--papel)}
.btn.primario.btn-contorno .costo{color:inherit;opacity:.72}
.tienda .rejilla{grid-template-columns:repeat(5,1fr)}
.tienda .sku .vitrina{height:clamp(160px,15.5vw,232px)}
.tienda .sku .sku-obj{max-height:100%;width:auto;margin-inline:auto;object-fit:contain}
.tienda .sku .color-vivo{position:absolute;width:1px;height:1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap}
.tienda .sku .dato{gap:0.5rem}
.voces .fila{display:grid;columns:auto;
  grid-template-columns:repeat(3,1fr);align-items:stretch;
  gap:clamp(1.125rem,2vw,1.75rem)}
.voces .voz{display:flex;flex-direction:column;margin-bottom:0;width:auto}
.halo-sec{display:none}
img.fibra, img.papel, i.pag-fibra, i.tienda-fibra, .library .acuarela{display:none}
li.temp::after{display:none}
i.pag-renglones{display:none}
.seccion.plano{background-image:none}
.puerta-obj.falta{background-image:none}
.seccion.podcast{background-image:none}
.seccion.podcast::before, .seccion.podcast::after{background-image:none}
.seccion.estanteria, .seccion.puerta{background-image:none}
.via .vplaca::before{background-image:none}
.temporadas li.temp::after, li.temp::after{display:none}
.elige .mosaico{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:clamp(1.25rem,2.4vw,2.25rem);
  margin-top:clamp(2.5rem,4.5vw,4rem)}
.elige .carta-ancha{grid-column:1 / -1}
.elige .carta{display:block;text-decoration:none;color:inherit}
.elige .carta::after{display:none}
.elige .marco{position:relative;display:block;overflow:hidden;border-radius:var(--radio);
  background:rgba(44,44,44,.05);aspect-ratio:3/2}
.elige .carta-ancha .marco{aspect-ratio:20/9}
.elige .marco img{width:100%;height:100%;object-fit:cover;display:block;
  transition:scale .5s var(--curva)}
.elige .carta:hover .marco img,
.elige .carta:focus-visible .marco img{scale:1.045}
.elige .pie{position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:clamp(1.125rem,2.4vw,1.875rem);
  padding-top:clamp(3rem,7vw,5.5rem);
  background:linear-gradient(to top,
    rgba(20,16,14,.92) 0%, rgba(20,16,14,.86) 40%,
    rgba(20,16,14,.6) 62%, rgba(20,16,14,0) 100%)}
.elige .pie i{display:block;font-family:var(--serif);font-style:italic;
  font-weight:400;font-size:clamp(1.5rem,2.6vw,2.375rem);line-height:1.02;
  letter-spacing:-.004em;color:var(--oliva)}
.elige .pie b{display:block;margin-top:.28rem;
  font-family:'LEMON MILK',var(--titulo),sans-serif;font-weight:700;
  text-transform:uppercase;font-size:clamp(.8125rem,1.05vw,1rem);
  line-height:1.2;letter-spacing:.075em;color:var(--blanco)}
.elige .pie b::after{content:"";display:block;height:2px;width:0;
  margin-top:.5rem;background:var(--blanco);
  transition:width .5s var(--curva)}
.elige .carta:hover .pie b::after,
.elige .carta:focus-visible .pie b::after{width:2.75rem}
.elige .carta:focus-visible .marco{outline:3px solid var(--carbon);outline-offset:4px}
@media (prefers-reduced-motion:reduce){
  .elige .marco img,.elige .pie b::after{transition:none}
  .elige .carta:hover .marco img{scale:1}
}
.banda{display:block;width:100%;padding:clamp(1.0625rem,2vw,1.625rem) var(--margen);
  text-align:center;text-decoration:none}
.banda p{margin:0;font-family:var(--titulo);font-weight:500;
  font-size:clamp(0.9375rem,1.45vw,1.3125rem);line-height:1.28;
  letter-spacing:.085em;text-transform:uppercase;text-wrap:balance}
.banda-mision {background:var(--rosa-hondo);   color:var(--blanco)}
.banda-cambia {background:var(--rosa-hondo);   color:var(--blanco)}
.banda-planner{background:#EFBE53;        color:var(--carbon)}
.banda-planner{transition:background .3s var(--curva)}
.banda-planner:hover,.banda-planner:focus-visible{background:#E5AE38}
.banda-planner .flechita{display:inline-block;width:.75em;height:.75em;
  margin-left:.6em;vertical-align:-.02em;
  border-right:2px solid currentColor;border-top:2px solid currentColor;
  rotate:45deg;transition:translate .3s var(--curva)}
.banda-planner:hover .flechita{translate:.22em 0}
.banda-planner:focus-visible{outline:3px solid var(--carbon);outline-offset:-6px}
@media (prefers-reduced-motion:reduce){
  .banda-planner,.banda-planner .flechita{transition:none}
}
.valle .ramo{position:absolute;left:50%;top:52%;pointer-events:none;
  --R:min(620px,74vw);
  width:var(--R);aspect-ratio:1;translate:-50% -50%;
  transform-style:preserve-3d;
  --b:clamp(0, calc((var(--p) - var(--t-flor)) / var(--d-flor)), 1);
  --b2:clamp(0, calc((var(--p) - var(--t-flor) - var(--d-flor)) / var(--d-pausa)), 1);
  scale:calc(1 + var(--b2) * .04)}
.valle .ramo img{position:absolute;left:50%;top:50%;
  width:calc(27% * var(--w));height:auto;
  --bi:clamp(0, calc((var(--b) - var(--d)) / (1 - var(--d))), 1);
  translate:calc(-50% + var(--dx) * var(--R) * var(--bi))
            calc(-50% + var(--dy) * var(--R) * var(--bi));
  rotate:calc(var(--rr) * var(--bi));
  scale:calc(.46 + var(--bi) * .54);
  opacity:clamp(0, calc(var(--bi) * 3), 1);
  filter:drop-shadow(0 calc(6px + var(--bi) * 20px) calc(14px + var(--bi) * 30px)
         rgba(44,44,44,calc(.10 + var(--bi) * .14)))}
.valle .ramo img.frente{z-index:2}
@media (prefers-reduced-motion:reduce){
  .valle .ramo{display:none}
}
.manifiesto{background:var(--rosa-hondo);color:var(--blanco)}
.manifiesto .papel{display:none}
.manifiesto .cuerpo{color:var(--blanco)}
.manifiesto .cuerpo p{color:inherit}
.manifiesto .trazo path{stroke:var(--blanco)}
.manifiesto .ac.realce{color:var(--carbon);font-style:italic;
  --placa-bg:var(--papel); --placa-tx:var(--carbon)}
.manifiesto .btn.secundario{background:var(--carbon);color:var(--papel);
  padding:.9375rem 1.75rem;border-radius:var(--pildora)}
.manifiesto .btn.secundario:hover,
.manifiesto .btn.secundario:focus-visible{background:#1b1b1b;color:var(--blanco)}
.manifiesto figcaption,.manifiesto .rubrica{color:var(--blanco)}
.manifiesto figcaption span{color:rgba(255,255,255,.78)}
.tm{font-family:var(--serif);font-weight:300;color:var(--carbon);
  font-size:clamp(2rem,5vw,4.5rem);line-height:1.1;letter-spacing:-.01em;
  max-width:20ch;margin:0}
.tm b,.tm .alto,.tm b *{font-family:'LEMON MILK',var(--titulo),sans-serif;
  font-weight:700;text-transform:uppercase;color:var(--oliva-hondo);
  font-size:.82em;letter-spacing:.005em}
.tm .cursiva{font-family:var(--serif);font-style:italic;font-weight:300;
  color:var(--oliva-hondo)}
.tm .marcado{position:relative;isolation:isolate}
.tm .marcado::before{content:"";position:absolute;z-index:-1;
  left:-.08em;right:-.08em;bottom:.02em;height:.42em;
  background:var(--lila);border-radius:.06em}
.elige .pregunta.tm,
.voces .titular.tm,
.library .titular.tm{
  font-family:var(--serif);font-weight:300;color:var(--carbon);
  text-transform:none;letter-spacing:-.01em;line-height:1.1}
.elige .pregunta.tm{font-size:clamp(2rem,4.6vw,4rem);max-width:18ch}
.voces .titular.tm,
.library .titular.tm{font-size:clamp(1.875rem,4.2vw,3.625rem);max-width:20ch}
.elige .pregunta.tm b,   .elige .pregunta.tm b *,
.voces .titular.tm b,     .voces .titular.tm b *,
.library .titular.tm b,   .library .titular.tm b *{
  font-family:'LEMON MILK',var(--titulo),sans-serif;font-weight:700;
  font-style:normal;text-transform:uppercase;color:var(--oliva-hondo);
  letter-spacing:.005em}
.elige .pregunta.tm b,
.voces .titular.tm b,
.library .titular.tm b{font-size:.82em}
.elige .pregunta.tm i,
.voces .titular.tm i,
.library .titular.tm i{font-style:normal;font-family:inherit;color:inherit}
.tienda .titular.tm,
.valle .grande.tm{
  font-family:var(--serif);font-weight:300;color:var(--carbon);
  text-transform:none;letter-spacing:-.01em;line-height:1.12}
.tienda .titular.tm{font-size:clamp(1.875rem,4.2vw,3.625rem);max-width:16ch}
.valle .grande.tm{font-size:clamp(2rem,4.8vw,4.25rem);max-width:19ch}
.tienda .titular.tm b,   .tienda .titular.tm b *,
.valle .grande.tm b,     .valle .grande.tm b *{
  font-family:'LEMON MILK',var(--titulo),sans-serif;font-weight:700;
  font-style:normal;text-transform:uppercase;color:var(--oliva-hondo);
  letter-spacing:.005em}
.tienda .titular.tm b,
.valle .grande.tm b{font-size:.82em}
.tienda .titular.tm i,
.valle .grande.tm i{font-style:normal;font-family:inherit;color:inherit}
.planner .titular.tm,
.reels .titular.tm,
.exp .titular.tm,
.cierre .grande.tm{
  font-family:var(--serif);font-weight:300;color:var(--carbon);
  font-style:normal;text-transform:none;letter-spacing:-.01em;line-height:1.12;
  font-size:clamp(1.875rem,4.2vw,3.625rem);max-width:20ch}
.planner .titular.tm b,   .planner .titular.tm b *,
.reels .titular.tm b,     .reels .titular.tm b *,
.exp .titular.tm b,       .exp .titular.tm b *,
.cierre .grande.tm b,     .cierre .grande.tm b *{
  font-family:'LEMON MILK',var(--titulo),sans-serif;font-weight:700;
  font-style:normal;text-transform:uppercase;color:var(--oliva-hondo);
  letter-spacing:.005em}
.planner .titular.tm b,
.reels .titular.tm b,
.exp .titular.tm b,
.cierre .grande.tm b{font-size:.82em}
.planner .titular.tm i,
.reels .titular.tm i,
.exp .titular.tm i,
.cierre .grande.tm i{font-style:normal;font-family:inherit;color:inherit}
.reels .titular.tm b.linea-marisa,
.reels .titular.tm b.linea-marisa *{color:#FD7855}
.reels .titular.tm b.linea-marisa{position:relative;isolation:isolate}
.reels .titular.tm b.linea-marisa::before{content:"";position:absolute;z-index:-1;
  bottom:-.06em;left:-.02em;right:-.02em;height:.13em;background:#DA65B2;
  border-radius:.09em .05em .07em .04em;rotate:-.5deg;
  transform-origin:left center;transition:scale .5s var(--curva) var(--espera)}
.js-rev .reels .titular.tm b.linea-marisa::before{scale:0 1}
.js-rev .reels [data-rev].ver .titular.tm b.linea-marisa::before,
.js-rev .reels .ver .titular.tm b.linea-marisa::before,
.js-rev .reels .titular.ver b.linea-marisa::before{scale:1 1}
@media (prefers-reduced-motion:reduce){
  .js-rev .reels .titular.tm b.linea-marisa::before{scale:1 1;transition:none}
}
.manifiesto{background:none;position:relative;overflow:visible}
.manifiesto::after{content:"";position:absolute;z-index:0;
  left:0;right:38%;top:0;bottom:0;background:var(--rosa-hondo)}
.manifiesto > *{position:relative;z-index:1}
.manifiesto .manif-rejilla{align-items:center}
.manifiesto .retrato{margin-block:clamp(-3.5rem,-4vw,-2rem) 0;rotate:0deg}
.manifiesto .retrato img{border-radius:var(--radio-chico)}
.manifiesto .manif-texto{padding-right:clamp(0rem,2vw,2.5rem)}
.franja-talleres{position:relative;isolation:isolate;
  height:clamp(300px,42vw,560px);overflow:hidden}
.franja-talleres > img{position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;object-position:center 42%}
.franja-talleres .placa{position:absolute;z-index:1;top:auto;
  left:clamp(1rem,4vw,4.5rem);bottom:clamp(1rem,3.5vw,3rem);
  max-width:min(30rem,86vw);
  background:var(--papel);border-radius:var(--radio);
  padding:clamp(1.25rem,2.4vw,2rem)}
.franja-talleres .et{margin:0;font-family:'LEMON MILK',var(--titulo),sans-serif;
  font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.11em;
  color:var(--oliva-hondo)}
.franja-talleres .tx{margin:.625rem 0 1.125rem;
  font-size:clamp(1rem,1.4vw,1.1875rem);line-height:1.45;color:var(--carbon);
  max-width:28ch}
.siguenos{padding:var(--hueco) var(--margen)}
.siguenos .sig-cuenta{margin:.5rem 0 0;font-size:1.0625rem}
.siguenos .sig-cuenta a{color:var(--oliva-hondo);text-decoration:none;
  border-bottom:1px solid currentColor;padding-bottom:.08em}
.siguenos .sig-rejilla{display:grid;
  grid-template-columns:1fr 1fr 1.15fr 1fr 1fr;align-items:center;
  gap:clamp(.75rem,1.4vw,1.25rem);
  margin-top:clamp(2rem,4vw,3.25rem)}
.siguenos .sig-foto{display:block;overflow:hidden;border-radius:var(--radio-chico);
  aspect-ratio:1;background:rgba(44,44,44,.05)}
.siguenos .sig-foto::after{display:none}
.siguenos .sig-foto img{width:100%;height:100%;object-fit:cover;display:block;
  transition:scale .5s var(--curva)}
.siguenos .sig-foto:hover img{scale:1.05}
.sig-tel{grid-column:3;justify-self:center;
  width:min(15.5rem,42vw);
  margin-top:clamp(-4.5rem,-5vw,-2rem);margin-bottom:0;
  z-index:2;position:relative}
.sig-tel .tel-cuerpo{position:relative;aspect-ratio:9/19.5;
  border-radius:2.5rem;padding:.28rem;background:#1c1c1e;
  box-shadow:0 0 0 .18rem #3a3a3c,
             0 1.5rem 3rem rgba(44,44,44,.26),
             0 .25rem .75rem rgba(44,44,44,.14)}
.sig-tel .tel-pantalla{position:relative;width:100%;height:100%;
  border-radius:2.25rem;overflow:hidden;background:#fff;
  display:flex;flex-direction:column;
  font-family:var(--cuerpo);color:#000}
.sig-tel .tel-pantalla::before{content:"";position:absolute;z-index:5;
  top:0;left:50%;translate:-50% 0;
  width:36%;height:1.15rem;background:#1c1c1e;
  border-radius:0 0 .8rem .8rem}
.sig-tel .tel-estado{flex:none;display:flex;align-items:center;
  justify-content:space-between;
  padding:.5rem .95rem .32rem;font-size:.58rem;font-weight:600}
.sig-tel .tel-estado .hora{letter-spacing:.01em;padding-left:.15rem}
.sig-tel .tel-estado .iconos{display:flex;align-items:center;gap:.22rem}
.sig-tel .tel-estado svg{fill:currentColor}
.sig-tel .tel-barra{flex:none;display:flex;align-items:center;gap:.4rem;
  padding:.35rem .6rem .4rem}
.sig-tel .tel-barra .av{width:1.6rem;height:1.6rem;border-radius:50%;
  flex:none;object-fit:cover;
  box-shadow:0 0 0 1.2px #fff, 0 0 0 2.4px #d6249f}
.sig-tel .tel-barra .quien{display:flex;flex-direction:column;min-width:0;
  line-height:1.12}
.sig-tel .tel-barra .quien b{font-size:.55rem;font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sig-tel .tel-barra .quien i{font-size:.47rem;font-style:normal;
  color:rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sig-tel .tel-barra .seguir{margin-left:auto;flex:none;
  font-size:.5rem;font-weight:600;color:#fff;background:#0095f6;
  padding:.24rem .5rem;border-radius:.4rem}
.sig-tel .tel-foto{flex:none;width:100%;height:auto;aspect-ratio:1;
  object-fit:cover;display:block}
.sig-tel .tel-pie{flex:none;padding:.45rem .6rem .5rem}
.sig-tel .tel-pie .acciones{display:flex;align-items:center;gap:.58rem;
  margin-bottom:.38rem}
.sig-tel .tel-pie .acciones svg{width:1.12rem;height:1.12rem}
.sig-tel .tel-pie .acciones .guardar{margin-left:auto}
.sig-tel .tel-pie p{margin:0;font-size:.52rem;line-height:1.44}
.sig-tel .tel-pie b{font-weight:600}
.sig-tel .tel-pie .coment{margin-top:.3rem;color:rgba(0,0,0,.45)}
.sig-tel .tel-pie .fecha{margin-top:.28rem;font-size:.44rem;
  color:rgba(0,0,0,.42)}
.sig-tel .tel-pie .cap{display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
.sig-tel .tel-sig{flex:1;min-height:0;overflow:hidden;
  border-top:1px solid rgba(0,0,0,.08)}
.sig-tel .tel-sig .tel-barra{padding-top:.45rem}
.sig-tel .tel-sig .seguir{display:none}
.sig-tel .tel-nav{flex:none;display:flex;align-items:center;
  justify-content:space-between;
  padding:.4rem .68rem .55rem;border-top:1px solid rgba(0,0,0,.08)}
.sig-tel .tel-nav svg{width:1rem;height:1rem}
.sig-tel .tel-nav .nav-av{width:.95rem;height:.95rem;border-radius:50%;
  object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.55)}
:root{--hueco:clamp(1.875rem,2.8vw,3.25rem)}
.valle{height:250svh}
.valle{height:200svh}
.siguenos .sig-rejilla{
  margin-inline:calc(var(--margen) * -1);
  align-items:start}
.siguenos .sig-foto{aspect-ratio:auto}
.siguenos .sig-foto:nth-of-type(1){aspect-ratio:3/4;  margin-top:0;
  border-start-start-radius:0;border-end-start-radius:0}
.siguenos .sig-foto:nth-of-type(2){aspect-ratio:1;    margin-top:2.75rem}
.siguenos .sig-foto:nth-of-type(3){aspect-ratio:1;    margin-top:1.25rem}
.siguenos .sig-foto:nth-of-type(4){aspect-ratio:3/4;  margin-top:3.5rem;
  border-start-end-radius:0;border-end-end-radius:0}
.sig-tel .tel-cuerpo{rotate:-8deg}
.sig-tel{margin-top:clamp(-6rem,-6.5vw,-3rem)}
@media (prefers-reduced-motion:reduce){
  .sig-tel .tel-cuerpo{rotate:-8deg}
}
.siguenos .sig-foto{position:relative}
.siguenos .sig-foto .tipo{position:absolute;z-index:2;
  top:.6rem;right:.6rem;width:1.3rem;height:1.3rem;
  color:#fff;pointer-events:none;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}
.siguenos .sig-foto .tipo svg{width:100%;height:100%;display:block}
.siguenos .sig-foto .hud{position:absolute;inset:0;z-index:1;
  display:flex;align-items:center;justify-content:center;
  gap:1.35rem;color:#fff;background:rgba(20,16,14,.52);
  opacity:0;transition:opacity .3s var(--curva);pointer-events:none}
.siguenos .sig-foto .hud svg{width:1.6rem;height:1.6rem;fill:currentColor;
  translate:0 .35rem;transition:translate .3s var(--curva)}
.siguenos .sig-foto:hover .hud,
.siguenos .sig-foto:focus-visible .hud{opacity:1}
.siguenos .sig-foto:hover .hud svg,
.siguenos .sig-foto:focus-visible .hud svg{translate:0 0}
@media (hover:none){
  .siguenos .sig-foto .hud{display:none}
}
@media (prefers-reduced-motion:reduce){
  .siguenos .sig-foto .hud,.siguenos .sig-foto .hud svg{transition:none}
}
.sku .vitrina.foto-obj{overflow:hidden;border-radius:var(--radio);
  background:rgba(44,44,44,.05)}
.sku .vitrina.foto-obj img{width:100%;height:100%;object-fit:cover;
  object-position:58% 50%;display:block;
  transition:scale .5s var(--curva)}
.sku:hover .vitrina.foto-obj img,
.sku:focus-within .vitrina.foto-obj img{scale:1.045}
@media (prefers-reduced-motion:reduce){
  .sku .vitrina.foto-obj img{transition:none}
  .sku:hover .vitrina.foto-obj img{scale:1}
}
.pl-lista{list-style:none;counter-reset:pl;margin:clamp(2rem,3.6vw,3rem) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(2rem,4vw,4.5rem)}
.pl-lista li{counter-increment:pl;position:relative;
  padding:clamp(.9rem,1.5vw,1.25rem) 0 clamp(.9rem,1.5vw,1.25rem) 3.25rem;
  border-bottom:1px solid rgba(44,44,44,.12);
  font-size:1.0625rem;line-height:1.5;color:rgba(44,44,44,.86);
  max-width:46ch}
.pl-lista li::before{content:counter(pl,decimal-leading-zero);
  position:absolute;left:0;top:calc(clamp(.9rem,1.5vw,1.25rem) + .14em);
  font-family:'LEMON MILK',var(--titulo),sans-serif;font-weight:700;
  font-size:.8125rem;letter-spacing:.06em;color:var(--oliva-hondo)}
.pl-rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1.5rem,3vw,2.75rem);margin-top:clamp(2rem,3.6vw,3rem)}
.pl-rejilla figure{margin:0}
.pl-rejilla img{width:100%;height:auto;display:block;border-radius:var(--radio);
  background:rgba(44,44,44,.05)}
.pl-rejilla figcaption{margin-top:.875rem;font-size:1rem;line-height:1.5;
  color:rgba(44,44,44,.72);max-width:44ch}
.pl-rejilla figcaption b{display:block;margin-bottom:.22rem;
  font-family:'LEMON MILK',var(--titulo),sans-serif;font-weight:700;
  text-transform:uppercase;font-size:.8125rem;letter-spacing:.055em;
  color:var(--oliva-hondo)}
.pl-specs{margin:clamp(2rem,3.6vw,3rem) 0 0;max-width:44rem}
.pl-specs > div{display:grid;grid-template-columns:minmax(7.5rem,11rem) 1fr;
  gap:1.25rem;align-items:baseline;
  padding:clamp(.8rem,1.3vw,1.0625rem) 0;
  border-bottom:1px solid rgba(44,44,44,.12)}
.pl-specs dt{font-family:var(--cuerpo);font-weight:500;font-size:.8125rem;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(44,44,44,.56);margin:0}
.pl-specs dd{margin:0;font-family:var(--serif);font-weight:300;
  font-size:1.25rem;line-height:1.4;color:var(--carbon)}
.pl-cierre-tx{margin:clamp(2rem,3.4vw,2.75rem) 0 clamp(1.5rem,2.4vw,2rem);
  font-family:var(--serif);font-weight:300;font-style:italic;
  font-size:clamp(1.25rem,2vw,1.625rem);line-height:1.45;
  color:var(--carbon);max-width:32ch}
.pl-dentro .titular.tm,
.pl-interiores .titular.tm,
.pl-detalles .titular.tm{
  font-family:var(--serif);font-weight:300;color:var(--carbon);
  font-style:normal;text-transform:none;letter-spacing:-.01em;line-height:1.12;
  font-size:clamp(1.875rem,4.2vw,3.625rem);max-width:20ch}
.pl-dentro .titular.tm b,    .pl-dentro .titular.tm b *,
.pl-interiores .titular.tm b,.pl-interiores .titular.tm b *,
.pl-detalles .titular.tm b,  .pl-detalles .titular.tm b *{
  font-family:'LEMON MILK',var(--titulo),sans-serif;font-weight:700;
  font-style:normal;text-transform:uppercase;color:var(--oliva-hondo);
  letter-spacing:.005em}
.pl-dentro .titular.tm b,
.pl-interiores .titular.tm b,
.pl-detalles .titular.tm b{font-size:.82em}
.pl-dentro .titular.tm i,
.pl-interiores .titular.tm i,
.pl-detalles .titular.tm i{font-style:normal;font-family:inherit;color:inherit}
.planner .mas-planner{margin:1.125rem 0 0}
.planner .mas-planner a{font-family:var(--cuerpo);font-size:1rem;
  color:var(--oliva-hondo);text-decoration:underline;
  text-underline-offset:.22em;text-decoration-thickness:1px;
  transition:opacity .18s var(--curva)}
.planner .mas-planner a:hover{opacity:.7}
.planner[data-color="cobalto"] .mas-planner a,
.planner[data-color="terracota"] .mas-planner a,
.planner[data-color="orquidea"] .mas-planner a{color:inherit;opacity:.82}
.apertura .placa::after{content:"";position:absolute;inset:0;z-index:1;
  background:var(--papel);opacity:.62;pointer-events:none}
.collage{position:absolute;z-index:2;pointer-events:none;
  right:2.5%;top:9%;width:min(40%,36rem);height:78%}
.collage .cl{position:absolute;margin:0;
  border-radius:calc(var(--radio) * .62);overflow:hidden;
  background:var(--papel);
  box-shadow:inset 0 0 0 .5rem var(--papel),
             0 1.25rem 2.5rem -1rem rgba(44,44,44,.34),
             0 .25rem .75rem -.25rem rgba(44,44,44,.18);
  rotate:var(--gi,0deg);
  opacity:0;translate:0 1.75rem;
  animation:cl-entra .9s var(--curva) forwards;
  animation-delay:calc(.35s + var(--n,0) * .11s)}
.collage .cl img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes cl-entra{to{opacity:1;translate:0 0}}
.collage .cl-1{--n:0; left:6%;  top:0;    width:56%; aspect-ratio:4/5}
.collage .cl-2{--n:1; right:0;  top:16%;  width:46%; aspect-ratio:4/3}
.collage .cl-3{--n:2; left:0;   top:44%;  width:32%; aspect-ratio:3/4;
  background:var(--papel)}
.collage .cl-3 img{object-fit:contain;padding:12%}
.collage .cl-4{--n:3; right:6%; bottom:2%; width:40%; aspect-ratio:1}
.collage .cl-5{--n:4; left:26%; bottom:0;  width:34%; aspect-ratio:16/10}
@media (prefers-reduced-motion:reduce){
  .collage .cl{opacity:1;translate:none;animation:none}
}
.tm b, .tm .alto, .tm b *,
.elige .pregunta.tm b,    .elige .pregunta.tm b *,
.voces .titular.tm b,     .voces .titular.tm b *,
.library .titular.tm b,   .library .titular.tm b *,
.tienda .titular.tm b,    .tienda .titular.tm b *,
.valle .grande.tm b,      .valle .grande.tm b *,
.planner .titular.tm b,   .planner .titular.tm b *,
.reels .titular.tm b,     .reels .titular.tm b *,
.exp .titular.tm b,       .exp .titular.tm b *,
.cierre .grande.tm b,     .cierre .grande.tm b *,
.pl-dentro .titular.tm b,    .pl-dentro .titular.tm b *,
.pl-interiores .titular.tm b,.pl-interiores .titular.tm b *,
.pl-detalles .titular.tm b,  .pl-detalles .titular.tm b *{
  font-family:var(--serif);font-weight:400;font-style:italic;
  text-transform:none;letter-spacing:0;color:var(--oliva-hondo)}
.tm b,
.elige .pregunta.tm b, .voces .titular.tm b, .library .titular.tm b,
.tienda .titular.tm b, .valle .grande.tm b, .planner .titular.tm b,
.reels .titular.tm b,  .exp .titular.tm b,  .cierre .grande.tm b,
.pl-dentro .titular.tm b, .pl-interiores .titular.tm b, .pl-detalles .titular.tm b{
  font-size:1.06em}
.reels .titular.tm b.linea-marisa,
.reels .titular.tm b.linea-marisa *{color:#FD7855}
.manifiesto .grande.grande{
  font-family:var(--serif);font-weight:400;font-style:normal;
  text-transform:none;letter-spacing:-.008em;line-height:1.14}
.manifiesto .ac.realce,
.manifiesto .ac.realce *{
  font-family:var(--serif);font-weight:400;font-style:italic;
  text-transform:none;letter-spacing:0;color:var(--carbon)}
.manifiesto .ac.realce{font-size:1.06em}
.tm .marcado::before{
  left:-.14em;right:-.14em;bottom:.06em;height:.34em;
  background:var(--lima-suave,#C7D68A);
  border-radius:.5em .34em .42em .3em;
  rotate:-.35deg;
  opacity:.92}
.reels .titular.tm b.linea-marisa::before{
  bottom:-.13em;left:.02em;right:.06em;height:.055em;
  border-radius:.06em;rotate:-.35deg}
.manifiesto .ac.realce{padding:0}
.manifiesto .ac.realce::before{display:none}
.tm .marcado::before{display:none}
.tm .marcado{padding:0}
.reels .titular.tm b.linea-marisa::before{display:none}
.tienda .sku{padding-left:0;padding-right:0}
.tienda .sku .vitrina{height:clamp(240px,26vw,375px)}
.tienda .sku .agregar:not(.sku-ancla){
  opacity:1;translate:0 0;
  transition:opacity .3s var(--curva), translate .3s var(--curva),
             transform .3s var(--curva), box-shadow .3s var(--curva),
             background .3s var(--curva), color .3s var(--curva)}
@media (prefers-reduced-motion:reduce){
  .tienda .sku .agregar:not(.sku-ancla){translate:0 0}
}
.tienda .sku .ficha-tx{position:relative}
.tienda .sku h3{margin-top:1.5rem}
.tienda .sku .marca-sku{
  position:absolute;top:0;left:0;right:auto;z-index:1;
  padding:0;background:none;border-radius:0;
  font:500 0.6875rem/1 var(--cuerpo);letter-spacing:.18em;
  text-transform:uppercase;color:var(--carbon)}
.tienda .sku .precio-sku{font-size:1.3125rem}
.tienda .sku.accesorio h3{font-size:1.3125rem}
.tienda .sku .sku-obj{max-width:84%;object-position:bottom center}
.tienda .sku .sku-sombra{height:11%}
.tienda .sku:first-child .sku-sombra{height:13%}
.tienda .sku .vitrina.foto-obj img{height:85%;top:auto;bottom:0;position:absolute}
.tienda .sku{padding-bottom:0.625rem}
.tienda .sku .vitrina.foto-obj{background:none;border-radius:0;left:0;right:0}
.tienda .sku .vitrina.foto-obj img{border-radius:var(--radio);left:0;right:0;width:100%}
.tienda .sku .agregar:focus-visible{outline:2px solid var(--carbon);outline-offset:3px}
@media (max-width:1024px){
  .tienda .sku:first-child{grid-column:auto}
  .tienda .sku:first-child .vitrina{aspect-ratio:auto}
  .tienda .sku:first-child .sku-obj{height:96%;width:auto}
  .tienda .sku:first-child .sku-sombra{width:120%;height:11%}
}
.tienda .sku .ficha-tx{padding-inline:0.875rem}
.tienda .sku .marca-sku{left:0.875rem}
.tienda .sku .marca-sku{
  font-family:var(--display);font-weight:400;
  font-size:0.6875rem;letter-spacing:.2em;color:var(--carbon)}
.tienda .sku .marca-sku::before{display:none}
.planner .nombre-prod,
.planner .specs dt{
  font-family:var(--display);font-weight:400;letter-spacing:.12em}
.planner .etiqueta.etiqueta-neutra{
  background:var(--rosa-hondo);color:var(--blanco);box-shadow:none}
.planner .nombre-color{
  font-family:var(--serif);font-weight:400;font-style:italic;
  font-size:1.0625rem;letter-spacing:0;
  color:color-mix(in oklch, var(--carbon) 88%, transparent)}
.planner .cierre-planner{
  margin:1.375rem 0 0;padding-top:1.125rem;max-width:44ch;
  border-top:1px solid rgba(44,44,44,.14);
  font-family:var(--serif);font-weight:300;font-style:italic;
  font-size:1.1875rem;line-height:1.42;letter-spacing:0;
  color:color-mix(in oklch, var(--carbon) 90%, transparent)}
.planner .muestras .nombre-color{
  font-family:var(--serif);font-weight:400;font-style:italic;
  font-size:1.0625rem;letter-spacing:0;
  color:color-mix(in oklch, var(--carbon) 88%, transparent)}
.planner .specs dd small{
  display:block;margin-top:.28em;
  font-family:var(--display);font-weight:400;font-size:0.6875rem;
  letter-spacing:.12em;
  color:color-mix(in oklch, var(--carbon) 62%, transparent)}
.planner .franja{background:var(--papel)}
.reels .fila{grid-template-columns:1fr 1fr 1.15fr 1fr 1fr;align-items:center}
.reels .fila .sig-tel{
  grid-column:3;justify-self:center;position:relative;z-index:2;
  width:100%;
  margin-top:clamp(-4rem,-4.5vw,-1.75rem)}
.siguenos .sig-rejilla{align-items:end}
.siguenos .sig-rejilla .reel{min-width:0}
.siguenos .sig-tel{
  grid-column:3;justify-self:center;align-self:end;
  width:min(15.5rem,42vw);z-index:2;position:relative;
  margin-top:0;margin-bottom:2.75rem}
.siguenos .compra-una{margin-inline:auto;margin-top:clamp(2rem,3.5vw,3rem)}
.siguenos .sig-rejilla{align-items:start}
.siguenos .sig-tel{align-self:center;margin-bottom:3.5rem}
.siguenos .sig-rejilla .reel:first-of-type .marco{
  border-start-start-radius:0;border-end-start-radius:0}
.siguenos .sig-rejilla .reel:last-of-type .marco{
  border-start-end-radius:0;border-end-end-radius:0}
.siguenos .sig-rejilla .reel:first-of-type .pie-reel{padding-left:var(--margen)}
.siguenos .sig-rejilla .reel:last-of-type .pie-reel{padding-right:var(--margen)}
.voces .voces-cabeza{max-width:64rem;margin-inline:auto;text-align:center}
.voces .raya-tit{display:block;width:clamp(110px,13vw,190px);height:3px;
  margin:0 auto 1.25rem;background:var(--rosa)}
.voces .conteo{justify-content:center}
.voces .conteo-pie{flex:0 1 auto;max-width:62ch;text-align:center}
.voces .conteo-tit{max-width:none;margin-inline:auto}
.voces .bajada-voces{margin-inline:auto;text-align:center}
.voces .voces-pie{justify-content:center}
.voces .muro{display:grid;margin-top:clamp(2.25rem,4vw,3.25rem)}
.voces .muro .hoja{grid-area:1/1;
  display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;
  gap:clamp(1rem,1.8vw,1.625rem);
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);
  transition:opacity .5s var(--curva) var(--espera), transform .5s var(--curva),
             visibility 0s linear .5s}
.voces .muro .hoja.activa{opacity:1;visibility:visible;pointer-events:auto;
  transform:translateY(0);
  transition:opacity .5s var(--curva) var(--espera), transform .5s var(--curva),
             visibility 0s linear 0s}
.voces .voz{
  background-color:var(--blanco);background-image:none;
  border:1px solid rgba(44,44,44,.10);border-radius:1rem;
  box-shadow:0 1px 2px rgba(58,50,32,.05), 0 18px 34px -22px rgba(58,50,32,.30);
  padding:1.5rem 1.5rem 1.625rem;
  rotate:0deg;transform:translateY(0);
  display:flex;flex-direction:column;gap:1.0625rem;
  transition:transform .3s var(--curva), box-shadow .3s var(--curva),
             border-color .3s var(--curva)}
.voces .voz::before,.voces .voz::after{display:none;content:none}
.voces .voz:hover,.voces .voz:focus-within{
  rotate:0deg;transform:translateY(-4px);border-color:rgba(44,44,44,.17);
  box-shadow:0 1px 2px rgba(58,50,32,.05), 0 26px 44px -24px rgba(58,50,32,.34)}
.voces .voz-cab{display:flex;align-items:center;gap:0.75rem}
.voces .voz .ini{flex:none;width:2.375rem;height:2.375rem;border-radius:50%;
  display:grid;place-items:center;background:var(--arena);color:var(--carbon);
  font-family:var(--serif);font-weight:400;font-size:1.0625rem;line-height:1}
.voces .voz .quien{flex:1 1 auto;min-width:0;margin:0;
  font:500 0.875rem/1.25 var(--cuerpo);color:var(--carbon)}
.voces .voz .quien span{display:block;margin-top:0.25rem;font-weight:400;
  font-size:0.6875rem;letter-spacing:.09em;text-transform:uppercase;
  color:color-mix(in oklch, var(--carbon) 62%, transparent)}
.voces .estrellitas{flex:none;display:flex;gap:2px}
.voces .estrellitas i{--e:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.6l3.1 6.9 7.4.8-5.5 5 1.5 7.3L12 17.9 5.5 21.6 7 14.3 1.5 9.3l7.4-.8z'/%3E%3C/svg%3E");
  width:13px;height:13px;background:var(--orquidea);
  -webkit-mask:var(--e) no-repeat center/100%; mask:var(--e) no-repeat center/100%}
.voces .voz p{margin:0;font-family:var(--serif);font-weight:300;
  font-size:1.125rem;line-height:1.52;
  color:color-mix(in oklch, var(--carbon) 93%, transparent)}
.voces .voces-mando{display:flex;justify-content:center;gap:0.5rem;
  margin-top:clamp(1.125rem,2vw,1.625rem)}
.voces .voces-mando .pt{width:44px;height:44px;padding:0;border:0;background:none;
  cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}
.voces .voces-mando .pt::before{content:"";width:8px;height:8px;border-radius:50%;
  background:rgba(44,44,44,.22);
  transition:background .3s var(--curva), scale .3s var(--curva)}
.voces .voces-mando .pt.activa::before{background:var(--orquidea);scale:1.3}
.voces .voces-mando .pt:focus-visible{outline:2px solid var(--carbon);outline-offset:-8px}
@media (prefers-reduced-motion:reduce){
  .voces .muro .hoja{transition:opacity .18s}
  .voces .voz{transition:none}
}
.voces .conteo{flex-direction:column;gap:0.5rem;margin-bottom:0.25rem}
.voces .conteo-pie{font-size:0.9375rem}
.voces .conteo{margin-top:0.375rem}
.voces .conteo-tit{margin-bottom:0.625rem}
@keyframes brillo-estrella{
  from{background-position:-80% 0, 0 0, 0 0}
  to  {background-position: 180% 0, 0 0, 0 0}
}
.voces .rayas.estrellas i,
.voces .estrellitas i{
  background:
    linear-gradient(118deg, rgba(255,255,255,0) 42%,
                            rgba(255,255,255,.85) 50%,
                            rgba(255,255,255,0) 58%) -80% 0/240% 100% no-repeat,
    linear-gradient(152deg, rgba(255,255,255,.46) 0%,
                            rgba(255,255,255,0) 58%) 0 0/100% 100% no-repeat,
    linear-gradient(90deg, var(--rosa) 0 var(--llena,100%),
                    color-mix(in oklch, var(--rosa) 20%, transparent)
                    var(--llena,100%) 100%) 0 0/100% 100% no-repeat;
  }
.voces .rayas.estrellas.trazado i{animation:brillo-estrella 1.15s var(--curva) both}
.voces .voz:hover .estrellitas i,
.voces .voz:focus-within .estrellitas i{animation:brillo-estrella .95s var(--curva) both}
.voces .voz .estrellitas i:nth-child(2){animation-delay:.06s}
.voces .voz .estrellitas i:nth-child(3){animation-delay:.12s}
.voces .voz .estrellitas i:nth-child(4){animation-delay:.18s}
.voces .voz .estrellitas i:nth-child(5){animation-delay:.24s}
@media (prefers-reduced-motion:reduce){
  .voces .rayas.estrellas.trazado i,
  .voces .voz:hover .estrellitas i{animation:none}
}
.voces .voces-mando .pt.activa::before{background:var(--rosa)}
.voces .rayas.estrellas i,
.voces .estrellitas i{
  background-image:
    linear-gradient(118deg, rgba(255,255,255,0) 45%,
                            rgba(255,255,255,.62) 50%,
                            rgba(255,255,255,0) 55%),
    linear-gradient(152deg, rgba(255,255,255,.46) 0%,
                            rgba(255,255,255,0) 58%),
    linear-gradient(90deg, var(--rosa) 0 var(--llena,100%),
                    color-mix(in oklch, var(--rosa) 20%, transparent)
                    var(--llena,100%) 100%)}
.manifiesto .retrato{margin-right:calc(-1 * var(--margen))}
.manifiesto .retrato img{border-start-end-radius:0;border-end-end-radius:0}
.manifiesto::after{right:28%}
.manifiesto .cuerpo{max-width:52ch}
.manifiesto .cuerpo p:first-child{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(1.25rem,1.55vw,1.4375rem);line-height:1.44;
  max-width:26ch;margin-bottom:1.5rem}
.manifiesto .btn.secundario{
  background:none;color:var(--carbon);border:0;border-radius:0;
  padding:0.75rem 0 0.5rem;min-height:44px;
  box-shadow:inset 0 -1px 0 0 rgba(44,44,44,.42);
  transition:box-shadow .3s var(--curva), color .3s var(--curva)}
.manifiesto .btn.secundario:hover,
.manifiesto .btn.secundario:focus-visible{
  background:none;color:var(--carbon);
  box-shadow:inset 0 -1px 0 0 var(--carbon)}
.manifiesto figcaption{position:relative;display:flex;align-items:baseline;
  gap:0.75rem;padding-top:0.875rem;margin-top:1.125rem}
.manifiesto figcaption::before{content:"";position:absolute;left:0;top:0;
  width:2.75rem;height:1px;background:rgba(44,44,44,.38)}
.manifiesto figcaption span{align-self:center}
.manifiesto .cuerpo p:first-child{max-width:38ch}
.manifiesto::after{right:26%}
.manifiesto{overflow-x:clip}
.manifiesto .retrato{margin-right:calc(-1 * max(var(--margen), 14vw))}
@media (min-width:861px) and (max-width:1180px){
  .manifiesto::after{right:16%}
}
.manifiesto .retrato img{width:100%;height:auto;display:block}
.manifiesto .retrato{
  margin-right:calc(-1 * (100vw - min(1280px, 100vw - 2 * var(--margen))) / 2)}
.manifiesto .ac.realce,
.manifiesto .ac.realce *{color:var(--papel)}
.manifiesto .grande.grande{font-size:clamp(2.75rem,5.2vw,4.5rem);line-height:1.06}
.manifiesto .rubrica{color:var(--carbon)}
.manifiesto figcaption::before{background:rgba(250,248,246,.55)}
.manifiesto .trazo path{stroke:var(--papel)}
.manifiesto .btn.secundario{color:var(--papel);
  box-shadow:inset 0 -1px 0 0 rgba(250,248,246,.5)}
.manifiesto .btn.secundario:hover,
.manifiesto .btn.secundario:focus-visible{color:var(--papel);
  box-shadow:inset 0 -1px 0 0 var(--papel)}
.library{overflow-x:clip}
.biblio{background:none;padding:0;
  grid-template-columns:0.8fr 1fr;
  column-gap:clamp(2.25rem,4.6vw,4.75rem);
  row-gap:clamp(1.75rem,3vw,2.5rem);
  align-items:start}
.biblio::before,.biblio::after{content:none;display:none}
.biblio .regalo{grid-column:1;grid-row:1 / span 2;margin:0;align-self:start;
  margin-left:calc(-1 * (100vw - min(1280px, 100vw - 2 * var(--margen))) / 2);
  aspect-ratio:.95;overflow:hidden;
  border-start-start-radius:0;border-end-start-radius:0;
  border-start-end-radius:var(--radio);border-end-end-radius:var(--radio)}
.biblio .regalo picture{position:static;inset:auto;z-index:auto;
  display:block;overflow:visible;
  -webkit-mask-image:none;mask-image:none}
.biblio .regalo img{width:100%;height:100%;display:block;
  object-fit:cover;object-position:50% 18%}
.biblio .biblio-cuerpo{grid-column:2;grid-row:1;
  display:flex;flex-direction:column;gap:clamp(1.75rem,3vw,2.5rem)}
.biblio .titular{max-width:14ch}
.biblio .bajada{max-width:34ch}
.biblio .captura{padding-left:0;justify-content:flex-start}
.biblio .captura::before{content:none;display:none}
.biblio .forma{flex-direction:column;gap:0.75rem;max-width:26rem}
.biblio .forma input{width:100%;flex:none;padding:1.0625rem 1.5rem;font-size:1.0625rem}
.biblio .forma .btn.primario{width:100%;justify-content:center;
  min-height:3.5rem;font-size:1.0625rem;letter-spacing:.10em}
.biblio .indice{grid-column:2;grid-row:2;
  grid-template-columns:1fr 1fr;gap:0 clamp(1.25rem,2.4vw,2.25rem);
  border-top:1px solid rgba(44,44,44,.16)}
.biblio .indice li:nth-child(2){box-shadow:none}
.biblio .indice li:nth-child(3){box-shadow:0 -1px 0 var(--linea)}
.biblio .indice li:nth-child(-n+2) .sello{--i:0}
.biblio .indice li:nth-child(3) .sello,.biblio .indice li:nth-child(4) .sello{--i:1}
.biblio .indice li:nth-child(5) .sello,.biblio .indice li:nth-child(6) .sello{--i:2}
.biblio .indice li:nth-child(7) .sello{--i:3}
.biblio .regalo{position:relative;aspect-ratio:auto;align-self:stretch}
.biblio .regalo picture{position:absolute;inset:0;z-index:auto}
.biblio .regalo img{object-position:50% 42%}
.biblio .regalo img{object-position:50% 50%}
.mosaico-exp{margin:2.75rem 0 0;display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:clamp(0.75rem,1.5vw,1.25rem)}
.mosaico-exp .ev-alta{grid-column:1;grid-row:1 / span 2;position:relative;
  align-self:stretch}
.mosaico-exp .ev-circulo{grid-column:2;grid-row:1;aspect-ratio:4/3;position:relative}
.mosaico-exp .ev-grupo{grid-column:2;grid-row:2;aspect-ratio:3/2;position:relative}
.mosaico-exp .evento{overflow:hidden;border-radius:var(--radio-chico)}
.mosaico-exp .evento picture{position:absolute;inset:0;height:auto;display:block}
.mosaico-exp .evento img{width:100%;height:114%;object-fit:cover}
.mosaico-exp .ev-alta img{object-position:center 46%}
.mosaico-exp .ev-circulo img{object-position:center 50%}
.mosaico-exp .ev-grupo img{object-position:center 46%}
.mosaico-exp .ev-circulo .rotulo-evento,
.mosaico-exp .ev-grupo .rotulo-evento{padding:0.625rem 0.875rem;max-width:min(92%,18rem)}
.mosaico-exp .ev-circulo .rotulo-evento span,
.mosaico-exp .ev-grupo .rotulo-evento span{font-size:0.8125rem;margin-top:0.25rem}
.canal-enc{grid-template-columns:auto 1fr .9fr;align-items:center}
.canal-retrato{margin:0;width:clamp(5rem,7vw,6.75rem);aspect-ratio:1;
  overflow:hidden;border-radius:50%}
.canal-retrato picture{display:block;height:100%}
.canal-retrato img{width:100%;height:100%;object-fit:cover;object-position:center 30%;
  display:block}
.mosaico-exp .ev-alta{aspect-ratio:7/9;align-self:start}
.canal-retrato img{object-position:center 42%}
.apertura .escena{object-position:88% 52%}
.apertura .caida{background:linear-gradient(100deg,
  rgba(246,244,235,.97) 0%, rgba(246,244,235,.94) 32%,
  rgba(246,244,235,.68) 52%, rgba(246,244,235,.14) 70%,
  rgba(246,244,235,0) 80%)}
@media (prefers-reduced-motion:reduce){
  .apertura .luz{animation:none}
}
.apertura .placa::after{opacity:0}
.apertura .caida{background:linear-gradient(100deg,
  rgba(246,244,235,.97) 0%, rgba(246,244,235,.95) 26%,
  rgba(246,244,235,.82) 42%, rgba(246,244,235,.34) 58%,
  rgba(246,244,235,.06) 72%, rgba(246,244,235,0) 82%)}
.apertura .escena{filter:saturate(1.14) contrast(1.06)}
.apertura .caida{background:linear-gradient(100deg,
  rgba(246,244,235,.62)  0%,
  rgba(246,244,235,.64) 38%,
  rgba(246,244,235,.68) 48%,
  rgba(246,244,235,.46) 58%,
  rgba(246,244,235,.14) 68%,
  rgba(246,244,235,0)   78%)}
.apertura .texto p{max-width:33rem}
.apertura .botones a:not(.btn){
  text-shadow:0 0 3px rgba(246,244,235,.92), 0 0 8px rgba(246,244,235,.55)}
.apertura .caida{background:linear-gradient(100deg,
  rgba(246,244,235,.60)  0%,
  rgba(246,244,235,.62) 34%,
  rgba(246,244,235,.58) 44%,
  rgba(246,244,235,.30) 54%,
  rgba(246,244,235,.08) 66%,
  rgba(246,244,235,0)   76%)}
:root{
  --sombra-posa:
    0 1px 2px rgba(58,50,32,.11),
    0 14px 30px -16px rgba(58,50,32,.30);
  --sombra-alza:
    0 2px 4px rgba(58,50,32,.13),
    0 30px 56px -22px rgba(58,50,32,.38);
}
.elige .marco img{position:absolute;inset:0;width:100%;height:126%;top:-13%;
  translate:0 calc(var(--deriva, 0) * -7%);
  will-change:translate}
.elige .marco{box-shadow:var(--sombra-posa);
  transition:box-shadow .18s var(--curva), translate .5s var(--curva)}
.elige .carta:hover .marco,
.elige .carta:focus-visible .marco{box-shadow:var(--sombra-alza);translate:0 -4px}
.elige .carta-ancha{margin-inline:min(0px, calc((100% - 100vw + var(--barra, 0px)) / 2))}
@media (min-width:1281px){ .elige .carta-ancha .marco{border-radius:0} }
.elige .pie .n{display:block;margin-bottom:.5rem;
  font:500 0.6875rem/1 var(--cuerpo);letter-spacing:.2em;font-style:normal;
  font-variant-numeric:tabular-nums;color:rgba(255,255,255,.66)}
@media (prefers-reduced-motion:reduce){
  .elige .marco img{translate:0 0;will-change:auto}
  .elige .marco{transition:none}
  .elige .carta:hover .marco{translate:0 0}
}
.mosaico-exp .evento{--ev:calc(var(--deriva, 0) * 3.5%)}
.franja-talleres > img{height:118%;top:-9%;bottom:auto;
  translate:0 calc(var(--deriva, 0) * -6%);will-change:translate}
.franja-talleres .placa{box-shadow:var(--sombra-alza)}
.biblio .regalo picture{height:100%}
.biblio .regalo img{height:114%;position:relative;top:-7%;
  translate:0 calc(var(--deriva, 0) * -5%);will-change:translate}
.siguenos .compra-una{box-shadow:var(--sombra-posa);
  translate:0 calc(var(--deriva, 0) * -10px);will-change:translate}
.cierre .pag-hoja{translate:0 calc(var(--deriva, 0) * -14px);will-change:translate;
  box-shadow:var(--sombra-posa)}
@media (prefers-reduced-motion:reduce){
  .franja-talleres > img,.biblio .regalo img,
  .siguenos .compra-una,.cierre .pag-hoja{translate:0 0;will-change:auto}
  .mosaico-exp .evento{--ev:0%}
}
.voces .voz{
  background-color:transparent;background-image:none;
  border:0;border-radius:0;box-shadow:none;
  padding:1.5rem 0 0;
  border-top:1px solid rgba(44,44,44,.24)}
.voces .voz::before,.voces .voz::after{content:none}
.voces .voz{transition:border-color .18s var(--curva)}
.voces .voz:hover{border-top-color:rgba(44,44,44,.55);transform:none}
@media (min-width:761px){
  .voces .muro .hoja .voz + .voz::before{
    content:"";position:absolute;top:0;bottom:0;width:1px;
    left:calc(-1 * clamp(.5rem,.9vw,.8125rem) / 2);
    background:rgba(44,44,44,.20)}
}
.cierre .pag-hoja{border-radius:0;box-shadow:var(--sombra-alza)}
.valle .ramo img{
  filter:
    drop-shadow(0 calc(1px + var(--bi) * 2px) calc(2px + var(--bi) * 2px)
      rgba(44,44,44,calc(.34 - var(--bi) * .12)))
    drop-shadow(0 calc(6px + var(--bi) * 20px) calc(14px + var(--bi) * 30px)
      rgba(44,44,44,calc(.10 + var(--bi) * .14)))}
.voces .voz .quien span{color:color-mix(in oklch, var(--carbon) 74%, transparent)}
.tienda.cat .rejilla{margin-top:clamp(2rem,3.5vw,3rem)}
.tienda.cat .rejilla.cat-3{grid-template-columns:repeat(3,1fr)}
.tienda.cat .rejilla.cat-1{grid-template-columns:minmax(0,var(--ancho-sku,260px))}
.tienda.cat{padding-block:var(--hueco)}
.tipo-exp{display:grid;grid-template-columns:4.5rem 1fr minmax(0,26rem);
  align-items:baseline;gap:0 clamp(1rem,2.4vw,2.25rem);
  padding:clamp(1.125rem,2.2vw,1.75rem) 0;
  border-top:1px solid rgba(44,44,44,.20)}
.tipo-exp:last-child{border-bottom:1px solid rgba(44,44,44,.20)}
.tipo-exp .n{font:500 0.75rem/1 var(--cuerpo);letter-spacing:.2em;
  color:rgba(44,44,44,.42);font-variant-numeric:tabular-nums}
.tipo-exp h3{margin:0;font-family:var(--titulo);font-weight:500;
  font-size:clamp(1.375rem,2.6vw,2.125rem);line-height:1.12;letter-spacing:-.018em}
.tipo-exp p{margin:0;font-size:1.0rem;line-height:1.5;color:var(--tx-2)}
.credo-com .frase-com{margin:0;max-width:22ch;
  font-family:var(--titulo);font-weight:500;
  font-size:clamp(2rem,4.6vw,3.75rem);line-height:1.08;letter-spacing:-.022em;
  color:var(--carbon);text-wrap:balance}
.credo-com .frase-com em{font-family:var(--serif);font-style:italic;font-weight:300;
  color:var(--oliva-osc,#5E6B23)}
.acciones-com{display:flex;flex-wrap:wrap;align-items:center;
  gap:clamp(1rem,2vw,1.75rem);margin-top:clamp(1.75rem,3vw,2.5rem)}
.acciones-com .btn-txt{font:500 1.0rem/1 var(--cuerpo);color:var(--tx-2);
  text-decoration:underline;text-underline-offset:.35em;
  text-decoration-color:rgba(44,44,44,.28)}
.acciones-com .btn-txt:hover{color:var(--carbon);text-decoration-color:currentColor}
.lista-canales{list-style:none;margin:clamp(2rem,3.5vw,3rem) 0 0;padding:0}
.canal-fila{display:grid;grid-template-columns:3.5rem 1fr auto;
  align-items:baseline;gap:0 clamp(1rem,2.4vw,2.25rem);
  padding:clamp(1.125rem,2.2vw,1.75rem) 0;
  border-top:1px solid rgba(44,44,44,.20)}
.canal-fila:last-child{border-bottom:1px solid rgba(44,44,44,.20)}
.canal-fila .n{font:500 0.75rem/1 var(--cuerpo);letter-spacing:.2em;
  color:rgba(44,44,44,.42);font-variant-numeric:tabular-nums}
.canal-fila h3{margin:0;font-family:var(--titulo);font-weight:500;
  font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1.14;letter-spacing:-.016em}
.canal-fila p{margin:.375rem 0 0;font-size:1.0rem;line-height:1.5;color:var(--tx-2);
  max-width:44ch}
.canal-fila .ir-canal{font:500 0.9375rem/1 var(--cuerpo);color:var(--carbon);
  white-space:nowrap;text-decoration:underline;text-underline-offset:.35em;
  text-decoration-color:rgba(44,44,44,.28);
  transition:text-decoration-color .18s var(--curva)}
.canal-fila .ir-canal:hover{text-decoration-color:currentColor}
#escribenos .con-caja{display:grid;gap:clamp(1.75rem,3.4vw,3rem)}
@media (min-width:900px){
  #escribenos .con-caja{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    align-items:start}
  #escribenos .con-foto{justify-self:end;max-width:27rem}
}
#escribenos .con-foto{margin:0;min-width:0}
#escribenos .con-foto img{display:block;width:100%;height:auto;
  border-radius:var(--radio-chico)}
#escribenos .forma-contacto{margin-top:clamp(1.25rem,2.4vw,1.75rem)}
.banda-lomos{position:relative;margin-block:clamp(2.5rem,5vw,4.5rem);
  overflow:hidden}
.banda-lomos img{display:block;width:100%;
  height:clamp(240px,29vw,420px);object-fit:cover;object-position:center 50%;
  scale:1.04;translate:0 calc(var(--deriva, 0) * -2%);will-change:translate}
.lomos-pie{display:flex;flex-wrap:wrap;align-items:baseline;
  justify-content:space-between;gap:.5rem clamp(1rem,3vw,2.5rem);
  margin:clamp(.875rem,1.6vw,1.25rem) var(--margen) 0;
  padding-top:clamp(.75rem,1.4vw,1.125rem);
  border-top:1px solid rgba(44,44,44,.20)}
.lomos-pie span{font:500 0.75rem/1.3 var(--cuerpo);letter-spacing:.16em;
  text-transform:uppercase;color:rgba(44,44,44,.52)}
.lomos-pie em{font-family:var(--serif);font-style:italic;font-weight:300;
  font-size:clamp(1.0625rem,1.8vw,1.4375rem);line-height:1.3;
  color:var(--carbon)}
@media (prefers-reduced-motion:reduce){
  .banda-lomos img{translate:0 0;will-change:auto}
}
.muro-canal{padding-block:var(--hueco)}
.rejilla-yt{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(6,1fr);gap:1px;
  background:rgba(44,44,44,.16);border:1px solid rgba(44,44,44,.16)}
.rejilla-yt > li{background:var(--papel);min-width:0}
.cifra-yt{display:flex;flex-direction:column;justify-content:center;
  padding:clamp(.875rem,1.6vw,1.25rem);gap:.125rem}
.cifra-yt b{font-family:var(--titulo);font-weight:500;
  font-size:clamp(1.75rem,3.4vw,2.75rem);line-height:.95;
  letter-spacing:-.02em;color:var(--carbon);font-variant-numeric:tabular-nums}
.cifra-yt span{font:500 0.6875rem/1.25 var(--cuerpo);letter-spacing:.14em;
  text-transform:uppercase;color:rgba(44,44,44,.52)}
.cifra-yt em{margin-top:.375rem;font-family:var(--serif);font-style:italic;
  font-weight:300;font-size:.9375rem;line-height:1.3;color:var(--carbon)}
.pieza-yt a{display:block;position:relative;text-decoration:none;color:inherit}
.pieza-yt a::after{display:none}
.pieza-yt .vent-yt{display:block;aspect-ratio:16/9;overflow:hidden;
  background:rgba(44,44,44,.05);border-radius:0;padding:0;box-shadow:none}
.pieza-yt img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;background:none;
  filter:grayscale(1) contrast(1.04);
  transition:filter .3s var(--curva), scale .5s var(--curva)}
.pieza-yt .rotulo{position:absolute;inset:auto 0 0 0;z-index:2;
  display:grid;gap:.125rem;padding:.75rem .625rem .625rem;
  opacity:0;transition:opacity .18s var(--curva);
  background:linear-gradient(to top, rgba(18,16,14,.88) 0%, rgba(18,16,14,.55) 62%, rgba(18,16,14,0) 100%)}
.pieza-yt .rotulo b{font:500 0.75rem/1.25 var(--cuerpo);color:#fff;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pieza-yt .rotulo i{font-style:normal;font:500 0.6875rem/1 var(--cuerpo);
  letter-spacing:.08em;color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums}
.pieza-yt a:hover img,.pieza-yt a:focus-visible img{filter:grayscale(0) contrast(1);scale:1.04}
.pieza-yt a:hover .rotulo,.pieza-yt a:focus-visible .rotulo{opacity:1}
.rejilla-yt:hover .pieza-yt{opacity:.42;transition:opacity .18s var(--curva)}
.rejilla-yt:hover .pieza-yt:hover{opacity:1}
.pieza-yt a:focus-visible{outline:3px solid var(--carbon);outline-offset:-3px}
.pie-canal{margin-top:clamp(1rem,2vw,1.5rem);text-align:right}
@media (prefers-reduced-motion:reduce){
  .pieza-yt img{transition:none}
  .pieza-yt a:hover img{scale:1}
}
.puertas{padding-block:var(--hueco)}
.puertas-caja{display:grid;grid-template-columns:minmax(0,20rem) 1fr;
  gap:clamp(1.75rem,4vw,3.5rem);
  margin-top:clamp(2rem,3.5vw,3rem);align-items:start}
.puertas-col{display:grid;gap:clamp(1.75rem,3vw,2.75rem);min-width:0}
.reel-vivo{position:relative;aspect-ratio:9/16;overflow:hidden;
  border-radius:var(--radio-chico,12px);background:rgba(44,44,44,.06);
  box-shadow:var(--sombra-posa)}
.reel-vivo video{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block}
.puerta{min-width:0}
.puerta-ig .reel-vivo{margin-top:clamp(1rem,1.8vw,1.375rem)}
.puerta-tx .n{display:block;font:500 0.75rem/1 var(--cuerpo);letter-spacing:.2em;
  color:rgba(44,44,44,.42);font-variant-numeric:tabular-nums}
.puerta-tx h3{margin:.5rem 0 0;font-family:var(--titulo);font-weight:500;
  font-size:clamp(1.375rem,2.4vw,1.875rem);line-height:1.12;letter-spacing:-.018em}
.puerta-tx p{margin:.5rem 0 0;font-size:1.0rem;line-height:1.5;color:var(--tx-2);
  max-width:44ch}
.cifra-linea{color:var(--carbon)}
.cifra-linea b{font-family:var(--titulo);font-weight:500;
  font-size:2.1em;line-height:1;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;vertical-align:-.06em;margin-right:.15em}
.cifra-linea em{font-family:var(--serif);font-style:italic;font-weight:300}
.lista-med{list-style:none;margin:clamp(1rem,1.8vw,1.375rem) 0 0;padding:0}
.lista-med li{display:flex;align-items:baseline;justify-content:space-between;
  gap:1rem;padding:.6875rem 0;border-top:1px solid rgba(44,44,44,.18)}
.lista-med li:last-child{border-bottom:1px solid rgba(44,44,44,.18)}
.lista-med span{font-size:.9375rem;line-height:1.4;color:var(--carbon)}
.lista-med i{flex:none;font-style:normal;font:500 0.8125rem/1 var(--cuerpo);
  color:rgba(44,44,44,.50);font-variant-numeric:tabular-nums}
.puerta .ir-canal{display:inline-block;margin-top:clamp(.875rem,1.6vw,1.125rem);
  font:500 0.9375rem/1 var(--cuerpo);color:var(--carbon);
  text-decoration:underline;text-underline-offset:.35em;
  text-decoration-color:rgba(44,44,44,.28);
  transition:text-decoration-color .18s var(--curva)}
.puerta .ir-canal:hover{text-decoration-color:currentColor}
.logo-red{width:.82em;height:.82em;margin-right:.42em;vertical-align:-.06em;
  flex:none;color:var(--carbon)}
.puerta-tx h3{display:flex;align-items:center}
.tira-yt{margin-top:clamp(1rem,1.8vw,1.375rem);overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 92%,transparent);
          mask-image:linear-gradient(to right,transparent,#000 5%,#000 92%,transparent)}
.tira-pista{list-style:none;margin:0;padding:0;display:flex;gap:.75rem;
  width:max-content;animation:desfila 46s linear infinite}
.tira-yt:hover .tira-pista{animation-play-state:paused}
@keyframes desfila{ to{ transform:translateX(calc(-50% - .375rem)) } }
.tira-pista li{flex:none;width:clamp(148px,15vw,208px)}
.tira-pista a{position:relative;display:block;aspect-ratio:16/9;
  text-decoration:none;color:inherit;
  border-radius:var(--radio-chico,10px);overflow:hidden;
  box-shadow:var(--sombra-posa)}
.tira-pista a::after{display:none}
.tira-pista img{display:block;width:100%;height:100%;object-fit:cover;
  transition:scale .5s var(--curva)}
.tira-pista a:hover img,.tira-pista a:focus-visible img{scale:1.05}
.tira-rot{position:absolute;inset:auto 0 0 0;z-index:2;display:grid;gap:.1rem;
  padding:.625rem .5rem .5rem;opacity:0;transition:opacity .18s var(--curva);
  background:linear-gradient(to top,rgba(18,16,14,.9),rgba(18,16,14,0))}
.tira-rot b{font:500 0.6875rem/1.25 var(--cuerpo);color:#fff;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tira-rot i{font-style:normal;font:500 0.625rem/1 var(--cuerpo);
  color:rgba(255,255,255,.74);font-variant-numeric:tabular-nums}
.tira-pista a:hover .tira-rot,.tira-pista a:focus-visible .tira-rot{opacity:1}
.tira-pista a:focus-visible{outline:3px solid var(--carbon);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  .tira-pista{animation:none}
  .tira-yt{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .tira-pista img{transition:none}
}
.obj-uno{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(1.5rem,4vw,4rem);
  margin-top:clamp(1.75rem,3.5vw,3rem)}
.obj-foto{margin:0;position:relative}
.tienda.cat#objetos{background-image:none}
.obj-foto{aspect-ratio:1344/1800;max-height:min(74vh,620px);margin-inline:auto}
.obj-foto img{
  display:block;width:100%;height:100%;object-fit:contain;
  translate:0 calc(var(--deriva, 0) * -1.4%);
  will-change:translate}
.obj-tx{max-width:34ch}
.obj-grabado{
  display:inline-block;margin:0 0 clamp(.875rem,1.6vw,1.25rem);
  padding:.5rem 1.125rem;border-radius:var(--pildora,9999px);
  background:var(--rosa-hondo);color:var(--blanco);
  font-family:var(--display);font-weight:400;
  font-size:0.6875rem;letter-spacing:.12em;text-transform:uppercase;line-height:1}
.obj-tx h3{
  margin:0 0 clamp(.625rem,1.2vw,.875rem);
  font-family:var(--titulo);font-weight:400;
  font-size:clamp(1.75rem,3.2vw,2.625rem);line-height:1.06;letter-spacing:-.015em}
.obj-cuerpo{margin:0 0 clamp(1rem,2vw,1.5rem);max-width:42ch}
.obj-specs{
  list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;
  margin:0 0 clamp(1.25rem,2.4vw,1.75rem);padding:clamp(.75rem,1.4vw,1rem) 0;
  border-top:1px solid rgba(44,44,44,.20);border-bottom:1px solid rgba(44,44,44,.20);
  font-size:0.8125rem;color:color-mix(in oklch,var(--carbon) 74%,transparent)}
.obj-pie{display:flex;align-items:center;gap:clamp(1rem,2.5vw,1.75rem);margin:0}
.obj-pie .precio-sku{
  font-family:var(--titulo);font-size:clamp(1.25rem,2vw,1.5rem);
  font-variant-numeric:tabular-nums}
.obj-pie .agregar{
  opacity:1;translate:0 0;margin-top:0;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0.75rem 1.625rem;border-radius:var(--pildora,9999px);
  background:var(--rosa-hondo);color:var(--blanco);text-decoration:none;
  font-family:var(--display);font-weight:400;
  font-size:0.6875rem;letter-spacing:.06em;text-transform:uppercase;line-height:1;
  box-shadow:var(--sombra-posa);
  transition:box-shadow .18s var(--curva), translate .3s var(--curva)}
.obj-pie .agregar:hover{translate:0 -2px;box-shadow:var(--sombra-alza)}
.obj-pie .agregar:focus-visible{outline:2px solid var(--carbon);outline-offset:3px}
.tienda.cat .etiqueta{background:var(--rosa-hondo);color:var(--blanco)}
.barra-cat{
  position:fixed;top:var(--alto-nav,74px);left:0;right:0;z-index:60;
  padding-inline:var(--margen);
  background:color-mix(in oklch, var(--papel) 88%, transparent);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(44,44,44,.14);
  translate:0 -101%;opacity:0;pointer-events:none;
  transition:translate .3s var(--curva), opacity .18s var(--curva)}
.barra-cat.barra-viva{translate:0 0;opacity:1;pointer-events:auto}
@media (prefers-reduced-motion:reduce){
  .barra-cat{transition:opacity .18s var(--curva)}
}
.barra-caja{
  display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding-block:.625rem}
.filtros{
  list-style:none;display:flex;flex-wrap:wrap;align-items:center;
  gap:.375rem;margin:0;padding:0}
.filtros button{
  appearance:none;border:1px solid transparent;background:transparent;
  padding:.5rem 1rem;border-radius:var(--pildora,9999px);cursor:pointer;
  font-family:var(--display);font-weight:400;
  font-size:0.6875rem;letter-spacing:.12em;text-transform:uppercase;line-height:1;
  color:color-mix(in oklch, var(--carbon) 72%, transparent);
  transition:background .18s var(--curva), color .18s var(--curva),
             border-color .18s var(--curva)}
.filtros button:hover{
  color:var(--carbon);border-color:rgba(44,44,44,.22)}
.filtros button[aria-pressed="true"]{
  background:var(--rosa-hondo);color:var(--blanco);border-color:transparent}
.filtros button.en-curso[aria-pressed="false"]{
  color:var(--carbon);
  box-shadow:inset 0 -2px 0 0 color-mix(in oklch, var(--rosa-hondo) 88%, var(--carbon))}
.filtros button:focus-visible{outline:2px solid var(--carbon);outline-offset:2px}
.cuenta-cat{
  margin:0;flex:none;
  font-size:0.75rem;letter-spacing:.04em;
  color:color-mix(in oklch, var(--carbon) 66%, transparent)}
.cuenta-cat b{
  font-family:var(--titulo);font-weight:400;font-size:1rem;
  font-variant-numeric:tabular-nums;color:var(--carbon)}
.cat-fuera{display:none !important}
body:has(#barra-cat) section[id]{
  scroll-margin-top:calc(var(--alto-nav,74px) + var(--alto-barra,50px) + 10px)}
.salida-tienda{
  margin:clamp(1.5rem,3vw,2.25rem) 0 0;text-align:right;
  padding-top:clamp(.875rem,1.6vw,1.25rem);border-top:1px solid rgba(44,44,44,.18)}
.salida-tienda a{
  display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;
  font-family:var(--display);font-weight:400;
  font-size:0.6875rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--carbon);
  padding-block:.9375rem;
  transition:gap .18s var(--curva)}
.salida-tienda a:hover{gap:.875rem}
.salida-tienda .ico{width:1.05em;height:1.05em}
.salida-tienda a:focus-visible{outline:2px solid var(--carbon);outline-offset:4px}
.enc-shop{
  position:relative;isolation:isolate;
  background:var(--fondo,var(--crema));
  padding:calc(var(--hueco) * .8) var(--margen) calc(var(--hueco) * .62)}
.enc-shop > .ancho{position:relative;z-index:1}
.enc-shop-alto{
  display:flex;align-items:flex-end;justify-content:space-between;
  flex-wrap:wrap;gap:.75rem 1.5rem;
  padding-bottom:clamp(1rem,2vw,1.5rem)}
.enc-shop .etiqueta{background:var(--sup);margin-bottom:.75rem}
.enc-shop-tit{
  margin:0;font-family:var(--titulo);font-weight:400;
  font-size:clamp(1.375rem,2.4vw,2rem);line-height:1.18;letter-spacing:-.012em;
  color:var(--carbon);max-width:22ch}
.enc-shop-tit em{font-style:italic;color:var(--oliva,#5E6B23)}
.enc-shop-dato{
  margin:0;flex:none;
  font-size:0.8125rem;letter-spacing:.03em;
  color:color-mix(in oklch, var(--carbon) 66%, transparent)}
.enc-shop-dato b{
  font-family:var(--titulo);font-weight:400;font-size:1.0625rem;
  font-variant-numeric:tabular-nums;color:var(--carbon)}
.enc-shop-dato span{opacity:.5;margin-inline:.375rem}
.menu-shop{list-style:none;margin:0;padding:0}
.menu-shop li{border-top:1px solid rgba(44,44,44,.20)}
.menu-shop li:last-child{border-bottom:1px solid rgba(44,44,44,.20)}
.menu-shop button{
  appearance:none;background:transparent;border:0;width:100%;cursor:pointer;
  display:flex;align-items:center;gap:clamp(.875rem,2vw,1.25rem);
  padding:clamp(.75rem,1.5vw,1rem) 0;text-align:left;color:var(--carbon);
  transition:padding-inline-start .3s var(--curva)}
.menu-shop button:hover{padding-inline-start:.625rem}
.menu-shop button:focus-visible{outline:2px solid var(--carbon);outline-offset:2px}
.menu-mini{
  flex:none;
  width:clamp(44px,5vw,58px);height:clamp(44px,5vw,58px);
  display:block;overflow:hidden;
  border-radius:var(--radio-chico,10px);
  background:color-mix(in oklch, var(--papel) 70%, transparent)}
.menu-mini{
  width:auto;height:clamp(60px,6.2vw,76px);aspect-ratio:3/4}
.menu-mini img{
  width:100%;height:100%;object-fit:contain;
  transition:scale .5s var(--curva)}
.menu-shop button:hover .menu-mini img{scale:1.06}
.menu-tx{display:flex;flex-direction:column;gap:.1875rem;min-width:0;flex:1}
.menu-nom{
  font-family:var(--titulo);font-weight:400;
  font-size:clamp(1.125rem,1.9vw,1.5rem);line-height:1.1;letter-spacing:-.01em}
.menu-sub{
  font-family:var(--cuerpo);
  font-size:var(--t-r);letter-spacing:.02em;
  color:var(--tx-3)}
.menu-shop .ico{
  flex:none;width:1.25rem;height:1.25rem;
  color:color-mix(in oklch, var(--carbon) 55%, transparent);
  transition:translate .3s var(--curva), color .18s var(--curva)}
.menu-shop button:hover .ico{translate:.3rem 0;color:var(--carbon)}
.menu-shop button[aria-pressed="true"] .menu-mini{
  box-shadow:0 0 0 2px var(--rosa-hondo)}
.menu-shop button[aria-pressed="true"] .menu-nom{color:var(--carbon)}
@media (prefers-reduced-motion:reduce){
  .menu-shop button,.menu-shop .ico,.menu-mini img{transition:none}
  .menu-shop button:hover{padding-inline-start:0}
}
.cinco{margin-top:clamp(2rem,3.5vw,3rem);display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:clamp(1.25rem,2.4vw,2rem) clamp(1rem,1.7vw,1.5rem)}
.exp-uno{grid-column:span 2;margin:0}
.exp-uno.exp-ancha{grid-column:span 3}
.exp-marco{position:relative;overflow:hidden;border-radius:var(--radio-chico);
  aspect-ratio:4/5;background:color-mix(in oklch,var(--papel) 74%,transparent)}
.exp-ancha .exp-marco{aspect-ratio:4/3}
.exp-marco img{display:block;width:100%;height:100%;object-fit:cover;
  transition:scale .85s var(--curva)}
.exp-uno:hover .exp-marco img{scale:1.035}
@media (prefers-reduced-motion:reduce){
  .exp-marco img{transition:none}
  .exp-uno:hover .exp-marco img{scale:1}
}
.exp-uno figcaption{padding:clamp(.75rem,1.4vw,1.125rem) 0 0}
.exp-uno h3{margin:0;font-family:var(--titulo);font-weight:500;
  font-size:clamp(1.1875rem,1.9vw,1.5rem);line-height:1.15;color:var(--tx-1)}
.exp-uno figcaption p{margin:.375rem 0 0;font-size:1rem;line-height:1.5;
  color:var(--tx-3);max-width:32ch}
.tipos-exp .etiqueta{background:var(--rosa-hondo);color:var(--blanco)}
.enc-pagina:has(+ #tipos) .titular{margin-top:.625rem;max-width:56rem}
.enc-pagina:has(+ #tipos) .bajada{margin-top:.5rem}
#tipos{padding-block-start:1.25rem}
#tipos .enc-partido{margin-bottom:.625rem}
#tipos .cinco{margin-top:1.25rem}
@media (min-width:1100px){
  .cinco{grid-template-columns:repeat(5,minmax(0,1fr));
    gap:clamp(.75rem,1.2vw,1rem)}
  .exp-uno,.exp-uno.exp-ancha{grid-column:span 1}
  .exp-marco,.exp-ancha .exp-marco{aspect-ratio:4/5}
  .exp-uno h3{font-size:clamp(1rem,1.15vw,1.125rem)}
  .exp-uno figcaption{padding-top:.625rem}
  .exp-uno figcaption p{font-size:.8125rem;line-height:1.4}
}
@media (max-width:860px){
  .cinco{grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(.75rem,2.4vw,1rem)}
  .exp-marco,.exp-ancha .exp-marco{aspect-ratio:4/5}
  .exp-uno h3{font-size:1rem}
  .exp-uno figcaption{padding-top:.5rem}
  .exp-uno figcaption p{font-size:.8125rem;line-height:1.4}
}
.estanteria .etiqueta, .puerta .etiqueta, .temporadas .etiqueta,
.podcast .etiqueta, .archivo .etiqueta{
  background:var(--rosa-hondo);color:var(--blanco)}
.fuente{display:flex;align-items:center;gap:.5rem;margin:.875rem 0 0;
  font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.06em;color:var(--tx-3)}
.marca-fuente{width:17px;height:17px;flex:none;fill:currentColor}
.podcast .mas-ig .marca-fuente{width:19px;height:19px;margin-right:.125rem}
.estanteria .pieza .pie{border-top-color:var(--ac-amarillo)}
.estanteria .pieza .tipo{color:var(--ac-amarillo)}
.estanteria .pieza .portada{
  background:color-mix(in oklch, var(--rosa-hondo) 34%, var(--papel))}
.enc-pagina .etiqueta{background:var(--rosa-hondo);color:var(--blanco)}
.podcast-caja .mas-ig{display:inline-flex;align-items:center;gap:.5rem;
  margin-top:1.5rem;justify-content:flex-start;width:auto}
.archivo-lista{display:block;margin:2.375rem 0 0;padding:0;margin-right:0;
  overflow:visible;-webkit-mask:none;mask:none}
.archivo-lista li{width:auto;display:block}
.archivo-lista a{flex-direction:row;align-items:baseline;gap:1rem;
  display:grid;grid-template-columns:1fr auto;
  padding:clamp(.8125rem,1.5vw,1.125rem) 0;
  border-top:1px solid rgba(44,44,44,.16)}
.archivo-lista li:last-child a{border-bottom:1px solid rgba(44,44,44,.16)}
.archivo-lista .vt{font-size:clamp(1.0625rem,1.5vw,1.25rem)}
.archivo-lista .vm{margin-top:0;justify-content:flex-end;gap:1rem}
.archivo-lista li{--tipo:var(--ac-amarillo)}
.archivo-lista{margin:2.375rem 0 0;padding:0.25rem var(--margen) 1.375rem 0;
  margin-right:calc(var(--margen) * -1);
  display:flex;overflow-x:auto;overflow-y:hidden}
.archivo-lista li{flex:none;display:block;width:clamp(210px,19vw,262px)}
.archivo-lista a{display:flex;flex-direction:column;align-items:stretch;
  gap:0;padding:0;border:0;background:none}
.archivo-lista li:last-child a{border-bottom:0}
.archivo-lista .vm{margin-top:0.5625rem;justify-content:flex-start;gap:0.875rem}
.puerta{position:relative;z-index:2}
.puerta-obj{
  border-radius:var(--gota);
  margin-bottom:calc((var(--hueco) + clamp(2rem,4.5vw,5.5rem)) * -1)}
.seccion.estanteria{background-color:color-mix(in oklch, var(--rosa-hondo) 7%, var(--papel))}
.enc-pagina.tono-lima .etiqueta,
.credo-com .etiqueta, .voces-com .etiqueta,
.circulos .etiqueta, .puerta-com .etiqueta{
  background:var(--lima,#90B424); color:var(--carbon)}
.voces-com .voz{border-top-color:color-mix(in oklch,var(--lima,#90B424) 62%,var(--papel))}
.voces-com .ini{
  background:color-mix(in oklch,var(--lima,#90B424) 22%, var(--papel));
  color:var(--oliva-hondo)}
.voces-com .voces-mando .pt.activa{background:var(--oliva-hondo)}
.credo-com{position:relative; z-index:2}
.manif-caja{display:grid; gap:clamp(1.75rem,4vw,3.5rem); align-items:center}
@media (min-width:861px){
  .manif-caja{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}
}
.credo-com .frase-com{max-width:18ch}
.manif-obj{
  margin:0; overflow:hidden; align-self:end;
  aspect-ratio:1/1;
  background:color-mix(in oklch,var(--papel) 74%,transparent);
  border-radius:var(--gota-espejo);
  margin-bottom:calc((var(--hueco) + clamp(2rem,5vw,6rem)) * -1)}
.manif-obj img{display:block;width:100%;height:100%;object-fit:cover}
.voces-cab-com{display:grid; gap:clamp(1.5rem,3.5vw,3rem); align-items:center}
@media (min-width:861px){
  .voces-cab-com{grid-template-columns:minmax(0,.58fr) minmax(0,1.42fr)}
  .voces-cab-com .voces-obj{order:-1}
  .voces-cab-com:not(:has(.bajada)){grid-template-columns:minmax(0,.44fr) minmax(0,1.56fr)}
}
.voces-obj{
  margin:0; overflow:hidden; align-self:center;
  aspect-ratio:4/5;
  background:color-mix(in oklch,var(--papel) 74%,transparent);
  border-radius:var(--gota-espejo)}
.voces-obj img{display:block;width:100%;height:100%;object-fit:cover}
.circ-rejilla{
  margin-top:clamp(2rem,3.5vw,3rem);
  display:grid; gap:clamp(1.25rem,2.4vw,2rem)}
@media (min-width:861px){
  .circ-rejilla{grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:end}
}
.circ-uno{margin:0}
.circ-marco{
  position:relative; overflow:hidden; border-radius:var(--radio-chico);
  background:color-mix(in oklch,var(--papel) 74%,transparent)}
.circ-grande .circ-marco{aspect-ratio:2200/1862}
.circ-uno:not(.circ-grande) .circ-marco{aspect-ratio:3/2}
.circ-marco img{display:block;width:100%;height:100%;object-fit:cover;
  transition:scale .85s var(--curva)}
.circ-uno:hover .circ-marco img{scale:1.035}
.circ-uno figcaption{
  margin-top:.75rem; font:400 0.9375rem/1.45 var(--cuerpo); color:var(--tx-3)}
.circ-mas{margin:clamp(1.5rem,3vw,2.25rem) 0 0}
.circ-mas .btn-txt{display:inline-flex;align-items:center;gap:.5rem;
  min-height:44px;
  font:500 1rem/1 var(--cuerpo);color:var(--tx-2);
  text-decoration:underline;text-underline-offset:.35em;
  text-decoration-color:rgba(44,44,44,.28)}
.circ-mas .btn-txt:hover{color:var(--carbon);text-decoration-color:currentColor}
.circ-mas .ico{width:19px;height:19px}
.enc-com{padding-top:calc(var(--hueco) * .8);
  padding-bottom:calc(var(--hueco) * .62)}
.enc-com .titular{
  max-width:none;
  font-size:clamp(3.25rem,7.8vw,7rem);
  line-height:.96;
  letter-spacing:-.03em}
.enc-com .bajada{margin-top:clamp(1.5rem,2.6vw,2.25rem);max-width:44ch}
@media (min-width:900px){
  .enc-com .ancho{display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    column-gap:clamp(2rem,4vw,4rem); align-items:end}
  .enc-com .volver,
  .enc-com .etiqueta{grid-column:1/-1;justify-self:start}
  .enc-com .titular{grid-column:1;max-width:16ch}
  .enc-com .bajada{grid-column:1}
  .enc-com .com-captura{grid-column:1;grid-row:5}
  .com-grupo{grid-column:2;grid-row:3/6;align-self:end;margin-bottom:.25rem}
}
.com-grupo{margin:clamp(1.5rem,2.6vw,2rem) 0 0}
.gracias-com{margin:clamp(1.25rem,2.2vw,1.75rem) 0 0;font-size:1rem;
  line-height:1.5;color:var(--tx-3)}
.com-grupo img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;
  object-position:50% 74%;border-radius:var(--radio-chico)}
.com-captura{margin-top:clamp(1.5rem,2.6vw,2rem);max-width:30rem}
.com-captura-tx{margin:0 0 .875rem;font-size:1rem;line-height:1.5;
  color:var(--tx-2);max-width:34ch}
.com-captura .nota{margin:.625rem 0 0;font-size:.8125rem;color:var(--tx-3)}
.portada-sobre{position:relative;isolation:isolate;overflow:hidden;
  background:var(--papel);
  padding:calc(var(--hueco) * .8) 0 calc(var(--hueco) * .75)}
.ps-caja{padding-inline:var(--margen);
  display:grid;gap:clamp(1.25rem,3vw,3.5rem);align-items:end}
@media (min-width:861px){
  .ps-caja{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
}
.ps-tx{min-width:0}
.portada-sobre .titular{max-width:none;margin-top:0;line-height:1.05}
.ps-bajada{margin-top:0;max-width:34ch;padding-bottom:.4rem}
.ps-retrato{margin:clamp(1.5rem,3vw,2rem) 0 0}
.ps-retrato img{display:block;width:100%;height:auto;border-radius:var(--radio-chico)}
@media (min-width:861px){
  .ps-caja{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    column-gap:clamp(2rem,4.5vw,4.5rem);align-items:center}
  .ps-tx{grid-column:1;grid-row:1;align-self:end}
  .ps-bajada{grid-column:1;grid-row:2;align-self:start;margin-top:1.5rem;padding-bottom:0}
  .ps-retrato{grid-column:2;grid-row:1/3;margin:0}
}
.ps-credito{margin:.75rem 0 0;padding-inline:0;text-align:right;
  font:500 0.75rem/1 var(--cuerpo);letter-spacing:.13em;text-transform:uppercase;
  color:var(--tx-3)}
@media (min-width:901px){
  .nudo:has(.pila-zurda){grid-template-columns:auto minmax(0,1fr)}
  .pila-zurda{order:-1}
  .nudo:has(.pila-zurda) .nudo-eco{left:auto;right:2%;bottom:-.10em}
}
.lamina-espejo{width:min(340px,56vw);rotate:1.2deg}
.pila-sangre{position:relative;isolation:isolate;background:var(--papel)}
.pila-marco{position:relative}
.pila-marco img{display:block;width:100%;height:auto;border-radius:var(--radio)}
.pila-pie{position:absolute;z-index:1;top:auto;
  left:var(--margen);bottom:clamp(1rem,3.5vw,3rem);
  max-width:min(28rem,82vw);
  display:block;background:var(--papel);border-radius:var(--radio);
  padding:clamp(1.125rem,2.2vw,1.75rem);
  box-shadow:var(--sombra-alza,0 18px 34px -18px rgba(44,44,44,.42))}
.pila-r{display:block;font-family:'LEMON MILK',var(--titulo),sans-serif;
  font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.11em;
  color:var(--oliva-hondo)}
.pila-t{display:block;margin-top:.625rem;
  font-size:clamp(1rem,1.4vw,1.1875rem);line-height:1.5;color:var(--carbon)}
.pila-t em{font-family:var(--serif);font-style:italic;font-weight:300;
  font-size:1.14em}
@media (prefers-reduced-motion:reduce){
}
.cf-ir{display:inline-flex;align-self:flex-start;align-items:center;gap:.4375rem;
  margin-top:auto;padding-top:.75rem;min-height:44px;
  font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.13em;text-transform:uppercase;
  color:var(--carbon);
  text-decoration:underline;text-underline-offset:.5em;
  text-decoration-color:rgba(44,44,44,.34)}
.cf-ir .ico{width:17px;height:17px;transition:translate .3s var(--curva)}
@media (prefers-reduced-motion:reduce){
  .cf-uno > a,.cf-arco img,.cf-ir .ico{transition:none}
}
.lamina-pila{width:min(380px,58vw);rotate:-0.8deg}
.hilo-eje{padding:var(--hueco) 0}
.eje-enc{padding-inline:var(--margen);margin-bottom:clamp(1.75rem,3vw,2.75rem)}
.eje{list-style:none;margin:0;padding:0;position:relative}
.eje-linea{position:absolute;z-index:0;top:0;left:50%;translate:-50% 0;
  width:40px;height:100%;color:var(--oliva);opacity:.6;overflow:visible;
  pointer-events:none}
.eje-linea path{stroke-dasharray:var(--largo,2000);
  stroke-dashoffset:calc(var(--largo,2000) * (1 - var(--trazo,1)))}
.beat{position:relative;display:grid;grid-template-columns:1fr 1fr;
  align-items:center;
  column-gap:0;
  padding-block:clamp(1.25rem,2.4vw,2.25rem)}
.beat:first-child{padding-top:0}
.beat:last-child{padding-bottom:0}
.beat::before{content:"";position:absolute;z-index:2;
  left:50%;top:clamp(2rem,4vw,3.5rem);translate:-50% 0;
  width:15px;height:15px;border-radius:50%;
  background:var(--fondo,var(--papel));border:2px solid var(--tinte,var(--oliva));
  box-shadow:0 0 0 6px var(--fondo,var(--papel))}
.beat:first-child::before{top:0}
.beat-tx{position:relative;z-index:2;min-width:0;
  padding-inline:var(--margen) clamp(1.75rem,3.4vw,3.25rem)}
.beat-vuelta .beat-tx{order:2;
  padding-inline:clamp(1.75rem,3.4vw,3.25rem) var(--margen)}
.beat-vuelta .beat-foto{order:1}
.beat-donde{margin:0;font:500 0.8125rem/1 var(--cuerpo);letter-spacing:.14em;
  text-transform:uppercase;color:var(--ac-oliva)}
.beat-cifra{margin:.375rem 0 0;font-family:var(--serif);font-weight:300;
  font-size:clamp(3.25rem,5.4vw,5rem);line-height:.9;letter-spacing:-.03em;
  color:var(--tinte,var(--oliva))}
.beat-cifra-palabra{font-size:clamp(2.5rem,3.8vw,3.5rem)}
.beat-tit{margin:.625rem 0 0;font-family:var(--serif);font-weight:300;
  font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.18;letter-spacing:-.01em}
.beat-p{margin:.75rem 0 0;max-width:42ch;font-size:1.0625rem;line-height:1.62;
  color:var(--tx-2)}
.beat-p-entrada{font-size:1.1875rem;color:var(--carbon)}
.beat-tx .cuenta,.beat-tx .fichas{margin-top:1rem}
.beat-tx .tarjeta-viaje{margin-top:1.5rem}
.beat-foto{position:relative;z-index:1;margin:0;align-self:stretch;
  display:flex;flex-direction:column}
.beat-foto img{display:block;width:100%;
  height:clamp(240px,23vw,540px);object-fit:cover;
  object-position:center 46%}
@media (min-width:1500px){
  .beat-tx{max-width:46rem;margin-inline-start:auto}
  .beat-vuelta .beat-tx{margin-inline:0 auto}
}
.beat-obj{position:relative;z-index:1;margin:0;
  padding-inline:clamp(1.75rem,3.4vw,3.25rem) var(--margen)}
.beat-obj img{display:block;width:min(420px,100%);height:auto;
  filter:drop-shadow(0 26px 30px rgba(44,44,44,.16))}
.beat-obj figcaption{margin-top:.875rem;
  font:500 0.75rem/1.3 var(--cuerpo);letter-spacing:.13em;text-transform:uppercase;
  color:var(--tx-3)}
.franja-mandala,.pila-sangre{width:min(62rem,100%);margin-inline:auto;
  padding-inline:var(--margen);box-sizing:content-box}
@media (max-width:1100px){
  .franja-mandala,.pila-sangre{width:100%;padding-inline:var(--margen);
    box-sizing:border-box}
}
.franja-mandala{position:relative;isolation:isolate;margin-block:0;
  background:var(--papel)}
.franja-mandala img{display:block;width:100%;height:auto;
  border-radius:var(--radio)}
.franja-mandala picture,.pila-marco picture{display:contents}
.beat .tarjeta-viaje{left:auto;right:clamp(-3.5rem,-2.6vw,-1.75rem);
  top:auto;bottom:auto;rotate:-5deg}
.beat-obj img{width:min(460px,100%);
  filter:drop-shadow(0 2px 1px rgba(44,44,44,.18))
         drop-shadow(0 26px 24px rgba(44,44,44,.20))}
:root{
  --t-d1:clamp(1.875rem,3.6vw,3.25rem);
  --t-d2:clamp(1.5rem,2.6vw,2.375rem);
  --t-d3:clamp(1.375rem,2.1vw,1.875rem);
  --t-t1:clamp(1.1875rem,1.5vw,1.375rem);
  --t-t2:clamp(1.0625rem,1.16vw,1.0625rem);
  --t-c1:1rem;
  --t-c2:0.875rem;
  --t-r:0.75rem;
}
input,textarea,select{font-size:max(1rem,1em)}
.portada-sobre .titular{font-size:var(--t-d1)}
.eje-enc .titular,
.caminos-flor .titular,
.puertas .titular{font-size:var(--t-d2)}
.titular .ac:not(.w):not(.realce){font-size:1.18em;line-height:.9}
.beat-cifra{font-size:var(--t-d3)}
.beat-cifra-palabra{font-size:calc(var(--t-d3) * .78)}
.beat-tit,
.puerta-k{font-size:var(--t-t1)}
.beat-p-entrada,
.cf-t{font-size:var(--t-t2)}
.bajada,
.credo-tx,
.pila-t,
.tv-t{font-size:var(--t-c1)}
.fichas li,
.cuenta li{font-size:var(--t-c1)}
.beat-p,
.cf-d,
.puerta-t{font-size:var(--t-c2)}
.etiqueta,
.lamina-pie,
.beat-donde,
.cf-n,
.cf-ir,
.ps-credito,
.pila-r,
.tv-r,
.beat-foto figcaption,
.franja-mandala figcaption{font-size:var(--t-r);letter-spacing:.13em}
.pila-r{font-weight:500}
.puerta-t,
.cuenta li,
.fichas li{color:var(--tx-2)}
:root{
  --tx-2:rgba(44,44,44,.80);
  --tx-3:rgba(44,44,44,.72);
}
.bajada,
.beat-p,
.credo-tx{color:var(--tx-2)}
.credo-frase{font-size:var(--t-d2)}
.apertura .frase.frase,
.enc-pagina .titular.titular,
.enc-com .titular.titular,
.portada-sobre .titular.titular,
.enc-shop .enc-shop-tit{font-size:var(--t-d1)}
.titular.titular,
.franja .titular,
.biblio .titular,
.sigue .titular,
.library .titular.tm,
.tienda .titular.tm,
.cierre .grande.grande,
.valle .grande.grande,
.valle .grande.tm,
.manifiesto .grande.grande,
.elige .pregunta.tm,
.voces .titular.tm,
.planner .titular.tm,
.reels .titular.tm,
.exp .titular.tm,
.cierre .grande.tm,
.pl-dentro .titular.tm,
.pl-interiores .titular.tm,
.pl-detalles .titular.tm,
.credo-com .frase-com,
.saludo-con-tx .frase-con,
.sig-tit.sig-tit,
.puertas .titular,
.caminos-flor .titular,
.eje-enc .titular,
.credo-frase{font-size:var(--t-d2)}
.frase .golpe,
.cierre .grande .ac:not(.w):not(.realce){font-size:1.18em;line-height:.9}
.exp h3, .canal-sec h3, .library h3, .tienda h3.sub,
.puertas h3, .puerta-com h3{font-size:var(--t-t1)}
.tienda .sku h3, .planner dd,
.pie nav a, .pie .menu a,
.menu-nom, .precio-sku,
.tipos-exp h3{font-size:var(--t-t2)}
.parrafo, .vt, .temps-lista, .cifra-linea,
.manifiesto p, .voces p, .credo-com p{font-size:var(--t-c1)}
.nombre-color, .ini, .conteo-pie, .ir-canal,
.btn, .btn.primario, .btn.secundario, .agregar{font-size:var(--t-c2)}
.nav nav a, .nav-lista a,
.quien, .et, .repetir, .menu-sub, .marca-sku, .obj-grabado,
.filtros button, .voces figcaption, .circulos figcaption,
em.n, span.n{font-size:var(--t-r)}
.pie .menu b, .et, .conteo-cifra b{font-weight:500}
.tienda .obj-tx h3{font-size:var(--t-t1)}
.sku .precio-sku, .obj-tx .precio-sku,
.tienda .ficha-tx h3,
.pie li a{font-size:var(--t-t2)}
.voces .voz p,
.banda p,
.puertas .cifra-linea,
.biblio .vt, .estanteria .vt, .archivo .vt, .temporadas .vt,
.podcast .vt, .exp .vt, .canal-sec .vt{font-size:var(--t-c1)}
.sig-cuenta a,
.enc-shop .enc-shop-dato b,
.voces .conteo-pie, .voces .conteo-pie b,
.contacto-canal .ir-canal, .puertas .ir-canal{font-size:var(--t-c2)}
.pie .menu b, .pie li b,
.voces .quien, .circulos .quien, .siguenos .quien,
.voces .quien span, .siguenos .quien span,
.cuenta-cat span, .lomos-pie span,
.salida-tienda a, .planner dd small,
.sku .agregar, .puertas .tira-rot b, .puertas .tira-rot i,
.puertas li span{font-size:var(--t-r)}
.elige .pie b{font-size:var(--t-c2);font-weight:500}
.elige .pie .n{font-size:var(--t-r)}
.voces .voz-cab .ini,
.muestras .nombre-color{font-size:var(--t-c2)}
.captura .btn, .forma .btn,
.library .btn.primario{font-size:var(--t-c2)}
.ficha-tx .marca-sku,
.specs dd small,
.voz-cab .quien span,
.puertas .n, .contacto .n{font-size:var(--t-r)}
.tm b *{font-size:inherit}
.tienda .sku .precio-sku,
.tienda .sku.accesorio h3{font-size:var(--t-t2)}
.elige .pie i{font-size:var(--t-t1)}
.planner .muestras .nombre-color,
.biblio .forma .btn.primario,
.obj-pie .agregar{font-size:var(--t-c2)}
.tienda .sku .marca-sku,
.planner .specs dd small,
.voces .voz .quien,
.voces .voz .quien span{font-size:var(--t-r)}
.franja-talleres .et{font-size:var(--t-r);font-weight:500}
.cierre-planner, .pie-reel, .nombre-color,
.manifiesto p, .credo-com p{color:var(--tx-1)}
.btn.secundario, .dato, .nota-ficha, .parrafo, .baja,
.vk, .vd, dt{color:var(--tx-2)}
.nombre-prod, .specs small, .nota, .menu-sub,
.enc-shop-dato, .cuenta-cat span, .lomos-pie span,
.puertas .n, .puertas .tira-rot i,
.pie .lema, .pie small{color:var(--tx-3)}
.beat-cifra{color:var(--ac-oliva)}
.beat[data-tinte="lila"] .beat-cifra{color:var(--ac-lila)}
.beat[data-tinte="coral"] .beat-cifra,
.beat-cifra-palabra{color:var(--ac-rosa)}
.enc-shop-tit em, .tienda .titular em{color:var(--ac-oliva)}
.planner .muestras .nombre-color,
.planner .cierre-planner,
.voces .voz p{color:var(--tx-1)}
.sku .dato,
.planner .bajada,
.specs dt,
.valle .baja,
.evento .rotulo-evento span,
.canal-enc p,
.videos .vk, .videos .vd{color:var(--tx-2)}
.planner .nombre-prod,
.planner .specs dd small,
.valle .pie,
.voces .voz .quien span,
.manifiesto figcaption span,
.compra-una span,
.cierre .nota,
.lista-med i{color:var(--tx-3)}
.tv-r{color:var(--tx-1)}
.enc-shop .etiqueta{background:var(--tono,var(--rosa-hondo));color:var(--blanco)}
.elige .q{background:var(--tono,var(--menta));color:var(--carbon)}
:root{--alto-control:3.25rem}
.forma input,
.biblio .forma input{min-height:var(--alto-control);padding-block:0}
.biblio .forma input{padding-inline:1.5rem;font-size:max(1rem,var(--t-c2))}
.biblio .forma .btn.primario{min-height:var(--alto-control)}
.filtros button,
.animo,
.repetir,
.mudo,
.ico-btn,
.muestras button,
.reels .puntos i,
.sig-tel button{position:relative}
.filtros button::after,
.animo::after,
.repetir::after,
.mudo::after,
.ico-btn::after,
.muestras button::after{
  content:"";position:absolute;z-index:1;
  top:50%;left:50%;translate:-50% -50%;
  width:max(100%,44px);height:max(100%,44px)}
.elige .cabeza .q{color:var(--carbon)}
.franja-talleres .et{display:inline-block;padding:0.5rem 1.125rem;
  border-radius:var(--pildora);background:var(--tono,var(--rosa-hondo));
  color:var(--carbon);letter-spacing:.14em;text-transform:uppercase}
.sku .agregar, .obj-pie .agregar{min-height:44px}
.titular .ac:not(.w):not(.realce),
.cierre .grande .ac:not(.w):not(.realce),
.frase .golpe{font-size:1.36em;line-height:.86}
.portada-sobre .titular .ac:not(.w):not(.realce){font-size:1.18em;line-height:.9}
.btn:active, .agregar:active, .animo:active, .pt:active,
.ico-btn:active, .carro:active, .play:active, .mudo:active,
.muestras button:active, .repetir:active, .banda:active{
  scale:.965}
.carta:active, .pieza > a:active, .cf-uno > a:active, .puerta-h:active,
.sku:active, .reel:active, .voz:active, .mosaico a:active,
.ver > a:active, .evento:active{
  scale:.99}
.btn-txt:active, .mas-ig:active, .ir-canal:active, .baja:active,
.firma-nav:active, nav li > a:active, .pie li > a:active{
  opacity:.62}
:root:root :is(.carta, .sku, .voz, .evento, .reel, .mosaico a){
  transition-property:scale, opacity, translate, rotate, box-shadow, border-color;
  transition-duration:var(--toque), var(--revelado), var(--revelado),
                      var(--revelado), var(--estado), var(--toque);
  transition-timing-function:var(--curva);
  transition-delay:calc(var(--i, 0) * 90ms);
  -webkit-tap-highlight-color:transparent}
:root:root :is(.carta, .sku, .voz, .evento, .reel, .mosaico a):active{
  transition-duration:var(--pulso), var(--revelado), var(--revelado),
                      var(--revelado), var(--estado), var(--toque);
  transition-delay:0s}
:root:root :is(.btn, .agregar, .animo, .pt, .ico-btn, .carro, .play, .mudo,
               .muestras button, .repetir, .banda, .pieza > a, .cf-uno > a,
               .puerta-h, .ver > a, .btn-txt, .mas-ig, .ir-canal, .baja,
               .firma-nav){
  transition-property:scale, opacity, color, background-color, border-color,
                      translate, transform, box-shadow, text-decoration-color;
  transition-duration:var(--toque);
  transition-timing-function:var(--curva);
  -webkit-tap-highlight-color:transparent}
:root:root :is(.btn, .agregar, .animo, .pt, .ico-btn, .carro, .play, .mudo,
               .muestras button, .repetir, .banda, .pieza > a, .cf-uno > a,
               .puerta-h, .ver > a, .btn-txt, .mas-ig, .ir-canal, .baja,
               .firma-nav):active{ transition-duration:var(--pulso) }
@view-transition{ navigation:auto }
::view-transition{
  background:radial-gradient(64% 56% at 34% 24%, #FFF8E9, var(--papel) 70%)}
::view-transition-old(root){
  z-index:1;
  -webkit-mask-image:linear-gradient(to bottom, #000 0 47%, transparent 53%);
          mask-image:linear-gradient(to bottom, #000 0 47%, transparent 53%);
  -webkit-mask-size:100% 200%;  mask-size:100% 200%;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  animation:pag-hoja .48s cubic-bezier(.5,.02,.28,1) both}
::view-transition-new(root){
  z-index:0;
  animation:pag-asienta .48s cubic-bezier(.22,.61,.36,1) both}
@keyframes pag-hoja{
  from{ -webkit-mask-position:0 0%;   mask-position:0 0%;   translate:0 0 }
  to  { -webkit-mask-position:0 100%; mask-position:0 100%; translate:0 -2.5rem } }
@keyframes pag-asienta{ from{ scale:.988 } to{ scale:1 } }
@media (prefers-reduced-motion:reduce){
  .btn:active, .agregar:active, .animo:active, .pt:active, .ico-btn:active,
  .carro:active, .play:active, .mudo:active, .muestras button:active,
  .repetir:active, .banda:active, .carta:active, .pieza > a:active,
  .cf-uno > a:active, .puerta-h:active, .sku:active, .reel:active,
  .voz:active, .mosaico a:active, .ver > a:active, .evento:active{ scale:1 }
  ::view-transition-old(root){
    -webkit-mask-image:none; mask-image:none}
  ::view-transition-old(root),
  ::view-transition-new(root){ animation:none }
}
:root:root .tienda .sku{
  transition-property:scale, opacity, translate, rotate, box-shadow;
  transition-duration:var(--toque), var(--revelado), var(--revelado),
                      var(--revelado), var(--estado);
  transition-timing-function:var(--curva);
  transition-delay:calc(var(--i, 0) * 90ms)}
:root:root .tienda .sku:active{
  transition-duration:var(--pulso), var(--revelado), var(--revelado),
                      var(--revelado), var(--estado);
  transition-delay:0s}
header.nav{view-transition-name:mueble-nav}
.nav nav a[aria-current=page]{
  color:var(--carbon);
  position:relative;
  background-size:0 1px}
.nav nav a[aria-current=page]::after{
  content:"";
  position:absolute; left:0; right:0; bottom:-1px; height:1px;
  background:currentColor;
  view-transition-name:menu-aqui}
::view-transition-group(menu-aqui){
  animation-duration:.42s;
  animation-timing-function:cubic-bezier(.22,.61,.36,1)}
::view-transition-old(menu-aqui),
::view-transition-new(menu-aqui){animation:none; opacity:1}
@media (prefers-reduced-motion:reduce){
  ::view-transition-group(menu-aqui){animation:none}
}
@media (max-width:1360px){
  .collage{display:none}
  .apertura .placa::after{display:none}
}
@media (max-width:1220px){
  .nav ul,.nav .carro span,.nav .acciones .ico-btn:not(.menu-movil){display:none}
  .nav .menu-movil{display:grid}
}
@media (max-width:1100px){ .rejilla-yt{grid-template-columns:repeat(4,1fr)} }
@media (max-width:1024px){
  .tienda .rejilla{grid-template-columns:repeat(3,1fr)}
  .tienda .sku:first-child{grid-column:span 2}
  .tienda .sku:first-child .vitrina{aspect-ratio:16/12}
  .tienda .sku:first-child .sku-obj{height:auto;width:51%}
  .tienda .sku:first-child .sku-sombra{width:66%;height:3.2rem}
  .reels .fila{grid-template-columns:repeat(2,1fr)}
  .voces .fila{grid-template-columns:repeat(2,1fr)}
  .conteo-cifra b{font-size:clamp(2.5rem,9vw,3.75rem)}
}
@media (max-width:1024px){
  .estante{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1024px){
  .biblio{grid-template-columns:1fr;row-gap:clamp(1.75rem,3.5vw,2.5rem)}
  .biblio .regalo{grid-column:1;grid-row:1;margin-left:0;
    position:relative;aspect-ratio:16/10;align-self:auto;
    border-radius:var(--radio-chico)}
  .biblio .regalo picture{position:absolute;inset:0}
  .biblio .regalo img{object-position:50% 46%}
  .biblio .biblio-cuerpo{grid-column:1;grid-row:2}
  .biblio .indice{grid-column:1;grid-row:3}
  .biblio .titular,.biblio .bajada,.biblio .forma{max-width:none}
}
@media (max-width:1024px){
  .biblio .regalo{aspect-ratio:1/1}
  .biblio .regalo img{object-position:50% 45%}
}
@media (max-width:1024px){ .biblio .regalo img{object-position:50% 52%} }
@media (max-width:1024px){ .biblio .regalo{aspect-ratio:3/4} }
@media (max-width:1024px){
  .mosaico-exp{grid-template-columns:1fr 1fr}
  .mosaico-exp .ev-alta{grid-column:1 / -1;grid-row:1;aspect-ratio:4/3;align-self:auto}
  .mosaico-exp .ev-circulo{grid-column:1;grid-row:2}
  .mosaico-exp .ev-grupo{grid-column:2;grid-row:2;aspect-ratio:4/3}
}
@media (max-width:1024px){
  .mosaico-exp .ev-grupo{aspect-ratio:3/2}
  .mosaico-exp .ev-circulo,.mosaico-exp .ev-grupo{align-self:start}
}
@media (max-width:900px){
  .saludo-caja{grid-template-columns:1fr}
  .lamina-video{width:min(270px,68vw);margin-top:1.875rem}
  .via a{grid-template-columns:auto 1fr}
  .via-a{grid-row:auto;grid-column:2}
  .par{grid-template-columns:1fr}
}
@media (max-width:900px){
  .nudo-pila{margin-top:1.625rem}
}
@media (max-width:900px){
  .nudo-eco{font-size:clamp(4.875rem,22vw,7.5rem)}
  .nudo:has(.nudo-pila) .nudo-eco{left:auto;right:2%;bottom:auto;top:-.14em}
}
@media (max-width:900px){
  .tarjeta-viaje{left:auto;right:-6%;bottom:12%}
}
@media (max-width:900px){
  .via-peg{opacity:1;transform:none;left:-14px;top:-12px}
}
@media (max-width:900px){
  .via-eco{display:none}
  .via-ir{margin-top:1.125rem}
}
@media (max-width:900px){
  .via a{grid-template-columns:auto minmax(0,1fr);
    column-gap:0.875rem;row-gap:0.25rem;padding:1.375rem 0}
  .via-m{grid-column:1;grid-row:1 / span 3;align-self:start}
  .via-n{grid-column:1;grid-row:4;justify-self:center;margin-top:0.375rem}
  .via-t{grid-column:2;grid-row:1;font-size:clamp(1.375rem,6.4vw,1.75rem)}
  .via-a{grid-column:2;grid-row:2;justify-self:start;margin-top:2px}
  .via-abre{grid-column:2;grid-row:3}
  .va-in{grid-template-columns:minmax(0,1fr);row-gap:1rem}
  .va-tx{height:auto}
  .via-d{max-width:none;padding-top:0.625rem}
  .via-escena{width:min(220px,64vw);margin-top:2px}
}
@media (max-width:900px){
  .via-abre > .va-in{grid-template-columns:minmax(0,1fr);row-gap:1rem}
}
@media (max-width:900px){
  .pila{height:calc(var(--n) * 48vh + 100vh)}
  .pila-vista{grid-template-columns:minmax(0,1fr);align-content:center;
    gap:1.5rem;padding-block:2rem}
  .pila-cab{grid-column:1;max-width:none}
  .pila-cab .titular{max-width:none}
  .pila-mesa{grid-column:1;height:min(52svh,420px)}
  .pl{width:min(240px,58vw)}
  .pila-cuenta{font-size:clamp(3rem,17vw,6rem);top:auto;bottom:.25rem;left:auto;right:0}
}
@media (max-width:900px){ .voces .fila{columns:2} }
@media (max-width:900px){
  .tienda .rejilla{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){ .voces .fila{grid-template-columns:repeat(2,1fr)} }
@media (max-width:900px){
  .tienda .sku:first-child{grid-column:auto}
}
@media (max-width:900px){
  .tienda .sku:first-child .vitrina{aspect-ratio:auto}
  .tienda .sku:first-child .sku-obj{height:96%;width:auto}
  .tienda .sku:first-child .sku-sombra{width:120%;height:11%}
}
@media (max-width:900px){
  .tienda .colores-sku{gap:0.375rem}
  .tienda .colores-sku button{width:15px;height:15px}
}
@media (max-width:900px){
  .reels .fila{grid-template-columns:repeat(2,1fr)}
  .reels .fila .sig-tel{grid-column:1 / -1;width:min(15.5rem,52vw);
    margin-top:1.5rem;justify-self:center}
}
@media (max-width:900px){
  .voces .muro{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,1.8vw,1.625rem)}
  .voces .muro .hoja{display:contents;visibility:visible;pointer-events:auto}
  .voces .voces-mando{display:none}
}
@media (max-width:900px){
  .tienda.cat .rejilla.cat-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){ #btn-dentro{min-height:52px} }
@media (max-width:860px){
  .nav ul,.nav .carro span,.nav .acciones .ico-btn:not(.menu-movil){display:none}
  .nav .menu-movil{display:grid}
  .planner .franja{grid-template-columns:1fr}
  .planner .foto{order:-1}
  .biblio{grid-template-columns:1fr;row-gap:1.875rem}
  .biblio .captura{padding-left:0;padding-top:1.875rem}
  .biblio .captura::before{left:0;right:0;top:0;bottom:auto;width:auto;height:1px;
    background:rgba(44,44,44,.16)}
  .indice{grid-template-columns:1fr 1fr;column-gap:1.375rem}
  .indice li{font-size:1.0rem;gap:0.6875rem}
  .indice li:nth-child(3){box-shadow:0 -1px 0 var(--linea)}
  .indice li:nth-child(-n+2) .sello{--i:0}
  .indice li:nth-child(3) .sello,.indice li:nth-child(4) .sello{--i:1}
  .indice li:nth-child(5) .sello,.indice li:nth-child(6) .sello{--i:2}
  .indice li:nth-child(7) .sello{--i:3}
}
@media (max-width:860px){
  .enc-partido{grid-template-columns:1fr;gap:0.875rem;align-items:start}
  .enc-partido .bajada{padding-bottom:0}
  .enc-derecha{text-align:left}
  .enc-derecha .titular,.enc-derecha .bajada{margin-left:0}
  .valle{min-height:80svh}
  .valle .p3{display:none}
}
@media (max-width:860px){
  .pg-2,.pg-4{display:none}
}
@media (max-width:860px){
  .suena{height:190vh}
  .troquel::before{height:12px}
}
@media (max-width:860px){
  .suena .lamina{border-radius:var(--radio);
    padding:1.875rem 1.375rem 1.75rem;width:100%}
  .suena .a1{top:16%;left:2%}
  .suena .a2{bottom:6%;right:2%}
  .suena .a3{display:none}
}
@media (max-width:860px){
  .marca-agua{right:-22%;bottom:-24%;height:68%;opacity:.07}
}
@media (max-width:860px){
  .archivo-lista li{width:clamp(180px,62vw,230px)}
}
@media (max-width:860px){
  .manifiesto .manif-rejilla{grid-template-columns:minmax(0,1fr)}
  .manifiesto .retrato{order:-1;width:min(320px,72vw);rotate:-1.6deg}
  .manifiesto .cuerpo{max-width:none}
}
@media (max-width:860px){
  .via > .cara{
    padding-left:calc(1.375rem + var(--canto, 6px));
    padding-right:1.375rem}
}
@media (max-width:860px){
  .vias{--calle:calc(1.375rem + var(--canto, 6px))}
  .via .caja{padding-left:var(--calle)}
}
@media (max-width:860px){
  .via .adorno{display:block; width:34%; left:auto; right:-9%; top:-11%}
  .via:nth-child(3) .adorno{width:50%; left:auto; right:-11%; top:-8%}
}
@media (max-width:860px){
  .pila{background-image:url("grafico-grano.svg");
    background-size:200px 200px;background-repeat:repeat;
    background-attachment:scroll;background-blend-mode:multiply}
}
@media (max-width:860px){
  .elige .trazo-camino{display:none}
}
@media (max-width:860px){
  .via .vplaca{width:min(92%,300px)}
}
@media (max-width:860px){
  .via .adorno{left:auto; right:-17%; top:-26%; width:30%}
  .via:nth-child(3) .adorno{left:auto; right:-15%; top:-22%; width:44%}
}
@media (max-width:860px){
  .via .adorno{left:auto; right:-15%; top:auto; bottom:18%; width:29%}
  .via:nth-child(3) .adorno{left:auto; right:-13%; top:auto; bottom:14%; width:42%}
}
@media (max-width:860px){
  .manifiesto::after{right:0}
  .manifiesto .retrato{margin-block:0}
}
@media (max-width:860px){
  .siguenos .sig-rejilla{grid-template-columns:repeat(2,1fr)}
  .sig-tel{grid-column:1 / -1;order:1;margin-block:1rem;
    width:min(13rem,54vw)}
}
@media (max-width:860px){
  .siguenos .sig-rejilla{margin-inline:0;align-items:stretch}
  .siguenos .sig-foto:nth-of-type(n){aspect-ratio:1;margin-top:0;
    border-radius:var(--radio-chico)}
  .sig-tel .tel-cuerpo{rotate:-4deg}
  .sig-tel{margin-top:1rem}
}
@media (max-width:860px){
  .pl-lista,.pl-rejilla{grid-template-columns:1fr}
  .pl-specs > div{grid-template-columns:1fr;gap:.25rem}
}
@media (max-width:860px){
  .planner .cierre-planner{font-size:1.0625rem;max-width:100%}
}
@media (max-width:860px){
  .siguenos .sig-rejilla{grid-template-columns:repeat(2,1fr)}
  .siguenos .sig-tel{grid-column:1 / -1;order:9;
    width:min(15.5rem,54vw);margin-bottom:0;margin-top:1.25rem}
}
@media (max-width:860px){
  .siguenos .sig-tel{align-self:auto;margin-bottom:0}
}
@media (max-width:860px){
  .siguenos .sig-rejilla .reel .marco{border-radius:var(--radio)}
  .siguenos .sig-rejilla .reel .pie-reel{padding-left:0;padding-right:0}
}
@media (max-width:860px){
  .siguenos .sig-rejilla .reel:first-of-type .marco,
  .siguenos .sig-rejilla .reel:last-of-type .marco{border-radius:var(--radio)}
  .siguenos .sig-rejilla .reel:first-of-type .pie-reel{padding-left:0}
  .siguenos .sig-rejilla .reel:last-of-type .pie-reel{padding-right:0}
}
@media (max-width:860px){
  .manifiesto .retrato{margin-right:0}
  .manifiesto .retrato img{border-radius:var(--radio-chico)}
  .manifiesto .cuerpo p:first-child{max-width:none}
}
@media (max-width:860px){ .manifiesto::after{right:0} }
@media (max-width:860px){
  .manifiesto::after{right:0}
}
@media (max-width:860px){
  .manifiesto .retrato{margin-right:0}
}
@media (max-width:860px){ .manifiesto .retrato{margin-right:0} }
@media (max-width:860px){
  .biblio{grid-template-columns:1fr}
  .biblio .regalo{grid-column:1;grid-row:1;margin-left:0;
    aspect-ratio:4/3;border-radius:var(--radio-chico)}
  .biblio .regalo img{object-position:50% 30%}
  .biblio .biblio-cuerpo{grid-column:1;grid-row:2}
  .biblio .indice{grid-column:1;grid-row:3;grid-template-columns:1fr 1fr}
  .biblio .titular,.biblio .bajada{max-width:none}
  .biblio .forma{max-width:none}
}
@media (max-width:860px){
  .biblio .regalo{aspect-ratio:4/3;align-self:auto}
  .biblio .regalo picture{position:static;inset:auto}
}
@media (max-width:860px){
  .canal-enc{grid-template-columns:auto 1fr;align-items:center;
    column-gap:1rem;row-gap:0.75rem}
  .canal-enc p{grid-column:1 / -1}
}
@media (max-width:860px){
  .apertura .escena{object-position:50% 50%}
}
@media (max-width:860px){
  .apertura .caida{background:linear-gradient(to top,
    rgba(246,244,235,.97)  0%, rgba(246,244,235,.95) 34%,
    rgba(246,244,235,.72) 50%, rgba(246,244,235,.18) 66%,
    rgba(246,244,235,0)   78%)}
  .apertura .texto p{max-width:none}
}
@media (max-width:860px){
  .puertas-caja{grid-template-columns:1fr;gap:clamp(2rem,5vw,2.75rem)}
  .reel-vivo{aspect-ratio:4/5;max-width:26rem}
}
@media (max-width:860px){
  .tira-yt{margin-inline:0;
    -webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);
            mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
  .tira-pista{animation-duration:34s}
}
@media (max-width:860px){
  .obj-uno{grid-template-columns:1fr;gap:clamp(1.25rem,4vw,2rem)}
  .obj-foto{max-height:none;max-width:26rem}
  .obj-tx{max-width:none}
}
@media (max-width:860px){
  .cinco{grid-template-columns:repeat(2,minmax(0,1fr))}
  .exp-uno,.exp-uno.exp-ancha{grid-column:span 1}
}
@media (max-width:860px){
  .puerta-obj{margin-bottom:-1.25rem;
    border-radius:var(--gota)}
}
@media (max-width:860px){
  .puerta-obj{aspect-ratio:1/1;max-height:62vh}
}
@media (max-width:860px){
  .manif-obj{
    aspect-ratio:1/1; max-height:56vh;
    border-radius:var(--gota-espejo);
    margin-bottom:calc((var(--hueco) + 1.25rem) * -1)}
  .voces-obj{aspect-ratio:4/5; max-height:58vh;
    border-radius:var(--gota-espejo)}
  .circ-grande .circ-marco,
  .circ-uno:not(.circ-grande) .circ-marco{aspect-ratio:auto}
  .circ-marco img{height:auto}
}
@media (max-width:860px){
  .portada-sobre .titular{font-size:clamp(2.375rem,9.4vw,3.5rem)}
  .ps-bajada{max-width:46ch;padding-bottom:0}
  .ps-retrato{max-width:26rem}
}
@media (max-width:860px){
  .eje-linea{left:1.25rem;translate:0 0}
  .beat{grid-template-columns:minmax(0,1fr);row-gap:1.5rem}
  .beat::before{left:calc(1.25rem + 20px)}
  .beat-tx,.beat-vuelta .beat-tx{order:0;
    padding-inline:calc(var(--margen) + 2.25rem) var(--margen)}
  .beat-foto,.beat-vuelta .beat-foto{order:1}
  .beat-foto img{height:clamp(240px,68vw,420px)}
  .beat-obj{padding-inline:calc(var(--margen) + 2.25rem) var(--margen)}
  .beat-obj img{width:min(320px,100%)}
}
@media (max-width:860px){
  .beat .tarjeta-viaje{position:static;rotate:-4deg;justify-self:start;
    width:max-content;margin-top:1.5rem}
}
@media (max-width:768px){
.valle{height:265svh;
    --t-sale:.32;  --d-sale:.10;
    --t-flor:.42;  --d-flor:.34;
    --d-pausa:.10;
    --t-marea:.86; --d-marea:.14}
  .valle .campo{perspective:640px}
  .valle .bloom{width:min(420px, 82vw)}
  .valle .pieza{width:calc(var(--w) * .72);margin:calc(var(--w) * -.36);
    --o1:clamp(0, calc((var(--zc) + 700) / 700), 1);
    filter:blur(calc((1 - var(--o1)) * 3px))}
}
@media (max-width:768px){
  .apertura .texto{width:auto}
}
@media (max-width:768px){
  .nav .acciones > :nth-child(3){--i:.6}
  .nav .acciones > :nth-child(4){--i:1.2}
}
@media (max-width:768px){
  .enc-pagina .titular{max-width:none}
}
@media (max-width:768px){
  .puerta-caja,.podcast-caja{grid-template-columns:1fr}
  .puerta-obj{order:2;aspect-ratio:3/2}
  .estante{grid-template-columns:repeat(2,1fr);gap:0.875rem}
  .pieza .tit{font-size:1.0rem}
  .animos{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;margin-inline:calc(var(--margen) * -1);
    padding-inline:var(--margen);padding-bottom:0.25rem}
  .animo{flex:none;scroll-snap-align:start;min-height:44px}
  .sigue-caja{flex-direction:column;align-items:flex-start}
}
@media (max-width:760px){
  .reel .marco .mudo{width:44px;height:44px;top:10px;right:10px}
  .compra-una .btn{min-height:44px}
}
@media (max-width:760px){
  .reels .puntos{display:flex;gap:0.4375rem;justify-content:center;
    margin-top:1.375rem;padding:0 var(--margen)}
  .reels .puntos i{display:block;width:22px;height:3px;border-radius:var(--pildora);
    background:rgba(44,44,44,.22);
    transition:background-color .3s var(--curva), width .3s var(--curva)}
  .reels .puntos i.aqui{width:34px;background:var(--carbon)}
  .pie-reel a{display:flex;width:fit-content;margin-top:0.3125rem;
    min-height:44px;align-items:center}
  .pie-fila{flex-direction:column;align-items:stretch;gap:0.875rem;margin-top:1.5rem}
  .compra-una{justify-content:space-between}
  .compra-una .btn{margin-left:0}
  .reels .mas-ig{margin:0.25rem auto 0;flex-wrap:wrap;justify-content:center;
    text-align:center;row-gap:2px;min-height:44px}
  .mas-ig .ico{order:2}
  .mas-ig .ig-arroba{order:3;flex-basis:100%}
}
@media (max-width:760px){
  .elige .mosaico{grid-template-columns:1fr;gap:1.5rem}
  .elige .carta-ancha .marco{aspect-ratio:3/2}
}
@media (max-width:760px){
  .valle .ramo{--R:74vw}
  .valle .ramo img{width:calc(32% * var(--w))}
}
@media (max-width:760px){
  .elige .carta-ancha{margin-inline:0}
  .elige .marco img{height:118%;top:-9%;translate:0 calc(var(--deriva, 0) * -4%)}
}
@media (max-width:760px){
  .mosaico-exp .evento{--ev:calc(var(--deriva, 0) * 3%)}
  .franja-talleres > img{height:112%;top:-6%;translate:0 calc(var(--deriva, 0) * -3.5%)}
  .biblio .regalo img{height:110%;top:-5%;translate:0 calc(var(--deriva, 0) * -3%)}
  .siguenos .compra-una{translate:0 calc(var(--deriva, 0) * -6px)}
  .cierre .pag-hoja{translate:0 calc(var(--deriva, 0) * -8px)}
}
@media (max-width:760px){
  .voces .muro .hoja .voz + .voz{box-shadow:none}
  .voces .voz{padding:1.25rem 0 0}
}
@media (max-width:760px){
  .tipo-exp{grid-template-columns:1fr;gap:.375rem}
  .tipo-exp .n{grid-row:1}
  .tipo-exp p{margin-top:.25rem}
}
@media (max-width:760px){
  .canal-fila{grid-template-columns:1fr;gap:.25rem}
  .canal-fila .ir-canal{margin-top:.75rem;white-space:normal}
}
@media (max-width:760px){
  .lomos-pie{flex-direction:column;justify-content:flex-start;
    margin-inline:var(--margen);gap:.375rem}
  .banda-lomos img{height:clamp(180px,40vw,260px);scale:1.06;
    translate:0 calc(var(--deriva, 0) * -1.5%)}
}
@media (max-width:760px){
  .rejilla-yt{grid-template-columns:repeat(3,1fr)}
  .cifra-yt{grid-column:span 3;padding:1rem}
  .cifra-yt em{margin-top:.25rem}
  .pieza-yt .rotulo{display:none}
  .rejilla-yt:hover .pieza-yt{opacity:1}
  .pie-canal{text-align:left}
}
@media (max-width:760px){
  .pila-pie{position:static;left:auto;bottom:auto;max-width:none;
    margin:0 var(--margen);padding:1.125rem 0 0;
    background:none;border-radius:0;box-shadow:none}
}
.cf-tira{display:none}
@media (max-width:760px){
  .cf-tira{display:block}
  .cf-tira{width:min(7.5rem,34vw);height:3px;margin:1.5rem auto 0;
    border-radius:999px;background:rgba(44,44,44,.14);overflow:hidden}
  .cf-tira span{display:block;height:100%;border-radius:inherit;
    background:var(--carbon);opacity:.55;
    width:34%;
    animation:cf-corre linear both;
    animation-timeline:--tira-caminos}
  @keyframes cf-corre{from{translate:0}to{translate:194%}}
}
@media (max-width:760px){
}
@media (max-width:700px){ .nudo-masa{display:none} }
@media (max-width:700px){
  .biblio .regalo{aspect-ratio:4/3}
}
@media (max-width:700px){
  .biblio .regalo{aspect-ratio:4/5}
}
@media (max-width:700px){  .biblio .regalo{aspect-ratio:3/4} }
@media (max-width:640px){ .sku .sku-obj{height:92%} }
@media (max-width:640px){
  .titular.t-alto, .grande.t-alto, .frase.t-alto{max-width:13ch}
  .titular.t-medio, .grande.t-medio, .frase.t-medio{max-width:15ch}
}
@media (max-width:640px){
  .btn, .agregar, .carro, .ico-btn, .cara{
    min-height:44px;
    display:inline-flex;align-items:center;justify-content:center}
  .cara{display:flex;justify-content:flex-start;width:100%}
  .panel-movil a, .baja, .repetir{position:relative}
  .panel-movil a::after, .baja::after, .repetir::after{
    content:"";position:absolute;left:0;right:0;
    top:50%;height:44px;transform:translateY(-50%);
    z-index:-1}
}
@media (max-width:640px){
  .ico-btn{min-width:44px}
  .pie a{position:relative}
  .pie a::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;
    transform:translateY(-50%);z-index:-1}
  .colores-sku button{width:22px;height:22px;position:relative}
  .colores-sku button::before{content:"";position:absolute;left:0;right:0;
    top:50%;height:44px;transform:translateY(-50%);z-index:-1}
}
@media (max-width:640px){
  .muestras button{min-width:44px;min-height:44px}
  .pie .ir, .pie a.ir{min-width:44px}
}
@media (max-width:640px){
  .tienda .rejilla{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){ .voces .fila{grid-template-columns:1fr} }
@media (max-width:640px){
  .reels .fila .sig-tel{order:9;flex:0 0 auto;width:15.5rem;
    margin-top:0;scroll-snap-align:center}
}
@media (max-width:640px){
  .voces .muro{grid-template-columns:1fr}
}
@media (max-width:640px){
  .mosaico-exp{grid-template-columns:1fr}
  .mosaico-exp .ev-alta{aspect-ratio:1}
  .mosaico-exp .ev-circulo{grid-column:1;grid-row:2}
  .mosaico-exp .ev-grupo{grid-column:1;grid-row:3;aspect-ratio:3/2}
  .canal-enc{grid-template-columns:auto 1fr;align-items:center;
    column-gap:1rem;row-gap:0.75rem}
  .canal-enc p{grid-column:1 / -1}
}
@media (max-width:640px){
  .mosaico-exp .evento .rotulo-evento{
    position:absolute;left:clamp(10px,3vw,16px);bottom:clamp(10px,3vw,16px);
    z-index:3;max-width:min(92%,20rem);
    padding:0.5625rem 0.8125rem;border-radius:var(--radio-chico);
    background:rgba(250,247,240,.93)}
}
@media (max-width:640px){
  .acciones-com{flex-direction:column;align-items:stretch;gap:.875rem}
  .acciones-com .btn.primario{justify-content:center}
  .acciones-com .btn-txt{text-align:center}
}
@media (max-width:640px){
  .barra-caja{padding-block:.4375rem}
  .filtros{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    -webkit-overflow-scrolling:touch}
  .filtros::-webkit-scrollbar{display:none}
  .filtros button{flex:none;min-height:44px;padding-inline:1rem}
  .filtros{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);
                   mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}
  .cuenta-cat{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
}
@media (max-width:600px){ .voces .fila{columns:1} .voz{rotate:0deg} }
@media (max-width:560px){
  .indice{grid-template-columns:1fr}
  .indice li:nth-child(2),.indice li:nth-child(3){
    box-shadow:0 -1px 0 var(--linea)}
  .indice li:nth-child(n) .sello{--i:0}
  .indice li:nth-child(n+3) .sello{--i:1}
  .indice li:nth-child(n+6) .sello{--i:2}
  .specs{grid-template-columns:1fr 1fr;gap:1.375rem 1.25rem}
  .specs dd{font-size:1.375rem}
  .muestras{flex-wrap:wrap;gap:0.875rem}
  .planner .muestras .nombre-color{flex-basis:100%;margin-left:2px;margin-top:2px}
  .planner .peg-frente{left:auto;right:8px;top:calc(var(--hueco) - 26px);
    width:56px;rotate:14deg}
  .planner .pl-c{display:none}
  .planner .pl-a{left:5%;top:-18px;width:56px}
  .planner .pl-b{left:56%;bottom:-20px;width:72px}
  .espera{grid-template-columns:1fr}
  .canal-enc{grid-template-columns:1fr;gap:0.75rem;align-items:start}
  .videos{grid-template-columns:1fr}
  .videos .vt{font-size:1.1875rem}
  .evento .rotulo-evento{position:static;max-width:none;
    margin-top:0.875rem;padding:0;background:none;backdrop-filter:none}
  .canal-pie{gap:2px 1.875rem}
  .canal-pie .mas-ig{min-height:44px}
  .voces .fila{grid-template-columns:1fr}
  .voz{rotate:0deg}
  .rayas{height:26px;flex-basis:100%}
  .voces .adorno-sec{top:calc(var(--hueco) * .4 + 116px);width:58px}
  .videos a{display:grid;grid-template-columns:auto 1fr;
    align-items:center;column-gap:0.875rem;row-gap:0.5625rem}
  .videos .vp{grid-row:1}
  .videos .vt{grid-column:2}
  .videos .vm{grid-column:2;justify-content:flex-start;gap:1rem}
  .eventos:has(.evento:nth-child(2)):not(:has(.evento:nth-child(4))){
    grid-template-columns:1fr;grid-template-rows:none}
  .eventos:has(.evento:nth-child(2)):not(:has(.evento:nth-child(4))) .evento:first-child{
    grid-row:auto}
  .eventos:has(.evento:nth-child(2)):not(:has(.evento:nth-child(4))) .evento picture{
    position:static}
  .eventos:has(.evento:nth-child(2)):not(:has(.evento:nth-child(4))) .evento img{
    height:clamp(220px,50vw,290px)}
  .eventos:has(.evento:nth-child(4)){grid-auto-columns:minmax(0,78%);
    margin-inline:calc(var(--margen) * -1);padding-inline:var(--margen)}
  .tienda .rejilla{grid-template-columns:repeat(2,1fr)}
  .tienda .sku:first-child{grid-column:1 / -1}
  .tienda .sku:first-child .vitrina{aspect-ratio:16/11}
  .tienda .sku:first-child .sku-obj{height:auto;width:46%}
  .sku .agregar{padding:0.9375rem 1.25rem;font-size:1.0rem}
  .sku h3{font-size:1.1875rem}
  .sku .precio-sku{font-size:1.1875rem}
  .reels .fila{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    margin-inline:calc(var(--margen) * -1);padding-inline:var(--margen);
    scroll-padding-inline:var(--margen);
    scrollbar-width:none}
  .reels .fila::-webkit-scrollbar{display:none}
  .reel{flex:0 0 74%;scroll-snap-align:start}
  .forma{flex-direction:column}
  .forma .btn{justify-content:center}
  .cierre .forma.renglon{gap:1.125rem;padding:0;box-shadow:none}
  .cierre .forma.renglon:focus-within{box-shadow:none}
  .cierre .forma.renglon input{width:100%;padding:0.8125rem 0.25rem;
    box-shadow:inset 0 -1.5px 0 rgba(44,44,44,.26)}
  .cierre .forma.renglon input:focus{box-shadow:inset 0 -2.5px 0 var(--cobalto)}
  .pie .cols{grid-template-columns:1fr 1fr;gap:2rem}
  .pie .firma{flex-direction:column;gap:0.5rem}
  .cierre{margin-inline:1rem}
}
@media (max-width:560px){
  .tienda .sku .ficha-tx{padding-inline:0.625rem}
  .tienda .sku .marca-sku{left:0.625rem}
  .tienda .sku .dato{flex-direction:column;align-items:flex-start;gap:0.5rem}
  .tienda .dato-izq{width:100%}
  .tienda .colores-sku{gap:12px}
  .tienda .colores-sku button{width:22px;height:22px}
  .tienda .colores-sku button::before{width:34px;height:44px}
}
@media (max-width:560px){
  .biblio .indice{grid-template-columns:1fr}
  .biblio .indice li:nth-child(2){box-shadow:0 -1px 0 var(--linea)}
  .biblio .indice li:nth-child(n) .sello{--i:0}
  .biblio .indice li:nth-child(n+3) .sello{--i:1}
  .biblio .indice li:nth-child(n+6) .sello{--i:2}
}
@media (max-width:560px){
  .tienda.cat .rejilla.cat-3{grid-template-columns:1fr}
  .tienda.cat .rejilla.cat-1{grid-template-columns:1fr}
}
@media (max-width:560px){
  .tienda.cat .vitrina{overflow:hidden}
}
@media (max-width:560px){
  .enc-shop-alto{align-items:flex-start}
  .menu-shop button{padding-block:.8125rem}
}
@media (max-width:560px){
  .tienda:not(.cat) .rejilla{
    display:flex;
    gap:1rem;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    margin-inline:calc(var(--margen) * -1);
    padding-inline:var(--margen);
    scroll-padding-inline:var(--margen);
    padding-bottom:1.25rem;
    align-items:flex-end}
  .tienda:not(.cat) .rejilla::-webkit-scrollbar{display:none}
  .tienda:not(.cat) .rejilla .sku{flex:0 0 76%;scroll-snap-align:start}
  .tienda:not(.cat) .sku:first-child{grid-column:auto}
  .tienda:not(.cat) .sku:first-child .vitrina{aspect-ratio:4/5}
  .tienda:not(.cat) .sku:first-child .sku-obj{height:92%;width:auto}
  .btn.primario{padding-right:48px;padding-left:22px;letter-spacing:.045em;
    text-align:center}
  .btn.secundario{flex-wrap:wrap;justify-content:center;text-align:center;
    letter-spacing:.045em}
  .btn.secundario::after{display:none}
  .colores-sku button,.colores button{position:relative}
  .colores-sku button::after,.colores button::after{
    content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;
    width:44px;height:44px;border-radius:50%}
  .colores-sku,.colores{gap:1.375rem}
  .volver,.ir-canal,.btn-txt,.mas-ig{display:inline-flex;align-items:center;
    min-height:44px}
  :not(.sig-tel) > * > .fecha,.hora{font-size:13px;line-height:1.45}
  .rot,.familia,.dn-num,.etiqueta,figcaption{font-size:13px}
  .aviso,.dato,.nombre-prod,.fuente,.tipo,.dur{font-size:13.5px}
  .apertura,.puerta{min-height:100dvh}
}
@media (max-width:560px){
  .valle{--aprieta:.58;height:195svh}
}
@media (max-width:560px){
  .compra-una{flex-wrap:wrap;row-gap:0.875rem;align-items:center}
  .compra-una > img{width:54px;height:auto}
  .compra-una > div{flex:1 1 0;min-width:0}
  .compra-una > .btn{flex:1 0 100%}
}
@media (max-width:560px){
  .mas-planner a,.sig-cuenta a{display:inline-block;padding-block:.75rem}
  .bolsa h2,.bolsa .aviso{font-size:13.5px}
}
@media (max-width:560px){
  .suena{height:190svh}
  .puerta-obj{height:62svh}
  .voces-obj{height:58svh}
}
@media (max-width:640px){
  .trae .trae-it span,
  .gal figcaption, .gal figure.grande figcaption,
  .dn-piezas .dn-num,
  .detalle-sangre .letra .r,
  .tira-resto .rot,
  .complemento .t{font-size:12px}
  .opcion .rotulo span,
  .compra .familia,
  .bolsa header p{font-size:12px}
}
.planner .foto{aspect-ratio:4/4.5}
.planner .foto img{width:73%;margin-left:-36.5%;bottom:4%}
.planner .specs{gap:1rem 1.5rem;padding-top:1.125rem}
.planner .cierre-planner{font-size:1.0625rem;line-height:1.38}
.planner .btn.primario{padding-right:3rem}
.planner .btn.secundario{letter-spacing:.04em}
.planner .bajada{margin-top:0.75rem}
.planner .cierre-planner{margin-top:0.875rem}
.planner .mas-planner{margin-top:0.75rem}
.etiqueta,
.enc-pagina.tono-lima .etiqueta,
.credo-com .etiqueta, .voces-com .etiqueta,
.circulos .etiqueta, .puerta-com .etiqueta{
  background:var(--rosa-hondo); color:var(--blanco)}
.elige .q{background:var(--rosa-hondo); color:var(--blanco); box-shadow:none}
.videos .vbar{background:var(--tipo,var(--rosa-hondo))}
.rayas i{background:var(--rosa-hondo)}
.rayas i:last-child{background:none;
  box-shadow:inset 0 0 0 1.5px var(--rosa-hondo)}
.nudo::before{border-color:var(--rosa-hondo)}
.beat::before{border-color:var(--tinte,var(--rosa-hondo))}
.nudo-donde::after{background:var(--tinte,var(--rosa-hondo))}
.voz.v-lima{border-top-color:var(--rosa)}
.voces-com .voz{
  border-top-color:color-mix(in oklch,var(--rosa) 62%,var(--papel))}
.voces-com .ini{
  background:color-mix(in oklch,var(--rosa) 22%, var(--papel));
  color:var(--rosa-hondo)}
.voces-com .voces-mando .pt.activa{background:none}
.via a:hover,.via a:focus-visible{box-shadow:0 2px 0 var(--rosa-hondo)}
.sello{color:var(--rosa-hondo)}
.videos .vp{color:var(--rosa-hondo)}
.puerta-f{color:var(--rosa-hondo)}
.credo-ast{background:var(--rosa-hondo)}
.nudo-marca{background:var(--rosa)}
.marca-agua{color:var(--rosa)}
.cordel-hilo{color:var(--rosa)}
.tm .marcado::before{background:color-mix(in oklch,var(--rosa) 34%,var(--blanco))}
.elige .cabeza .q{color:var(--blanco)}
.franja-talleres .et{color:var(--blanco)}
.tv-r{color:var(--blanco)}
.tv-t{color:var(--blanco)}
.cf-ir{color:var(--blanco);text-decoration-color:rgba(255,255,255,.44)}
article.puerta{min-height:0}
@media (max-width:640px){
  .planner .col-planner{display:flex;flex-direction:column}
  .planner .col-planner .muestras        {order:1}
  .planner .col-planner .acciones-planner{order:2;margin-top:14px}
  .planner .col-planner .specs           {order:3}
  .planner .col-planner .nota-ficha      {order:4}
  .planner .col-planner .cierre-planner  {order:5}
  .planner .col-planner .mas-planner     {order:6}
}
@keyframes cat-entra{
  from{opacity:0;translate:0 22px}
  to  {opacity:1;translate:0 0}
}
.cat-entra{animation:cat-entra .46s var(--curva) both;
  animation-delay:calc(var(--i,0) * 34ms)}
@keyframes cat-pulso{
  0%  {scale:1}
  38% {scale:1.28}
  100%{scale:1}
}
.cuenta-cat b{display:inline-block}
.cuenta-cat b.pulso{animation:cat-pulso .34s var(--curva)}
.panel-movil li,
.panel-movil .lema-panel{
  opacity:0;translate:18px 0;
  transition:opacity .18s var(--curva), translate .18s var(--curva)}
.panel-movil.abierto li,
.panel-movil.abierto .lema-panel{
  opacity:1;translate:0 0;
  transition:opacity .32s var(--curva), translate .32s var(--curva);
  transition-delay:calc(90ms + var(--i,0) * 30ms)}
@media (prefers-reduced-motion:reduce){
  .cat-entra{animation:none}
  .cuenta-cat b.pulso{animation:none}
  .panel-movil li,.panel-movil .lema-panel{
    opacity:1;translate:0 0;transition:none}
}
.panel-movil a:focus-visible,
.panel-movil button:focus-visible{
  outline:3px solid var(--carbon);outline-offset:3px;border-radius:4px}
.banda-mision p{font-weight:700}
#tienda{padding-block:calc(var(--hueco) * .72)}
#tienda .etiqueta{margin-bottom:-.625rem}
#tienda .enc-partido{margin-bottom:.875rem}
#tienda .rejilla{margin-top:1.25rem}
#tienda .salida-tienda{margin-top:1.25rem}
.tienda .sku .vitrina{height:clamp(210px,21vw,320px)}
#tienda .sku h3{margin-top:.875rem}
#tienda .sku .agregar{margin-top:.625rem}
.cuenta-cat{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.nav .con-sub{position:relative}
.nav .sub-nav{
  display:block;
  position:absolute; top:100%; left:50%; z-index:5;
  min-width:11rem; margin:0; padding:0.5rem 0; list-style:none;
  translate:-50% 6px; scale:.97; transform-origin:50% 0;
  opacity:0; visibility:hidden;
  background:var(--blanco); border-radius:0.75rem;
  box-shadow:0 1px 2px rgba(44,44,44,.06), 0 12px 28px -8px rgba(44,44,44,.22);
  transition:opacity .18s var(--curva), translate .18s var(--curva),
             scale .18s var(--curva), visibility 0s linear .18s}
.nav .con-sub:hover .sub-nav,
.nav .con-sub:focus-within .sub-nav{
  opacity:1; visibility:visible; translate:-50% 0; scale:1;
  transition:opacity .18s var(--curva), translate .18s var(--curva),
             scale .18s var(--curva), visibility 0s}
.nav .sub-nav li{display:block}
.nav .sub-nav a{
  display:block; padding:0.5rem 1.125rem; white-space:nowrap;
  background-image:none;
  transition:color .18s var(--curva), background-color .18s var(--curva)}
.nav .sub-nav a:hover,
.nav .sub-nav a:focus-visible{
  color:var(--carbon); background-color:color-mix(in oklch,var(--rosa) 8%,var(--blanco))}
.nav .sub-nav a:focus-visible{outline-offset:-3px}
@media (prefers-reduced-motion:reduce){
  .nav .sub-nav{transition:opacity .18s linear, visibility 0s linear .18s;
    translate:-50% 0; scale:1}
  .nav .con-sub:hover .sub-nav,
  .nav .con-sub:focus-within .sub-nav{transition:opacity .18s linear, visibility 0s}
}
.panel-movil .sub-caja{display:grid; grid-template-rows:0fr;
  transition:grid-template-rows .3s var(--curva)}
.panel-movil .sub-caja > .sub-movil{overflow:hidden; margin:0}
.panel-movil .con-sub-movil[data-abierto] .sub-caja{grid-template-rows:1fr}
.panel-movil .con-sub-movil{flex-wrap:wrap}
.panel-movil .con-sub-movil .sub-caja{width:100%}
.panel-movil .abre-sub{display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; margin-right:-.5rem; background:none; border:0;
  color:var(--tx-3); cursor:pointer;
  transition:rotate .3s var(--curva), color .2s var(--curva)}
.panel-movil .abre-sub:hover{color:var(--carbon)}
.panel-movil .abre-sub .ico{rotate:90deg; transition:rotate .3s var(--curva)}
.panel-movil .con-sub-movil[data-abierto] .abre-sub .ico{rotate:-90deg}
.panel-movil .sub-movil li{padding:0; border-bottom:0}
.panel-movil .sub-movil a{
  padding-left:1.5rem; font-size:0.9375rem; color:rgba(44,44,44,.68)}
.panel-movil .sub-movil a::before{
  content:"—"; margin-right:0.5rem; color:rgba(44,44,44,.34)}
@media (prefers-reduced-motion:reduce){
  .panel-movil .sub-caja,
  .panel-movil .abre-sub,
  .panel-movil .abre-sub .ico{transition:none}
}
@media (max-width:1220px){ .nav .sub-nav{display:none} }
.enc-shop{padding-top:calc(var(--alto-barra,51px) + var(--hueco) * .34);
  padding-bottom:calc(var(--hueco) * .4)}
#catalogo{padding-top:calc(var(--hueco) * .3)}
.enc-shop .enc-shop-tit{font-size:clamp(1.75rem,3.2vw,2.875rem)}
@media (max-width:1024px){
  #catalogo .sku:first-child{grid-column:auto}
  #catalogo .sku:first-child .vitrina{aspect-ratio:4/5}
  #catalogo .sku:first-child .sku-obj{height:100%;width:auto}
  #catalogo .sku:first-child .sku-sombra{width:100%;height:11%}
}
.pie .pie-forma{margin-top:1.125rem; max-width:22rem}
.pie .pie-nota{margin:.5rem 0 0; font-size:.75rem; color:rgba(44,44,44,.52)}
.tienda .rejilla{--cols:5;--hueco:20px;
  column-gap:var(--hueco);
  grid-template-columns:repeat(auto-fit,
    calc((100% - (var(--cols) - 1) * var(--hueco)) / var(--cols) - .1px));
  justify-content:center}
@media (max-width:1024px){ .tienda .rejilla{--cols:3} }
@media (max-width:640px) { .tienda .rejilla{--cols:2} }
.tienda-vacia{display:none;grid-column:1 / -1;flex:1 0 100%;
  text-align:center;padding:clamp(2.5rem,6vw,4.5rem) 1.5rem;
  background:var(--blanco);border-radius:24px;max-width:40rem;margin-inline:auto;width:100%}
.rejilla:not(:has(> article:not(.cat-fuera))) > .tienda-vacia{display:block}
.tienda-vacia .tv-t{font-family:var(--titulo);font-size:clamp(1.625rem,3vw,2.25rem);
  line-height:1.15;color:var(--carbon);margin:0 0 .75rem;letter-spacing:-.01em}
.tienda-vacia .tv-t em{font-style:italic;color:var(--oliva-hondo)}
.tienda-vacia .tv-s{font-family:var(--cuerpo);font-size:1.0625rem;line-height:1.55;
  color:rgba(44,44,44,.72);margin:0 auto 1.75rem;max-width:30rem}
@media (max-width:560px){ .tienda:not(.cat) .rejilla{justify-content:flex-start} }