/* ══ CARA DE MARCA — solo A-Z, a-z y los 15 acentos del español.
      El unicode-range hace que el navegador ni le PIDA los dígitos:
      cae a Jost por carácter. El bug de los números es imposible. ══ */
@font-face{
  font-family:'Ebana Muze';
  src:url(data:font/ttf;base64,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) format('truetype');
  font-weight:400; font-style:normal; font-display:swap;
  unicode-range:U+0041-005A, U+0061-007A,
    U+00C1,U+00C9,U+00CD,U+00D1,U+00D3,U+00DA,U+00DC,
    U+00E1,U+00E9,U+00ED,U+00F1,U+00F3,U+00FA,U+00FC;
}

:root{
  /* ── PALETA · medida sobre las piezas físicas · R−B siempre POSITIVO ── */
  --papel:#E9E1D6;      /* R−B +19 */
  --espresso:#271F1B;   /* R−B +12 */
  --metal:#BAB4AF;      /* R−B +11 */
  --tabaco:#7E786C;     /* R−B +18 · solo filetes y objetos gráficos */
  --terracota:#A55B50;  /* solo acento de 1px y ::selection */
  --tinta-rec:#5F5A52;  /* 5,28:1 · única tinta secundaria sobre papel */
  --sombra:39,31,27;    /* espresso RGB. JAMÁS 0,0,0 */
  --luz:255,252,247;    /* highlight cálido. JAMÁS #FFF */

  /* ── TIPOGRAFÍA · TRES TAMAÑOS. Prohibido cualquier valor intermedio ── */
  --t-micro:11px;
  --t-prosa:20px;
  --t-wordmark:clamp(76px,17.4vw,256px);
  --t-acto:clamp(56px,10.3vw,152px);
  --t-tagline:clamp(22px,3.1vw,44px);

  --f-marca:'Ebana Muze','Jost',system-ui,sans-serif;
  --f-jost:'Jost',system-ui,-apple-system,sans-serif;
  --f-prosa:'Jost',system-ui,-apple-system,sans-serif;   /* una sola familia en toda la web (clientas, 2026-10-11) */

  /* ── ESPACIADO · baseline 8. Escala cerrada de 7 pasos ── */
  --s1:8px; --s2:16px; --s3:24px; --s4:48px;
  --s5:96px; --s6:192px; --s7:384px;
  --silencio:var(--s5);

  /* ── GRILLA ── */
  --gutter:8px;
  --margin:16px;
  --container:1408px;
  --canto-block:9px;
  --canto-pieza:3px;
  --recibo:14px;

  /* ── LUZ · una sola para el sitio entero · az 235° / el 58° ── */
  --luz-css:158deg;

  /* ── MOVIMIENTO · oscilador críticamente amortiguado k=7 ──
     entra sin patada (f'(0)=0) y sale sin frenazo. Es la cura del "brusco". */
  --ease-settle:linear(0 0%,.0206 3.1%,.0836 6.8%,.1643 10.3%,.4506 21.6%,
    .6121 29.3%,.7277 36.4%,.818 44%,.8975 54%,.9509 65.8%,.9832 80.3%,1 100%);
  /* vocabulario cerrado — tres curvas, cero overshoot (xk.studio) */
  --ease-expo-out:linear(0 0%,.1678 2.6%,.317 5.5%,.5586 11.8%,.7348 19.1%,
    .8559 28%,.9285 38%,.9711 51.1%,1 100%);
  --ease-sine-out:linear(0 0%,.1571 10%,.309 20%,.4540 30%,.5878 40%,
    .7071 50%,.8090 60%,.8910 70%,.9511 80%,.9877 90%,1 100%);
  --dur-ui:240ms; --dur-obj:420ms; --dur-page:720ms;
  /* asimetría 5:1 — lo que adviene tarda, lo que se va no se hace esperar */
  --dur-entra:720ms; --dur-sale:150ms;
  --amp-obj:18px;
  --scale-reveal:1.012;
  --scale-hover:1.024;

  /* ── GRANO · el ruido se RECENTRA con feComponentTransfer para que la
     media de salida SEA el color de marca. Un multiply gris baja R−B 19→17. ── */
  --grain-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.42' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.21' intercept='0.80872'/%3E%3CfeFuncG type='linear' slope='0.21' intercept='0.77735'/%3E%3CfeFuncB type='linear' slope='0.21' intercept='0.73421'/%3E%3CfeFuncA type='linear' slope='0' intercept='1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23g%29'/%3E%3C/svg%3E");
  --grain-espresso:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.42' numOctaves='4' seed='13' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.14' intercept='0.08294'/%3E%3CfeFuncG type='linear' slope='0.14' intercept='0.05156'/%3E%3CfeFuncB type='linear' slope='0.14' intercept='0.03588'/%3E%3CfeFuncA type='linear' slope='0' intercept='1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23g%29'/%3E%3C/svg%3E");
  --grain-size:200px;
  /* cuero — ver el bloque .hoja--cuero */
  --cuero:url("../ebana/textura/cuero-piel-512.webp");
  --cuero-arrugas:url("../ebana/textura/cuero-arrugas.webp");
  --cuero-size:512px;
  --cuero-base:#503422;
  --metal-rec:#A69F98;   /* 4,7:1 sobre el cuero — el tinta-rec del papel no sirve acá */
  /* fibra de papel: turbulencia anisotrópica (hebras horizontales largas), transparente, media 0 */
  --grain-fibra:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.55' numOctaves='2' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.30' intercept='0.35'/%3E%3CfeFuncG type='linear' slope='0.30' intercept='0.35'/%3E%3CfeFuncB type='linear' slope='0.30' intercept='0.35'/%3E%3CfeFuncA type='linear' slope='0' intercept='1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23f%29'/%3E%3C/svg%3E");
}
@media (min-width:600px){ :root{ --margin:48px; } }
@media (min-width:1024px){ :root{ --margin:64px; --silencio:var(--s6); } }
@media (min-width:1440px){ :root{ --margin:96px; } }

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
::selection{background:#3A2219;color:#F3ECE2}

body{
  margin:0;
  background-color:var(--papel);
  background-image:
    linear-gradient(var(--luz-css),
      rgba(var(--luz),.46) 0%, rgba(var(--luz),0) 42%, rgba(var(--sombra),.055) 100%),
    var(--grain-fibra),
    var(--grain-paper);
  background-size:auto,420px 140px,var(--grain-size) var(--grain-size);
  background-blend-mode:normal,soft-light,normal;
  background-attachment:scroll;
  color:var(--espresso);
  font-family:var(--f-jost);
  font-size:var(--t-prosa);
  font-weight:400;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}

/* viñeteo de lente — ÚNICA capa fija del sitio */
.vineta{
  position:fixed;inset:0;z-index:5;pointer-events:none;
  background:radial-gradient(118% 88% at 42% 34%,
    rgba(var(--sombra),0) 52%,rgba(var(--sombra),.055) 82%,rgba(var(--sombra),.115) 100%);
}

[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ══ GRILLA ══ */
.grilla{
  display:grid;
  width:min(100% - 2*var(--margin),var(--container));
  margin-inline:auto;
  column-gap:var(--gutter);
  grid-template-columns:repeat(4,minmax(0,1fr));
}
@media(min-width:600px){.grilla{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:1024px){.grilla{grid-template-columns:repeat(12,minmax(0,1fr))}}

/* Spans — la calle muda: nada de texto antes de col 3 en desktop */
.g-rail{grid-column:1/-1}
.g-prosa{grid-column:1/-1}
.g-display{grid-column:1/-1}
.g-word{grid-column:1/-1}
.g-img{grid-column:1/-1}
.g-ficha{grid-column:1/-1}
@media(min-width:600px){
  .g-rail{grid-column:1/4} .g-prosa{grid-column:1/6}
  .g-display{grid-column:1/7} .g-word{grid-column:1/7}
  .g-img{grid-column:1/7} .g-ficha{grid-column:4/7}
}
@media(min-width:1024px){
  .g-rail{grid-column:2/5} .g-prosa{grid-column:6/13}
  .g-display{grid-column:2/11} .g-word{grid-column:2/13}
  .g-img{grid-column:1/9} .g-ficha{grid-column:10/13}
}
@media(min-width:1440px){
  .g-rail{grid-column:3/6} .g-prosa{grid-column:7/12}
  .g-display{grid-column:3/11} .g-word{grid-column:3/13}
  .g-img{grid-column:1/9} .g-ficha{grid-column:11/13}
}

/* filete vertical de la calle muda — solo escritorio */
.lomo{display:none}
@media(min-width:1024px){
  .lomo{display:block;position:absolute;left:20px;top:0;bottom:0;width:1px;
    background:var(--tabaco);opacity:.55}
}

/* ══ TIPOGRAFÍA ══ */
.micro{
  font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;line-height:1;
  color:var(--espresso);margin:0;
}
.micro--rec{color:var(--tinta-rec)}
.prosa{
  font-family:var(--f-prosa);font-size:var(--t-prosa);font-weight:300;
  line-height:1.5;letter-spacing:.01em;margin:0;
}
.prosa em{font-style:normal;color:var(--tinta-rec)}

/* golpe en seco — el reemplazo del espiral. Una sola luz: arriba-izquierda. */
.golpe{
  color:var(--papel);
  text-shadow:
    -.013em -.013em 0 rgba(var(--luz),.95),
    -.026em -.026em .028em rgba(var(--luz),.5),
     .010em  .010em 0 rgba(var(--sombra),.34),
     .022em  .022em .034em rgba(var(--sombra),.2);
}

.wordmark{
  font-family:var(--f-marca);
  font-size:var(--t-wordmark);
  font-weight:400;letter-spacing:.18em;line-height:.92;
  margin:0;text-indent:0;
}
.tagline{
  font-family:var(--f-marca);
  font-size:var(--t-tagline);
  letter-spacing:.30em;line-height:1.3;margin:0;
}
.acto{
  font-family:var(--f-marca);
  font-size:var(--t-acto);
  font-weight:400;letter-spacing:0;line-height:1;   /* el aire entre letras del ÉBANA MUZE del hero (medido 2026-10-11: hueco ≈ 0,2 de la altura de la mayúscula) */
  margin:0;color:var(--espresso);
}
.acto.golpe{color:var(--papel)}   /* pedido del cliente: los actos con la tipografía del hero */

/* ── GESTO D · DISPERSIÓN DE PARTÍCULAS ─────────────────────────────────
   No es un blur gaussiano: es feTurbulence + feDisplacementMap. Cada píxel
   de la letra se empuja en una dirección distinta, así la palabra se rompe
   en grano en vez de desenfocarse. Es el mecanismo de softlabor.biz.
   La escala del desplazamiento respira mientras está disperso; al apuntarlo
   se arma con curva expo y QUEDA armado hasta que la sección se va.
   Armado = filter:none. En ese estado no cuesta absolutamente nada. */
.pliego .acto{filter:var(--polvo,none)}
.pliego .prosa{filter:var(--polvoP,none)}
.pliego .acto,.pliego .prosa{
  will-change:filter;
}
.pliego[data-armado="1"] .acto,
.pliego[data-armado="1"] .prosa{will-change:auto}
@media (prefers-reduced-motion:reduce){
  .pliego .acto,.pliego .prosa{filter:none!important}
}

/* ══ HOJAS Y COSTURA — el reemplazo del espiral ══ */
.hoja{position:relative;padding-block:var(--s5) 0}
@media(min-width:1024px){.hoja{padding-block:var(--s6) 0}}

/* MITAD A · el canto de 9px al pie de la hoja que TERMINA */
.hoja--cierra{padding-bottom:calc(var(--silencio) + var(--canto-block))}
.hoja--cierra::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:var(--canto-block);
  pointer-events:none;
  background:linear-gradient(180deg,
    #E4DCD1 0 2px, rgba(var(--sombra),.10) 2px 3px,
    #E0D8CD 3px 5px, rgba(var(--sombra),.09) 5px 6px,
    #DBD3C7 6px 8px, rgba(var(--sombra),.14) 8px 9px);
}
/* MITAD B · el recibo de sombra en el tope de la hoja que EMPIEZA */
.hoja--recibe::before{
  content:"";position:absolute;left:0;right:0;top:0;height:var(--recibo);
  pointer-events:none;z-index:2;
  background:linear-gradient(180deg,
    rgba(var(--sombra),.13) 0%, rgba(var(--sombra),.045) 38%, rgba(var(--sombra),0) 100%);
}

/* ══ ELEVACIÓN · escalera cálida de 6 capas ══ */
.elev-2{box-shadow:
  0 .5px .5px rgba(var(--sombra),.10), 0 1.5px 1.6px rgba(var(--sombra),.085),
  0 3.5px 4px rgba(var(--sombra),.07), 0 8px 10px rgba(var(--sombra),.055),
  0 18px 24px rgba(var(--sombra),.04), 0 40px 56px rgba(var(--sombra),.03)}
.elev-1{box-shadow:
  0 .5px .5px rgba(var(--sombra),.08), 0 1.5px 1.6px rgba(var(--sombra),.06),
  0 3.5px 4px rgba(var(--sombra),.045), 0 8px 10px rgba(var(--sombra),.03)}
.ao{position:relative}
.ao::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(var(--luz),.6), inset 0 -1px 0 rgba(var(--sombra),.06);
}

/* ══ 01 · PORTADA ══ */
.portada{padding-top:var(--s5)}
@media(min-width:1024px){.portada{padding-top:var(--s6)}}
.portada .grilla{row-gap:var(--s4)}
.portada-pie{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);margin-top:var(--s4)}

/* ══ 02 · TRES PLIEGOS ══ */
.track{height:200vh;view-timeline:--pliego block}
.pliego{
  position:sticky;top:0;height:100svh;
  display:grid;align-content:center;
  transform:translateZ(0);isolation:isolate;
  opacity:1;
}
.pliego .grilla{row-gap:var(--s3)}
.pliego .num{color:var(--tinta-rec)}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .pliego{
      animation:ebana-pliego both;
      animation-timeline:--pliego;
      animation-range:cover 0% cover 100%;
      will-change:opacity,transform;
    }
  }
}
@keyframes ebana-pliego{
  0%  {opacity:0;transform:translate3d(0,var(--amp-obj),0) scale(1);
       animation-timing-function:var(--ease-settle)}
  34% {opacity:1;transform:translate3d(0,0,0) scale(1);
       animation-timing-function:linear}
  72% {opacity:1;transform:translate3d(0,0,0) scale(1);
       animation-timing-function:var(--ease-settle)}
  100%{opacity:0;transform:translate3d(0,0,0) scale(var(--scale-reveal))}
}

/* ══ PIEZAS ══ */
.pieza{position:relative;border-radius:2px;overflow:visible}
.pieza::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:var(--canto-pieza);
  border-radius:0 0 2px 2px;pointer-events:none;z-index:2;
  background:linear-gradient(180deg,
    #E4DCD1 0 1px, rgba(var(--sombra),.10) 1px 2px, #DBD3C7 2px 3px);
}
.pieza svg{display:block;width:100%;height:auto;border-radius:2px}
/* pie de card: el texto nunca toca el borde de la foto */
.ficha-pie{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);
  margin-top:var(--s2);padding-inline:var(--s2)}
.ficha-pie .estado{font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;line-height:1;color:var(--tinta-rec)}

/* ficha técnica — único elemento alineado a la derecha del sitio */
.tecnica{display:grid;gap:var(--s1);margin:0}
.tecnica div{display:flex;justify-content:space-between;gap:var(--s2);
  padding-bottom:6px;border-bottom:1px solid rgba(39,31,27,.14)}
.tecnica dt{font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;color:var(--tinta-rec)}
.tecnica dd{margin:0;font-family:var(--f-jost);font-size:var(--t-micro);font-weight:400;
  letter-spacing:.08em;font-variant-numeric:tabular-nums lining-nums;text-align:right}

/* ══ 04 · EL RIEL — gesto B (amortiguación variable) + C (tiro de foco) ══ */
.riel{
  position:relative;margin-top:var(--s5);
  -webkit-user-select:none;user-select:none;
  touch-action:pan-y;cursor:grab;
}
.riel.agarrando{cursor:grabbing}
.riel-marco{overflow:hidden;position:relative;padding-block:var(--s2)}
.riel-pista{display:flex;align-items:end;gap:var(--s3);will-change:transform}
.riel-item{flex:0 0 clamp(184px,21vw,272px)}
/* la marca de medición: hilo de 1px + tick de 2×8.
   Todo el ornamento del sitio, y el reemplazo argumentado de los ganchos. */
.medida{position:absolute;left:50%;top:0;bottom:0;width:1px;pointer-events:none;
  z-index:3;background:var(--tabaco);opacity:.3}
.medida::after{content:"";position:absolute;left:-1px;bottom:0;width:2px;height:8px;
  background:var(--espresso)}
.riel-pie{display:flex;justify-content:space-between;align-items:baseline;
  gap:var(--s2);margin-top:var(--s3)}

/* GESTO C · fuera de foco hasta que lo mirás */
.riel-item{
  filter:blur(3.2px) saturate(.88);opacity:.74;
  transition:filter var(--dur-sale) var(--ease-sine-out),
             opacity var(--dur-sale) var(--ease-sine-out),
             transform var(--dur-sale) var(--ease-sine-out);
}
.riel-item:hover,.riel-item:focus-within{
  filter:blur(0) saturate(1);opacity:1;transform:translate3d(0,-4px,0);
  transition-duration:var(--dur-entra);
  transition-timing-function:var(--ease-expo-out);
}
@media (hover:none){.riel-item{filter:none;opacity:1}}
@media (prefers-reduced-motion:reduce){
  .riel-item{filter:none;opacity:1;transform:none}
  .riel-pista{transform:none!important;overflow-x:auto}
}
.lienzo{
  display:block;width:100%;aspect-ratio:var(--ar,3/4);border-radius:2px;
  background-image:
    var(--grain-paper),
    radial-gradient(112% 84% at 34% 22%,#F4ECE1 0%,#EAE2D7 42%,#DDD5CA 78%,#CFC7BC 100%);
  background-size:var(--grain-size) var(--grain-size),auto;
  background-blend-mode:soft-light,normal;
}

/* ══ 05 · EL TALLER · acto oscuro ══ */
.hoja--espresso{
  background-color:var(--espresso);
  background-image:
    linear-gradient(var(--luz-css),
      rgba(var(--luz),.055) 0%, rgba(var(--luz),0) 44%, rgba(0,0,0,.16) 100%),
    var(--grain-espresso);
  background-size:auto,var(--grain-size) var(--grain-size);
  background-blend-mode:normal,normal;
  color:var(--papel);
}
.hoja--espresso .micro{color:var(--metal)}
.hoja--espresso .prosa{color:var(--papel)}
.hoja--espresso .lomo{background:var(--metal);opacity:.35}
.hoja--espresso.hoja--cierra::after{
  background:linear-gradient(180deg,
    #322A25 0 2px, rgba(0,0,0,.34) 2px 3px,
    #2C241F 3px 5px, rgba(0,0,0,.3) 5px 6px,
    #251E19 6px 8px, rgba(0,0,0,.44) 8px 9px);
}

/* ══ CUERO · la misma piel para el hero y para EL TALLER ═════════════════
   No está dibujado: está ILUMINADO. El mapa de alturas sale de dos
   feTurbulence (celdas grandes + poros finos) y lo alumbran feDiffuseLighting
   + feSpecularLighting con LA MISMA luz del sitio: azimuth 235° / elevación 58°.
   Se hornea a WebP porque un filtro de iluminación en vivo sobre el LCP es caro.
   Medido: #45362D · R−B +24 · σ 13,1 · rango especular 76 niveles
   (el espresso plano que reemplaza daba σ 2,5 y rango 18). ══════════════ */
.hoja--cuero{
  background-color:var(--cuero-base);
  background-image:
    /* la luz del sitio */
    linear-gradient(var(--luz-css),
      rgba(var(--luz),.07) 0%, rgba(var(--luz),0) 46%, rgba(0,0,0,.20) 100%),
    /* viñeta: el centro de la piel recibe la luz, los bordes caen */
    radial-gradient(125% 95% at 48% 40%,
      rgba(255,238,214,.13) 0%, rgba(255,238,214,0) 44%, rgba(0,0,0,.36) 100%),
    /* arrugas largas — capa propia, estirada a la sección: NO repite nunca */
    var(--cuero-arrugas),
    /* grano fino — el único que tilea, y por eso no se nota */
    var(--cuero);
  background-size:auto,auto,100% 100%,var(--cuero-size) var(--cuero-size);
  background-repeat:no-repeat,no-repeat,no-repeat,repeat;
  background-blend-mode:normal,normal,soft-light,normal;   /* overlay marcaba las arrugas como cortinado */
  color:var(--papel);
}

/* ── EL TEXTO, GRABADO A PRESIÓN EN LA PIEL ─────────────────────────────────
   Referencia del cliente: las letras están HUNDIDAS, no levantadas, y TODO el
   texto del hero lo está. La letra lleva la misma piel (`background-clip:text`)
   MULTIPLICADA: una depresión recibe menos luz, y multiplicar oscurece
   conservando tono, saturación y grano — que es justo lo que un velo claro
   destruía. El volumen lo hacen los bordes: oclusión del lado de la luz
   (arriba-izquierda) y filo iluminado del lado opuesto. */
.hoja--cuero .wordmark.golpe,
.hoja--cuero .tagline.golpe{
  color:transparent;
  -webkit-text-fill-color:transparent;
  background-image:linear-gradient(rgba(186,156,128,1) 0 100%),var(--cuero);
  background-blend-mode:multiply,normal;
  background-size:auto,var(--cuero-size) var(--cuero-size);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:
     .013em  .013em 0 rgba(255,238,214,.34),
    -.009em -.009em .006em rgba(0,0,0,.42),
     .030em  .030em .030em rgba(0,0,0,.14);
}
.hoja--cuero .tagline.golpe{background-image:linear-gradient(rgba(160,130,104,1) 0 100%),var(--cuero)}
/* las dos líneas del pie del hero: mismo grabado. A 11px los desplazamientos en
   em no existen, así que van en px. */
.hoja--cuero .portada-pie .micro{
  color:transparent;
  -webkit-text-fill-color:transparent;
  background-image:linear-gradient(rgba(150,122,98,1) 0 100%),var(--cuero);
  background-blend-mode:multiply,normal;
  background-size:auto,var(--cuero-size) var(--cuero-size);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:1px 1px 0 rgba(255,238,214,.30);
}
/* Resguardo: con la letra transparente, si el navegador no recorta el fondo
   contra el texto, el texto desaparecería. */
@supports not ((background-clip:text) or (-webkit-background-clip:text)){
  .hoja--cuero .wordmark.golpe,
  .hoja--cuero .tagline.golpe,
  .hoja--cuero .portada-pie .micro{color:var(--papel);-webkit-text-fill-color:var(--papel)}
}

.hoja--espresso .micro--rec{color:var(--metal-rec)}
.hoja--cuero .enlace{border-bottom-color:rgba(233,225,214,.42)}
.hoja--cuero .enlace:hover{border-bottom-color:var(--papel)}
.hoja--cuero .tecnica div{border-bottom-color:rgba(233,225,214,.18)}

/* panel de metal cepillado — única aparición en toda la home */
.g-panel{grid-column:1/-1}
@media(min-width:600px){.g-panel{grid-column:1/7}}
@media(min-width:1024px){.g-panel{grid-column:7/13}}
.panel-metal{
  position:relative;
  aspect-ratio:4/5;
  border-radius:2px;
  display:grid;place-items:center;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='m' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.012' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.5' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23m%29'/%3E%3C/svg%3E"),
    repeating-linear-gradient(90deg,
      rgba(255,252,247,.05) 0 1px, rgba(39,31,27,.04) 1px 2px, transparent 2px 4px),
    linear-gradient(96deg,
      #A49D96 0%,#C6C0B9 14%,#AFA8A1 29%,#CDC7C0 46%,
      #B5AEA7 62%,#C9C3BC 79%,#A8A19A 100%);
  background-size:220px 220px,auto,auto;
  background-blend-mode:soft-light,normal,normal;
  box-shadow:
    inset 0 1px 0 rgba(255,252,247,.5),
    inset 1px 0 0 rgba(255,252,247,.22),
    inset 0 -1px 0 rgba(39,31,27,.34),
    inset -1px 0 0 rgba(39,31,27,.2),
    0 .5px .5px rgba(0,0,0,.2), 0 3.5px 4px rgba(0,0,0,.18),
    0 8px 10px rgba(0,0,0,.16), 0 18px 24px rgba(0,0,0,.14),
    0 40px 56px rgba(0,0,0,.12);
}
/* marca GRABADA en el metal: sombras invertidas respecto del golpe en seco */
.grabado{
  font-family:var(--f-marca);
  font-size:clamp(15px,2.2vw,26px);
  letter-spacing:.36em;
  color:#B4ADA6;
  text-shadow:
    -.028em -.028em .02em rgba(39,31,27,.62),
    -.012em -.012em 0 rgba(39,31,27,.4),
     .012em  .012em 0 rgba(255,252,247,.62),
     .028em  .028em .022em rgba(255,252,247,.34);
  padding-left:.36em;
}

/* ══ 06 · PIE ══ */
.pie{padding-block:var(--s5) var(--s5)}
.pie .grilla{row-gap:var(--s3)}
.pie-fila{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);
  padding-top:var(--s3);border-top:1px solid rgba(39,31,27,.16)}

/* ══ REVEAL de sección · misma curva, misma amplitud ══ */
.reveal{opacity:1;transform:none}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .reveal{
      animation:ebana-reveal both;
      animation-timeline:view();
      animation-range:entry 8% cover 34%;
    }
  }
}
@keyframes ebana-reveal{
  from{opacity:0;transform:translate3d(0,var(--amp-obj),0);
       animation-timing-function:var(--ease-settle)}
  to  {opacity:1;transform:translate3d(0,0,0)}
}

a{color:inherit;text-decoration:none}
.enlace{border-bottom:1px solid rgba(39,31,27,.34);padding-bottom:2px;
  transition:border-color var(--dur-ui) var(--ease-settle)}
.enlace:hover{border-bottom-color:var(--espresso)}
:focus-visible{outline:2px solid #3A2219;outline-offset:3px}


/* ══════════════════════════════════════════════════════════════════════
   v6 · EL MATERIAL DEL CLIENTE — ventanas, cabecera, campaña
   ══════════════════════════════════════════════════════════════════════ */
/* cabecera fina: el único enlace de navegación */
.cabecera{position:absolute;top:var(--s3);left:var(--margin);right:var(--margin);z-index:3;
  display:flex;justify-content:space-between;align-items:baseline}
/* HERO centrado — excepción única a "cero centrados" (D-009, pedido del cliente) */
.portada .g-word{grid-column:1/-1;text-align:center;padding-inline-start:.18em}
.portada .g-display{grid-column:1/-1}
.portada .tagline{text-align:center;padding-inline-start:.30em}
.portada .portada-pie{justify-content:space-between}

/* LA VENTANA — la hoja tiene un calado por el que se ve la foto que avanza detrás.
   Es el gesto del panel: acero con una fotografía incrustada. */
.pliego>.grilla,.hoja>.grilla{position:relative;z-index:1}
.ventana{position:absolute;z-index:0;overflow:hidden;border-radius:2px;background:var(--espresso);
  box-shadow:inset 0 2px 4px rgba(var(--sombra),.28),inset 0 -1px 0 rgba(var(--luz),.5),0 1px 0 rgba(var(--luz),.65)}
.ventana img,.ventana video{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;display:block}
.pliego[data-polvo="1"] .ventana{left:var(--margin);top:8svh;width:clamp(150px,16vw,232px);aspect-ratio:3/8}
.pliego[data-polvo="2"] .ventana{right:var(--margin);top:19svh;width:clamp(120px,12vw,176px);aspect-ratio:1/3}
.pliego[data-polvo="3"] .ventana{left:calc(var(--margin) + 4vw);bottom:9svh;width:clamp(170px,17vw,232px);aspect-ratio:3/4}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .ventana img,.ventana video{animation:ebana-ventana both linear;animation-timeline:--pliego;
      animation-range:cover 0% cover 100%;will-change:transform,filter}
  }
}
/* la imagen deriva 12% de su alto en 200vh (≈0,035 px/px) y entra desenfocada: las imágenes se desenfocan */
@keyframes ebana-ventana{
  0%  {transform:translate3d(0,-6%,0);filter:blur(7px)}
  34% {filter:blur(0)}
  72% {filter:blur(0)}
  100%{transform:translate3d(0,6%,0);filter:blur(4px)}
}
@media (max-width:1023px){
  .ventana,.pliego[data-polvo] .ventana{left:var(--margin);right:var(--margin);top:0;bottom:auto;width:auto;aspect-ratio:auto;height:24svh}
  .pliego>.grilla{padding-top:calc(24svh + var(--s3))}
}


.riel{z-index:2}

/* LA PIEZA — producto recortado sobre el ciclorama; dos colores */
.ciclorama{position:relative;border-radius:2px;overflow:hidden}
.ciclorama .producto{position:absolute;left:12%;top:5%;width:76%;height:88%;object-fit:contain;
  filter:drop-shadow(0 18px 22px rgba(var(--sombra),.22));
  transition:opacity var(--dur-obj) var(--ease-settle)}
.ciclorama .producto[hidden]{display:block;opacity:0;pointer-events:none}
.colores{display:flex;gap:var(--s3);margin-top:var(--s3)}
.color{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;
  font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--tinta-rec)}
.color i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(var(--sombra),.35);background:var(--c)}
.color[aria-pressed="true"]{color:var(--espresso)}
.color[aria-pressed="true"] i{box-shadow:0 0 0 2px var(--papel),0 0 0 3px var(--terracota)}

/* CAMPAÑA — la foto aparece a sangre; el papel la enmarca después */
.banda{margin:0 0 var(--s5);width:100%;overflow:hidden}
.banda img{display:block;width:100%;height:auto}
.g-img2{grid-column:1/-1}
@media(min-width:600px){.g-img2{grid-column:1/4}}
@media(min-width:1024px){.g-img2{grid-column:3/8}}
@media(min-width:1440px){.g-img2{grid-column:3/7}}
.lienzo{position:relative;overflow:hidden}
.lienzo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* EL TALLER — el panel real reemplaza al metal dibujado */
.panel-metal{aspect-ratio:3/4}
.panel-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:2px;display:block}

/* ══════════════════════════════════════════════════════════════════════
   MOBILE — E3 · retoques medidos sobre iPhone 15 Pro Max (430 CSS px)
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width:599px){
  :root{
    /* El acto ocupaba el 45% del ancho: por eso se veía chico en una pantalla
       para él solo. El tope de 100px lo fija HABITAR, la palabra más larga
       (entra hasta 124px medidos). A 430px queda en 90px = 73% del ancho. */
    /* HABITAR es la palabra larga: con el tracking del hero (.18em) su texto mide
       7 × 0,638 em. A 19,6vw entra con holgura desde 320px hasta el corte de 600px. */
    --t-acto: clamp(52px, 19.6vw, 96px);
    --t-prosa: 21px;
    /* el grano del cuero se mide contra la pantalla, no contra el archivo: a 390px
       el tile de 512 se lee como estuco. A 340 vuelve a ser piel. */
    --cuero-size:340px;
  }
  /* La portada medía ~581px de un viewport de 932: sobraban 351px y ahí se
     colaba el track de MIRAR. Ahora se queda con la pantalla entera. */
  .portada{
    min-height:100svh;
    display:grid;
    align-content:center;
  }
  /* con el acto más grande, la prosa necesita algo más de aire propio */
  .pliego .grilla{row-gap:var(--s4)}
}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ══ CONCEPTO · revista ══ */
.film{height:180vh;view-timeline:--film block}
.film .pin{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--espresso)}
.film video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
  .film video{animation:ebana-film both linear;animation-timeline:--film;animation-range:cover 0% cover 100%;will-change:transform}}}
@keyframes ebana-film{0%{transform:scale(1.06)}45%{transform:scale(1)}100%{transform:scale(1)}}
.film-pie{position:absolute;left:var(--margin);bottom:var(--s3);right:var(--margin);display:flex;justify-content:space-between;color:var(--papel);z-index:1}
/* botón de sonido — sutil, arriba a la derecha del film. Lo genera medios.js:
   sin JS no hay autoplay, así que tampoco tiene sentido el botón. */
.sonido{position:absolute;top:calc(56px + var(--s2));right:var(--margin);z-index:2;
  background:none;border:0;padding:4px 0;cursor:pointer;
  font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;letter-spacing:.22em;
  text-transform:uppercase;line-height:1;color:var(--papel);opacity:.66;
  border-bottom:1px solid rgba(233,225,214,.38);
  transition:opacity var(--dur-ui) var(--ease-settle),border-color var(--dur-ui) var(--ease-settle)}
.sonido:hover,.sonido:focus-visible{opacity:1;border-bottom-color:var(--papel)}
.sonido[aria-pressed="true"]{opacity:1;border-bottom-color:var(--papel)}
.film-pie .micro{color:var(--papel)}
.sangre{margin:0;width:100%;overflow:hidden}
.sangre img{display:block;width:100%;height:auto}
.cita{font-family:var(--f-marca);font-size:var(--t-tagline);letter-spacing:.30em;line-height:1.5;margin:0}
.citas{display:grid;row-gap:var(--s3)}
.citas .cita:nth-child(2){padding-left:8%}.citas .cita:nth-child(3){padding-left:16%}
.citas .cita:nth-child(4){padding-left:4%}.citas .cita:nth-child(5){padding-left:20%}.citas .cita:nth-child(6){padding-left:12%}
.colofon{display:grid;gap:var(--s1);margin:0}
.colofon div{display:flex;justify-content:space-between;gap:var(--s2);padding-bottom:6px;border-bottom:1px solid rgba(39,31,27,.14)}
.colofon dt{font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--tinta-rec)}
.colofon dd{margin:0;font-family:var(--f-jost);font-size:var(--t-micro);letter-spacing:.08em;text-align:right}
.g-a{grid-column:1/-1}.g-b{grid-column:1/-1}.g-c{grid-column:1/-1}
@media(min-width:600px){.g-a{grid-column:1/5}.g-b{grid-column:3/7}.g-c{grid-column:1/4}}
@media(min-width:1024px){.g-a{grid-column:1/8}.g-b{grid-column:6/13}.g-c{grid-column:3/7}}
@media(min-width:1440px){.g-a{grid-column:1/8}.g-b{grid-column:7/13}.g-c{grid-column:3/6}}
.cabecera-c{position:relative;padding:var(--s3) var(--margin);display:flex;justify-content:space-between;align-items:baseline}
/* CONCEPTO tiene 8 letras — una más que HABITAR: necesita su propio tamaño en mobile */
@media (max-width:599px){ .hoja--c .acto{font-size:clamp(48px,16.8vw,88px)} }
.hoja--c{padding-top:var(--s5)}
.concepto-linea{grid-column:1/-1}
/* el estilo del rótulo del Shop (clientas, 2026-10-11): Jost 500, mayúsculas, .22em */
/* la línea va escrita como el manifiesto (.cita.golpe): marca, grabada, .30em, una frase por renglón (clientas, 2026-10-11) */
.concepto-linea span{display:block}
@media(min-width:1024px){.concepto-linea{grid-column:2/13}}
@media(min-width:1440px){.concepto-linea{grid-column:3/13}}
.g-campana{grid-column:1/-1}
@media(min-width:1024px){.g-campana{grid-column:2/10}}
/* el film del manifiesto va entero: 16:9, sin recorte ni escala */
.film--entero{height:auto}
.film--entero .pin{position:relative;height:auto;aspect-ratio:16/9}
.film--entero video{object-fit:contain;transform:none!important;animation:none!important}
.film--entero .sonido{top:var(--s2)}
/* mobile (clientas, 2026-10-11): con el teléfono vertical, el Film 02 y Targa van enteros en 16:9 como el Film 01;
   girado, vuelven a pantalla completa. «Pantalla completa» (medios.js) abre el film nativo para verlo girado. */
@media (orientation:portrait){
  .film--horizontal{height:auto}
  .film--horizontal .pin{position:relative;height:auto;aspect-ratio:16/9}
  .film--horizontal video{object-fit:contain;transform:none!important;animation:none!important}
  .film--horizontal .sonido{top:var(--s2)}
  .film--arriba{margin-top:56px}
  /* velo arriba y abajo: los rótulos claros se leen también sobre cuadros claros (sábanas, cielo) */
  .film--horizontal .pin::before,.film--entero .pin::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(rgba(var(--sombra),.42),rgba(var(--sombra),0) 32%,rgba(var(--sombra),0) 60%,rgba(var(--sombra),.5))}
}
.completa{display:none;position:absolute;top:var(--s2);left:var(--margin);z-index:2;
  background:none;border:0;padding:4px 0;cursor:pointer;
  font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;letter-spacing:.22em;
  text-transform:uppercase;line-height:1;color:var(--papel);opacity:.66;
  border-bottom:1px solid rgba(233,225,214,.38)}
.completa:hover,.completa:focus-visible{opacity:1;border-bottom-color:var(--papel)}
@media (orientation:portrait) and (max-width:1023px){.film--entero .completa,.film--horizontal .completa{display:block}}
/* pie de la Campaña 01: un solo renglón, más chico (clientas, 2026-10-11) */
@media (max-width:599px){
  .g-campana .ficha-pie{gap:var(--s1);white-space:nowrap}
  .g-campana .ficha-pie .micro,.g-campana .ficha-pie .estado{font-size:min(11px,2.5vw);letter-spacing:.14em}
}
/* manifiesto: el golpe más marcado para que se lea, mobile y desktop (clientas, 2026-10-11) */
.cita.golpe{color:#D9CFC2;text-shadow:
  -.018em -.018em 0 rgba(var(--luz),1),
  -.032em -.032em .03em rgba(var(--luz),.65),
   .016em  .016em 0 rgba(var(--sombra),.62),
   .03em   .03em  .04em rgba(var(--sombra),.36)}
/* ══ CABECERA FIJA + MENÚ ═══════════════════════════════════════════════════════════════
   Transparente sobre el metal; papel al bajar. El menú es una hoja de cuero a pantalla completa. */
.sitio{position:fixed;top:0;left:0;right:0;z-index:20;height:56px;display:flex;align-items:center;justify-content:space-between;
  padding-inline:var(--margin);transition:background-color var(--dur-ui) var(--ease-settle),box-shadow var(--dur-ui) var(--ease-settle)}
.sitio.sobre-papel{background:rgba(233,225,214,.96);box-shadow:0 1px 0 rgba(var(--sombra),.10)}
.sitio .micro{color:var(--espresso)}
.sitio-menu{appearance:none;background:none;border:0;padding:12px 0;cursor:pointer;display:inline-flex;align-items:center;gap:12px}
.sitio-menu i{display:grid;gap:5px;width:22px}
.sitio-menu i::before,.sitio-menu i::after{content:"";display:block;height:1px;background:var(--espresso)}
.menu{position:fixed;inset:0;z-index:30;background:rgba(39,31,27,.30);
  opacity:0;visibility:hidden;transition:opacity var(--dur-obj) var(--ease-settle),visibility 0s linear var(--dur-obj)}
.menu.abierto{opacity:1;visibility:visible;transition:opacity var(--dur-obj) var(--ease-settle)}
/* la hoja: papel, como la ficha del colofón — filas finas, etiqueta a la izquierda, detalle a la derecha */
.menu-hoja{background-color:var(--papel);background-image:var(--grain-fibra),var(--grain-paper);
  background-size:420px 140px,var(--grain-size) var(--grain-size);background-blend-mode:soft-light,normal;
  box-shadow:0 1px 0 rgba(var(--sombra),.10),0 24px 48px rgba(var(--sombra),.16);
  transform:translate3d(0,-12px,0);transition:transform var(--dur-obj) var(--ease-expo-out)}
.menu.abierto .menu-hoja{transform:none}
.menu-cabeza{height:56px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--margin)}
.menu-cabeza .micro,.menu-cerrar{color:var(--espresso)}
.menu-cerrar{appearance:none;background:none;border:0;padding:12px 0;cursor:pointer}
.menu-cuerpo{width:min(100% - 2*var(--margin),var(--container));margin-inline:auto;padding:var(--s4) 0 var(--s4)}
@media(min-width:1024px){.menu-cuerpo{padding-left:calc((100% - 0px) / 12 + var(--gutter))}}
.menu-lista{list-style:none;margin:0;padding:0;border-top:1px solid rgba(39,31,27,.14)}
.menu-lista a{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:baseline;gap:var(--s2);
  padding:18px 0;border-bottom:1px solid rgba(39,31,27,.14);color:var(--espresso);
  transition:border-color var(--dur-ui) var(--ease-settle)}
.menu-lista .n{font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;letter-spacing:.12em;color:var(--tinta-rec)}
.menu-lista .t{font-family:var(--f-jost);font-size:13px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--tinta-rec);
  transition:color var(--dur-ui) var(--ease-settle)}
.menu-lista .d{font-family:var(--f-jost);font-size:13px;font-weight:400;letter-spacing:.08em;color:var(--espresso);text-align:right}
.menu-lista a:hover,.menu-lista a:focus-visible{border-bottom-color:var(--espresso)}
.menu-lista a:hover .t,.menu-lista a:focus-visible .t,.menu-lista a[aria-current="page"] .t{color:var(--espresso)}
@media(max-width:599px){.menu-lista a{grid-template-columns:36px minmax(0,1fr)}.menu-lista .d{grid-column:2;text-align:left;margin-top:6px;color:var(--tinta-rec)}}
.menu-pie{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);padding-top:var(--s3)}
.menu-pie .micro{color:var(--tinta-rec)}
.menu-pie a.micro{color:var(--espresso)}
/* Shop despliega las piezas: la fila es un botón con la misma grilla que los enlaces */
.menu-abre{appearance:none;background:none;border:0;border-bottom:1px solid rgba(39,31,27,.14);width:100%;text-align:left;cursor:pointer;font:inherit;
  display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:baseline;gap:var(--s2);padding:18px 0;color:var(--espresso);
  transition:border-color var(--dur-ui) var(--ease-settle)}
.menu-abre .d{display:inline-flex;align-items:center;gap:12px}
.menu-abre i{position:relative;width:9px;height:9px;flex:none}
.menu-abre i::before,.menu-abre i::after{content:"";position:absolute;left:0;right:0;top:4px;height:1px;background:var(--espresso);
  transition:transform var(--dur-ui) var(--ease-settle)}
.menu-abre i::after{transform:rotate(90deg)}
.menu-abre[aria-expanded="true"] i::after{transform:rotate(0)}
.menu-abre:hover,.menu-abre:focus-visible,.menu-abre[aria-expanded="true"]{border-bottom-color:var(--espresso)}
.menu-abre:hover .t,.menu-abre:focus-visible .t,.menu-abre[aria-expanded="true"] .t{color:var(--espresso)}
.menu-sub{list-style:none;margin:0;padding:0}
.menu-sub:not([hidden]){animation:menu-sub var(--dur-obj) var(--ease-settle) both}
@keyframes menu-sub{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.menu-lista .menu-sub a{padding:13px 0}
.menu-lista .menu-sub .t{font-size:12px;letter-spacing:.22em}
.menu-lista .menu-sub .d{font-size:var(--t-micro);letter-spacing:.12em;color:var(--tinta-rec)}
@media(max-width:599px){.menu-abre{grid-template-columns:36px minmax(0,1fr)}.menu-abre .d{grid-column:2;margin-top:6px;color:var(--tinta-rec)}
  .menu-lista .menu-sub a{grid-template-columns:36px minmax(0,1fr) auto}.menu-lista .menu-sub .d{grid-column:auto;margin-top:0;text-align:right}}


.sitio{background:rgba(233,225,214,.96);box-shadow:0 1px 0 rgba(var(--sombra),.10)}
/* ══ EL DIÁLOGO — grande; se escribe a medida que se baja ══ */
.dialogo-hoja{height:240vh;padding:0}
.dialogo-pin{position:sticky;top:0;min-height:100svh;display:grid;align-content:center;padding-block:calc(56px + var(--s4)) var(--s4)}
.dialogo-pin .grilla{row-gap:var(--s4)}
.dialogo{display:grid;row-gap:var(--s3);grid-column:1/-1}
.dialogo .linea{margin:0;font-family:var(--f-jost);font-weight:300;font-size:clamp(24px,3.7vw,54px);line-height:1.18;letter-spacing:.01em;color:var(--espresso);text-wrap:balance}
.dialogo .linea:nth-child(even){padding-left:12%;color:var(--tinta-rec)}
.dialogo .falta{color:transparent}
.dialogo .linea.activa .dicho::after{content:"";display:inline-block;width:.06em;height:.9em;margin-left:.04em;vertical-align:-.08em;background:currentColor;opacity:.6}
@media(min-width:1024px){.dialogo{grid-column:2/13}}
@media(min-width:1440px){.dialogo{grid-column:3/13}}
@media (prefers-reduced-motion:reduce){.dialogo-hoja{height:auto}.dialogo-pin{position:static}}