.tienda__portada { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--canal); align-items: end;
  padding: calc(var(--cabecera-alto) + clamp(48px, 9vh, 96px)) var(--margen) clamp(22px, 3.4vh, 32px); }
.tienda__portada > * { grid-column: 1 / -1; }
.tienda__lamina { margin-bottom: clamp(16px, 2.6vh, 26px); }
.tienda__titular { font-size: var(--display-2); line-height: 0.9; letter-spacing: -0.012em; }
.tienda__titular em { padding-right: 0.06em; white-space: nowrap; }
.tienda__bajada { margin-top: clamp(16px, 2.6vh, 24px); max-width: 30ch; font-size: var(--t-cuerpo); line-height: 1.5; }
@media (max-height: 720px) and (max-width: 899.98px) {
  .tienda__portada { padding-top: calc(var(--cabecera-alto) + 36px); }
}
@media (min-width: 900px) {
  .tienda__titular { font-size: var(--t-titular); line-height: 0.95; letter-spacing: -0.01em; white-space: nowrap; }
  .tienda__bajada { margin-top: 14px; max-width: none; }
}
@media (min-width: 1400px) {
  .tienda__titular { grid-column: 1 / span 9; grid-row: 2; }
  .tienda__bajada { grid-column: 10 / -1; grid-row: 2; justify-self: end; margin: 0 0 0.72em; max-width: 27ch; }
}
.estampas { position: relative; }
.estampa { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(92px, 31%) minmax(0, 1fr); column-gap: clamp(16px, 5vw, 26px); align-items: end;
  padding: 16px var(--margen) 26px; --alto: clamp(270px, 39svh, 336px); }
.estampa__cabeza { grid-column: 1 / -1; margin-bottom: 12px; color: var(--ceniza); }
.estampa__numero { transition: color 0.7s var(--expo); }
.estampa__figura { position: relative; display: grid; place-items: center; height: var(--alto); }
.estampa__figura::after { content: ''; position: absolute; z-index: -1; left: 50%; bottom: -1.5%; width: calc(var(--alto) * 0.5); height: calc(var(--alto) * 0.06); transform: translateX(-50%);
  border-radius: 50%; background: radial-gradient(closest-side, rgba(0, 0, 0, 0.7), transparent); pointer-events: none; }
.estampa__grabado { position: absolute; z-index: -1; left: 50%; pointer-events: none; }
.estampa__grabado .grabado { position: absolute; inset: 0; }
.estampa__traza { color: var(--hueso); opacity: 0.09; }
.estampa__charco { position: absolute; inset: 0;
  -webkit-mask: radial-gradient(circle calc(var(--alto) * 0.78) at var(--foco, 50% 60%), #000 52%, transparent 100%);
          mask: radial-gradient(circle calc(var(--alto) * 0.78) at var(--foco, 50% 60%), #000 52%, transparent 100%); }
.estampa__tinta { color: var(--tinta); opacity: 0.7; clip-path: circle(0% at var(--foco, 50% 60%)); transition: clip-path 1.25s var(--expo); }
.estampa--guacamaya .estampa__grabado { top: -12%; height: 96%; aspect-ratio: 300 / 446; translate: -34% 0; --foco: 34% 65%; }
.estampa--jaguar .estampa__grabado { bottom: 34%; width: calc(var(--alto) * 1.12); aspect-ratio: 560 / 299; translate: -21% 0; --foco: 21% 73%; }
.estampa--rana .estampa__grabado { bottom: 22%; width: calc(var(--alto) * 0.86); aspect-ratio: 360 / 296; translate: -27% 0; --foco: 27% 60%; }
.estampa--guacamaya .estampa__grabado .grabado, .estampa--rana .estampa__grabado .grabado { scale: -1 1; }
.estampa__halo { z-index: -1; width: calc(var(--alto) * 1.25); opacity: 0; transition: opacity 1.2s var(--expo); }
.estampa__botella { height: 100%; max-width: 100%; aspect-ratio: var(--ar); --radio: calc(var(--alto) * 0.34); transition: transform 1.2s var(--expo); }
.estampa__grabado { --funde: clamp(26px, 3.4vw, 46px);
  -webkit-mask-image: linear-gradient(90deg, transparent var(--x0, -999px), #000 calc(var(--x0, -999px) + var(--funde) * 0.4)),
    linear-gradient(180deg, transparent var(--y0, -999px), #000 calc(var(--y0, -999px) + var(--funde) * 0.4)),
    linear-gradient(90deg, #000 calc(var(--x1, 9999px) - var(--funde)), transparent var(--x1, 9999px)),
    linear-gradient(180deg, #000 calc(var(--y1, -999px) - var(--funde) * 0.8), transparent var(--y1, -999px));
          mask-image: linear-gradient(90deg, transparent var(--x0, -999px), #000 calc(var(--x0, -999px) + var(--funde) * 0.4)),
    linear-gradient(180deg, transparent var(--y0, -999px), #000 calc(var(--y0, -999px) + var(--funde) * 0.4)),
    linear-gradient(90deg, #000 calc(var(--x1, 9999px) - var(--funde)), transparent var(--x1, 9999px)),
    linear-gradient(180deg, #000 calc(var(--y1, -999px) - var(--funde) * 0.8), transparent var(--y1, -999px));
  -webkit-mask-composite: source-in, source-in, source-over;
          mask-composite: intersect, intersect, add; }
.estampa__pie { position: relative; min-width: 0; }
html:not(.js) .estampa__pie { background: var(--noche); box-shadow: 0 0 16px 12px var(--noche); }
.estampa__nombre { font-size: var(--t-titular); line-height: 0.95; letter-spacing: -0.01em; }
.estampa__nombre a { display: block; }
.estampa__y { display: block; padding-left: 0.36em; white-space: nowrap; }
.estampa__nombre em { color: var(--ceniza); transition: color 0.7s var(--expo); }
.estampa__notas { display: grid; gap: 5px; margin-top: 14px; color: var(--ceniza); }
.estampa__notas li + li::before { display: none; }
.estampa__precio { display: grid; gap: 7px; margin-top: 14px; color: var(--ceniza); }
.estampa__contenido { white-space: nowrap; }
@media (max-width: 1099.98px) { .estampa__contenido { font-size: 0.75rem; } }
.estampa__valor { font-size: 1.5rem; line-height: 1; color: var(--hueso); }
.estampa__acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 0 18px; margin-top: 16px; }
.estampa__boton { flex: 1 1 108px; padding-inline: 12px; }
.estampa__enlace { display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap; }
.estampa.es-foco .estampa__tinta { clip-path: circle(150% at var(--foco, 50% 60%)); }
.estampa.es-foco .estampa__halo { opacity: 0.2; }
.estampa.es-foco .estampa__botella { transform: translateY(-1.4%); }
.estampa.es-foco .estampa__numero { color: var(--tinta-texto); }
.estampa.es-foco .estampa__nombre em { color: var(--tinta); }
.estampa.es-foco .estampa__notas { color: var(--hueso); }
.estampa.es-foco .estampa__boton { color: var(--noche); }
.estampa.es-foco .estampa__boton::before { transform: scaleY(1); transform-origin: 50% 0; }
.estampa__notas { transition: color 0.7s var(--expo); }
@media (min-width: 600px) and (max-width: 1023.98px) {
  .estampa { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); padding-bottom: 40px; --alto: clamp(300px, 42svh, 400px); }
}
@media (min-width: 1024px) {
  .estampas__pliego { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .estampa { grid-template-columns: calc(var(--alto) * 0.31) minmax(0, 1fr); column-gap: clamp(12px, 1.5vw, 26px);
    padding: 20px clamp(18px, 2.3vw, 36px) clamp(22px, 3.4vh, 34px); --alto: min(40svh, 330px, 28vw); }
  .estampa:first-child { padding-left: var(--margen); }
  .estampa:last-child { padding-right: var(--margen); }
  .estampa__cabeza { margin-bottom: 14px; }
  .estampa__nombre { font-size: var(--t-entrada); line-height: 1.02; letter-spacing: -0.01em; }
  .estampa__valor { font-size: 1.625rem; }
  .estampa__boton { flex-basis: 100%; }
}
@media (min-width: 1200px) {
  .estampa { --alto: max(300px, min(46svh, 460px, 27vw)); }
  .estampa__nombre { font-size: var(--t-subtitulo); line-height: 0.98; letter-spacing: -0.012em; }
  .estampa__y { padding-left: 0; }
}
@media (min-width: 1400px) {
  .estampa__y { padding-left: 0.2em; }
  .estampa__boton { flex-basis: 108px; }
}
@media (max-width: 359.98px) {
  .estampa { grid-template-columns: 80px minmax(0, 1fr); column-gap: 12px; }
  .estampa__y { padding-left: 0; }
}
.copa { position: relative; display: block; isolation: isolate; aspect-ratio: 334 / 795; --lleno: 0; }
.copa[data-copa="15"] { --lleno: 0.208; }
.copa[data-copa="30"] { --lleno: 0.478; }
.copa[data-copa="45"] { --lleno: 0.747; }
.copa[data-copa="60"] { --lleno: 1; }
.copa__vidrio { position: absolute; inset: 0; color: var(--hueso); }
.copa__liquido { position: absolute; z-index: -1; left: 6.6%; right: 6.6%; top: 16.1%; bottom: 19.4%; overflow: hidden; border-radius: 0 0 11% 11% / 0 0 4.5% 4.5%; }
.copa__liquido::before { content: ''; position: absolute; inset: 0;
  background: linear-gradient(to bottom, var(--tinta), transparent 185%); opacity: 0.4;
  transform: translateY(calc((1 - var(--lleno)) * 100%)); transition: transform 1.2s var(--expo); }
.medir__lamina { padding: clamp(40px, 7vh, 72px) var(--margen) 0; }
.medir__frase { padding: clamp(44px, 8vh, 80px) var(--margen) clamp(20px, 3vh, 32px); max-width: 21em; font-style: italic; }
.accesorio { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 16px 18px; padding: 24px var(--margen) 44px; }
.accesorio__lamina { grid-column: 1 / -1; }
.accesorio__copa { display: block; width: 52px; }
.accesorio__nombre { font-family: var(--antigua); font-size: var(--t-entrada); line-height: 1.1; }
.accesorio__nombre a { display: inline-flex; align-items: center; min-height: 44px; }
.medir__lamina + .medir__frase { padding-top: clamp(18px, 3vh, 28px); }
.accesorio__medidas { color: var(--ceniza); white-space: nowrap; }
.accesorio__precio { font-size: 1.375rem; line-height: 1; }
.accesorio__boton { grid-column: 1 / -1; }
@media (min-width: 900px) {
  .accesorio { grid-template-columns: auto minmax(max-content, 1fr) auto auto; column-gap: clamp(18px, 2.2vw, 36px); padding-block: 30px 40px; }
  .accesorio__copa { width: 60px; }
  .accesorio__boton { grid-column: auto; min-width: 148px; }
  .accesorio__nombre a { white-space: nowrap; }
  .medir { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--canal); align-items: center; padding-inline: var(--margen); }
  .medir__frase { grid-column: 1 / span 5; padding-inline: 0; }
  .medir .accesorio { grid-column: 7 / -1; padding-inline: 0; }
  .medir__lamina { grid-column: 1 / -1; padding-inline: 0; }
}
@media (min-width: 900px) and (max-width: 1279.98px) {
  .accesorio { grid-template-columns: auto minmax(max-content, 1fr) auto; }
  .accesorio__boton { grid-column: 2 / -1; }
}