@font-face{font-family:iguana viva;src:url(/fonts/iguana-viva-v01.woff2)format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:iguana viva;src:url(/fonts/iguana-viva-medium-v01.woff2)format('woff2');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:dm sans;src:url(/fonts/dm-sans-latin.woff2)format('woff2');font-style:normal;font-weight:400 700;font-display:swap}:root{--bg:#102d27;--surface:#183c32;--fg:#fdfaf5;--fg-2:#f1e2cf;--accent:#f1e2cf;--accent-on:#183c32;--font-body:'DM Sans', ui-sans-serif, system-ui, sans-serif;--font-display:'Iguana Viva', 'DM Sans', ui-sans-serif, system-ui, sans-serif;--font-story:var(--font-display);--page-gutter:clamp(20px, 4.8vw, 96px);--radius-sm:8px;--text-sm:14px}*,*::before,*::after{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;line-height:1.5;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;color:var(--fg);font-family:var(--font-body);font-synthesis:none;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--fg);outline-offset:6px}button:disabled{cursor:default;opacity:.7}::selection{background:var(--accent);color:var(--accent-on)}.landscape{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr)clamp(10.5rem,15vw,13.5rem);grid-template-rows:auto 1fr auto;column-gap:clamp(1.5rem,4vw,4rem);min-height:100svh;min-height:100dvh;padding-inline:var(--page-gutter);padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.living-landscape,.reading-shade{position:absolute;inset:0}.living-landscape{z-index:-3;overflow:hidden}.landscape-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%;opacity:0;pointer-events:none;transition:opacity .45s ease}.landscape-video.is-visible{opacity:1}.night-sky-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .45s ease}.night-sky-canvas.is-visible{opacity:1}@media(max-width:767px),(max-aspect-ratio:4/3){.landscape-video{object-position:79% 0%}}.reading-shade{z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(5 27 24/.5),transparent 22%),linear-gradient(90deg,rgb(5 27 24/.28),transparent 56%),linear-gradient(0deg,rgb(5 27 24/.75),transparent 36%),radial-gradient(ellipse at 20% 64%,rgb(5 27 24/.84),rgb(5 27 24/.38) 27%,transparent 56%)}.site-header{grid-column:1/-1;position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding-block:1.5rem;min-height:96px;gap:1rem;flex-wrap:wrap}.brand{display:inline-flex;flex:1 1 11rem;flex-direction:column;min-width:0;min-height:44px;justify-content:center;line-height:1.18;text-shadow:0 2px 18px rgb(0 0 0/.4)}.brand-name{font-family:var(--font-display);font-size:clamp(1.625rem,1.25rem + .6vw,2rem);font-weight:400;letter-spacing:0;text-wrap:balance;overflow-wrap:break-word}.header-actions{display:flex;flex-shrink:0;align-items:center;gap:20px;margin-inline-start:auto}.header-note{max-width:112px;text-align:right;font-size:.875rem;line-height:1.4;font-weight:500;text-shadow:0 1px 10px var(--bg)}.hero-copy{grid-column:1;grid-row:2;align-self:center;position:relative;z-index:1;min-width:0;max-width:52rem;margin-block:clamp(1.5rem,6svh,5rem)}.hero-title{margin:0;padding:0;font-family:var(--font-story);font-size:clamp(2.625rem,1.5rem + 3.6vw,5.5rem);font-weight:500;font-synthesis:none;line-height:1.06;letter-spacing:-.012em;overflow-wrap:break-word;text-shadow:0 2px 5px rgb(5 27 24/.5),0 6px 28px rgb(5 27 24/.4)}.hero-title>span{display:block;text-wrap:balance}.scene-footer{grid-column:1;grid-row:3;position:relative;z-index:2;min-width:0;padding-top:1rem;pointer-events:none}.landscape-note{max-width:40ch;font-size:.9375rem;line-height:1.5;margin:0;color:var(--fg-2);text-wrap:pretty;text-shadow:0 1px 10px var(--bg)}.scene-message{max-width:min(340px,85vw);margin:10px 0 0;padding:10px 14px;color:var(--fg);background:var(--bg);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.4}.floating-shop{grid-column:2;grid-row:2/4;align-self:end;position:relative;z-index:2;min-width:0;width:100%}.shop-entry{display:flex;flex-direction:column;align-items:center;border-radius:var(--radius-sm)}.shop-product-stage{--product-tones:brightness(.96) saturate(.92);--product-light:linear-gradient(135deg, rgb(245 199 117 / .2), transparent 44%, rgb(37 93 72 / .25));display:block;position:relative;width:178px;height:209px}.shop-float{position:absolute;inset:0 0 12px;isolation:isolate;mask-image:linear-gradient(#000 95%,transparent);animation:bolsa-flota 3.6s ease-in-out infinite}.shop-shadow{position:absolute;left:18%;bottom:0;width:64%;height:12px;border-radius:50%;background:radial-gradient(ellipse,rgb(0 13 11/.55),transparent 70%);filter:blur(3px);opacity:.9;animation:bolsa-sombra 3.6s ease-in-out infinite}@keyframes bolsa-flota{0%,100%{transform:translateY(0)}50%{transform:translateY(-6%)}}@keyframes bolsa-sombra{0%,100%{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.78);opacity:.45}}.shop-product{display:block;width:100%;height:100%;object-fit:contain;filter:var(--product-tones);transition:filter 1.2s ease}.shop-float::after{content:'';position:absolute;inset:0;pointer-events:none;background:var(--product-light);mix-blend-mode:soft-light;mask:url(/cafe-1kg-cta.webp)center/contain no-repeat}[data-period=mediodia] .shop-product-stage{--product-tones:brightness(.98) saturate(.9);--product-light:linear-gradient(165deg, rgb(231 245 242 / .1), transparent 48%, rgb(27 111 96 / .28))}[data-period=golden] .shop-product-stage{--product-tones:brightness(.86) saturate(.88) sepia(.12);--product-light:linear-gradient(125deg, rgb(255 175 82 / .38), transparent 50%, rgb(47 59 69 / .24))}[data-period=noche] .shop-product-stage{--product-tones:brightness(.68) saturate(.72);--product-light:linear-gradient(145deg, rgb(158 184 238 / .38), transparent 52%, rgb(29 65 112 / .4))}.shop-caption{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:100%;gap:9px;padding-top:8px}.shop-kicker{font-size:.875rem;line-height:1.4;color:var(--fg-2);text-shadow:0 1px 8px var(--bg)}.shop-label{display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;max-width:100%;min-height:52px;padding:.875rem 1rem;border-radius:var(--radius-sm);color:var(--accent-on);background:var(--accent);font-size:1rem;font-weight:600;line-height:1.3;transition:background .2s,transform .2s}.shop-label>span{font-size:1.25rem;line-height:1;font-weight:400}a.shop-entry:hover .shop-label{background:var(--fg);transform:translateY(-2px)}.sound-control{position:relative}.sound-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:12px;color:var(--fg);border:1px solid rgb(253 250 245/.3);border-radius:50%;background:rgb(16 45 39/.8);transition:background .2s}.sound-button:hover{background:var(--surface)}.sound-button[aria-pressed=true]{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.sound-button svg{display:block;width:23px;height:23px;flex-shrink:0}.sound-button svg[hidden]{display:none}.sound-loading{animation:sound-loading 1s linear infinite}@keyframes sound-loading{to{transform:rotate(360deg)}}.audio-error{position:absolute;top:calc(100% + 12px);right:0;width:240px;padding:16px;margin:0;background:var(--bg);border:1px solid var(--accent);border-radius:var(--radius-sm);font-size:.9375rem;line-height:1.5;cursor:pointer}@media(max-width:767px){.landscape{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(2rem,1fr)auto auto auto;padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.site-header{grid-row:1;padding-block:1.125rem;min-height:84px}.header-note{display:none}.hero-copy{grid-row:3;margin-block:1rem 1.5rem}.hero-title{font-size:clamp(2.375rem,9vw,3.75rem)}.reading-shade{background:linear-gradient(180deg,rgb(5 27 24/.42),transparent 20%),linear-gradient(0deg,rgb(5 27 24/.95) 8%,rgb(5 27 24/.67) 30%,transparent 68%)}.floating-shop{grid-column:1;grid-row:4}.shop-entry{flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between;gap:1rem}.shop-product-stage{flex:0 0 clamp(5rem,23vw,7rem);width:clamp(5rem,23vw,7rem);height:7rem}.shop-caption{flex:1 1 10rem;align-items:flex-start;gap:.5rem;padding-top:0}.shop-kicker{font-size:.875rem}.shop-label{min-height:48px;padding:.75rem 1rem;font-size:1rem}.scene-footer{grid-row:5;padding-top:1rem}.landscape-note{max-width:38ch;font-size:.875rem}.scene-message{max-width:100%}.audio-error{width:min(240px,calc(100vw - 2 * var(--page-gutter)))}}@media(max-height:600px) and (min-width:768px),(orientation:landscape) and (max-height:540px) and (min-width:560px){.landscape{grid-template-columns:minmax(0,1fr)10rem;grid-template-rows:auto 1fr auto;column-gap:1.5rem;padding-bottom:1rem}.site-header{padding-block:.75rem;min-height:72px}.hero-copy{grid-row:2;margin-block:1rem}.hero-title{font-size:clamp(2.25rem,4.5vw,3.75rem)}.floating-shop{grid-column:2;grid-row:2/4}.shop-entry{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0}.shop-product-stage{flex:none;width:6rem;height:7rem}.shop-caption{flex:none;align-items:center}.shop-label{font-size:1rem;padding:.75rem}.scene-footer{grid-column:1;grid-row:3;padding-top:.5rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}