.btn-sm{padding:12px 22px;font-size:12px;border-radius:10px}.pops{padding-block:clamp(64px,9vh,110px);background:var(--cream)}.pops-top{display:grid;grid-template-columns:minmax(250px,29%) minmax(0,1fr);gap:clamp(28px,3.6vw,58px);align-items:start}.pops-intro{position:relative}.pops-main{min-width:0}.pops-title{margin:0 0 18px;font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:clamp(28px,2.9vw,44px);line-height:1.06;letter-spacing:.01em;color:var(--blue);text-wrap:balance}.pops-lead{margin:0;font-size:clamp(14.5px,1.05vw,16px);line-height:1.75;max-width:34ch}.pops-actions{display:flex;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap}.pops-nav{display:flex;gap:10px}.pops-nav[hidden]{display:none}.pops-nav button{width:44px;height:44px;border-radius:50%;background:0 0;border:1.5px solid var(--line);color:var(--blue);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease,background-color .2s ease,color .2s ease,opacity .2s ease}.pops-nav button:hover:not(:disabled){background:var(--blue);border-color:var(--blue);color:#fff}.pops-nav button:disabled{opacity:.34;cursor:default}.pops-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 clamp(22px,2.6vw,34px);padding:0;list-style:none}.pops-filters button{font-family:var(--font-text);font-weight:700;font-size:12px;letter-spacing:.09em;text-transform:uppercase;padding:13px 24px;border-radius:999px;cursor:pointer;background:#fcf8f2;border:1.5px solid var(--line);color:var(--ink);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.pops-filters button:hover{border-color:var(--blue);color:var(--blue)}.pops-filters button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.pops-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(calc(var(--bebida) * .74),1fr);gap:clamp(10px,1.2vw,20px);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;list-style:none;margin:0;padding:0 0 6px}.pops-rail::-webkit-scrollbar{display:none}.pop{scroll-snap-align:start;text-align:center}.pop[hidden]{display:none}.pop-shot{display:flex;align-items:flex-end;justify-content:center;height:calc(var(--bebida) * 1.06)}.pop-shot img{width:calc(var(--bebida) * .53);height:auto;filter:drop-shadow(0 16px 16px rgba(90,60,20,.24));transition:transform .32s var(--ease)}.pop:hover .pop-shot img{transform:translateY(-10px)}.pop h3{margin:16px 0 0;font-family:var(--font-display);font-weight:500;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.trad-ph{background:repeating-linear-gradient(-45deg,#f2e9dc 0 12px,#efe4d4 12px 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;color:#9c8a6d}.trad-ph svg{opacity:.55}.trad-ph b{display:block;font-family:var(--font-display);font-weight:600;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#8a7a5e}.trad-ph span{font-size:12.5px;line-height:1.5;max-width:24ch}.values{margin-top:clamp(38px,5vw,64px);background:#f3eadf;border-radius:22px;padding:clamp(26px,3vw,40px) clamp(20px,2.6vw,38px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,38px)}.value{display:flex;align-items:flex-start;gap:16px}.value .ico{flex:0 0 auto;color:var(--olive);margin-top:2px}.value h3{margin:0 0 7px;font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.value p{margin:0;font-size:13.5px;line-height:1.6;color:var(--ink-soft)}@media (max-width:960px){.nav.is-open{display:block;position:absolute;top:100%;left:0;right:0;background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 18px 36px rgba(27,36,56,.1);padding:12px var(--pad) 22px;margin:0}.nav.is-open ul{flex-direction:column;align-items:stretch;gap:0}.nav.is-open li{border-bottom:1px solid var(--line)}.nav.is-open li:last-child{border-bottom:0}.nav.is-open a:not(.btn){display:block;padding:16px 0;font-size:14px}.nav.is-open a:not(.btn)::after{display:none}.nav.is-open .nav-cta{display:inline-flex;width:100%;margin-top:18px;padding:16px 24px}}@media (min-width:961px){.nav-cta{display:none}}@media (max-width:860px){.pops-top{grid-template-columns:1fr;gap:26px}.pops-lead{max-width:60ch}.pops-actions{margin-top:22px}.pops-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}.pops-filters::-webkit-scrollbar{display:none}.pops-filters button{flex:0 0 auto}.pops-rail{grid-auto-columns:minmax(150px,58%);margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}.values{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.values{grid-template-columns:1fr;gap:20px}}@media (max-width:420px){.pops-rail{grid-auto-columns:minmax(140px,66%)}}@media (prefers-reduced-motion:reduce){.pops-rail{scroll-behavior:auto}}.ph{background:repeating-linear-gradient(-45deg,#f2e9dc 0 12px,#efe4d4 12px 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:22px;color:#9c8a6d}.ph svg{opacity:.55;flex:0 0 auto}.ph b{display:block;font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8a7a5e}.ph span{font-size:12.5px;line-height:1.5;max-width:26ch}.cats-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);margin:0;padding:0;list-style:none}.cat{background:#fcf8f2;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:border-color .22s ease,transform .22s var(--ease),box-shadow .22s ease}.cat:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:0 18px 34px rgba(22,50,124,.1)}.cat-foto{aspect-ratio:1/1;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(120% 90% at 50% 20%,#fff 0%,#f7ede1 55%,#efe0ce 100%);overflow:hidden}.cat-foto .ph{width:100%;height:100%;min-height:0;padding:14px 10px}.cat-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--ease)}.cat:hover .cat-foto img{transform:scale(1.04)}.cat-txt{padding:18px clamp(14px,1.5vw,20px) 22px}.cat-txt h3{margin:0 0 8px;display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:500;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);line-height:1.4}.cat-txt h3 i{color:var(--olive);display:inline-flex;flex:0 0 auto}.cat-txt p{margin:0;font-size:12.5px;line-height:1.65;color:var(--ink-soft)}.pop2-main{min-width:0}.pop2-nav{display:flex;gap:10px;justify-content:flex-end;margin-bottom:clamp(16px,2vw,26px)}.pop2-nav button{width:40px;height:40px;border-radius:50%;background:0 0;border:1.5px solid var(--line);color:var(--blue);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease,background-color .2s ease,color .2s ease,opacity .2s ease}.pop2-nav button:hover:not(:disabled){background:var(--blue);border-color:var(--blue);color:#fff}.pop2-nav button:disabled{opacity:.34;cursor:default}.pop2-fila{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(calc(var(--bebida) * .66),1fr);gap:clamp(10px,1.2vw,20px);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;list-style:none;margin:0;padding:0 0 6px}.pop2-fila::-webkit-scrollbar{display:none}.pop2-item{scroll-snap-align:start;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;text-align:center}.pop2-shot{display:flex;align-items:flex-end;justify-content:center;width:100%}.pop2-shot .vaso{width:72%;max-width:calc(var(--bebida) * .56);height:auto}.pop2-item:hover .vaso{transform:translateY(-10px)}.pop2-item h3{margin:16px 0 0;font-family:var(--font-display);font-weight:500;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.pers-pasos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);margin:0;padding:0;list-style:none}.paso{background:#fcf8f2;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:border-color .22s ease,transform .22s var(--ease),box-shadow .22s ease}.paso:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:0 18px 34px rgba(22,50,124,.1)}.paso-foto{position:relative;height:clamp(140px,15vw,180px);background:radial-gradient(120% 90% at 50% 20%,#fff 0%,#f7ede1 55%,#efe0ce 100%);display:flex;align-items:flex-end;justify-content:center;padding:18px 12px 0}.paso-foto .ph{width:100%;height:100%;min-height:0;padding:16px 12px}.paso-foto .paso-img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.paso-foto .vaso{width:clamp(48px,5.2vw,70px);height:auto;max-height:100%}.paso-num{position:absolute;top:14px;left:14px;z-index:2;width:30px;height:30px;border-radius:50%;background:var(--olive);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:13px}.paso-txt{padding:18px clamp(14px,1.5vw,20px) 22px}.paso-txt h3{margin:0 0 8px;font-family:var(--font-display);font-weight:500;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);line-height:1.4}.paso-txt p{margin:0;font-size:12.5px;line-height:1.65;color:var(--ink-soft)}.tienda .ph{min-height:clamp(190px,22vw,250px);height:100%}.foot-hoja{position:absolute;right:-40px;bottom:-30px;width:clamp(160px,18vw,260px);color:#16295e;opacity:.9;pointer-events:none;z-index:0}@media (max-width:1000px){.cats-4,.pers-pasos{grid-template-columns:repeat(2,minmax(0,1fr))}.pop2-nav{justify-content:flex-start}}@media (max-width:860px){.foot-hoja{display:none}.pop2-fila{grid-auto-columns:minmax(150px,58%);margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}}@media (max-width:640px){.cats-4,.pers-pasos{grid-template-columns:minmax(0,1fr)}}.sec-p a.lnk{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.sec-p a.lnk:hover{color:var(--blue-deep)}.pop2-item{grid-template-rows:minmax(0,1fr) auto auto}.pop2-item h3 a{color:inherit;transition:color .2s ease}.pop2-item h3 a:hover{color:var(--blue-deep);text-decoration:underline;text-underline-offset:4px}.pop2-dsc{margin:8px auto 0;max-width:24ch;min-height:3.1em;font-size:12.5px;line-height:1.55;color:var(--ink-soft)}