:root{--paper:#fafaf7;--paper-2:#f5f4ec;--paper-3:#efede2;--card:#fdfbf7;--card-hi:#fffefa;--ink:#2a2e1e;--ink-2:#5b5f4e;--ink-3:#5b5f4e;--line:#8e954647;--line-strong:#8e95468c;--matcha:#8e9546;--c-matcha-ink:#5e6329;--avocado:#bbca6f;--primrose:#e9e29b;--tuft:#f2cfbb;--strawberry:#f1b4af;--camaron:#f28892;--camaron-ink:#a8374a;--c-tuft:#f8e3d7;--c-tuft-ink:#7a4429;--c-strawberry:#f7d6d3;--c-strawberry-ink:#8a3138;--c-primrose:#f4f0cb;--c-primrose-ink:#5e5717;--c-avocado:#e4ebc4;--c-avocado-ink:#4f5a1c;--c-matcha:#dde3b8;--c-matcha-ink-2:#4f5a1c;--c-ink:#3b3a2a;--c-ink-ink:#fafaf7;--font-display:var(--font-playfair), Georgia, "Times New Roman", serif;--font-body:var(--font-jost), "Helvetica Neue", Arial, sans-serif;--step--1:.875rem;--step-0:clamp(1rem, .97rem + .15vw, 1.0625rem);--step-1:clamp(1.2rem, 1.1rem + .45vw, 1.5rem);--step-2:clamp(1.55rem, 1.3rem + 1vw, 2.1rem);--step-3:clamp(2rem, 1.6rem + 1.8vw, 3rem);--step-4:clamp(2.6rem, 1.8rem + 3.6vw, 5rem);--shadow-soft:0 4px 20px #0000000a;--shadow-lift:0 14px 34px #2a2e1e14;--wash:radial-gradient(ellipse 60% 55% at 12% 20%, #e9e29b52, transparent 70%), radial-gradient(ellipse 55% 60% at 90% 75%, #f2cfbb73, transparent 70%);--gutter:clamp(20px, 4vw, 48px);--maxw:1240px;--radius:12px;--ease-out:cubic-bezier(.2, .8, .2, 1);--dur:.25s;--header-h:72px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.65;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:500;line-height:1.1}h1 em,h2 em,h3 em{color:var(--matcha);font-style:italic;font-weight:400}p{text-wrap:pretty;margin:0}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}::selection{background:var(--strawberry);color:var(--ink)}:focus-visible{outline:2px solid var(--matcha);outline-offset:3px;border-radius:4px}.wrap{width:min(var(--maxw), 100% - 2 * var(--gutter));margin-inline:auto}.num{font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{z-index:100;background:var(--ink);color:var(--card);border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:16px}.eyebrow{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--c-matcha-ink);font-size:12px;font-weight:600;line-height:1.4}.badge{color:var(--c-matcha-ink);letter-spacing:.16em;text-transform:uppercase;background:#bbca6f40;border:1px solid #8e954659;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;display:inline-flex}.badge--edition{color:var(--camaron-ink);background:#f2889229;border-color:#f2889273}.dot{background:var(--matcha);border-radius:50%;flex:none;width:8px;height:8px}.dot--live{animation:2s infinite pulse;box-shadow:0 0 #8e954680}.dot--edition{background:var(--camaron)}@keyframes pulse{70%{box-shadow:0 0 0 10px #8e954600}to{box-shadow:0 0 #8e954600}}.btn{background:var(--camaron);min-height:52px;color:var(--ink);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) ease, background-color var(--dur) ease, border-color var(--dur) ease;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 30px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #f2889266}.btn:active{transform:translateY(0)scale(.98)}.btn--ghost{background:0 0;border-color:#2a2e1e38}.btn--ghost:hover{background:var(--card);border-color:var(--matcha);box-shadow:none}.btn--edition{background:var(--camaron)}.btn--small{letter-spacing:.1em;min-height:44px;padding:0 18px;font-size:12px}.btn--block{width:100%}::view-transition-old(root){animation-duration:.22s}::view-transition-new(root){animation-duration:.22s}@media (min-width:960px){.mobile-only{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
html[data-season=navidad]{--matcha:#3d6b4f;--c-matcha-ink:#2c5039;--avocado:#9cbf9a;--primrose:#f0dfa8;--tuft:#f4d6c8;--strawberry:#eeb1aa;--camaron:#e8766d;--camaron-ink:#9e2a2b;--granate:#7d1f24;--line:#3d6b4f40;--line-strong:#3d6b4f80;--wash:radial-gradient(ellipse 60% 55% at 12% 20%, #e8766d29, transparent 70%), radial-gradient(ellipse 55% 60% at 90% 75%, #3d6b4f24, transparent 70%)}html[data-season=sanValentin]{--matcha:#b4506a;--c-matcha-ink:#84304a;--avocado:#f0b9c6;--primrose:#f8dde2;--tuft:#f6d0cf;--strawberry:#f4a9b8;--camaron:#f28aa0;--camaron-ink:#a3304f;--line:#b4506a40;--line-strong:#b4506a80;--wash:radial-gradient(ellipse 60% 55% at 12% 20%, #f4a9b84d, transparent 70%), radial-gradient(ellipse 55% 60% at 90% 75%, #f6d0cf80, transparent 70%)}html[data-season=santJordi]{--matcha:#b23a48;--c-matcha-ink:#8a2634;--avocado:#a8c47e;--primrose:#e6ecc4;--tuft:#f6d3cc;--strawberry:#f3b2b4;--camaron:#ec7b7f;--camaron-ink:#8a2634;--line:#b23a4838;--line-strong:#b23a4873;--wash:radial-gradient(ellipse 60% 55% at 12% 20%, #a8c47e40, transparent 70%), radial-gradient(ellipse 55% 60% at 90% 75%, #f3b2b466, transparent 70%)}html[data-season=halloween]{--matcha:#b8611f;--c-matcha-ink:#87440f;--avocado:#d9b48a;--primrose:#f3dcae;--tuft:#edcfb2;--strawberry:#d9b8d6;--camaron:#f0a05a;--camaron-ink:#8a3f0c;--line:#b8611f40;--line-strong:#b8611f80;--wash:radial-gradient(ellipse 60% 55% at 12% 20%, #f0a05a38, transparent 70%), radial-gradient(ellipse 55% 60% at 90% 75%, #d9b8d659, transparent 70%)}html[data-season] .badge{background:color-mix(in srgb, var(--avocado) 25%, transparent);border-color:color-mix(in srgb, var(--matcha) 35%, transparent)}html[data-season] .btn:hover{box-shadow:0 8px 20px color-mix(in srgb, var(--camaron) 40%, transparent)}html[data-season] .dot--live{box-shadow:0 0 0 0 color-mix(in srgb, var(--matcha) 50%, transparent)}
