:root{--espresso:#2b1912;--crema:#f4ebdd;--tostado:#7a4a2e;--rojo:#b3342a;--oro:#d4a24c;--display:"Young Serif", Georgia, serif;--body:"Figtree", system-ui, sans-serif;--nav-h:88px}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h);overflow-x:clip}body{font-family:var(--body);color:var(--espresso);background:var(--crema);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit}ol,ul{padding:0;list-style:none}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.05}:focus-visible{outline:3px solid var(--oro);outline-offset:3px}.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}.rv{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(28px)}.rv.is-in,.rv--list{opacity:1;transform:none}.rv--list li{opacity:0;transition:opacity .8s,transform .8s;transform:translate(-24px)}.rv--list.is-in li{opacity:1;transform:none}.rv--list.is-in li:nth-child(2){transition-delay:.25s}.rv--list.is-in li:nth-child(3){transition-delay:.5s}.rv--img img{transition:transform 1.6s cubic-bezier(.2,.8,.2,1),filter .5s;transform:scale(1.3)}.rv--img.is-in img{transform:none}.progreso{z-index:30;background:linear-gradient(90deg, var(--oro), var(--rojo));transform-origin:0;height:4px;position:fixed;inset:0 0 auto;transform:scaleX(0)}@supports (animation-timeline:scroll()){.progreso{animation:linear both grow;animation-timeline:scroll(root)}}.cup{isolation:isolate;color:#fff;max-width:calc(100% - 28px);margin-right:28px;padding-bottom:10px;text-decoration:none;display:inline-block;position:relative}.cup:before{content:"";background:var(--tostado);z-index:-1;border-radius:50%;height:12px;position:absolute;bottom:0;left:-10px;right:-10px}.cup:after{content:"";border:5px solid var(--rojo);z-index:-1;border-left:0;border-radius:0 22px 22px 0;width:32px;height:46%;position:absolute;top:16%;right:-24px}.cup__body{background:var(--rojo);overflow-wrap:anywhere;border-radius:6px 6px 28px 28px;padding:.95rem 1.8rem 1.05rem;font-weight:600;line-height:1.2;transition:transform .2s;display:block;position:relative;overflow:hidden}.cup--sm .cup__body{padding:.7rem 1.3rem .8rem;font-size:.95rem}.cup--sm:after{width:26px;right:-20px}.cup:active .cup__body{transform:scale(.97)}.cup__label{position:relative}.cup__fill{background:var(--espresso);transition:translate .75s cubic-bezier(.3,.7,.2,1);position:absolute;inset:0;translate:0 105%}.cup__fill:before{content:"";background:radial-gradient(circle at 10px 8px, var(--espresso) 8px, transparent 9px) 0 0 / 20px 8px repeat-x;width:200%;height:8px;animation:.9s linear infinite wave;position:absolute;top:-8px;left:0}@media (hover:hover){.cup:hover .cup__fill,.cup:focus-visible .cup__fill{translate:0 62%}.cup:hover i,.cup:focus-visible i{animation:1.6s ease-out infinite steam}}.cup.is-lleno .cup__fill{translate:0}.cup.is-lleno i{animation:1.6s ease-out infinite steam}.cup__steam{pointer-events:none;justify-content:space-between;width:30px;height:22px;display:flex;position:absolute;top:-20px;left:50%;translate:-50%}.cup__steam i{opacity:0;filter:blur(1.5px);background:#aa7850b3;border-radius:5px;width:5px;height:18px}.cup__steam i:nth-child(2){animation-delay:.3s!important}.cup__steam i:nth-child(3){animation-delay:.6s!important}.nav{z-index:20;height:var(--nav-h);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4ebdde6;transition:box-shadow .3s;position:sticky;top:0}.nav.is-scrolled{box-shadow:0 1px #2b19121f}.nav .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.nav__logo img{transform-origin:0;width:auto;height:68px;transition:transform .3s}.nav.is-scrolled .nav__logo img{transform:scale(.82)}.nav__links{gap:2rem;display:flex}.nav__links a{font-weight:500;text-decoration:none;transition:color .2s}.nav__links a:hover{color:var(--rojo)}.nav__toggle{border:1.5px solid var(--espresso);min-height:44px;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 1rem;font-weight:600;display:none}.hero{width:min(1120px,100% - 2.5rem);min-height:calc(100svh - var(--nav-h));grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:2rem;margin-inline:auto;padding-block:2rem;display:grid;position:relative;overflow-x:clip}.hero__text{z-index:1;position:relative}.hero__kicker{color:var(--tostado);margin-bottom:1rem;font-weight:600}.hero h1{font-size:clamp(3.2rem,9vw,6.5rem)}.line{padding-bottom:.08em;display:block;overflow:hidden}.line>span{animation:.9s cubic-bezier(.2,.8,.2,1) forwards rise;display:block;transform:translateY(105%)}.line:nth-child(2)>span{animation-delay:.15s}.hero__lead{max-width:30ch;margin:1.25rem 0 2.2rem;font-size:1.25rem}.bean{opacity:.55;pointer-events:none;height:auto;animation:beanfloat var(--dur) ease-in-out var(--del) infinite;position:absolute}.stage{aspect-ratio:1;justify-self:center;width:100%;max-width:560px;position:relative}.stage:before{content:"";background:radial-gradient(circle at 35% 30%, #5a3523, var(--espresso) 70%);border-radius:50%;animation:.9s cubic-bezier(.2,.9,.3,1.2) both enter;position:absolute;inset:6%;box-shadow:0 30px 60px -20px #2b191280}.stage__ring{border:1.5px dashed var(--oro);border-radius:50%;animation:40s linear infinite spin;position:absolute;inset:0}.p{filter:drop-shadow(0 18px 18px #00000059);height:auto;translate:calc(var(--mx,0) * var(--d) * 1px) calc(var(--my,0) * var(--d) * 1px);animation:enter .9s cubic-bezier(.2, .9, .3, 1.2) var(--e,0s) both, float 6s ease-in-out var(--f,0s) infinite;position:absolute}.p--c{--d:-24;--e:.7s;z-index:2;width:44%;bottom:14%;left:28%}.p--l{--d:-12;--e:.5s;--f:-2s;width:34%;bottom:18%;left:6%}.p--r{--d:-36;--e:.9s;--f:-4s;width:30%;bottom:18%;right:6%}.cinta{background:var(--rojo);color:var(--crema);padding:.9rem 0;overflow:hidden}.cinta__pista{width:max-content;animation:30s linear infinite marquee;display:flex}.cinta:hover .cinta__pista{animation-play-state:paused}.cinta__grupo{font-family:var(--display);white-space:nowrap;gap:2rem;padding-right:2rem;font-size:clamp(1.6rem,4vw,2.4rem);display:flex}.cinta__grupo span{align-items:center;gap:2rem;display:flex}.cinta__grupo span:after{content:"";background:var(--oro);border-radius:50% 0;width:.45em;height:.45em;rotate:45deg}.momento{isolation:isolate;color:var(--crema);background:var(--espresso);padding:clamp(5rem,14vw,10rem) 0;position:relative;overflow:hidden}.momento__bg{object-fit:cover;opacity:.38;z-index:-1;width:100%;height:120%;position:absolute;inset:-10% 0}@supports (animation-timeline:view()){.momento__bg{animation:linear both drift;animation-timeline:view()}}.momento h2{max-width:14ch;font-size:clamp(2.4rem,7vw,5rem)}.momento__list{gap:1rem;margin:3rem 0;font-size:clamp(1.2rem,3vw,1.8rem);display:grid}.momento__end{font-family:var(--display);color:var(--oro);font-size:clamp(2rem,5vw,3.5rem)}.cafes{background:var(--tone);color:#fff;padding:clamp(4rem,10vw,7rem) 0;transition:background-color .6s;overflow:hidden}.cafes h2{max-width:18ch;margin-bottom:2rem;font-size:clamp(2rem,5vw,3.5rem)}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;display:flex}.tab{cursor:pointer;min-height:44px;color:inherit;font:inherit;background:0 0;border:1.5px solid #ffffff80;border-radius:999px;padding:0 1.3rem;font-weight:600;transition:all .2s}.tab:hover{border-color:#fff}.tab[aria-selected=true]{color:var(--espresso);background:#fff;border-color:#fff}.prod{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:2rem;display:grid}.prod__stage{min-height:420px;transform-style:preserve-3d;transform:perspective(800px) rotateY(calc(var(--tx,0) * 14deg)) rotateX(calc(var(--ty,0) * -14deg));place-items:center;transition:transform .25s;display:grid;position:relative}.prod__stage:before{content:"";background:radial-gradient(circle,#ffffff38,#0000 65%);border-radius:50%;animation:4s ease-in-out infinite halo;position:absolute;inset:8%}.prod__ghost{font-family:var(--display);color:#0000;-webkit-text-stroke:1.5px #ffffff47;white-space:nowrap;font-size:clamp(2.6rem,9.5vw,7.5rem);line-height:1;animation:.8s cubic-bezier(.2,.8,.2,1) ghost;position:absolute;transform:translateZ(-50px)}.prod__img{object-fit:contain;filter:drop-shadow(0 24px 24px #00000059);width:auto;max-width:100%;height:clamp(250px,34vw,400px);animation:.7s cubic-bezier(.2,.8,.2,1) pop;position:relative;transform:translateZ(60px)}.prod__sello{text-align:center;background:var(--oro);width:96px;height:96px;color:var(--espresso);line-height:1;font-family:var(--display);border-radius:50%;place-content:center;animation:.6s cubic-bezier(.2,.9,.3,1.4) sello;display:grid;position:absolute;bottom:6%;right:4%;transform:translateZ(100px);box-shadow:0 10px 24px -8px #00000080}.prod__sello:after{content:"";border:1.5px dashed #2b191280;border-radius:50%;position:absolute;inset:5px}.prod__sello b{font-size:1.9rem;font-weight:400}.prod__sello small{margin-top:.15rem;font-size:.85rem}.prod__txt{animation:.6s fade}.prod__txt p{max-width:38ch}.prod h3{margin-bottom:.75rem;font-size:clamp(2rem,5vw,3.2rem)}.pres__label{margin-top:1.8rem;font-weight:600}.pres{flex-wrap:wrap;gap:.6rem;margin-top:.7rem;display:flex}.chip{text-align:left;cursor:pointer;min-height:52px;color:inherit;font:inherit;animation:.5s cubic-bezier(.2,.8,.2,1) backwards chipin;animation-delay:calc(var(--i) * 70ms);background:#ffffff14;border:1.5px solid #ffffff73;border-radius:16px;padding:.5rem 1.1rem;transition:background .2s,color .2s,translate .2s;display:grid}.chip b{font-family:var(--display);font-size:1.15rem;font-weight:400;line-height:1.15}.chip small{opacity:.85;font-size:.75rem}@media (hover:hover){.chip:hover{background:#ffffff2e;translate:0 -2px}}.chip[aria-checked=true]{color:var(--espresso);background:#fff;border-color:#fff}.historia{padding:clamp(4rem,10vw,7rem) 0;overflow-x:clip}.historia__intro{text-align:center;max-width:52ch;margin:0 auto clamp(2rem,6vw,4rem)}.historia__intro h2{margin-bottom:1rem;font-size:clamp(2.2rem,6vw,4rem)}.linea{--lx:50%;position:relative}.linea:before,.linea:after{content:"";left:var(--lx);width:3px;position:absolute;top:0;bottom:0;translate:-50%}.linea:before{background:#2b191226}.linea:after{background:var(--rojo);transform-origin:top}@supports (animation-timeline:view()){.linea:after{animation:linear both fill;animation-timeline:view();animation-range:cover 15% cover 75%}}.hito{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(3rem,8vw,7rem);padding-block:clamp(2rem,6vw,4rem);display:grid;position:relative}.hito--der .hito__txt{order:2}.hito--der .hito__fig{order:1}.hito__year{font-family:var(--display);color:var(--rojo);font-variant-numeric:tabular-nums;font-size:clamp(3.5rem,9vw,6rem);line-height:1;display:block}.hito h3{margin:.5rem 0;font-size:clamp(1.6rem,3.5vw,2.2rem)}.hito__txt p{max-width:42ch}.hito__fig{background:#fff;border-radius:4px;justify-self:center;width:min(100%,280px);padding:10px 10px 8px;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1),rotate .4s;rotate:-2deg;box-shadow:0 14px 30px -12px #2b191273}.hito--der .hito__fig{rotate:2deg}.hito__fig.is-in:hover{rotate:0deg}.hito__foto{aspect-ratio:1;border-radius:2px;overflow:hidden}.hito__foto img{object-fit:cover;filter:sepia(.4);width:100%;height:100%}.hito__fig:hover img{filter:none}.hito__fig figcaption{font-family:var(--display);text-align:center;color:var(--tostado);padding-top:.5rem;font-size:.95rem}.hito__dot{left:var(--lx);background:var(--rojo);border:4px solid var(--crema);border-radius:50%;width:20px;height:20px;transition:scale .5s cubic-bezier(.2,.9,.3,1.6);position:absolute;top:50%;translate:-50% -50%;scale:0}.hito__txt.is-in~.hito__dot{scale:1}.contacto{isolation:isolate;text-align:center;color:var(--crema);background:var(--espresso);padding:clamp(5rem,12vw,8rem) 0 2rem;position:relative;overflow:hidden}.contacto__bg{object-fit:cover;opacity:.3;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.contacto h2{margin-bottom:2.5rem;font-size:clamp(2.2rem,6vw,4.2rem)}.contacto__bloque{margin-bottom:2.2rem}.contacto__bloque>p{margin-bottom:1.4rem}.contacto__cups{flex-wrap:wrap;justify-content:center;gap:1.6rem 1.2rem;padding-top:14px;display:flex}.contacto__fin{opacity:.8;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:4rem;font-size:.9rem;display:flex}@keyframes rise{to{transform:none}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{0%{transform:translateY(-6%)}to{transform:translateY(6%)}}@keyframes pop{0%{opacity:0;transform:translateZ(60px)translateY(30px)rotate(-4deg)scale(.94)}}@keyframes fade{0%{opacity:0}}@keyframes enter{0%{opacity:0;scale:.6}}@keyframes beanfloat{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-22px) rotate(calc(var(--r) + 25deg))}}@keyframes steam{0%{opacity:0;transform:translateY(6px)scaleY(.6)}40%{opacity:.9}to{opacity:0;transform:translateY(-14px)scaleY(1.2)}}@keyframes wave{to{transform:translate(-20px)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes sello{0%{opacity:0;rotate:-70deg;scale:.3}}@keyframes chipin{0%{opacity:0;translate:0 12px}}@keyframes ghost{0%{opacity:0;translate:-40px}}@keyframes halo{50%{opacity:.7;transform:scale(1.1)}}@keyframes grow{to{transform:scaleX(1)}}@keyframes fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (width<=820px){.hero h1{font-size:clamp(2.6rem,13vw,4.5rem)}.hero{text-align:center;grid-template-columns:minmax(0,1fr);padding-top:1rem}.hero__lead{margin-inline:auto}.stage{max-width:420px}.prod{text-align:center;grid-template-columns:minmax(0,1fr)}.prod__txt p{margin-inline:auto}.prod__stage{min-height:280px}.prod__img{height:250px}.prod__sello{width:78px;height:78px;right:6%}.prod__sello b{font-size:1.5rem}.pres{justify-content:center}.chip{text-align:center}.linea{--lx:9px}.hito{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-left:2.4rem}.hito--der .hito__txt,.hito--der .hito__fig{order:0}.hito__dot{top:3.4rem}.hito__fig{justify-self:start;width:min(100%,240px)}.contacto__fin{text-align:center;justify-content:center}}@media (width<=720px){:root{--nav-h:72px}.nav__logo img{height:54px}.nav__toggle{display:block}.nav__links{inset:var(--nav-h) 0 auto 0;background:var(--crema);opacity:0;pointer-events:none;flex-direction:column;gap:0;padding:.5rem 1.25rem 1.25rem;transition:all .25s;position:absolute;transform:translateY(-8px)}.nav__links.is-open{opacity:1;pointer-events:auto;transform:none}.nav__links a{padding:.9rem 0;font-size:1.2rem;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}