.zf{
  --bg:#fff;--ink:#16181A;--gun:#34383B;--mute:#62676c;--line:#E6E7E8;--paper:#F4F4F2;
  --y:#F2BF0D;--y-d:#D9A800;--r:#DD2025;
  --menta:#2F9955;--cafe:#6B3E26;--arandano:#6A3FB5;
  --rad:6px;--max:1200px;
  --display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --body:"Barlow",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
.zf *,.zf *::before,.zf *::after{box-sizing:border-box}
.zf{scroll-behavior:smooth;scroll-padding-top:88px;overflow-x:clip}
.zf{overflow-x:clip}
@media (prefers-reduced-motion:reduce){.zf{scroll-behavior:auto}
.zf *{animation:none!important;transition:none!important}}
.zf{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
.zf img,.zf video{max-width:100%;display:block}
.zf a{color:inherit}
.zf button{font:inherit;color:inherit;cursor:pointer}
.zf :focus-visible{outline:3px solid var(--y);outline-offset:3px}
.zf .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.zf .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.zf .skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:var(--rad);z-index:200;text-decoration:none}
.zf .skip:focus{top:12px}
.zf .kicker{font-family:var(--display);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:14px;color:var(--gun);display:inline-flex;align-items:center;gap:10px;margin:0 0 14px}
.zf .kicker::before{content:"";width:28px;height:4px;background:var(--y);transform:skewX(-20deg)}
.zf h1,.zf h2,.zf h3{font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;line-height:.92;letter-spacing:-.005em;margin:0}
.zf h2{font-size:clamp(40px,6vw,72px)}
.zf h3{font-size:28px}
.zf .hl{position:relative;display:inline-block;z-index:0;padding:0 .12em}
.zf .hl::before{content:"";position:absolute;inset:.06em -.02em .02em;background:var(--y);transform:skewX(-12deg);z-index:-1}
.zf .lead{font-size:clamp(18px,2vw,21px);color:var(--gun);max-width:56ch}
.zf .muted{color:var(--mute)}
.zf .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:var(--rad);border:2px solid var(--ink);font-family:var(--display);font-weight:800;font-style:italic;font-size:20px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:transform .15s,background .15s,color .15s,box-shadow .15s}
.zf .btn-y{background:var(--y);border-color:var(--y);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}
.zf .btn-y:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.zf .btn-y:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.zf .btn-o{background:transparent}
.zf .btn-o:hover{background:var(--ink);color:#fff}
.zf .btn-dark{background:var(--ink);color:#fff}
.zf .btn-dark:hover{background:var(--gun)}
.zf .btn svg{width:20px;height:20px}
.zf .topo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'%3E%3Cg fill='none' stroke='%2316181A' stroke-opacity='.06' stroke-width='1.2'%3E%3Cpath d='M-20 120c80-40 140 30 220 0s120-90 220-60 140 70 200 40'/%3E%3Cpath d='M-20 160c90-30 150 40 230 10s130-80 220-50 130 60 190 30'/%3E%3Cpath d='M-20 205c100-25 160 45 240 18s140-70 220-42 120 55 180 25'/%3E%3Cpath d='M-20 330c70 30 130-20 210 10s120 80 220 50 140-60 210-30'/%3E%3Cpath d='M-20 375c80 25 140-15 220 15s130 70 220 42 130-50 200-22'/%3E%3Cpath d='M-20 420c90 20 150-10 230 20s140 60 220 34 120-40 190-15'/%3E%3Cellipse cx='450' cy='520' rx='70' ry='34'/%3E%3Cellipse cx='450' cy='520' rx='110' ry='56'/%3E%3Cellipse cx='120' cy='540' rx='50' ry='22'/%3E%3C/g%3E%3C/svg%3E")}
.zf .cross{position:absolute;width:44px;height:44px;pointer-events:none;opacity:.35}
.zf .cross::before,.zf .cross::after{content:"";position:absolute;background:var(--ink)}
.zf .cross::before{left:50%;top:0;bottom:0;width:1.5px;transform:translateX(-50%)}
.zf .cross::after{top:50%;left:0;right:0;height:1.5px;transform:translateY(-50%)}
.zf .gate{position:fixed;inset:0;z-index:500;background:#fff;display:grid;place-items:center;padding:24px;overflow:auto}
.zf .gate[hidden]{display:none}
.zf .gate-box{max-width:520px;width:100%;text-align:center;position:relative}
.zf .gate-logo{width:220px;margin:0 auto 26px}
.zf .gate h2{font-size:clamp(34px,6vw,48px);margin-bottom:14px}
.zf .gate p{color:var(--gun);margin:0 auto 26px;max-width:42ch}
.zf .gate-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.zf .gate-actions .btn{min-width:200px}
.zf .gate-small{font-size:14px;color:var(--mute);margin-top:26px!important}
.zf .gate-denied{display:none}
.zf .gate.denied .gate-ask{display:none}
.zf .gate.denied .gate-denied{display:block}
.zf .badge18{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;border:4px solid var(--r);font-family:var(--display);font-weight:800;font-size:22px;margin-bottom:18px}
.zf .gate-stripes{position:absolute;inset:0 0 auto 0;height:10px;background:repeating-linear-gradient(-45deg,var(--y) 0 18px,var(--ink) 18px 36px)}
.zf .topbar{background:var(--ink);color:#fff;font-family:var(--display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:14px}
.zf .topbar .wrap{display:flex;gap:28px;justify-content:center;align-items:center;min-height:38px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px;text-align:center}
.zf .topbar b{color:var(--y)}
.zf header.site{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.zf header.site .wrap{display:flex;align-items:center;gap:28px;min-height:76px}
.zf .brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.zf .brand img{height:46px;width:auto}
.zf nav.main{display:flex;gap:26px;margin-left:auto}
.zf nav.main a{text-decoration:none;font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:.08em;text-transform:uppercase;padding:6px 0;position:relative}
.zf nav.main a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:3px;background:var(--y);transition:right .2s}
.zf nav.main a:hover::after{right:0}
.zf .cart-btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-radius:var(--rad);background:var(--ink);color:#fff;border:0;font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:.06em;text-transform:uppercase}
.zf .cart-btn svg{width:22px;height:22px}
.zf .cart-count{background:var(--y);color:var(--ink);min-width:24px;height:24px;border-radius:12px;display:grid;place-items:center;font-size:15px;padding:0 6px}
.zf .menu-btn{display:none;background:none;border:2px solid var(--ink);border-radius:var(--rad);width:46px;height:46px;align-items:center;justify-content:center}
.zf .menu-btn svg{width:24px;height:24px}
@media (max-width:960px){.zf nav.main{position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - 120px);overflow:auto;background:#fff;flex-direction:column;gap:0;padding:8px 24px 20px;border-bottom:2px solid var(--ink);display:none;margin:0}
.zf nav.main.open{display:flex}
.zf nav.main a{padding:14px 0;border-bottom:1px solid var(--line);font-size:20px}
.zf .menu-btn{display:inline-flex;margin-left:auto}
.zf .brand img{height:40px}}
.zf .hero{position:relative;overflow:hidden;padding:56px 0 40px}
.zf .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;position:relative}
.zf .hero h1{font-size:clamp(58px,9.2vw,124px);margin-bottom:22px}
.zf .hero h1 .ln{display:block}
.zf .hero .lead{margin:0 0 30px}
.zf .hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.zf .hero-price{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gun);font-size:16px}
.zf .hero-price b{font-size:28px;color:var(--ink);font-style:italic;font-weight:800;letter-spacing:0}
.zf .hero-visual{position:relative;aspect-ratio:4/5}
.zf .hero-visual .slab{position:absolute;inset:6% -5% -4% 8%;background:var(--y);transform:skewX(-8deg);border-radius:4px}
.zf .hero-visual .jet{position:absolute;right:-7%;top:-9%;width:34%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.18));z-index:2}
.zf .hero-visual img.cans{position:relative;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:4px;border:3px solid var(--ink)}
.zf .hero-visual .tag{position:absolute;left:-18px;bottom:9%;z-index:2;background:var(--ink);color:#fff;font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:22px;padding:10px 18px;transform:skewX(-10deg);box-shadow:6px 6px 0 var(--r)}
.zf .hero .cross.c1{left:47%;top:30px}
.zf .hero .cross.c2{right:4%;bottom:30px}
.zf .stats{display:grid;grid-template-columns:repeat(5,1fr);border:2px solid var(--ink);border-radius:var(--rad);margin-top:44px;background:#fff;position:relative}
.zf .stat{padding:18px 16px;border-right:1px solid var(--line);text-align:center}
.zf .stat:last-child{border-right:0}
.zf .stat b{display:block;font-family:var(--display);font-weight:800;font-style:italic;font-size:40px;line-height:1}
.zf .stat span{font-family:var(--display);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:var(--gun)}
@media (max-width:900px){.zf .hero{padding-top:28px}
.zf .hero-grid{grid-template-columns:1fr}
.zf .hero-visual{max-width:440px;margin:0 auto;width:100%}
.zf .stats{grid-template-columns:repeat(3,1fr)}
.zf .stat:nth-child(3){border-right:0}
.zf .stat:nth-child(n/**/+4){border-top:1px solid var(--line)}}
@media (max-width:520px){.zf .topbar{font-size:12px}
.zf .topbar .wrap{gap:4px 14px}
.zf .stat b{font-size:32px}
.zf .stats{grid-template-columns:repeat(2,1fr)}
.zf .stat{border-right:1px solid var(--line)!important}
.zf .stat:nth-child(2n){border-right:0!important}
.zf .stat:nth-child(n/**/+3){border-top:1px solid var(--line)}
.zf .stat:last-child{grid-column:1/-1;border-right:0!important}}
.zf .marquee{background:var(--y);border-block:3px solid var(--ink);overflow:hidden;transform:rotate(-1.2deg);margin:30px -10px 10px;position:relative;z-index:2}
.zf .marquee-track{display:flex;width:max-content;animation:mq 32s linear infinite}
.zf .marquee span{font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:28px;padding:12px 26px;white-space:nowrap;display:flex;align-items:center;gap:26px}
.zf .marquee span::after{content:"";width:12px;height:12px;background:var(--ink);transform:rotate(45deg)}
@keyframes mq{to{transform:translateX(-50%)}}
.zf section.blk{padding:100px 0;position:relative}
.zf .sec-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px;flex-wrap:wrap}
.zf .sec-head .lead{margin:16px 0 0}
.zf .moments{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:0 0 56px}
.zf .moment{border:2px solid var(--ink);border-radius:var(--rad);padding:22px 18px;background:#fff;position:relative}
.zf .moment svg{width:38px;height:38px;margin-bottom:12px}
.zf .moment b{display:block;font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:22px;line-height:1;margin-bottom:6px}
.zf .moment p{margin:0;font-size:15px;color:var(--gun)}
@media (max-width:900px){.zf .moments{grid-template-columns:repeat(2,minmax(0,1fr))}
.zf .moment:last-child{grid-column:1/-1}}
@media (max-width:520px){.zf .moment{padding:18px 14px}
.zf .moment b{font-size:19px;overflow-wrap:anywhere;hyphens:auto}}
.zf .compare-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.zf .compare{width:100%;border-collapse:separate;border-spacing:0;border:2px solid var(--ink);border-radius:var(--rad);overflow:hidden;background:#fff}
.zf .compare th,.zf .compare td{padding:15px 14px;text-align:center;border-bottom:1px solid var(--line)}
.zf .compare tr:last-child td,.zf .compare tr:last-child th{border-bottom:0}
.zf .compare thead th{font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:19px;background:var(--paper)}
.zf .compare thead th.zf{background:var(--y)}
.zf .compare tbody th{text-align:left;font-weight:600;font-size:16px}
.zf .compare td.zf{background:#FFF8DD}
.zf .ok,.zf .no,.zf .dep{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:800}
.zf .ok{background:var(--ink);color:var(--y)}
.zf .no{background:#fde8e8;color:var(--r)}
.zf .dep{width:auto;height:auto;border-radius:0;font-family:var(--display);font-size:14px;letter-spacing:.08em;color:var(--mute);text-transform:uppercase}
.zf .compare-img{border-radius:var(--rad);overflow:hidden;aspect-ratio:4/5;position:relative}
.zf .compare-img img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.zf .compare-wrap{grid-template-columns:1fr}
.zf .compare-img{max-height:420px;aspect-ratio:auto}}
@media (max-width:520px){.zf .compare th,.zf .compare td{padding:12px 6px}
.zf .compare thead th{font-size:15px}
.zf .compare tbody th{font-size:14px}}
.zf .shop{background:var(--paper)}
.zf .shop-note{display:flex;gap:12px 28px;flex-wrap:wrap;font-family:var(--display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:15px;color:var(--gun)}
.zf .shop-note b{color:var(--ink)}
.zf .products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.zf .product{background:#fff;border:2px solid var(--ink);border-radius:var(--rad);overflow:hidden;display:flex;flex-direction:column;--fc:var(--menta)}
.zf .product[data-flavor="cafe"]{--fc:var(--cafe)}
.zf .product[data-flavor="arandano"]{--fc:var(--arandano)}
.zf .p-img{aspect-ratio:1/1;overflow:hidden;position:relative;background:var(--ink)}
.zf .p-img img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .5s}
.zf .product:hover .p-img img{transform:scale(1.04)}
.zf .p-flag{position:absolute;left:14px;top:14px;background:var(--fc);color:#fff;font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:20px;padding:6px 14px;border-radius:4px}
.zf .p-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:14px;flex:1}
.zf .p-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.zf .p-title h3{font-size:32px}
.zf .p-unit{font-family:var(--display);font-weight:800;font-style:italic;font-size:26px;white-space:nowrap}
.zf .p-desc{margin:0;color:var(--gun);font-size:16px}
.zf .p-spec{font-family:var(--display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:var(--mute);margin:0}
.zf .qty-label{font-family:var(--display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:14px;margin:4px 0 -4px}
.zf .chips{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.zf .chip{min-height:44px;border:2px solid var(--line);background:#fff;border-radius:5px;font-family:var(--display);font-weight:800;font-size:19px;position:relative;transition:border-color .15s,background .15s}
.zf .chip:hover{border-color:var(--ink)}
.zf .chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.zf .chip.pack::after{content:"-10%";position:absolute;top:-9px;right:-6px;background:var(--y);color:var(--ink);font-size:11px;padding:1px 4px;border-radius:3px;line-height:1.3}
.zf .stepper{display:flex;align-items:center;gap:10px}
.zf .stepper button{width:44px;height:44px;border:2px solid var(--ink);background:#fff;border-radius:5px;font-size:22px;font-weight:700;display:grid;place-items:center}
.zf .stepper button:disabled{opacity:.35;cursor:not-allowed}
.zf .stepper input{width:64px;height:44px;border:2px solid var(--ink);border-radius:5px;text-align:center;font-family:var(--display);font-weight:800;font-size:22px;-moz-appearance:textfield;appearance:textfield}
.zf .stepper input::-webkit-outer-spin-button,.zf .stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.zf .stepper small{color:var(--mute);font-size:14px;line-height:1.2}
.zf .p-total{display:flex;justify-content:space-between;align-items:end;border-top:1px dashed #cfd1d3;padding-top:14px;margin-top:auto}
.zf .p-total .lbl{font-family:var(--display);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:14px;color:var(--gun)}
.zf .p-total .save{display:block;color:#1c7a3f;font-weight:600;font-size:14px;min-height:1.3em}
.zf .p-total .amt{font-family:var(--display);font-weight:800;font-style:italic;font-size:38px;line-height:1}
.zf .p-total .old{display:block;text-align:right;color:var(--mute);text-decoration:line-through;font-size:15px;min-height:1.3em}
.zf .product .btn{width:100%}
.zf .shop-foot{margin-top:28px;display:flex;gap:10px 30px;flex-wrap:wrap;color:var(--gun);font-size:15px}
.zf .shop-foot span{display:inline-flex;align-items:center;gap:8px}
.zf .shop-foot svg{width:20px;height:20px;flex-shrink:0}
@media (max-width:1020px){.zf .products{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.zf .products{grid-template-columns:1fr}}
.zf .dark{background:var(--ink);color:#fff}
.zf .dark .kicker{color:#c9cbcd}
.zf .dark .lead{color:#c9cbcd}
.zf .how-grid{display:grid;grid-template-columns:1fr 360px;gap:56px;align-items:start}
.zf .steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:s}
.zf .steps li{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;background:#202326;border:1px solid #2f3337;border-radius:var(--rad);padding:18px 22px;counter-increment:s}
.zf .steps li::before{content:counter(s);font-family:var(--display);font-weight:900;font-style:italic;font-size:56px;line-height:1;color:var(--ink);background:var(--y);width:64px;height:64px;display:grid;place-items:center;transform:skewX(-10deg);border-radius:4px}
.zf .steps b{display:block;font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:24px;line-height:1.05}
.zf .steps span{color:#c9cbcd;font-size:16px}
.zf .limit{margin-top:22px;display:flex;gap:16px;align-items:center;border:2px solid var(--y);border-radius:var(--rad);padding:18px 22px}
.zf .limit svg{width:40px;height:40px;color:var(--y);flex-shrink:0}
.zf .limit b{font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:24px;display:block;line-height:1.1}
.zf .limit span{color:#c9cbcd;font-size:15px}
.zf .phone{position:relative;border-radius:28px;overflow:hidden;border:8px solid #2a2e32;aspect-ratio:9/16;background:#000;box-shadow:16px 16px 0 var(--y)}
.zf .phone video{width:100%;height:100%;object-fit:cover}
.zf .vid-btn{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:2px solid #fff;display:grid;place-items:center}
.zf .vid-btn svg{width:18px;height:18px}
@media (max-width:900px){.zf .how-grid{grid-template-columns:1fr}
.zf .phone{max-width:300px;margin:0 auto}}
.zf .label-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.zf .contains{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.zf .contains li{display:flex;gap:12px;align-items:center;border:2px solid var(--ink);border-radius:var(--rad);padding:14px 16px;font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:22px;line-height:1}
.zf .contains li i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--y);flex-shrink:0;font-size:15px}
.zf .contains li.off i{background:#fde8e8;color:var(--r)}
.zf .labelcard{border:2px solid var(--ink);border-radius:var(--rad);padding:28px;background:#fff;font-size:15px;position:relative}
.zf .labelcard h3{font-size:24px;margin-bottom:16px}
.zf .labelcard dl{margin:0;display:grid;gap:12px}
.zf .labelcard dt{font-family:var(--display);font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:14px}
.zf .labelcard dd{margin:2px 0 0;color:var(--gun)}
.zf .warnbox{border:2px solid var(--ink);padding:14px 16px;border-radius:4px;margin:18px 0;background:#FFF8DD}
.zf .warnbox b{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:17px;display:block}
.zf .nutri{width:100%;border-collapse:collapse;font-size:14px;margin-top:6px}
.zf .nutri td{padding:6px 0;border-bottom:1px solid var(--line)}
.zf .nutri td:last-child{text-align:right;font-weight:600}
@media (max-width:900px){.zf .label-grid{grid-template-columns:1fr}}
@media (max-width:420px){.zf .contains{grid-template-columns:1fr}}
.zf .missions{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:320px;gap:16px}
.zf .mission{position:relative;border-radius:var(--rad);overflow:hidden;color:#fff;display:flex;align-items:flex-end;isolation:isolate}
.zf .mission img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.zf .mission::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(10,11,12,.88));z-index:-1}
.zf .mission:hover img{transform:scale(1.05)}
.zf .mission .m-body{padding:22px}
.zf .mission .code{font-family:var(--display);font-weight:700;letter-spacing:.2em;font-size:13px;color:var(--y);text-transform:uppercase}
.zf .mission h3{font-size:34px;margin:4px 0 6px}
.zf .mission p{margin:0;font-size:15px;color:#e3e4e5;max-width:34ch}
.zf .mission.big{grid-row:span 2}
@media (max-width:900px){.zf .missions{grid-template-columns:1fr 1fr;grid-auto-rows:280px}
.zf .mission.big{grid-row:span 1}}
@media (max-width:560px){.zf .missions{grid-template-columns:1fr;grid-auto-rows:300px}}
.zf .about{display:grid;grid-template-columns:340px 1fr;gap:64px;align-items:center}
.zf .about .phone{box-shadow:-16px 16px 0 var(--y)}
.zf .about blockquote{margin:28px 0 0;padding:20px 24px;border-left:6px solid var(--y);background:var(--paper);font-family:var(--display);font-weight:700;font-style:italic;font-size:24px;line-height:1.2;text-transform:uppercase}
.zf .zulu{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:15px;color:var(--gun)}
.zf .zulu b{color:var(--ink)}
@media (max-width:900px){.zf .about{grid-template-columns:1fr;gap:40px}
.zf .about .phone{order:2}}
.zf .social-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.zf .soc{display:flex;align-items:center;gap:16px;padding:20px 22px;border:2px solid var(--ink);border-radius:var(--rad);text-decoration:none;background:#fff;transition:transform .15s,box-shadow .15s}
.zf .soc:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--y)}
.zf .soc svg{width:34px;height:34px;flex-shrink:0}
.zf .soc b{display:block;font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:24px;line-height:1}
.zf .soc span{color:var(--mute);font-size:15px}
.zf .gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.zf .gallery img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--rad)}
@media (max-width:860px){.zf .social-row{grid-template-columns:1fr}
.zf .gallery{grid-template-columns:1fr 1fr}}
.zf .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.zf .faq details{border-bottom:2px solid var(--ink)}
.zf .faq details:first-child{border-top:2px solid var(--ink)}
.zf .faq summary{list-style:none;cursor:pointer;padding:20px 50px 20px 0;position:relative;font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:24px;line-height:1.1}
.zf .faq summary::-webkit-details-marker{display:none}
.zf .faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;background:var(--y);font-style:normal;font-size:26px;border-radius:4px;transition:transform .2s}
.zf .faq details[open] summary::after{content:"–"}
.zf .faq .ans{padding:0 0 22px;color:var(--gun);max-width:62ch}
.zf .faq .ans p{margin:0 0 10px}
@media (max-width:900px){.zf .faq-grid{grid-template-columns:1fr;gap:30px}}
.zf .final{position:relative;overflow:hidden;color:#fff;background:var(--ink);padding:120px 0;text-align:center;isolation:isolate}
.zf .final img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.55}
.zf .final::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(22,24,26,.35),rgba(22,24,26,.92) 70%);z-index:-1}
.zf .final h2{font-size:clamp(60px,11vw,150px)}
.zf .final p{color:#d6d7d8;font-size:20px;margin:18px auto 34px;max-width:46ch}
.zf .final .stripe{position:absolute;left:0;right:0;height:12px;background:repeating-linear-gradient(-45deg,var(--y) 0 20px,var(--ink) 20px 40px)}
.zf .final .stripe.t{top:0}
.zf .final .stripe.b{bottom:0}
.zf footer.site{background:#0f1112;color:#c9cbcd;padding:70px 0 30px;font-size:15px}
.zf .f-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px}
.zf .f-grid img{height:64px;width:auto;margin-bottom:16px}
.zf .f-grid h4{font-family:var(--display);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;font-size:15px;margin:0 0 14px}
.zf .f-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.zf .f-grid a,.zf .f-grid button.linklike{color:#c9cbcd;text-decoration:none;background:none;border:0;padding:0;text-align:left;font-size:15px}
.zf .f-grid a:hover,.zf .f-grid button.linklike:hover{color:var(--y)}
.zf .f-warn{margin-top:44px;padding:20px 22px;border:1px solid #2b2f33;border-radius:var(--rad);display:flex;gap:18px;align-items:flex-start;font-size:14px;line-height:1.5}
.zf .f-warn .badge18{width:48px;height:48px;font-size:18px;color:#fff;flex-shrink:0;margin:0}
.zf .f-bottom{margin-top:26px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#8d9195}
@media (max-width:900px){.zf .f-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.zf .f-grid{grid-template-columns:1fr}}
.zf .scrim{position:fixed;inset:0;background:rgba(10,11,12,.55);z-index:300;opacity:0;pointer-events:none;transition:opacity .2s}
.zf .scrim.on{opacity:1;pointer-events:auto}
.zf .drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:#fff;z-index:310;transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;border-left:3px solid var(--ink)}
.zf .drawer{visibility:hidden;transition:transform .25s ease,visibility 0s .25s}
.zf .drawer.on{transform:none;visibility:visible;transition:transform .25s ease}
.zf .d-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:2px solid var(--ink)}
.zf .d-head h2{font-size:34px}
.zf .x{width:44px;height:44px;border:2px solid var(--ink);background:#fff;border-radius:var(--rad);display:grid;place-items:center}
.zf .x svg{width:20px;height:20px}
.zf .d-body{flex:1;overflow:auto;padding:12px 22px}
.zf .d-empty{text-align:center;padding:50px 10px;color:var(--gun)}
.zf .d-empty b{display:block;font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:28px;color:var(--ink);margin-bottom:8px}
.zf .line{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}
.zf .line img{width:72px;height:72px;object-fit:cover;border-radius:5px}
.zf .line h3{font-size:22px}
.zf .line .meta{font-size:14px;color:var(--mute)}
.zf .line .disc{font-size:13px;color:#1c7a3f;font-weight:600}
.zf .line .stepper button{width:34px;height:34px;font-size:18px;border-width:2px}
.zf .line .stepper input{width:46px;height:34px;font-size:18px}
.zf .line .stepper{gap:6px;margin-top:8px}
.zf .line .right{text-align:right}
.zf .line .right b{font-family:var(--display);font-weight:800;font-style:italic;font-size:24px;display:block}
.zf .rm{background:none;border:0;color:var(--mute);text-decoration:underline;font-size:13px;padding:6px 0}
.zf .d-foot{border-top:2px solid var(--ink);padding:18px 22px 22px;display:grid;gap:8px}
.zf .row{display:flex;justify-content:space-between;font-size:16px}
.zf .row.tot{font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:28px;margin-top:6px}
.zf .row.dis{color:#1c7a3f;font-weight:600}
.zf .d-foot .small{font-size:13px;color:var(--mute);margin:4px 0 6px}
.zf .toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);background:var(--ink);color:#fff;padding:14px 20px;border-radius:var(--rad);z-index:400;font-weight:600;box-shadow:6px 6px 0 var(--y);transition:transform .25s;max-width:calc(100% - 32px)}
.zf .toast{visibility:hidden}
.zf .toast.on{transform:translate(-50%,0);visibility:visible}
.zf .modal{position:fixed;inset:0;z-index:420;display:none;place-items:center;padding:20px}
.zf .modal.on{display:grid}
.zf .modal .m-box{background:#fff;border:3px solid var(--ink);border-radius:var(--rad);max-width:620px;width:100%;max-height:86vh;overflow:auto;padding:30px;position:relative;box-shadow:10px 10px 0 var(--y)}
.zf .modal .m-box h2{font-size:40px;margin-bottom:14px;padding-right:50px}
.zf .modal .m-box .x{position:absolute;right:16px;top:16px}
.zf .modal .m-box p,.zf .modal .m-box li{color:var(--gun)}
.zf .modal .m-box h3{font-size:22px;margin:20px 0 6px}
.zf .ph{background:#FFF1B8;padding:0 4px;border-radius:3px;color:var(--ink);font-weight:600}

/* ===== Integración con Odoo ===== */
:root{--zf-y:#F2BF0D;--zf-ink:#16181A;--zf-gun:#34383B;--zf-line:#E6E7E8;--zf-paper:#F4F4F2}
body,#wrapwrap{font-family:"Barlow",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--zf-ink)}
#wrapwrap h1,#wrapwrap h2,#wrapwrap h3,#wrapwrap .h1,#wrapwrap .h2,#wrapwrap .h3,#wrapwrap h4.o_wsale_products_main_title{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:-.005em}
#wrapwrap .btn-primary{background:var(--zf-y)!important;border:2px solid var(--zf-y)!important;color:var(--zf-ink)!important;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.04em;box-shadow:4px 4px 0 var(--zf-ink);border-radius:6px}
#wrapwrap .btn-primary:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--zf-ink)}
#wrapwrap .btn-secondary,#wrapwrap .btn-outline-primary{border:2px solid var(--zf-ink)!important;color:var(--zf-ink)!important;background:#fff!important;border-radius:6px}
#wrapwrap a{color:inherit}
#wrapwrap .text-primary{color:var(--zf-ink)!important}
header#top{border-bottom:1px solid var(--zf-line);background:rgba(255,255,255,.96)!important}
header#top .navbar{min-height:76px}
header#top .navbar-brand img,header#top .o_navbar_brand img{height:46px!important;width:auto!important;max-height:46px}
header#top .nav-link{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:17px;letter-spacing:.08em;text-transform:uppercase;color:var(--zf-ink)!important;position:relative}
header#top .nav-link::after{content:"";position:absolute;left:.5rem;right:100%;bottom:2px;height:3px;background:var(--zf-y);transition:right .2s}
header#top .nav-link:hover::after,header#top .nav-link.active::after{right:.5rem}
header#top .o_wsale_my_cart .badge,header#top .my_cart_quantity{background:var(--zf-y)!important;color:var(--zf-ink)!important}
.zf-topbar-host .topbar{position:relative;z-index:1000}
footer#bottom{background:#0f1112!important;color:#c9cbcd;padding:0!important}
footer#bottom .o_footer_copyright{display:none!important}
footer#bottom #footer{padding:0!important}
.zf.zf-home{overflow-x:clip}
.zf .wrap{box-sizing:border-box}
.zf section{margin:0}
.zf .p-total .amt{white-space:nowrap}
.zf .add[disabled]{opacity:.6;cursor:wait}
#zf-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--zf-ink);color:#fff;padding:14px 20px;border-radius:6px;font-family:"Barlow",sans-serif;font-weight:600;z-index:2000;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:92vw;text-align:center}
#zf-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}