/* Bienenhaus · tienda sin plugins · Eureka 2026 */
:root{--honey:#F8AF42;--honey-d:#E39414;--honey-l:#FFE7BD;--ink:#1B2620;--forest:#22392C;--forest-2:#2E4A3A;--cream:#FFF8EC;--cream-2:#FFF1D9;--paper:#fff;--muted:#6A7067;--line:#EEE4D2;--ok:#2F8F5B;--bad:#C2410C;--wa:#25D366;--r:20px;--r-sm:12px;--sh:0 1px 2px rgba(27,38,32,.06),0 8px 24px -12px rgba(27,38,32,.18);--sh-lg:0 24px 60px -24px rgba(27,38,32,.35);--hdr:72px;--tab:68px;--f-h:'Sen',system-ui,sans-serif;--f-b:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--f-b);font-size:16px;line-height:1.55;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3{font-family:var(--f-h);line-height:1.12;letter-spacing:-.02em;margin:0 0 .4em}
h1{font-size:clamp(2rem,4.2vw,3.4rem);font-weight:800}
h2{font-size:clamp(1.5rem,2.6vw,2.15rem);font-weight:800}
h3{font-size:1.05rem;font-weight:700}
p{margin:0 0 1em}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
.muted{color:var(--muted)}
.sr,.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:200;background:#fff;padding:8px 12px;border-radius:8px}
:focus-visible{outline:3px solid var(--honey);outline-offset:2px;border-radius:6px}
.ic{flex:none}

/* Botones: compactos y consistentes */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;font-weight:600;font-size:.95rem;white-space:nowrap;transition:transform .15s,background .2s,box-shadow .2s,color .2s;border:1.5px solid transparent}
.btn:active{transform:scale(.97)}
.btn-sm{height:36px;padding:0 14px;font-size:.85rem}
.btn-primary{background:var(--honey);color:var(--ink);box-shadow:0 6px 18px -8px rgba(227,148,20,.8)}
.btn-primary:hover{background:var(--honey-d)}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:var(--forest-2)}
.btn-ghost{background:transparent;border-color:rgba(27,38,32,.15)}.btn-ghost:hover{border-color:var(--ink)}
.btn-wa{background:var(--wa);color:#fff}.btn-wa:hover{filter:brightness(.95)}
.btn-block{width:100%}.btn-grow{flex:1}
.btn[disabled]{opacity:.6;pointer-events:none}
.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.icon-btn:hover{background:var(--cream-2)}

/* Barra de anuncios */
.announce{background:var(--ink);color:#F6E6C8;font-size:.8rem;overflow:hidden;height:34px;display:flex;align-items:center}
.marquee{display:flex;gap:48px;white-space:nowrap;animation:mq 38s linear infinite;padding-left:24px}
.marquee span{display:inline-flex;align-items:center;gap:8px}
@keyframes mq{to{transform:translateX(-50%)}}

/* Header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,248,236,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.hdr.is-scrolled{border-color:var(--line);box-shadow:0 6px 20px -16px rgba(27,38,32,.4)}
.hdr-in{display:flex;align-items:center;gap:20px;height:var(--hdr)}
.logo img{height:42px;width:auto}
.nav-d{display:flex;gap:4px;margin-left:8px}
.nav-d a{padding:8px 14px;border-radius:999px;font-weight:500;font-size:.95rem;color:#3A443D}
.nav-d a:hover{background:var(--cream-2)}
.nav-d a[aria-current]{background:var(--ink);color:#fff}
.search{flex:1;max-width:340px;margin-left:auto;display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--muted);transition:border-color .2s,box-shadow .2s}
.search:focus-within{border-color:var(--honey);box-shadow:0 0 0 4px rgba(248,175,66,.2)}
.search input{border:0;outline:0;background:none;font:inherit;width:100%;color:var(--ink)}
.cart-btn{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;flex:none}
.cart-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--honey);color:var(--ink);font:700 .72rem/20px var(--f-b);text-align:center}
.cart-count.bump{animation:bump .4s}
@keyframes bump{40%{transform:scale(1.35)}}

/* Hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 85% 20%,#FFE2A6 0,rgba(255,226,166,0) 60%),linear-gradient(180deg,var(--cream) 0,#FFF3DE 100%)}
.hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:56px 0 64px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--honey-d),#C77700);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:1.1rem;color:#4A544D;max-width:540px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.82rem;font-weight:600;color:var(--forest);margin-bottom:18px}
.chip-dark{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:var(--honey-l)}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 22px}
.hero-trust{display:flex;gap:22px;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:.9rem;font-weight:500;color:var(--forest)}
.hero-trust li{display:flex;align-items:center;gap:8px}
.hero-art{position:relative;aspect-ratio:1;max-width:520px;justify-self:center;width:100%}
.hero-blob{position:absolute;inset:8%;border-radius:46% 54% 50% 50%/55% 45% 55% 45%;background:radial-gradient(circle at 35% 30%,#FFD27A,var(--honey) 55%,var(--honey-d));animation:blob 12s ease-in-out infinite;box-shadow:inset -20px -30px 60px rgba(199,119,0,.35)}
@keyframes blob{50%{border-radius:55% 45% 42% 58%/45% 58% 42% 55%;transform:rotate(6deg)}}
.hex{position:absolute;width:64px;height:72px;background:rgba(255,255,255,.55);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.hex-1{top:4%;left:6%}.hex-2{bottom:10%;right:2%;width:44px;height:50px;background:var(--forest)}.hex-3{top:18%;right:10%;width:30px;height:34px}
.hero-jar{position:relative;z-index:2;width:88%;margin:6% auto 0;filter:drop-shadow(0 30px 30px rgba(120,70,0,.35));animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px)}}
.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:10px 14px;box-shadow:var(--sh-lg);font-size:.85rem;font-weight:600}
.float-card b{font:800 1.4rem var(--f-h);color:var(--honey-d)}
.fc-1{left:-2%;bottom:20%;flex-direction:column;align-items:flex-start;gap:0}.fc-2{right:0;top:12%}

/* Secciones */
.sec{padding:56px 0}.sec-tight{padding:24px 0 56px}
.sec-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px}
.sec-hd.center{justify-content:center;text-align:center}
.eyebrow{display:block;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--honey-d);margin-bottom:6px}
.link-more{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.92rem;padding:8px 0;border-bottom:2px solid var(--honey)}

/* Categorías */
.cat-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cat{display:flex;align-items:center;gap:14px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);transition:transform .2s,box-shadow .2s,border-color .2s}
.cat:hover{transform:translateY(-3px);box-shadow:var(--sh);border-color:var(--honey-l)}
.cat-img{width:60px;height:60px;border-radius:16px;background:var(--cream-2);display:grid;place-items:center;overflow:hidden;flex:none;font-size:1.8rem}
.cat-img img{width:100%;height:100%;object-fit:cover}
.cat-bee{background:var(--ink)}
.cat-txt{display:flex;flex-direction:column;min-width:0}
.cat-txt strong{font-size:.95rem;line-height:1.2}.cat-txt small{color:var(--muted);font-size:.78rem;line-height:1.3}

/* Tarjetas de producto */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pcard{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r);border:1px solid var(--line);overflow:hidden;transition:transform .25s,box-shadow .25s}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.pcard-img{position:relative;display:block;aspect-ratio:1;background:linear-gradient(160deg,#FFF6E6,#FFE9C4);overflow:hidden}
.pcard-img img{width:100%;height:100%;object-fit:contain;padding:8%;transition:transform .5s}
.pcard:hover .pcard-img img{transform:scale(1.06)}
.tag{position:absolute;top:12px;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:700;z-index:1}
.tag-off{left:12px;background:var(--ink);color:var(--honey)}
.tag-badge{right:12px;background:#fff;color:var(--forest);box-shadow:var(--sh)}
.tag-inline{position:static;display:inline-block;margin-left:8px;vertical-align:middle;background:var(--honey-l);box-shadow:none}
.pcard-body{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;flex:1}
.pcard-cat{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--honey-d)}
.pcard h3{font-family:var(--f-b);font-weight:600;font-size:.98rem;line-height:1.3;margin:0}
.pcard-desc{display:none}
.pcard-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}
.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.price strong{font:800 1.15rem var(--f-h)}
.price s{color:var(--muted);font-size:.85rem}
.add{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--honey);color:var(--ink);box-shadow:0 6px 14px -6px rgba(227,148,20,.9);transition:transform .15s,background .2s}
.add:hover{background:var(--honey-d)}.add:active{transform:scale(.9)}
.addq{display:flex;align-items:center}
.stepper{display:flex;align-items:center;height:42px;border-radius:999px;background:var(--ink);color:#fff;overflow:hidden}
.stepper button{width:38px;height:42px;display:grid;place-items:center}
.stepper span{min-width:22px;text-align:center;font-weight:700;font-size:.92rem}
.soldout{font-size:.8rem;font-weight:600;color:var(--muted);background:var(--cream-2);padding:6px 12px;border-radius:999px}
.is-out .pcard-img img{filter:grayscale(.6);opacity:.7}

/* Promos */
.promos{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.promo{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:230px;padding:30px;border-radius:28px;overflow:hidden;transition:transform .25s}
.promo:hover{transform:translateY(-4px)}
.promo h3{font-size:1.5rem;font-family:var(--f-h);font-weight:800;max-width:300px}
.promo p{font-size:.92rem;max-width:300px;opacity:.85}
.promo-dark{background:radial-gradient(400px 200px at 90% 100%,rgba(248,175,66,.35),transparent),var(--forest);color:#fff}
.promo-dark .eyebrow{color:var(--honey)}
.promo-light{background:radial-gradient(400px 200px at 90% 100%,#fff,transparent),var(--honey-l)}
.promo-img{width:180px;flex:none;filter:drop-shadow(0 18px 18px rgba(0,0,0,.25))}

/* Por qué */
.why{background:var(--ink);color:#EDE7DA;border-radius:36px;margin:24px auto;width:min(1240px,100% - 24px)}
.why h2{color:#fff}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.why-item{padding:24px;border-radius:var(--r);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.why-item h3{color:#fff;margin-top:14px}.why-item p{font-size:.92rem;opacity:.8;margin:0}
.why-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--honey);color:var(--ink);font-size:1.5rem}

/* Blog */
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bcard{background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.bcard:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.bcard-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--cream-2)}
.bcard-img img{width:100%;height:100%;object-fit:cover}
.bcard-body{padding:18px}.bcard h3{font-size:1.1rem}.bcard p{font-size:.9rem;color:var(--muted);margin:0}

/* Newsletter */
.news{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;padding:40px;border-radius:32px;background:linear-gradient(120deg,var(--honey) 0,#FFC867 100%);position:relative;overflow:hidden}
.news::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;background:rgba(255,255,255,.18);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.news .eyebrow{color:var(--ink)}.news h2{margin-bottom:6px}.news p{margin:0}
.news-form{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px}
.news-form input[type=email]{flex:1;min-width:200px;height:48px;border:0;border-radius:999px;padding:0 20px;font:inherit;background:#fff}
.news-form .btn{height:48px;background:var(--ink);color:#fff;box-shadow:none}
.news-form .form-msg{flex-basis:100%}

/* Páginas */
.page-hd{padding:28px 0 8px}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:.82rem;color:var(--muted);margin-bottom:12px}
.crumbs a:hover{color:var(--ink)}
.chips-bar{position:sticky;top:var(--hdr);z-index:20;background:rgba(255,248,236,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 0;border-bottom:1px solid var(--line)}
.chips{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip-f{flex:none;height:38px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.88rem;font-weight:500}
.chip-f.on,.chip-f:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.sort{margin-left:auto;flex:none}
.sort select{height:38px;border-radius:999px;border:1px solid var(--line);padding:0 14px;font:inherit;font-size:.88rem;background:#fff}
.count{font-size:.88rem;margin-bottom:14px}
.h-sm{font-size:1.2rem}
.sugg{margin-top:14px;flex-wrap:wrap}
.search-big{max-width:none;height:54px;margin:0;font-size:1.05rem}

/* Producto */
.pd{padding-top:24px}
.pd-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:start}
.pd-media{position:sticky;top:calc(var(--hdr) + 16px)}
.pd-main{position:relative;aspect-ratio:1;border-radius:28px;background:radial-gradient(circle at 50% 40%,#fff,#FFE9C4);overflow:hidden}
.pd-main img{width:100%;height:100%;object-fit:contain;padding:8%}
.pd-thumbs{display:flex;gap:10px;margin-top:12px}
.pd-thumbs button{width:72px;height:72px;border-radius:14px;background:#fff;border:2px solid var(--line);overflow:hidden}
.pd-thumbs button.on{border-color:var(--honey)}
.pd-info h1{font-size:clamp(1.7rem,3vw,2.4rem);margin-top:8px}
.price-lg strong{font-size:2rem}.price-lg s{font-size:1rem}
.save{font-size:.8rem;font-weight:700;color:var(--ok);background:#E6F4EC;padding:3px 10px;border-radius:999px}
.lead{font-size:1.05rem;color:#4A544D;margin:16px 0 22px}
.pd-buy{display:flex;gap:12px;margin-bottom:12px}
.qty{display:flex;align-items:center;height:44px;border:1.5px solid var(--line);border-radius:999px;background:#fff}
.qty button{width:40px;height:100%;display:grid;place-items:center}
.qty input{width:38px;border:0;text-align:center;font:600 1rem var(--f-b);background:none;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.pd-perks{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px}
.pd-perks li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.pd-perks .ic{color:var(--honey-d);margin-top:2px}
.pd-perks strong{display:block;font-size:.92rem}.pd-perks span{font-size:.85rem;color:var(--muted)}
.specs h2{font-size:1.1rem}
.specs ul{list-style:none;margin:0;padding:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff}
.specs li{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;font-size:.9rem}
.specs li:nth-child(odd){background:#FFFBF3}
.specs span{color:var(--muted);display:flex;align-items:center}
.out-box{padding:18px;border-radius:16px;background:#fff;border:1px dashed var(--line)}
.pd-desc{margin-top:40px;padding:8px 28px 18px;border-radius:24px;background:#fff;border:1px solid var(--line)}
.pd-desc summary{list-style:none;cursor:pointer;padding:16px 0}
.pd-desc summary::-webkit-details-marker{display:none}
.pd-desc summary h2{font-size:1.25rem;margin:0}
.prose{font-size:1rem;color:#38423B;max-width:760px}
.prose h2,.prose h3,.prose h4{margin:1.4em 0 .5em;font-family:var(--f-h)}
.prose img{border-radius:16px;margin:1em 0}
.prose ul,.prose ol{padding-left:1.2em}
.prose a{color:var(--honey-d);text-decoration:underline}
.pd-sticky{display:none}

/* Carrito y checkout */
.cart-page,.co{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start;padding-bottom:60px}
.summary{position:sticky;top:calc(var(--hdr) + 16px);background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;display:grid;gap:12px}
.summary h2{font-size:1.2rem;margin:0}
.row-between{display:flex;justify-content:space-between;gap:12px;font-size:.95rem}
.total{padding-top:12px;border-top:1px dashed var(--line);font-size:1.1rem}
.total strong{font:800 1.4rem var(--f-h)}
.citem{display:grid;grid-template-columns:76px 1fr auto;gap:14px;align-items:center;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:10px}
.citem img{width:76px;height:76px;object-fit:contain;border-radius:12px;background:var(--cream-2);padding:6px}
.citem h3{font-family:var(--f-b);font-size:.92rem;font-weight:600;margin:0 0 4px}
.citem .price strong{font-size:1rem}
.citem-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.citem .stepper{height:36px}.citem .stepper button{height:36px;width:34px}
.rm{font-size:.78rem;color:var(--muted);text-decoration:underline}
.ship-progress{margin-bottom:12px}
.sp-box{padding:12px 14px;border-radius:14px;background:var(--cream-2);font-size:.86rem}
.sp-bar{height:6px;border-radius:999px;background:#fff;margin-top:8px;overflow:hidden}
.sp-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--honey),var(--honey-d));border-radius:999px;transition:width .4s}
.empty{text-align:center;padding:48px 20px}
.empty span{font-size:3rem;display:block;margin-bottom:8px}
.empty-404{padding:90px 20px}
.back{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--muted);margin-bottom:10px}
.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;margin:0 0 18px}
fieldset.card{min-width:0}
legend{display:flex;align-items:center;gap:10px;font:800 1.15rem var(--f-h);padding:0;float:left;width:100%;margin-bottom:18px}
legend+*{clear:both}
.step{width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--honey);display:grid;place-items:center;font-size:.85rem}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.f{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:#3A443D}
.f-2{grid-column:1/-1}
.f input,.f textarea,.f select{height:48px;border-radius:14px;border:1.5px solid var(--line);padding:0 14px;font:400 1rem var(--f-b);color:var(--ink);background:#FFFDF9;transition:border-color .2s,box-shadow .2s;width:100%}
.f textarea{height:auto;padding:12px 14px;resize:vertical}
.f input:focus,.f textarea:focus{outline:0;border-color:var(--honey);box-shadow:0 0 0 4px rgba(248,175,66,.18)}
.f .err,.f input:invalid.touched{border-color:var(--bad)}
.f small{font-weight:400;color:var(--muted)}
.f-check{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:500;cursor:pointer}
.f-check input{width:20px;height:20px;accent-color:var(--honey-d)}
.ship-opts{display:grid;gap:10px;margin-bottom:16px}
.ship-opt{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;border:1.5px solid var(--line);cursor:pointer;transition:border-color .2s,background .2s}
.ship-opt:has(input:checked){border-color:var(--honey);background:#FFFAF0}
.ship-opt input{width:20px;height:20px;accent-color:var(--honey-d);flex:none}
.so-body{flex:1;display:flex;flex-direction:column}.so-body small{color:var(--muted);font-size:.82rem}
.so-cost{font-weight:700}
.sum-items{display:grid;gap:8px;max-height:280px;overflow:auto}
.sum-item{display:flex;align-items:center;gap:10px;font-size:.88rem}
.sum-item img{width:44px;height:44px;object-fit:contain;background:var(--cream-2);border-radius:10px;padding:3px}
.sum-item span{flex:1}
.terms{font-size:.82rem;align-items:flex-start}.terms a{text-decoration:underline}
.pay-note{font-size:.78rem;color:var(--muted);margin:0;text-align:center}
.form-msg{font-size:.88rem;margin:0;min-height:1em}
.form-msg.is-err{color:var(--bad)}.form-msg.is-ok{color:var(--ok);font-weight:600}

/* Pedido */
.order{max-width:720px;padding:40px 0 60px;display:grid;gap:18px}
.order-hero{text-align:center;padding:36px 24px;border-radius:28px;background:#fff;border:1px solid var(--line)}
.order-ic{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font-size:2rem;background:var(--honey-l)}
.is-ok .order-ic{background:#E6F4EC;color:var(--ok)}.is-bad .order-ic{background:#FDECE4;color:var(--bad)}
.timeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;font-size:.8rem;text-align:center;color:var(--muted)}
.timeline li span{display:block;height:6px;border-radius:999px;background:var(--line);margin-bottom:8px}
.timeline li.done{color:var(--ink);font-weight:600}.timeline li.done span{background:var(--honey)}

/* Nosotros / BeeTeam / Contacto */
.about-hero{padding:48px 0}
.about-in,.bee-in{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.about-img{border-radius:32px;overflow:hidden;box-shadow:var(--sh-lg);transform:rotate(2deg)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stats div{padding:24px;border-radius:var(--r);background:#fff;border:1px solid var(--line);text-align:center}
.stats strong{display:block;font:800 2.2rem var(--f-h);color:var(--honey-d)}
.stats span{font-size:.88rem;color:var(--muted)}
.bee-hero{background:radial-gradient(600px 300px at 10% 0,rgba(248,175,66,.25),transparent),var(--forest);color:#EFE9DC;padding:56px 0}
.bee-hero h1{color:#fff}
.checks{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.checks li{display:flex;gap:10px;align-items:center}.checks .ic{color:var(--honey)}
.bee-form{color:var(--ink);margin:0}
.bee-form .f{margin-bottom:12px}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;padding-bottom:60px;align-items:start}
.contact-cards{display:grid;gap:12px}
.ccard{display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.ccard strong{display:block}.ccard span{font-size:.88rem;color:var(--muted)}
.ccard-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--honey-l);color:var(--ink);flex:none}
.wa-c{background:var(--wa);color:#fff}
.post{max-width:820px;padding:24px 0 20px}
.post-hd time{font-size:.85rem;color:var(--muted)}
.post-img{border-radius:24px;overflow:hidden;margin:20px 0 28px}

/* Footer */
.ftr{background:var(--ink);color:#CFC8B8;margin-top:40px;padding:56px 0 24px;font-size:.92rem}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
.ftr h3{color:#fff;font-size:.95rem;margin-bottom:14px}
.ftr-grid>div>a,.ftr-note{display:flex;align-items:center;gap:8px;padding:5px 0;color:#CFC8B8}
.ftr-grid a:hover{color:var(--honey)}
.ftr-brand img{height:40px;width:auto;margin-bottom:14px}
.ftr-brand p{font-size:.88rem;max-width:320px}
.social{display:flex;gap:8px}
.social a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08)}
.social a:hover{background:var(--honey);color:var(--ink)}
.pay{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pay span{font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18)}
.ftr-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem}
.ftr-bottom a{color:var(--honey)}

/* Drawer */
.drawer{position:fixed;inset:0;z-index:90;pointer-events:none}
.drawer-bg{position:absolute;inset:0;background:rgba(27,38,32,.45);opacity:0;transition:opacity .3s}
.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(420px,100%);background:var(--cream);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:var(--sh-lg)}
.drawer.open{pointer-events:auto}.drawer.open .drawer-bg{opacity:1}.drawer.open .drawer-panel{transform:none}
.drawer-hd{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.drawer-hd h2{font-size:1.3rem;margin:0}
.drawer .ship-progress{padding:14px 20px 0;margin:0}
.drawer-items{flex:1;overflow:auto;padding:14px 20px}
.drawer-ft{padding:18px 20px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:grid;gap:10px;background:#fff}

/* WhatsApp */
.wa{position:fixed;right:22px;bottom:22px;z-index:80}
.wa-fab{position:relative;width:60px;height:60px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(37,211,102,.7);transition:transform .2s}
.wa-fab:hover{transform:scale(1.06)}
.wa-fab::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--wa);opacity:.5;animation:ping 2.4s infinite;z-index:-1}
@keyframes ping{80%,100%{transform:scale(1.6);opacity:0}}
.wa-dot{position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:var(--honey);border:2px solid #fff}
.wa-panel{position:absolute;right:0;bottom:76px;width:320px;max-width:calc(100vw - 32px);background:#fff;border-radius:22px;box-shadow:var(--sh-lg);overflow:hidden;transform-origin:bottom right;animation:pop .25s ease-out}
@keyframes pop{from{opacity:0;transform:scale(.9) translateY(10px)}}
.wa-hd{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#075E54;color:#fff}
.wa-hd img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.wa-hd div{flex:1;display:flex;flex-direction:column;line-height:1.25}
.wa-hd small{font-size:.76rem;opacity:.85;display:flex;align-items:center;gap:6px}
.wa-hd small i{width:8px;height:8px;border-radius:50%;background:#7CFC9A}
.wa-hd .icon-btn:hover{background:rgba(255,255,255,.12)}
.wa-body{padding:16px;display:grid;gap:8px;background:#ECE5DD}
.wa-bubble{background:#fff;padding:10px 14px;border-radius:4px 16px 16px 16px;font-size:.9rem;margin-bottom:6px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.wa-body button{text-align:left;background:#fff;border-radius:14px;padding:11px 14px;font-size:.88rem;font-weight:500;border:1px solid transparent;transition:border-color .2s}
.wa-body button:hover{border-color:var(--wa)}

/* Barra inferior (app) y barra de carrito */
.tabbar,.cartbar{display:none}

/* ===== Tablet y celular: experiencia tipo app ===== */
@media (max-width:1023px){
  :root{--hdr:62px}
  body{padding-bottom:calc(var(--tab) + env(safe-area-inset-bottom))}
  .nav-d,.beeteam-link,.cart-btn{display:none}
  .hdr-in{gap:12px}
  .logo img{height:36px}
  .search{max-width:none;height:42px}
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;height:calc(var(--tab) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);box-shadow:0 -8px 24px -18px rgba(27,38,32,.4)}
  .tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.7rem;font-weight:600;color:#8A8F86;position:relative}
  .tabbar .on{color:var(--ink)}
  .tabbar .on::before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 4px 4px;background:var(--honey)}
  .tabbar button{color:#1FA855}
  .tb-ic{position:relative;display:grid}
  .tb-ic .cart-count{top:-6px;right:-10px}
  .cartbar{position:fixed;left:12px;right:12px;bottom:calc(var(--tab) + 10px + env(safe-area-inset-bottom));z-index:65;display:flex;align-items:center;gap:12px;height:54px;padding:0 10px 0 8px;border-radius:999px;background:var(--ink);color:#fff;box-shadow:var(--sh-lg);font-weight:600;animation:up .3s ease-out}
  .cartbar[hidden]{display:none}
  .cartbar span:nth-child(2){flex:1}
  .cb-n{width:38px;height:38px;border-radius:50%;background:var(--honey);color:var(--ink);display:grid;place-items:center}
  .cb-n .cart-count{position:static;background:none;font-size:.95rem}
  .cartbar strong{background:rgba(255,255,255,.1);padding:8px 14px;border-radius:999px}
  @keyframes up{from{transform:translateY(20px);opacity:0}}
  .pg-carrito .cartbar,.pg-checkout .cartbar,.pg-pedido .cartbar,.pg-producto .cartbar{display:none}
  .wa{display:none}
  .wa.open{display:block;right:12px;bottom:calc(var(--tab) + 12px)}
  .wa.open .wa-fab{display:none}
  .wa.open .wa-panel{bottom:0}
  /* Tarjetas una por fila (lista tipo app) */
  .pgrid-shop,.pg-producto .pgrid{grid-template-columns:1fr;gap:12px}
  .pgrid-shop .pcard,.pg-producto .pgrid .pcard{flex-direction:row;align-items:stretch}
  .pgrid-shop .pcard-img,.pg-producto .pgrid .pcard-img{width:132px;flex:none;aspect-ratio:auto;min-height:132px}
  .pgrid-shop .pcard-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.84rem;color:var(--muted);margin:2px 0 0}
  .pgrid-shop .tag-badge{display:none}
  .cat-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px;scrollbar-width:none}
  .cat-rail::-webkit-scrollbar{display:none}
  .cat{flex:none;scroll-snap-align:start;flex-direction:column;text-align:center;width:112px;padding:12px 8px;gap:8px}
  .cat-txt small{display:none}
  .cat-img{width:64px;height:64px;border-radius:50%}
  .hero-in{grid-template-columns:1fr;gap:8px;padding:28px 0 36px}
  .hero-art{max-width:360px;order:-1}
  .fc-1{left:0}.fc-2{right:0}
  .hero-txt{text-align:center}.hero p{margin-inline:auto}
  .hero-cta,.hero-trust{justify-content:center}
  .promos{grid-template-columns:1fr}
  .why-grid,.stats{grid-template-columns:1fr 1fr}
  .bgrid{grid-template-columns:1fr}
  .bcard{display:grid;grid-template-columns:200px 1fr}
  .bcard-img{aspect-ratio:auto;height:100%}
  .news{grid-template-columns:1fr;padding:28px}
  .pd-grid{grid-template-columns:1fr;gap:20px}
  .pd-media{position:static}
  .pd-sticky{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:calc(var(--tab) + env(safe-area-inset-bottom));z-index:60;padding:10px 16px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -10px 24px -18px rgba(0,0,0,.4)}
  .pd-sticky div{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
  .pd-sticky strong{font:800 1.15rem var(--f-h)}
  .pd-sticky small{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pg-producto{padding-bottom:calc(var(--tab) + 70px + env(safe-area-inset-bottom))}
  .cart-page,.co{grid-template-columns:1fr}
  .summary{position:static}
  .about-in,.bee-in,.contact{grid-template-columns:1fr}
  .about-img{transform:none}
  .ftr-grid{grid-template-columns:1fr 1fr}
  .ftr-brand{grid-column:1/-1}
  .drawer{display:none}
}
@media (max-width:639px){
  .wrap{width:calc(100% - 32px)}
  .announce{height:30px;font-size:.74rem}
  .hdr-in{flex-wrap:wrap;height:auto;padding:10px 0;row-gap:10px}
  .search{order:3;flex-basis:100%}
  .logo{margin-right:auto}
  .sec{padding:40px 0}.sec-tight{padding:16px 0 40px}
  .sec-hd{margin-bottom:18px}
  .hero h1{font-size:2.1rem}.hero p{font-size:1rem}
  .hero-art{max-width:300px}
  .float-card{font-size:.75rem;padding:8px 10px}.float-card b{font-size:1.1rem}
  .hero-trust{gap:14px;font-size:.8rem}
  /* Inicio: carrusel horizontal como app */
  .pg-home .pgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:4px 16px 8px;scrollbar-width:none}
  .pg-home .pgrid::-webkit-scrollbar{display:none}
  .pg-home .pgrid .pcard{flex:0 0 66%;scroll-snap-align:start}
  .pgrid{grid-template-columns:1fr 1fr;gap:12px}
  .pgrid-shop .pcard-img{width:112px;min-height:112px}
  .pcard-body{padding:12px}
  .add{width:38px;height:38px}
  .promo{min-height:auto;padding:22px;flex-direction:row}
  .promo h3{font-size:1.2rem}
  .promo-img{width:110px}
  .why{border-radius:28px}
  .why-item{padding:18px}
  .bcard{grid-template-columns:110px 1fr}
  .bcard-body{padding:14px}.bcard h3{font-size:.98rem}.bcard p{display:none}
  .fgrid{grid-template-columns:1fr}
  .card{padding:18px;border-radius:20px}
  .pd-desc{padding:4px 18px 14px}
  .ftr-grid{grid-template-columns:1fr}
  .timeline{font-size:.7rem}
}

/* Fotos de estudio (fondo #F1F1F1): tarjetas al mismo tono, sin recuadros */
.pcard-img,.pd-main,.citem img,.sum-item img,.pd-thumbs button{background:#F1F1F1}
.pcard-img img,.pd-main img{object-fit:cover;padding:0}
.citem img,.sum-item img{padding:0;object-fit:cover}
.hero-jar{filter:none;width:70%;margin:15% auto 0;border-radius:36px;transform:rotate(-4deg);box-shadow:0 40px 60px -24px rgba(120,70,0,.55);animation:none;border:8px solid #fff}
.hero-art:hover .hero-jar{transform:rotate(-2deg) translateY(-6px);transition:transform .5s}
.promo-img{border-radius:22px;filter:none;box-shadow:0 18px 30px -12px rgba(0,0,0,.45);width:160px}
.cat-rail{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
@media (max-width:639px){.promo-img{width:96px;border-radius:16px}.hero-jar{border-width:6px;border-radius:28px}}
.logo img{height:52px}
@media (max-width:1023px){.logo img{height:44px}}

/* ===================== v2 · colores planos, identidad de etiqueta ===================== */
:root{--brown:#2B1A0E;--sand:#F6EBD6}
.drip{position:absolute;left:0;right:0;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='60' viewBox='0 0 240 60'%3E%3Cpath fill='%232B1A0E' d='M0 0H240V16C232 16 230 20 229 28C228 38 226 44 222 44C218 44 216 38 215 28C214 20 211 16 204 16L176 16C170 16 168 22 167 34C166 50 163 58 158 58C153 58 150 50 149 34C148 22 146 16 140 16L112 16C107 16 105 19 104 24C103 29 101 32 98 32C95 32 93 29 92 24C91 19 89 16 84 16L58 16C52 16 50 21 49 30C48 42 45 48 41 48C37 48 34 42 33 30C32 21 30 16 24 16L0 16Z'/%3E%3C/svg%3E") repeat-x;background-size:240px 60px;pointer-events:none;z-index:1}
.drip-top{top:0}
.btn-ink{background:var(--brown);color:var(--honey)}.btn-ink:hover{background:#000}
.btn-honey{background:var(--honey);color:var(--brown)}.btn-honey:hover{background:#FFC260}
.logo img{height:40px;width:auto}
.ftr-brand img{height:34px}
.chat-wa.pulse{animation:wap 1.4s 3}
@keyframes wap{50%{background:#25D366}}

/* Banners */
.banners{width:min(1240px,100% - 24px);margin:14px auto 0;position:relative}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:32px;scroll-behavior:smooth}
.slides::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:start;position:relative;overflow:hidden;min-height:540px;display:flex}
.slide-in{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.05fr;align-items:end;width:100%;padding:80px 64px 0;gap:24px}
.slide-txt{align-self:center;padding-bottom:70px;max-width:520px}
.slide h1,.slide-h{font:800 clamp(2.2rem,4.3vw,3.7rem)/1.02 var(--f-h);letter-spacing:-.03em;margin:18px 0 16px}
.slide p{font-size:1.08rem;max-width:440px;opacity:.88}
.u{box-shadow:inset 0 -.3em 0 rgba(255,255,255,.55)}
.s-honey{background:var(--honey);color:var(--brown)}
.s-forest{background:var(--forest);color:#F3EBDD}.s-forest .u{box-shadow:inset 0 -.3em 0 rgba(248,175,66,.45)}
.s-coffee{background:#17120E;color:#EFE6D8}.s-coffee .u{box-shadow:inset 0 -.3em 0 rgba(248,175,66,.4)}
.stamp{display:inline-block;font:700 .74rem/1 var(--f-b);letter-spacing:.18em;text-transform:uppercase;padding:9px 14px;border:2px solid currentColor;outline:1px solid currentColor;outline-offset:3px;border-radius:2px}
.stamp-light{color:var(--honey)}
.slide-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}
.off-note{font-weight:700;font-size:.9rem;padding:6px 12px;border:1.5px dashed var(--brown);border-radius:999px;transform:rotate(-2deg)}
.shelf{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;gap:4%;padding-bottom:30px}
.shelf-board{position:absolute;left:-40px;right:-64px;bottom:0;height:30px;background:var(--brown)}
.jar{position:relative;display:block;transition:transform .35s cubic-bezier(.2,.8,.2,1);z-index:1}
.jar img{width:auto;filter:drop-shadow(0 14px 10px rgba(43,26,14,.28))}
.j1 img{height:180px}.j2 img{height:250px}.j3 img{height:350px}
.jar:hover{transform:translateY(-8px)}
.ptag{position:absolute;left:50%;top:-62px;transform:translateX(-50%) rotate(-5deg);display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#FFF8EC;color:var(--brown);padding:8px 14px 8px 24px;border-radius:3px 10px 10px 3px;font-size:.78rem;line-height:1;white-space:nowrap;box-shadow:0 3px 0 rgba(43,26,14,.18)}
.ptag::before{content:"";position:absolute;left:9px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--honey)}
.ptag b{font:800 1rem var(--f-h)}
.j2 .ptag{transform:translateX(-50%) rotate(3deg)}.j3 .ptag{transform:translateX(-50%) rotate(-2deg)}
.slide-art{position:relative;align-self:end;display:flex;justify-content:center;align-items:flex-end}
.art-bucket img{height:420px;width:auto;margin-bottom:-10px;filter:drop-shadow(0 24px 24px rgba(0,0,0,.35))}
.seal{position:absolute;top:12%;right:8%;width:128px;height:128px;border-radius:50%;background:var(--honey);color:var(--brown);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(12deg);outline:2px dashed var(--brown);outline-offset:-9px}
.seal b{font:800 2rem/1 var(--f-h)}.seal small{font-size:.7rem;font-weight:600;max-width:80px;line-height:1.15;margin-top:4px}
.art-bags{gap:0}
.art-bags img{height:400px;width:auto;filter:drop-shadow(0 24px 24px rgba(0,0,0,.5));margin-bottom:-24px}
.art-bags img:first-child{transform:rotate(-7deg);z-index:2;margin-right:-50px}
.art-bags img:last-child{height:360px;transform:rotate(6deg)}
.slider-ui{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}
.sl-arrow{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);background:#fff}
.sl-arrow:hover{border-color:var(--ink)}
.dots{display:flex;gap:6px}
.dots button{width:8px;height:8px;border-radius:999px;background:#D9CCB4;transition:width .3s,background .3s}
.dots button.on{width:26px;background:var(--brown)}

/* Categorías con productos recortados */
.cat-img{background:var(--sand);border-radius:16px}
.cat-img img{object-fit:contain;padding:6px}
.cat-dark{background:var(--forest);border-color:var(--forest);color:#fff}
.cat-dark small{color:#BFD0C3}.cat-dark .cat-img{background:#2E4A3A}

/* Tarjetas: fondo plano arena + producto recortado */
.pcard-img{background:var(--sand)}
.pcard-img img{object-fit:contain;padding:10% 12% 6%;filter:drop-shadow(0 10px 8px rgba(43,26,14,.18))}
.pd-main{background:var(--sand)}
.pd-main img{object-fit:contain;padding:10%;filter:drop-shadow(0 18px 14px rgba(43,26,14,.22))}
.citem img,.sum-item img,.pd-thumbs button{background:var(--sand)}
.citem img,.sum-item img{object-fit:contain;padding:4px}
.tag-off{background:var(--brown)}
.sec-hd h2{margin:0}

/* Números */
.numbers{position:relative;background:var(--brown);color:#E9DCC6;padding:84px 0 96px;margin:40px 0 90px}
.numbers .drip{top:100%;background-position:30px 0}
.numbers h2{color:var(--honey);max-width:560px;font-size:clamp(1.8rem,3.4vw,2.8rem)}
.num-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:40px 0 34px}
.num-grid div{padding:0 22px;border-left:1px solid rgba(255,255,255,.14)}
.num-grid div:first-child{padding-left:0;border-left:0}
.num-grid strong{display:block;font:800 clamp(2.6rem,5vw,4.2rem)/1 var(--f-h);color:#FFF8EC;letter-spacing:-.03em;margin-bottom:10px}
.num-grid span{font-size:.9rem;opacity:.75}
.link-light{color:#FFF8EC}

/* Envíos */
.ship-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}
.ship-hd h2{margin:0 0 4px}.ship-hd p{margin:0}
.ship-free{background:var(--honey);color:var(--brown);padding:14px 20px;border-radius:6px;transform:rotate(-1.5deg);box-shadow:4px 4px 0 var(--brown)}
.ship-free strong{display:block;font:800 1.2rem var(--f-h)}.ship-free span{font-size:.85rem;font-weight:500}
.route{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}
.route::before{content:"";position:absolute;left:40px;right:40px;top:44px;border-top:2px dashed #DCC9A6;z-index:0}
.stop{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 22px 20px}
.stop-n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--brown);color:var(--honey);font:800 .95rem var(--f-h);margin-bottom:16px}
.stop h3{font-size:1.05rem;margin:0 0 4px}
.stop-eta{font-size:.88rem;color:var(--muted);margin:0 0 14px}
.stop-price{font:800 1.9rem/1 var(--f-h);margin:0}
.ship-note{text-align:center;margin:22px 0 0;font-size:.92rem;color:var(--muted)}
.link-btn{font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--honey);text-decoration-thickness:2px;text-underline-offset:3px}
.faq h3{font-size:1.05rem;margin-top:0}

/* Newsletter y otros: sin degradados */
.news{background:var(--honey);padding-top:76px}
.news::after{content:"";position:absolute;left:0;right:0;top:0;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='60' viewBox='0 0 240 60'%3E%3Cpath fill='%232B1A0E' d='M0 0H240V16C232 16 230 20 229 28C228 38 226 44 222 44C218 44 216 38 215 28C214 20 211 16 204 16L176 16C170 16 168 22 167 34C166 50 163 58 158 58C153 58 150 50 149 34C148 22 146 16 140 16L112 16C107 16 105 19 104 24C103 29 101 32 98 32C95 32 93 29 92 24C91 19 89 16 84 16L58 16C52 16 50 21 49 30C48 42 45 48 41 48C37 48 34 42 33 30C32 21 30 16 24 16L0 16Z'/%3E%3C/svg%3E") repeat-x;background-size:240px 60px;clip-path:none;width:auto;transform:none}
.news .btn{background:var(--brown)}
.sp-bar i{background:var(--honey)}
.bee-hero{background:var(--forest)}
.why{background:var(--brown)}
.order-hero,.about-img{background:#fff}

/* Chat asistente */
.wa-panel{width:360px;display:flex;flex-direction:column;max-height:min(580px,78vh)}
.wa-panel[hidden]{display:none}
.chat-body{flex:1;overflow-y:auto;padding:14px;background:#EFE7DA;display:flex;flex-direction:column;gap:8px;min-height:240px}
.msg{max-width:86%;padding:9px 12px;border-radius:14px;font-size:.88rem;line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.06);animation:pop .2s ease-out}
.msg.bot{background:#fff;align-self:flex-start;border-top-left-radius:4px}
.msg.me{background:#DCF8C6;align-self:flex-end;border-top-right-radius:4px}
.msg a{color:#B86E00;font-weight:600;text-decoration:underline}
.msg ul{margin:6px 0 0;padding-left:18px}
.msg.typing{display:flex;gap:4px;padding:12px 14px}
.msg.typing i{width:6px;height:6px;border-radius:50%;background:#B9AE9C;animation:tp 1s infinite}
.msg.typing i:nth-child(2){animation-delay:.15s}.msg.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{50%{transform:translateY(-4px);opacity:.5}}
.chat-chips{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;background:#EFE7DA;scrollbar-width:none}
.chat-chips::-webkit-scrollbar{display:none}
.chat-chips button{flex:none;font-size:.8rem;font-weight:500;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #E2D5BE}
.chat-chips button:hover{border-color:var(--wa)}
.chat-form{display:flex;gap:6px;padding:10px 12px;background:#fff;border-top:1px solid #EEE6D8}
.chat-form input{flex:1;min-width:0;height:40px;border:1px solid var(--line);border-radius:999px;padding:0 14px;font:inherit;font-size:.9rem;outline:0}
.chat-form input:focus{border-color:var(--wa)}
.chat-form button{width:40px;height:40px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;flex:none}
.chat-wa{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;background:#075E54;color:#fff;font-size:.84rem;font-weight:600}
.chat-wa:hover{background:#064C44}

@media (max-width:1023px){
  .logo img{height:36px}
  .slide{min-height:auto}
  .slide-in{grid-template-columns:1fr;padding:72px 32px 0;gap:8px}
  .slide-txt{padding-bottom:20px;max-width:none}
  .shelf{min-height:380px}
  .slide-art{min-height:320px}
  .art-bucket img{height:320px}
  .art-bags img{height:300px}.art-bags img:last-child{height:270px}
  .num-grid{grid-template-columns:1fr 1fr;row-gap:30px}
  .num-grid div:nth-child(3){padding-left:0;border-left:0}
  .route{grid-template-columns:1fr}
  .route::before{left:43px;right:auto;top:30px;bottom:30px;border-top:0;border-left:2px dashed #DCC9A6}
  .stop{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:16px;padding:16px 18px}
  .stop-n{margin:0;grid-row:span 2}
  .stop h3{grid-column:2}.stop-eta{grid-column:2;margin:0}
  .stop-price{grid-column:3;grid-row:1/3;font-size:1.4rem}
  .ship-hd{flex-direction:column;align-items:flex-start}
  .wa.open .wa-panel{position:fixed;left:8px;right:8px;bottom:calc(var(--tab) + 8px + env(safe-area-inset-bottom));width:auto;max-height:72vh}
}
@media (max-width:639px){
  .logo img{height:32px}
  .banners{width:calc(100% - 20px);margin-top:10px}
  .slides{border-radius:24px}
  .slide-in{padding:64px 22px 0}
  .slide h1,.slide-h{font-size:2rem}
  .slide p{font-size:.95rem}
  .shelf{min-height:290px;gap:3%}
  .j1 img{height:120px}.j2 img{height:165px}.j3 img{height:232px}
  .ptag{top:-46px;padding:6px 10px 6px 20px;font-size:.7rem}.ptag b{font-size:.85rem}
  .shelf-board{left:-22px;right:-22px;height:24px}
  .shelf{padding-bottom:24px}
  .art-bucket img{height:250px}
  .seal{width:96px;height:96px;right:2%}.seal b{font-size:1.5rem}
  .art-bags img{height:240px}.art-bags img:last-child{height:215px}
  .slide-art{min-height:250px}
  .sl-arrow{display:none}
  .numbers{padding:60px 0 70px}
  .num-grid div{padding:0 14px}
  .num-grid strong{font-size:2.4rem}
  .news{padding-top:70px}
}

.drip,.news::after{display:none!important}.news{padding-top:40px}
/* ===================== v3 · tienda limpia y sobria ===================== */
:root{--bg:#FAF8F4;--ink:#1D1D1B;--muted:#6E6B66;--line:#E7E2D9;--honey:#F2A93B;--r:10px}
body{background:var(--bg);color:var(--ink)}
h1,h2,h3{letter-spacing:-.01em}
h2{font-size:clamp(1.35rem,2vw,1.7rem);font-weight:700}
.announce{height:auto;padding:8px 16px;background:var(--ink);color:#EDE9E1;font-size:.78rem;text-align:center;justify-content:center}
.announce p{margin:0}
.hdr{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--line)}
.hdr.is-scrolled{box-shadow:none}
.nav-d a{border-radius:6px;font-size:.92rem}
.nav-d a[aria-current]{background:none;color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink);border-radius:0}
.search{border-radius:8px;background:var(--bg);box-shadow:none}
.search:focus-within{box-shadow:none;border-color:var(--ink)}
.cart-btn{border-radius:8px;width:44px;height:44px}
.cart-count{background:var(--honey);color:var(--ink)}
.btn{border-radius:8px;height:44px;font-weight:600;box-shadow:none}
.btn-sm{height:36px}
.btn-primary{background:var(--ink);color:#fff;box-shadow:none}
.btn-primary:hover{background:#000}
.btn-ghost{border-color:var(--line);background:#fff}
.btn-ghost:hover{border-color:var(--ink)}
.eyebrow{color:var(--muted);letter-spacing:.08em}
.link-more{border-bottom:1px solid var(--ink);font-size:.9rem}
.sec{padding:48px 0}
.sec-hd{margin-bottom:20px;align-items:baseline}

/* Intro */
.intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:48px 0 24px}
.kicker{font-size:.82rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px}
.intro h1{font-size:clamp(2rem,3.6vw,3rem);font-weight:700;line-height:1.1;max-width:520px}
.intro-p{font-size:1.05rem;color:var(--muted);max-width:460px}
.intro-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.intro-img{position:relative;display:block;border-radius:var(--r);overflow:hidden;background:#F1F1F1}
.intro-img img{width:100%;aspect-ratio:1/1;object-fit:cover}
.intro-cap{position:absolute;left:14px;bottom:14px;background:#fff;padding:6px 12px;border-radius:6px;font-size:.82rem;font-weight:500}


.announce .marquee{display:none!important}.announce{display:block}
/* Carrusel de productos en la intro */
.intro-car{position:relative;min-width:0}
.intro-car .slides{border-radius:var(--r);background:#F1F1F1}
.intro-car .slide{min-height:0;display:block;position:relative}
.intro-car .slide img{width:100%;aspect-ratio:1/1;object-fit:cover}
.intro-car .intro-cap{left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 14px;border-radius:8px;background:#fff;font-size:.88rem}
.intro-car .intro-cap strong{font-weight:600;white-space:nowrap}
.intro-car .slider-ui{justify-content:flex-end;margin-top:12px}
.sl-arrow{border-radius:8px;border-color:var(--line)}
.dots button{background:#D8D3CA}.dots button.on{background:var(--ink)}
@media (max-width:1023px){.intro-car{order:-1}.intro-car .slide img{aspect-ratio:1/1}.intro-car .slider-ui{justify-content:center}}

/* Categorías */
.cats3{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cat3{display:block}
.cat3-img{display:block;border-radius:var(--r);overflow:hidden;background:#F1F1F1;aspect-ratio:1/1.05}
.cat3-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.cat3:hover .cat3-img img{transform:scale(1.03)}
.cat3-name{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-weight:600;font-size:.95rem}

/* Productos: foto real, ficha sobria */
.pgrid{gap:24px 16px}
.pcard{background:none;border:0;border-radius:0;overflow:visible}
.pcard:hover{transform:none;box-shadow:none}
.pcard-img{border-radius:var(--r);background:#F1F1F1}
.pcard-img img{object-fit:cover;padding:0;filter:none}
.pcard:hover .pcard-img img{transform:scale(1.03)}
.pcard-body{padding:12px 2px 0;gap:2px}
.pcard-cat{color:var(--muted);font-weight:500;letter-spacing:.04em;font-size:.7rem}
.pcard h3{font-size:.95rem;font-weight:500}
.price strong{font:600 1rem var(--f-b)}
.tag{border-radius:4px;font-weight:600}
.tag-off{background:var(--honey);color:var(--ink)}
.tag-badge{background:#fff;color:var(--ink);box-shadow:none}
.add{width:36px;height:36px;border-radius:8px;background:var(--ink);color:#fff;box-shadow:none}
.add:hover{background:#000}
.stepper{height:36px;border-radius:8px;background:var(--ink)}
.stepper button{height:36px;width:32px}
.pd-main{background:#F1F1F1;border-radius:var(--r)}
.pd-main img{object-fit:cover;padding:0;filter:none}
.citem img,.sum-item img{background:#F1F1F1;object-fit:cover;padding:0}
.citem,.summary,.card,.stop,.pd-perks li,.specs ul,.pd-desc,.ccard,.bcard{border-radius:var(--r);box-shadow:none}

/* Historia */
.about2{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px auto}
.about2 p{color:var(--muted);max-width:520px}
.facts{margin:0;display:grid;gap:0}
.facts div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.facts div:last-child{border-bottom:0}
.facts dt{color:var(--muted);font-size:.9rem}.facts dd{margin:0;font-weight:600}

/* Envíos sobrio */
.ship-free{transform:none;box-shadow:none;border-radius:8px;background:#fff;border:1px solid var(--line);padding:12px 16px}
.ship-free strong{font:600 1rem var(--f-b)}
.ship-free span{color:var(--muted)}
.route::before{display:none}
.stop{padding:20px}
.stop-n{background:none;color:var(--muted);width:auto;height:auto;font:500 .8rem var(--f-b);margin-bottom:10px;display:block}
.stop-price{font:600 1.3rem var(--f-b)}

/* Blog / newsletter / footer */
.bgrid-2{grid-template-columns:1fr 1fr}
.bcard{border:0;background:none}
.bcard:hover{transform:none;box-shadow:none}
.bcard-img{border-radius:var(--r)}
.bcard-body{padding:12px 2px 0}
.news{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px}
.news-form input[type=email]{border:1px solid var(--line);border-radius:8px}
.news-form .btn{height:48px;background:var(--ink);border-radius:8px}
.ftr{background:#fff;color:var(--muted);border-top:1px solid var(--line)}
.ftr h3{color:var(--ink)}
.ftr-grid>div>a,.ftr-note{color:var(--muted)}
.ftr-grid a:hover{color:var(--ink)}
.social a{background:var(--bg);color:var(--ink)}
.social a:hover{background:var(--ink);color:#fff}
.pay span{border-color:var(--line)}
.ftr-bottom{border-color:var(--line)}
.ftr-bottom a{color:var(--ink)}
.why{background:var(--ink)}
.why-ic{background:#fff;border-radius:8px}

/* Menú inferior y carrito: mismo lenguaje sobrio */
.tabbar{background:#fff}
.tabbar .on::before{background:var(--ink)}
.cartbar{border-radius:10px;background:var(--ink)}
.cb-n{border-radius:8px}
.cartbar strong{border-radius:6px}
.wa-fab::before{display:none}
.wa-dot{display:none}

@media (max-width:1023px){
  .intro{grid-template-columns:1fr;gap:24px;padding:24px 0 8px}
  .intro-img{order:-1}
  .intro-img img{aspect-ratio:4/3}
  .cats3{grid-template-columns:1fr 1fr}
  .about2{grid-template-columns:1fr;gap:20px}
  .bgrid-2{grid-template-columns:1fr}
  .pgrid-shop .pcard,.pg-producto .pgrid .pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
  .pgrid-shop .pcard-img{border-radius:0}
  .pgrid-shop .pcard-body{padding:12px 14px}
}
@media (max-width:639px){
  .intro h1{font-size:1.8rem}
  .pg-home .pgrid{display:grid;grid-template-columns:1fr 1fr;overflow:visible;margin:0;padding:0}
  .pg-home .pgrid .pcard{flex:none}
  .cats3{gap:12px}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* ===================== v4 · limpio + color de marca moderado, tarjetas como antes ===================== */
:root{--honey:#F8AF42;--honey-d:#E39414}
.btn-primary{background:var(--honey);color:var(--ink)}
.btn-primary:hover{background:var(--honey-d)}
.kicker{color:var(--honey-d);font-weight:600}
.nav-d a[aria-current]{box-shadow:inset 0 -2px 0 var(--honey)}
.link-more{border-bottom:2px solid var(--honey)}
.cart-btn{background:var(--ink)}
/* Tarjetas de producto (estilo anterior) */
.pcard{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.pcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(29,29,27,.35)}
.pcard-img{border-radius:0;background:#F1F1F1}
.pcard-body{padding:14px 16px 16px;gap:4px}
.pcard-cat{color:var(--honey-d);font-weight:700;letter-spacing:.08em}
.pcard h3{font-weight:600}
.price strong{font:800 1.12rem var(--f-h)}
.tag-off{background:var(--ink);color:var(--honey)}
.tag-badge{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.add{width:40px;height:40px;border-radius:50%;background:var(--honey);color:var(--ink)}
.add:hover{background:var(--honey-d)}
.stepper{height:40px;border-radius:999px;background:var(--ink)}
.stepper button{height:40px;width:36px}
/* Categorías: mismo lenguaje de tarjeta */
.cat3{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.cat3:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(29,29,27,.35)}
.cat3-img{border-radius:0}
.cat3-name{margin:0;padding:14px 16px}
.cat3-name .ic{color:var(--honey-d)}
.intro-car .slides{border-radius:16px}
.stop,.summary,.card,.citem,.news{border-radius:16px}
.stop-n{color:var(--honey-d);font-weight:700}
.ship-free{border-color:var(--honey);background:#FFF6E6}
@media (max-width:1023px){.pgrid-shop .pcard,.pg-producto .pgrid .pcard{border-radius:16px}}
/* Tira de promociones (corre) */
.announce{display:flex!important;height:36px;padding:0;overflow:hidden;align-items:center;background:var(--ink);color:#EDE9E1;font-size:.82rem}
.announce .marquee{display:flex!important;gap:22px;align-items:center;white-space:nowrap;animation:mq 34s linear infinite;padding-left:22px}
.announce:hover .marquee{animation-play-state:paused}
.announce b{color:var(--honey);font-weight:700}
.announce i{color:var(--honey);font-style:normal;font-size:.7rem}
/* Responsive: lista de tienda una por fila y carrusel proporcionado */
@media (max-width:1023px){.intro-car .slide img{aspect-ratio:4/3;object-fit:contain;background:#F1F1F1}}
@media (max-width:639px){.pgrid.pgrid-shop,.pg-producto .pgrid{grid-template-columns:1fr}.intro-car .slide img{aspect-ratio:1/1}.announce{height:32px;font-size:.76rem}}
.chips-bar{background:var(--bg)}
.intro-car .slide img{object-fit:contain}
.intro-car .tag-off{top:14px;left:14px;font-size:.85rem;padding:5px 12px}
.cap-price{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.cap-price s{color:var(--muted);font-size:.82rem}
.cap-price strong{font:800 1.05rem var(--f-h)}
/* Blog compacto: 3 por fila */
.bgrid,.bgrid-2{grid-template-columns:repeat(3,1fr);gap:20px}
.bcard-img{aspect-ratio:3/2}
.bcard h3{font-size:1rem;line-height:1.3;margin:4px 0}
.bcard p{font-size:.86rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1023px){.bgrid,.bgrid-2{grid-template-columns:1fr;gap:14px}.bcard{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:center}.bcard-img{aspect-ratio:4/3;height:auto}.bcard-body{padding:0}}
@media (max-width:639px){.bcard{grid-template-columns:110px 1fr}.bcard p{display:none}}
/* BeeTeam claro, contraste suave */
.bee-hero{background:var(--bg);color:var(--ink);padding:48px 0;border-bottom:1px solid var(--line)}
.bee-hero h1{color:var(--ink);font-size:clamp(1.9rem,3.4vw,2.8rem);font-weight:700}
.bee-hero .lead{color:var(--muted)}
.checks .ic{color:var(--honey-d)}
.bee-form{border:1px solid var(--line)}
.f input,.f textarea{border-radius:10px;background:#fff}
/* ===================== v5 · foto real, movimiento y colores suaves ===================== */
:root{--sage:#E4EADF;--sage-d:#6F8466;--sand:#F3ECE0;--honey-soft:#FBEBD0;--honey:#EFB04A;--honey-d:#C98A1E}
.btn-primary{background:var(--honey);color:#2A2117}.btn-primary:hover{background:#E4A13A}
.btn-glass{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn-glass:hover{background:rgba(255,255,255,.24)}
.k-light{color:#F6E2B8!important}
/* Héroe con foto */
.hero5{position:relative;margin:14px auto 0;width:min(1240px,100% - 24px);border-radius:24px;overflow:hidden;min-height:560px;display:flex;align-items:center;color:#fff;isolation:isolate}
.hero5-sm{min-height:420px}
.hero5-bg{position:absolute;inset:0;z-index:-1}
.hero5-bg img{width:100%;height:100%;object-fit:cover;object-position:70% center;animation:kb 22s ease-in-out infinite alternate}
.hero5-bg::after{content:"";position:absolute;inset:0;background:rgba(20,26,18,.38)}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
.hero5-in{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:56px 0}
.hero5 h1{font-size:clamp(2.2rem,4.4vw,3.6rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0 0 16px;color:#fff}
.hero5-p{font-size:1.08rem;color:rgba(255,255,255,.88);max-width:460px}
.hero5-car{justify-self:end;width:min(340px,100%);background:rgba(255,255,255,.95);border-radius:20px;padding:12px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);color:var(--ink)}
.hero5-car .slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:14px}
.hero5-car .slides::-webkit-scrollbar{display:none}
.hero5-car .slide{flex:0 0 100%;scroll-snap-align:start;display:block;min-height:0}
.ps-img{position:relative;display:block;border-radius:14px;overflow:hidden;background:#F1F1F1}
.ps-img img{width:100%;aspect-ratio:1/1;object-fit:contain}
.ps-img .tag-off{top:10px;left:10px}
.ps-txt{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 4px 4px;font-size:.88rem;font-weight:500}
.hero5-car .slider-ui{margin-top:8px}
/* Animaciones de entrada */
.anim-in{opacity:0;transform:translateY(18px);animation:fin .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--d,0s)}
@keyframes fin{to{opacity:1;transform:none}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--rd,0s)}
.reveal.in{opacity:1;transform:none}
/* Historia */
.story{background:var(--sage);margin:40px 0;padding:64px 0}
.story-in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.story-img{border-radius:20px;overflow:hidden}
.story-img img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform 1.2s ease}
.story-img:hover img{transform:scale(1.04)}
.story-txt h2{font-size:clamp(1.6rem,2.8vw,2.3rem);margin-bottom:14px}
.story-txt p{color:#55594F}
.story .kicker,.story-txt .kicker{color:var(--sage-d)}
.mini-stats{display:flex;gap:28px;margin:22px 0 24px;flex-wrap:wrap}
.mini-stats strong{display:block;font:700 1.7rem var(--f-h);color:var(--ink)}
.mini-stats span{font-size:.8rem;color:#6B6F64}
/* Nosotros */
.story-flip{padding-top:64px}
.numbers5{background:var(--honey-soft);padding:56px 0;margin:24px 0}
.num5{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.num5 strong{display:block;font:700 clamp(2.2rem,4vw,3.2rem)/1 var(--f-h);color:#7A5410;margin-bottom:8px}
.num5 span{font-size:.9rem;color:#6B5A3D}
.steps5{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.steps5 li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;transition:transform .3s,box-shadow .3s}
.steps5 li:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(0,0,0,.3)}
.steps5 h3{margin:14px 0 6px;font-size:1.02rem}.steps5 p{margin:0;color:var(--muted);font-size:.9rem}
.s-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;color:var(--ink)}
.s-sage{background:var(--sage)}.s-honey{background:var(--honey-soft)}.s-sand{background:var(--sand)}
.cta5{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--sand);border-radius:20px;padding:32px 36px}
.cta5 h2{margin:0 0 4px}.cta5 p{margin:0;color:var(--muted)}
/* Tarjetas: matices suaves */
.pcard-cat{color:var(--honey-d)}
.add{background:var(--honey);color:#2A2117}
.tag-off{background:#2A2117;color:#F6D9A0}
.ship-free{background:var(--honey-soft);border-color:#F2D29A}
.stop:nth-child(1){background:#fff}.stop:nth-child(2){background:var(--sand);border-color:var(--sand)}.stop:nth-child(3){background:var(--sage);border-color:var(--sage)}
.news{background:var(--sand);border:0}
/* Footer v5 */
.ftr,.ftr5{margin-top:56px}
.ftr5{background:#F3ECE0;color:#5E5A52;padding:0 0 26px;font-size:.92rem}
.ftr5-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#fff;border-radius:20px;padding:30px 34px;transform:translateY(-40px);box-shadow:0 24px 50px -30px rgba(0,0,0,.35)}
.ftr5-cta h2{margin:0 0 4px;font-size:1.5rem}.ftr5-cta p{margin:0;color:var(--muted)}
.ftr5-btns{display:flex;gap:10px;flex-wrap:wrap}
.ftr5-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:28px;padding:8px 0 30px}
.ftr5 h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin:0 0 12px}
.ftr5 nav a,.ftr5-grid>div>a{display:block;padding:4px 0;color:#5E5A52;transition:color .2s,transform .2s}
.ftr5 nav a:hover,.ftr5-grid>div>a:hover{color:var(--ink);transform:translateX(3px)}
.ftr5-brand img{height:34px;width:auto;margin-bottom:12px}
.ftr5-brand p{max-width:280px}
.ftr5 .social a{background:#fff;color:var(--ink)}
.ftr5 .social a:hover{background:var(--honey);color:#2A2117}
.ftr5 .pay span{border-color:#E2D8C6;background:#fff}
.ftr5-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;border-top:1px solid #E2D8C6;font-size:.8rem}
.ftr5-bottom a{color:var(--ink);font-weight:600}
/* BeeTeam con foto */
.bee-photo{margin-top:24px;border-radius:18px;overflow:hidden}
.bee-photo img{width:100%;aspect-ratio:16/9;object-fit:cover}
@media (max-width:1023px){
  .hero5{min-height:auto;border-radius:20px}
  .hero5-in{grid-template-columns:1fr;padding:44px 0 28px;gap:26px}
  .hero5-car{justify-self:center;width:min(360px,100%)}
  .story-in{grid-template-columns:1fr;gap:28px}
  .story-flip .story-img{order:-1}
  .num5{grid-template-columns:1fr 1fr;row-gap:28px}
  .steps5{grid-template-columns:1fr}
  .cta5,.ftr5-cta{flex-direction:column;align-items:flex-start}
  .ftr5-grid{grid-template-columns:1fr 1fr}
  .ftr5-brand{grid-column:1/-1}
}
@media (max-width:639px){
  .hero5{width:calc(100% - 20px);margin-top:10px}
  .hero5 h1{font-size:2rem}
  .hero5-in{padding:34px 0 22px}
  .story{padding:44px 0}
  .ftr5-cta{padding:22px;transform:translateY(-28px)}
  .ftr5-btns .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.reveal,.anim-in{opacity:1;transform:none}.hero5-bg img{animation:none}}
/* Foto de artículo y BeeTeam más contenidas */
.post{max-width:760px}
.post-img{max-width:760px;margin:18px 0 26px;border-radius:16px}
.post-img img{width:100%;aspect-ratio:16/9;object-fit:cover;max-height:420px}
.post-hd h1{font-size:clamp(1.7rem,3vw,2.4rem)}
.bee-photo{max-width:460px}
.bee-photo img{aspect-ratio:16/10;max-height:260px}
/* Tarjetas del blog */
.bcard{display:flex!important;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.bcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(0,0,0,.3)}
.bcard-img{position:relative;display:block;aspect-ratio:16/10!important;border-radius:0!important;overflow:hidden}
.bcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.bcard:hover .bcard-img img{transform:scale(1.05)}
.bcard-tag{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.92);color:var(--ink);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.bcard-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px!important;flex:1}
.bcard h3{font-size:1rem;line-height:1.3;margin:0}
.bcard p{font-size:.86rem;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bcard-more{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--honey-d)}
.bcard-more .ic{transition:transform .2s}.bcard:hover .bcard-more .ic{transform:translateX(3px)}
@media (max-width:1023px){.bgrid,.bgrid-2{grid-template-columns:1fr 1fr!important}.bcard{display:flex!important}}
@media (max-width:639px){.bgrid,.bgrid-2{grid-template-columns:1fr!important}.bcard p{display:-webkit-box}}
/* Héroe alineado, foto traslúcida */
.hero5{width:min(1200px,100% - 40px);min-height:520px;color:var(--ink)}
.hero5-in{width:100%;margin:0;padding:56px;grid-template-columns:minmax(0,1fr) 320px;gap:48px}
.hero5-bg::after{background:rgba(250,248,244,.58)}
.hero5 h1{color:var(--ink);font-size:clamp(2rem,3.4vw,3rem);line-height:1.08;max-width:560px}
.hero5-p{color:#45463F;max-width:440px}
.hero5 .k-light{color:var(--honey-d)!important}
.btn-glass{background:rgba(255,255,255,.7);color:var(--ink);border:1px solid rgba(29,29,27,.15)}
.btn-glass:hover{background:#fff}
.hero5-car{justify-self:end;width:320px;background:#fff;padding:10px;border-radius:18px;box-shadow:0 24px 50px -28px rgba(0,0,0,.45)}
.ps-img img{aspect-ratio:4/3.4}
.ps-txt{font-size:.85rem;line-height:1.3}
.hero5-sm .hero5-in{grid-template-columns:1fr}
@media (max-width:1023px){.hero5-in{grid-template-columns:1fr;padding:40px 32px 28px}.hero5-car{justify-self:start;width:min(340px,100%)}}
@media (max-width:639px){.hero5{width:calc(100% - 32px)}.hero5-in{padding:30px 20px 22px}.hero5 h1{font-size:1.9rem}.hero5-car{width:100%}}
.hero5:not(.hero5-sm) .hero5-bg img{width:135%;max-width:none;margin-left:-35%}
@media (max-width:1023px){.hero5:not(.hero5-sm) .hero5-bg img{width:100%;margin-left:0;object-position:75% center}}
/* Tipografía Poppins */
:root{--f-h:'Poppins',system-ui,sans-serif;--f-b:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif}
body{font-size:15px;line-height:1.6}
h1,h2,h3{font-weight:600;letter-spacing:-.015em}
.hero5 h1,.intro h1{font-weight:600}
.price strong,.cap-price strong,.stop-price,.num5 strong,.mini-stats strong,.total strong{font-family:var(--f-h);font-weight:600}
.hero5:not(.hero5-sm) .hero5-bg img{width:145%;margin-left:-45%}
/* Héroe: translúcido negro + texto blanco */
.hero5-bg::after{background:rgba(0,0,0,.42)}
.hero5{color:#fff}
.hero5 h1{color:#fff}
.hero5-p{color:rgba(255,255,255,.88)}
.hero5 .k-light{color:#F6D59A!important}
.btn-glass{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.45)}
.btn-glass:hover{background:rgba(255,255,255,.22)}
.hero5:not(.hero5-sm) .hero5-bg img{width:130%;margin-left:-30%;object-position:center 30%}
@media (max-width:1023px){.hero5:not(.hero5-sm) .hero5-bg img{width:100%;margin-left:0;object-position:72% center}}
.ftr5{padding-top:56px}
.ftr5-grid{padding-top:0}
/* Héroe: texto y carrusel juntos, abeja libre a la derecha */
.hero5:not(.hero5-sm) .hero5-in{grid-template-columns:minmax(0,520px) 300px;justify-content:start;gap:56px}
.hero5:not(.hero5-sm) .hero5-car{justify-self:start;width:300px}
.hero5:not(.hero5-sm) .hero5-bg img{width:100%;margin-left:0;object-position:right 35%}
@media (max-width:1023px){.hero5:not(.hero5-sm) .hero5-in{grid-template-columns:1fr}.hero5:not(.hero5-sm) .hero5-car{width:min(340px,100%)}.hero5:not(.hero5-sm) .hero5-bg img{object-position:72% center}}
.ps-txt{flex-direction:column;align-items:flex-start;gap:4px}
.ps-txt .cap-price strong{font-size:1.05rem}
/* Contacto v2 */
.hero5-xs{min-height:300px}
.contact2{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}
.c2-panel{position:relative;border-radius:20px;overflow:hidden;color:#fff;min-height:460px;display:flex}
.c2-bg{position:absolute;inset:0}.c2-bg img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.c2-panel:hover .c2-bg img{transform:scale(1.05)}
.c2-bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55)}
.c2-in{position:relative;padding:32px;display:flex;flex-direction:column;gap:12px;width:100%;justify-content:flex-end}
.c2-in h2{color:#fff;margin:0}.c2-in>p{color:rgba(255,255,255,.85);margin:0 0 8px}
.c2-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,transform .2s}
.c2-item:hover{background:rgba(255,255,255,.22);transform:translateX(4px)}
.c2-item>span:nth-child(2){flex:1;display:flex;flex-direction:column;line-height:1.3}
.c2-item small{color:rgba(255,255,255,.8);font-size:.82rem}
.c2-ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.9);color:var(--ink);flex:none}
.c2-wa{background:var(--wa);color:#fff}
.c2-social{margin-top:8px}.c2-social a{background:rgba(255,255,255,.15);color:#fff}
.c2-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px}
.c2-form h2{margin:0}.c2-form>.muted{margin:4px 0 16px}
.c2-topics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.c2-topics input{position:absolute;opacity:0;pointer-events:none}
.c2-topics span{display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid var(--line);font-size:.85rem;cursor:pointer;transition:all .2s}
.c2-topics input:checked+span{background:var(--honey-soft);border-color:var(--honey);color:var(--ink);font-weight:600}
.c2-send{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.faq2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq2 details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:border-color .2s}
.faq2 details[open]{border-color:var(--honey)}
.faq2 summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq2 summary::-webkit-details-marker{display:none}
.faq2 summary::after{content:"+";color:var(--honey-d);font-size:1.2rem;line-height:1;transition:transform .2s}
.faq2 details[open] summary::after{transform:rotate(45deg)}
.faq2 p{margin:10px 0 0;color:var(--muted);font-size:.9rem}.faq2 a{color:var(--honey-d);text-decoration:underline}
@media (max-width:1023px){.contact2{grid-template-columns:1fr}.c2-panel{min-height:380px}.faq2{grid-template-columns:1fr}}
@media (max-width:639px){.c2-form{padding:20px}.c2-in{padding:22px}}
/* Carrusel continuo de productos (BeeTeam) */
.pmarq{margin-top:26px;overflow:hidden;border-radius:16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.pmarq-track{display:flex;gap:14px;width:max-content;animation:pmq 40s linear infinite;padding:4px 0}
.pmarq:hover .pmarq-track{animation-play-state:paused}
@keyframes pmq{to{transform:translateX(-50%)}}
.pm-card{flex:none;width:170px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:4px;transition:transform .25s,box-shadow .25s}
.pm-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px -20px rgba(0,0,0,.35)}
.pm-img{position:relative;display:block;border-radius:10px;overflow:hidden;background:#F1F1F1}
.pm-img img{width:100%;aspect-ratio:1/1;object-fit:cover}
.pm-img .tag-off{top:6px;left:6px;font-size:.68rem;padding:3px 8px}
.pm-name{font-size:.8rem;line-height:1.3;font-weight:500;min-height:2.6em;padding:2px 2px 0}
.pm-card .cap-price{padding:0 2px}.pm-card .cap-price strong{font-size:.95rem}.pm-card .cap-price s{font-size:.75rem}
@media (prefers-reduced-motion:reduce){.pmarq-track{animation:none}.pmarq{overflow-x:auto}}
/* Panel de contacto: verde olivo liso */
.c2-panel{background:#5B6440;min-height:0}
.c2-panel:hover .c2-bg img{transform:none}
.c2-in{justify-content:center}
.c2-item{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}
.c2-item:hover{background:rgba(255,255,255,.18)}
/* Contacto: panel ordenado y parejo con el formulario */
.contact2{grid-template-columns:5fr 7fr;align-items:stretch}
.c2-in{justify-content:space-between;gap:28px;padding:36px}
.c2-k{color:#E8D9A8!important;margin:0 0 8px}
.c2-top h2{color:#fff;font-size:1.6rem;margin:0 0 10px}
.c2-top p{color:rgba(255,255,255,.85);margin:0}
.c2-list{display:grid;gap:10px}
.c2-item:hover{transform:none;background:rgba(255,255,255,.18)}
.c2-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:.85rem;color:rgba(255,255,255,.8)}
.c2-social{margin:0}
.c2-form{padding:36px;display:flex;flex-direction:column}
.c2-form .fgrid{flex:1}
@media (max-width:1023px){.contact2{grid-template-columns:1fr}.c2-in,.c2-form{padding:26px}}
/* BeeTeam: el carrusel no debe ensanchar la columna */
.bee-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.bee-in>*{min-width:0}
.pmarq{max-width:100%}
@media (max-width:1023px){.bee-in{grid-template-columns:minmax(0,1fr)}}
/* Seguro: nada puede desbordar a los costados */
html,body{overflow-x:clip;max-width:100%}
.bee-hero{overflow:hidden}
.pmarq{contain:paint}
/* Carrusel del héroe más largo */
.hero5:not(.hero5-sm) .hero5-in{grid-template-columns:minmax(0,500px) 420px;gap:48px}
.hero5:not(.hero5-sm) .hero5-car{width:420px}
.hero5:not(.hero5-sm) .ps-img img{aspect-ratio:4/3}
.hero5:not(.hero5-sm) .ps-txt{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:12px 6px 4px}
@media (max-width:1023px){.hero5:not(.hero5-sm) .hero5-in{grid-template-columns:1fr}.hero5:not(.hero5-sm) .hero5-car{width:min(420px,100%)}}
/* Etiquetas de producto (Más vendido, Para negocios, Edición exótica) en naranja */
.tag-badge,.tag-badge.tag-inline{background:var(--honey);color:#2A2117;box-shadow:none;font-weight:600}
/* Héroe: mismo margen a ambos lados */
.hero5:not(.hero5-sm) .hero5-in{grid-template-columns:minmax(0,500px) 420px;justify-content:space-between;gap:40px}
.hero5:not(.hero5-sm) .hero5-car{justify-self:end}
.hero5:not(.hero5-sm) .hero5-bg img{width:170%;max-width:none;margin-left:-70%;object-position:center 30%}
@media (max-width:1023px){.hero5:not(.hero5-sm) .hero5-in{grid-template-columns:1fr}.hero5:not(.hero5-sm) .hero5-car{justify-self:start}.hero5:not(.hero5-sm) .hero5-bg img{width:100%;margin-left:0;object-position:72% center}}
/* Botones principales: letras blancas (miel un poco más intensa para que se lean bien) */
.btn-primary{background:#E39B2D;color:#fff}
.btn-primary:hover{background:#CC8720;color:#fff}
.btn-primary .ic{color:#fff}
/* Abejita de bienvenida */
.bee-fly{position:absolute;left:0;top:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .4s;will-change:transform;filter:drop-shadow(0 6px 6px rgba(0,0,0,.35))}
.bee-fly.on,.bee-fly.landed{opacity:1}
.bee-fly .bw{transform-origin:32px 18px;animation:flap .09s ease-in-out infinite alternate}
@keyframes flap{to{transform:scaleY(.35)}}
.bee-fly.landed svg{animation:hover-bee 2.4s ease-in-out infinite}
.bee-fly.landed .bw{animation-duration:.14s}
@keyframes hover-bee{50%{transform:translateY(-5px) rotate(-4deg)}}
@media (max-width:639px){.bee-fly svg{width:34px;height:26px}}
/* Regla: sobre fondo oscuro o de color, letra blanca */
.tag-badge,.tag-badge.tag-inline{background:#E39B2D;color:#fff}
.tag-off{background:#2A2117;color:#fff}
.add{background:#E39B2D;color:#fff}.add:hover{background:#CC8720}
.cart-count{background:#E39B2D;color:#fff}
.cb-n{background:#E39B2D;color:#fff}.cb-n .cart-count{color:#fff}
.c2-topics input:checked+span{background:#E39B2D;border-color:#E39B2D;color:#fff}
.news-form .btn,.btn-dark{color:#fff}
/* ===================== Más animación ===================== */
body{animation:pagein .6s ease-out}
@keyframes pagein{from{opacity:0}}
/* Botones: brillo y elevación */
.btn{position:relative;overflow:hidden;transition:transform .2s,background .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(0,0,0,.4)}
.btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:rgba(255,255,255,.35);transform:skewX(-20deg);transition:left .6s}
.btn:hover::after{left:130%}
/* Menú: subrayado que se desliza */
.nav-d a{position:relative}
.nav-d a::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--honey);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav-d a:hover::after,.nav-d a[aria-current]::after{transform:scaleX(1)}
.nav-d a[aria-current]{box-shadow:none}
.logo img{transition:transform .3s}.logo:hover img{transform:scale(1.04) rotate(-1deg)}
/* Títulos: línea que se dibuja */
.sec-hd h2{position:relative;padding-bottom:10px}
.sec-hd h2::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;border-radius:3px;background:var(--honey);transform:scaleX(0);transform-origin:left;transition:transform .8s .2s cubic-bezier(.2,.8,.2,1)}
.sec-hd.in h2::after,.sec-hd:not(.reveal) h2::after{transform:scaleX(1)}
/* Variantes de aparición */
.pcard.reveal,.cat3.reveal,.bcard.reveal{transform:translateY(30px) scale(.97)}
.pcard.reveal.in,.cat3.reveal.in,.bcard.reveal.in{transform:none}
.stop.reveal{transform:translateX(-24px)}.stop.reveal.in{transform:none}
/* Tarjetas: botón + con pulso suave al pasar */
.pcard:hover .add{animation:pulse 1s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.12)}}
.pcard-img img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
/* Producto volando al carrito */
.fly-img{position:fixed;z-index:200;border-radius:12px;object-fit:cover;pointer-events:none;transition:transform .7s cubic-bezier(.5,-.3,.7,1),opacity .7s}
.shake{animation:shake .5s}
@keyframes shake{20%{transform:rotate(-12deg) scale(1.1)}40%{transform:rotate(10deg) scale(1.1)}60%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}}
/* WhatsApp: saludo periódico */
.wa-fab.wave{animation:wave 1s ease-in-out}
@keyframes wave{15%{transform:translateY(-8px) rotate(-10deg)}30%{transform:translateY(0) rotate(8deg)}45%{transform:rotate(-6deg)}60%{transform:rotate(0)}}
/* Carrusel del héroe: cambio con zoom suave */
.hero5-car .ps-img img{transition:transform 6s ease}
.hero5-car:hover .ps-img img{transform:scale(1.06)}
/* Chips, enlaces y redes */
.chip-f,.c2-topics span{transition:all .2s}.chip-f:hover{transform:translateY(-2px)}
.social a{transition:transform .25s,background .2s,color .2s}.social a:hover{transform:translateY(-3px) rotate(-6deg)}
.link-more .ic{transition:transform .25s}.link-more:hover .ic{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){body{animation:none}.btn::after{display:none}.pcard:hover .add{animation:none}}
/* Producto mejorado */
.pd-info h1{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.price-lg{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:14px 0}
.price-lg strong{font-size:1.9rem}
.pd-buy{margin-bottom:10px}
.btn-buy{height:50px;font-size:1rem;margin-bottom:14px}
.pd-trust{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.84rem;color:var(--muted)}
.pd-trust li{display:flex;align-items:center;gap:6px}.pd-trust .ic{color:var(--honey-d)}
.pd-perks{display:none}
.pd-tabs{margin-top:40px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pd-tabbar{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--line);overflow-x:auto}
.pd-tabbar button{padding:9px 16px;border-radius:10px;font-weight:500;font-size:.9rem;color:var(--muted);white-space:nowrap;transition:all .2s}
.pd-tabbar button.on{background:#E39B2D;color:#fff}
.pd-panel{padding:22px 24px;max-width:none;animation:fin .4s ease}
@media (max-width:639px){.pd-panel{padding:18px}.btn-buy{height:48px}}
/* Botón flotante y chat con colores de marca */
.wa-fab{width:auto;height:52px;border-radius:999px;padding:0 20px 0 8px;gap:10px;display:flex;align-items:center;background:#5B6440;color:#fff;box-shadow:0 14px 30px -12px rgba(0,0,0,.45)}
.wa-fab:hover{transform:translateY(-2px);background:#4D5536}
.fab-ic{width:38px;height:38px;border-radius:50%;background:#E39B2D;display:grid;place-items:center;color:#fff}
.fab-txt{font-weight:600;font-size:.92rem;white-space:nowrap}
.wa-panel{bottom:66px}
.wa-hd{background:#5B6440}
.wa-hd img{background:#fff}
.chat-body,.chat-chips{background:#F4EFE6}
.msg.me{background:#FBEBD0}
.chat-form button{background:#E39B2D}
.chat-form input:focus{border-color:#E39B2D}
.chat-chips button:hover{border-color:#E39B2D}
.chat-wa{background:#2A2117}.chat-wa:hover{background:#000}
.lead-form{display:grid;gap:8px}
.lead-form input{height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:.88rem}
.lead-form input:focus{outline:0;border-color:#E39B2D}
.lead-form .btn{width:100%}
.lf-msg{color:var(--bad);font-size:.78rem}
@media (max-width:1023px){.tabbar button{color:#5B6440}}
/* ===================== Responsive final (manda sobre todo lo anterior) ===================== */
@media (max-width:1023px){
  .hero5 .hero5-in{grid-template-columns:minmax(0,1fr)!important;padding:40px 32px 30px!important;gap:24px!important;justify-content:stretch!important}
  .hero5 .hero5-car{width:100%!important;max-width:460px;justify-self:start!important}
  .hero5:not(.hero5-sm) .hero5-bg img{width:100%!important;margin-left:0!important;object-position:72% center!important}
  .hero5 .hero5-txt{max-width:640px}
  .wa-fab{height:48px;padding:0 16px 0 6px}
  .contact2,.bee-in,.story-in,.about-in{grid-template-columns:minmax(0,1fr)!important}
  .pd-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width:639px){
  .hero5 .hero5-in{padding:28px 20px 22px!important}
  .hero5 h1{font-size:1.75rem!important}
  .hero5-p{font-size:.95rem}
  .hero5 .intro-cta{gap:8px}.hero5 .intro-cta .btn{flex:1;padding:0 12px}
  .hero5:not(.hero5-sm) .ps-txt{flex-direction:column!important;align-items:flex-start!important}
  .sec-hd{flex-wrap:wrap}
  .cats3{grid-template-columns:1fr 1fr!important}
  .ftr5-grid{grid-template-columns:1fr 1fr!important}.ftr5-brand,.ftr5-grid>div:last-child{grid-column:1/-1}
  .c2-foot{flex-wrap:wrap}
  .pd-buy{flex-wrap:wrap}.pd-buy .qty{flex:none}
  .faq2{grid-template-columns:1fr!important}
  .mini-stats{gap:18px}
}
/* Opciones del chat: ordenadas en líneas, sin cortes */
.chat-chips{flex-wrap:wrap;overflow:visible;gap:6px;padding:10px 12px 8px;border-top:1px solid #E7DECF}
.chat-chips button{padding:6px 11px;font-size:.78rem;line-height:1.2;border-radius:999px;background:#fff;border:1px solid #E2D5BE;color:var(--ink);transition:background .2s,border-color .2s,color .2s}
.chat-chips button:hover{background:#E39B2D;border-color:#E39B2D;color:#fff;transform:none}
.chat-body{min-height:180px}
/* Checkout: comprobante, distritos y ocultos */
[hidden]{display:none!important}
.seg{display:inline-flex;padding:4px;border:1.5px solid var(--line);border-radius:12px;background:#FFFDF9;gap:4px;width:100%}
.seg label{flex:1;cursor:pointer}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:flex;align-items:center;justify-content:center;height:38px;border-radius:9px;font-weight:500;font-size:.92rem;color:var(--muted);transition:all .2s}
.seg input:checked+span{background:#E39B2D;color:#fff;font-weight:600}
.f select{height:48px;border-radius:14px;border:1.5px solid var(--line);padding:0 14px;font:400 1rem var(--f-b);color:var(--ink);background:#fff;width:100%}
.f select:focus{outline:0;border-color:var(--honey)}
.stop-note{font-size:.8rem;color:var(--muted);margin:8px 0 0}
/* Dirección exacta */
.addr-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px 16px}
.addr-g>.f:nth-of-type(1){grid-column:span 3}
.addr-g>.f:nth-of-type(2){grid-column:span 6}
.addr-g>.f:nth-of-type(3){grid-column:span 3}
.addr-g>.f:nth-of-type(4){grid-column:span 5}
.addr-g>.f:nth-of-type(5){grid-column:span 7}
.fgrid [data-dist-lima]{grid-column:1/-1}
@media (max-width:640px){
.addr-g>.f:nth-of-type(1){grid-column:span 5}
.addr-g>.f:nth-of-type(2){grid-column:span 7}
.addr-g>.f:nth-of-type(3){grid-column:span 5}
.addr-g>.f:nth-of-type(4){grid-column:span 7}
.addr-g>.f:nth-of-type(5){grid-column:span 12}}
/* Barra envío gratis animada */
.sp-box{animation:spIn .5s cubic-bezier(.2,.8,.2,1) both}
.sp-box strong:first-of-type{display:inline-block;animation:spPop .6s .25s cubic-bezier(.3,1.6,.5,1) both}
.sp-bar{position:relative;overflow:visible!important;height:10px!important;border-radius:99px}
.sp-bar i{position:relative;display:block;height:100%;border-radius:99px;transform-origin:left center;animation:spGrow 1s .15s cubic-bezier(.2,.8,.2,1) both;background-color:#E39B2D!important;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.28) 0 6px,transparent 6px 12px)!important;background-size:34px 34px;animation:spGrow 1s .15s cubic-bezier(.2,.8,.2,1) both,spStripe 1.2s linear infinite}
.sp-bar i::after{content:"";position:absolute;right:-7px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:#fff;border:3px solid #E39B2D;box-shadow:0 0 0 0 rgba(227,155,45,.5);animation:spPulse 1.6s 1.1s infinite}
@keyframes spIn{from{opacity:0;transform:translateY(-8px)}}
@keyframes spPop{from{transform:scale(.6);opacity:0}}
@keyframes spGrow{from{transform:scaleX(0)}}
@keyframes spStripe{to{background-position:34px 0}}
@keyframes spPulse{0%{box-shadow:0 0 0 0 rgba(227,155,45,.5)}70%{box-shadow:0 0 0 10px rgba(227,155,45,0)}100%{box-shadow:0 0 0 0 rgba(227,155,45,0)}}
@media (prefers-reduced-motion:reduce){.sp-box,.sp-bar i,.sp-bar i::after,.sp-box strong{animation:none!important}}
/* Checkout responsive */
@media (max-width:640px){
.addr-g{gap:12px 10px}
.addr-g>.f:nth-of-type(1){grid-column:span 5;order:1}
.addr-g>.f:nth-of-type(3){grid-column:span 7;order:2}
.addr-g>.f:nth-of-type(2){grid-column:span 12;order:3}
.addr-g>.f:nth-of-type(4){grid-column:span 12;order:4}
.addr-g>.f:nth-of-type(5){grid-column:span 12;order:5}
.ship-opt,.so{padding:14px!important;gap:12px!important}
.so-body strong{font-size:.95rem!important;line-height:1.3}
.so-body small{font-size:.78rem!important;line-height:1.35;display:block;margin-top:2px}
.so-cost{font-size:.95rem!important;white-space:nowrap}
.seg span{height:40px}
}
/* Modal de pago */
body.paym-open{overflow:hidden}
.paym{position:fixed;inset:0;z-index:300;background:rgba(20,18,14,.55);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .25s}
.paym.in{opacity:1}
.paym-card{position:relative;background:#fff;border-radius:22px;width:100%;max-width:500px;max-height:calc(100vh - 40px);overflow:auto;padding:26px 24px 20px;box-shadow:0 30px 80px rgba(0,0,0,.25);transform:translateY(24px) scale(.98);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.paym.in .paym-card{transform:none}
.paym-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:0;background:#F4EFE6;font-size:22px;line-height:1;cursor:pointer;color:#333}
.paym-k{margin:0 0 4px;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#E39B2D}
.paym-card h3{margin:0 0 16px;font-size:1.15rem;font-weight:500}
.paym-card h3 strong{font-weight:700}
.paym-tabs{margin-bottom:16px}
.paym-steps{margin:0 0 14px;padding-left:20px;font-size:.9rem;color:var(--muted);line-height:1.6}
.paym-pane .f{margin-bottom:12px}
.paym-pane .btn-pay{width:100%;margin-top:4px}
.paym-load{padding:30px 0;text-align:center;color:var(--muted);font-size:.9rem}
.paym-safe{margin:12px 0 0;text-align:center;font-size:.76rem;color:var(--muted)}
.paym .form-msg{margin:10px 0 0;text-align:center}
@media (max-width:640px){.paym{align-items:flex-end;padding:0}.paym-card{max-width:none;border-radius:22px 22px 0 0;max-height:92vh;padding:22px 18px 18px;transform:translateY(100%)}}
/* Créditos visibles */
.ftr5-bottom{color:#4a463e!important;font-size:.85rem}
.ftr5-bottom a{color:#C9821F!important;font-weight:700;text-decoration:none}
.ftr5-bottom a:hover{text-decoration:underline}
@media (max-width:900px){.ftr5{padding-bottom:160px!important}.ftr5-bottom{flex-direction:column;gap:6px;text-align:center;align-items:center}}
/* Abejita del chat */
.wa-fab .fab-ic{background:#fff!important;overflow:visible;position:relative}
.wa-fab .bee{width:34px;height:34px;display:block;animation:beeFly 3.2s ease-in-out infinite;transform-origin:50% 60%}
.wa-fab .bee .w1,.wa-fab .bee .w2{transform-box:fill-box;transform-origin:50% 100%;animation:beeWing .14s ease-in-out infinite alternate}
.wa-fab .bee .w2{animation-delay:.07s}
.wa-fab .fab-ic::after{content:"";position:absolute;left:-10px;top:50%;width:14px;height:2px;margin-top:4px;border-top:2px dotted rgba(255,255,255,.7);animation:beeTrail 3.2s ease-in-out infinite}
@keyframes beeFly{0%,100%{transform:translate(0,0) rotate(-6deg)}25%{transform:translate(2px,-4px) rotate(4deg)}50%{transform:translate(-1px,1px) rotate(-3deg)}75%{transform:translate(3px,-3px) rotate(7deg)}}
@keyframes beeWing{from{transform:scaleY(1) rotate(-8deg)}to{transform:scaleY(.45) rotate(8deg)}}
@keyframes beeTrail{0%,100%{opacity:.2;transform:translateX(0)}50%{opacity:.9;transform:translateX(-4px)}}
.wa-fab:hover .bee{animation-duration:1.2s}
@media (prefers-reduced-motion:reduce){.wa-fab .bee,.wa-fab .bee .w1,.wa-fab .bee .w2,.wa-fab .fab-ic::after{animation:none}}
.paym .paym-yape{display:flex;align-items:center;justify-content:center;width:100%;height:50px;border:0;border-radius:12px;background:#E39B2D;color:#fff;font:600 1rem var(--f-b);cursor:pointer;transition:transform .15s,background .2s}
.paym .paym-yape:hover{background:#cf8a20}
.paym .paym-yape:active{transform:scale(.98)}
.paym .paym-yape:disabled{opacity:.6;cursor:wait}