.probador,.indice{--papel:var(--color-ink-text);--lapicera:#1f2a4d}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.probador{background:var(--color-ink);color:var(--color-ink-text);z-index:1;position:relative;overflow-x:clip}.probador-grilla{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);grid-template-areas:"txt abanico";align-items:center;gap:clamp(24px,5vw,72px);padding-top:clamp(28px,6vw,88px);padding-bottom:clamp(28px,5vw,72px);display:grid}.probador-txt{z-index:2;grid-area:txt;justify-items:start;gap:18px;display:grid;position:relative}.probador h1{font-family:var(--font-display);color:var(--color-gold);letter-spacing:0;text-wrap:balance;max-width:11ch;margin:0;font-size:clamp(36px,5.4vw,70px);font-weight:500;line-height:1.04}.probador-bajada{text-wrap:pretty;max-width:40ch;margin:0 0 6px;font-size:18px;line-height:1.55}.probador .aromas{width:100%;max-width:520px}.probador-otros{color:var(--tinta-suave);margin:0;font-size:16px;line-height:1.5}.probador-otros a{min-height:44px;color:var(--color-gold);text-underline-offset:4px;transition:color var(--t-rapida) var(--sale);align-items:center;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}@media (hover:hover) and (pointer:fine){.probador-otros a:hover{color:var(--color-ink-text)}}.abanico{aspect-ratio:64/50;--ancho:8.1%;--paso:6deg;--pivote:220%;grid-area:abanico;justify-self:center;width:100%;max-width:660px;position:relative;container-type:inline-size}.tiras{height:84%;margin:0;padding:0;list-style:none;position:absolute;bottom:0;left:0;right:0}.tiras li{width:var(--ancho);height:100%;margin-left:calc(var(--ancho) / -2);transform-origin:50% var(--pivote);--ang:calc((var(--i) - (var(--n) - 1) / 2) * var(--paso));transform:rotate(var(--ang));filter:drop-shadow(0 14px 16px #0000008c);animation:.82s cubic-bezier(.16,1,.3,1) both abrir;animation-delay:calc(80ms + var(--i) * 26ms);position:absolute;bottom:0;left:50%}@keyframes abrir{0%{transform:rotate(calc(var(--ang) * .12))}}.tira{height:100%;color:var(--lapicera);transition:transform var(--t-media) var(--sale);-webkit-tap-highlight-color:transparent;display:block;position:relative}.tira:before{content:"";clip-path:polygon(50% 0,100% 7%,100% 100%,0 100%,0 7%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .32 0 0 0 0 .19 0 0 0 .32 0'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23f)'/%3E%3C/svg%3E"), var(--papel);position:absolute;inset:0}.tira-txt{z-index:1;writing-mode:vertical-rl;flex-direction:column;justify-content:center;align-items:center;gap:.4cqw;display:flex;position:absolute;inset:16% 0 10%;overflow:hidden;transform:rotate(180deg)}.tira-txt b{font-family:"Kalam", var(--font-ui);white-space:nowrap;font-size:max(17px,4.1cqw);font-weight:400;line-height:1}.tira-txt i{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb, var(--lapicera) 80%, var(--papel));font-size:max(11px,1.85cqw);font-style:normal;font-weight:600;line-height:1}.tira:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.tira:active{transition-duration:var(--t-toque);transform:translateY(-8px)}@media (hover:hover) and (pointer:fine){.tira:hover{transform:translateY(-16px)}}.humo{fill:none;width:9%;height:auto;color:var(--color-gold);stroke:url(#humo-se-va);stroke-linecap:round;margin-left:-4.5%;position:absolute;bottom:83.5%;left:50%;overflow:visible}.humo-1{stroke-width:6px;stroke-dasharray:300;stroke-dashoffset:0;animation:1.2s cubic-bezier(.16,1,.3,1) .62s both humo}.humo-2{stroke-width:2.5px;stroke-dasharray:160;stroke-dashoffset:0;opacity:.7;animation:1.3s cubic-bezier(.16,1,.3,1) .82s both humo-2}@keyframes humo{0%{stroke-dashoffset:300px}}@keyframes humo-2{0%{stroke-dashoffset:160px}}.regalo{background:var(--color-ink-text);color:var(--color-text);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%);transition:transform var(--t-media) var(--sale);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 28px;margin:0 0 clamp(32px,4vw,56px);padding:18px 56px 18px 28px;display:grid}.regalo:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.regalo-titulo{font-family:var(--font-display);color:var(--color-primary);white-space:nowrap;font-size:clamp(19px,2vw,24px);font-weight:600;line-height:1.2}.regalo-txt{font-size:16px;line-height:1.5}.regalo-accion{color:var(--color-primary);white-space:nowrap;text-underline-offset:4px;font-size:15px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.regalo:active{transform:translate(4px)}@media (hover:hover) and (pointer:fine){.regalo:hover{transform:translate(8px)}}.estante{padding:clamp(48px,6vw,88px) 0 clamp(16px,2vw,28px)}.estante-resto{padding-top:clamp(40px,5vw,72px)}.estante-cab{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:8px clamp(16px,2.4vw,32px);margin-bottom:clamp(28px,3.4vw,44px);display:grid}.estante-cab h2{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:clamp(26px,3.2vw,38px);font-weight:500;line-height:1.12}.estante-cab p{color:var(--color-muted);max-width:48ch;margin:0;font-size:16px;line-height:1.5}.estante-link{white-space:nowrap;min-height:44px;color:var(--color-primary);text-underline-offset:4px;align-items:center;font-size:15px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.varillas{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.5vw,22px);margin:0;padding:0;list-style:none;display:grid}.varillas-5{grid-template-columns:repeat(5,minmax(0,1fr))}.varilla{-webkit-tap-highlight-color:transparent;align-content:start;gap:4px;display:grid}.varilla:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.varilla-foto{aspect-ratio:1/2;background:var(--color-ink);clip-path:inset(0);margin:26px 0 10px;display:block;position:relative;overflow:hidden}.varilla-foto img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;transition:transform .36s cubic-bezier(.23,1,.32,1)}.varilla-foto-frasco{clip-path:none;border-bottom:1px solid var(--color-line);background:0 0;justify-content:center;align-items:flex-end;display:flex;overflow:visible}.varilla-foto-frasco img{object-fit:contain;filter:drop-shadow(0 10px 10px #231a102e);transform-origin:50% 100%;width:auto;max-width:78%;height:auto;max-height:82%}.varillas:not(.varillas-5) .varilla-foto{clip-path:none;overflow:visible}.varillas:not(.varillas-5) .varilla-foto img{display:block}.varillas:not(.varillas-5) .varilla-foto:before{content:"";background:var(--color-primary);width:2px;height:24px;margin-left:-1px;position:absolute;bottom:100%;left:50%}.varillas:not(.varillas-5) .varilla-foto:after{content:"";background:#c8622a;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;bottom:calc(100% + 22px);left:50%}.varilla-nombre{color:var(--color-text);text-wrap:balance;font-size:16px;font-weight:600;line-height:1.3}.varilla-dato{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:15px;line-height:1.45}.varilla:active .varilla-foto img{transform:scale(.985)}@media (hover:hover) and (pointer:fine){.varilla:hover .varilla-foto img{transform:scale(1.05)}.varilla:hover .varilla-foto-frasco img{transform:translateY(-6px)}.varilla:hover .varilla-nombre{color:var(--color-primary)}}.indice{background:var(--color-ink);color:var(--color-ink-text);margin-top:clamp(40px,5vw,72px);padding:clamp(48px,6vw,88px) 0}.indice-cab{gap:12px;max-width:62ch;margin-bottom:clamp(24px,3vw,36px);display:grid}.indice h2{font-family:var(--font-display);color:var(--color-gold);text-wrap:balance;margin:0;font-size:clamp(26px,3.2vw,38px);font-weight:500;line-height:1.12}.indice-cab p{color:var(--tinta-suave);margin:0;font-size:16px;line-height:1.6}.marcas{border-top:1px solid var(--oro-tenue);flex-wrap:wrap;gap:0 clamp(18px,2.4vw,34px);margin:0;padding:12px 0 0;list-style:none;display:flex}.marcas a{min-height:44px;color:var(--color-ink-text);transition:color var(--t-rapida) var(--sale);align-items:baseline;gap:7px;padding-top:10px;font-size:clamp(17px,1.7vw,21px);line-height:1.2;display:inline-flex}.marca-n{color:var(--color-gold);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;position:relative;top:-.5em}.marcas a:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.marcas a:active{color:var(--color-gold)}@media (hover:hover) and (pointer:fine){.marcas a:hover{color:var(--color-gold)}}.indice-todo{min-height:44px;color:var(--color-gold);text-underline-offset:4px;align-items:center;margin-top:18px;font-size:15px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.indice-todo:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}@media (max-width:860px){.probador-grilla{grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:14px}.probador-txt{display:contents}.probador h1{order:0}.abanico{order:1;grid-area:auto}.probador .aromas{order:2}.probador-bajada{order:3}.probador-otros{order:4}.abanico{aspect-ratio:358/300;--ancho:12.3%;--paso:6.8deg;--pivote:260%;max-width:420px;margin:30px 0 22px}.tiras li:first-child,.tiras li:last-child{display:none}.tira-txt b{font-size:max(18px,6.2cqw)}.tira-txt i{font-size:max(11px,3cqw)}.humo{width:13%;margin-left:-6.5%}.probador-bajada{margin:6px 0 0}.regalo{grid-template-columns:minmax(0,1fr);gap:6px;padding:18px 44px 18px 20px}.estante-cab{grid-template-columns:minmax(0,1fr);gap:6px}.varillas{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}.varilla-foto{aspect-ratio:2/5}.varillas-5{grid-template-columns:repeat(6,minmax(0,1fr))}.varillas-5 li{grid-column:span 2}.varillas-5 li:nth-child(n+4){grid-column:span 3}.varillas-5 .varilla-foto{aspect-ratio:3/5}.varillas-5 li:nth-child(n+4) .varilla-foto{aspect-ratio:5/4}.varillas-5 li:nth-child(n+4) .varilla-foto img{max-height:88%}}@media (prefers-reduced-motion:reduce){.tiras li,.humo-1,.humo-2{animation:none}.tira,.regalo,.varilla-foto img{transition:none}.tira:hover,.tira:active,.regalo:hover,.regalo:active,.varilla:hover .varilla-foto img,.varilla:active .varilla-foto img{transform:none}}
