/** Shopify CDN: Minification failed

Line 508:22 Unexpected "@keyframes"

**/

/* =========================================================
   YAPA V37 — VISUAL POLISH ONLY
   Native Shopify product + Releasit purchase files untouched.
   ========================================================= */
:root{
 --yapa:#12b83a;--yapa-bright:#36ef63;--yapa-dark:#03160a;
 --ink:#101714;--muted:#647069;--soft:#f2fbf4;--line:#d8eadc;
}
html{scroll-behavior:smooth}
body{margin:0!important;background:#fff!important;color:var(--ink)!important;overflow-x:hidden}
*{box-sizing:border-box}

/* ---------- TOP BAR ---------- */
.announcement-bar-section{background:#050806!important;color:#fff!important;border:0!important}
.announcement-bar{background:#050806!important}
.announcement-bar__message{font-weight:900!important;letter-spacing:.02em;font-size:12px!important}
.announcement-bar__message span{display:inline-block;animation:yapaTextMove 2.8s ease-in-out infinite alternate}
@keyframes yapaTextMove{to{transform:translateY(-2px)}}

/* ---------- HEADER: clean, white, old-Yapa feel ---------- */
.header-wrapper{background:rgba(255,255,255,.98)!important;border:0!important;box-shadow:0 2px 16px rgba(0,80,20,.06);position:relative;z-index:10}
.header{min-height:92px!important;align-items:center!important}
.header__heading-logo{max-height:72px!important;width:auto!important;object-fit:contain!important}
.header__menu-item{font-weight:850!important;color:#151a17!important;font-size:15px!important}
.header__menu-item:hover{color:var(--yapa)!important}
.header__active-menu-item{color:#fff!important;background:var(--yapa)!important;border-radius:999px!important;padding:10px 18px!important}
.header__icons{align-items:center!important}
.header__icon{color:#101714!important}
.header__icon:hover{color:var(--yapa)!important}
.header__search{margin-left:auto}

/* Remove accidental blue/default announcement/header remnants */
.header-wrapper,.announcement-bar-section,.announcement-bar{--color-foreground:17,23,20!important}
.button,.button--secondary{transition:transform .2s,box-shadow .2s}

/* ---------- HOME: hero ---------- */
.yapa-v37-home-hero{
 position:relative;min-height:590px;overflow:hidden;color:#fff;
 background:radial-gradient(circle at 75% 35%,rgba(44,255,94,.22),transparent 24%),
 linear-gradient(125deg,#021108 0%,#063b17 48%,#021008 100%);
}
.yapa-v37-home-hero:before,.yapa-v37-home-hero:after{
 content:"";position:absolute;border-radius:50%;filter:blur(35px);pointer-events:none;
}
.yapa-v37-home-hero:before{width:620px;height:620px;left:-140px;top:-180px;background:rgba(17,214,67,.23);animation:y37smoke1 9s ease-in-out infinite alternate}
.yapa-v37-home-hero:after{width:700px;height:700px;right:-220px;bottom:-360px;background:rgba(47,245,90,.18);animation:y37smoke2 12s ease-in-out infinite alternate}
@keyframes y37smoke1{to{transform:translate(130px,80px) scale(1.18)}}@keyframes y37smoke2{to{transform:translate(-110px,-100px) scale(1.15)}}
.yapa-v37-home-hero .page-width{position:relative;z-index:2}
.yapa-v37-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;min-height:590px}
.yapa-v37-kicker{display:inline-flex;background:#fff;color:#087b25;padding:10px 17px;border-radius:999px;font-size:12px;font-weight:950;letter-spacing:.04em}
.yapa-v37-home-hero h1{font-size:clamp(52px,6vw,82px)!important;line-height:.9!important;letter-spacing:-.055em!important;margin:20px 0 18px!important;font-weight:950!important;color:#fff!important}
.yapa-v37-home-hero h1 strong{color:var(--yapa-bright)!important}
.yapa-v37-home-hero p{font-size:18px;line-height:1.5;max-width:560px;color:#e5f8e9}
.yapa-v37-hero-points{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0;font-weight:850}
.yapa-v37-hero-points span{display:inline-flex;align-items:center;gap:7px}
.yapa-v37-hero-cta{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(90deg,#12c73b,#35ee61);color:#fff!important;text-decoration:none!important;font-weight:950;padding:17px 30px;border-radius:999px;box-shadow:0 14px 40px rgba(18,200,59,.35);animation:y37cta 2.7s ease-in-out infinite}
@keyframes y37cta{50%{transform:translateY(-3px);box-shadow:0 20px 48px rgba(18,200,59,.48)}}
.yapa-v37-logo-card{position:relative;background:transparent!important;border-radius:0;padding:0;box-shadow:none;transform:rotate(1deg);animation:y37card 6s ease-in-out infinite alternate;display:flex;align-items:center;justify-content:center;min-height:390px}
.yapa-v37-logo-card img{width:min(100%,620px);height:auto;max-height:390px;object-fit:contain;display:block;filter:drop-shadow(0 18px 35px rgba(0,0,0,.24));animation:y37logoGlow 4s ease-in-out infinite alternate}
@keyframes y37logoGlow{to{transform:translateY(-5px) scale(1.015);filter:drop-shadow(0 24px 45px rgba(38,255,92,.22))}}
.yapa-v37-sticker{position:absolute;right:-28px;top:55px;background:#1fe34e;color:#fff;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:14px;font-weight:950;border:8px solid #8aff9f;box-shadow:0 10px 35px #0003}
@keyframes y37card{to{transform:rotate(-1deg) translateY(-7px)}}

/* ---------- Home benefit strip ---------- */
.yapa-v37-benefits{background:#f7fbf8;border-bottom:1px solid #e0eae2}
.yapa-v37-benefit-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.yapa-v37-benefit{padding:23px 18px;display:flex;align-items:center;gap:12px;border-right:1px solid #dce7df}
.yapa-v37-benefit:last-child{border-right:0}.yapa-v37-benefit-icon{font-size:31px}.yapa-v37-benefit strong{display:block;font-size:14px;line-height:1.2}.yapa-v37-benefit small{display:block;color:var(--muted);margin-top:4px;font-size:11px}

/* ---------- Featured products ---------- */
.yapa-v37-featured{padding:62px 0;background:#fff}
.yapa-v37-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}
.yapa-v37-section-head h2{font-size:34px;margin:5px 0 4px;font-weight:950}.yapa-v37-section-head p{margin:0;color:var(--muted)}
.yapa-v37-fire{font-size:27px}.yapa-v37-view{color:#087b25;text-decoration:none;font-weight:900}
.yapa-v37-product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.yapa-v37-product{border:1px solid #e0e9e2;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(10,80,30,.07);transition:.25s}
.yapa-v37-product:hover{transform:translateY(-7px);box-shadow:0 18px 40px rgba(10,120,40,.14)}
.yapa-v37-product-media{position:relative;aspect-ratio:1/1;background:#fafcfb;overflow:hidden}.yapa-v37-product-media img{width:100%;height:100%;object-fit:contain;display:block}
.yapa-v37-badge{position:absolute;top:13px;left:13px;background:#12b83a;color:#fff;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:950}
.yapa-v37-product-body{padding:15px}.yapa-v37-product-body h3{margin:0 0 7px;font-size:15px}.yapa-v37-price{font-weight:950;color:#087b25;font-size:18px}.yapa-v37-buy{display:block;text-align:center;margin-top:11px;background:#087b25;color:#fff;text-decoration:none;padding:10px;border-radius:999px;font-weight:900;font-size:12px}

/* ---------- Confidence: model with 3 clean cards ---------- */
.yapa-v37-confidence{position:relative;overflow:hidden;padding:74px 0;background:linear-gradient(120deg,#f0fff3,#fff,#e8f9ed);background-size:240% 240%;animation:y37bg 13s ease infinite}
@keyframes y37bg{50%{background-position:100% 50%}}
.yapa-v37-confidence:before{content:"";position:absolute;width:600px;height:600px;left:-280px;top:-300px;background:radial-gradient(circle,rgba(26,205,70,.12),transparent 65%);filter:blur(20px);animation:y37orb 9s ease-in-out infinite alternate}@keyframes y37orb{to{transform:translate(230px,100px)}}
.yapa-v37-confidence-inner{position:relative;z-index:1}.yapa-v37-confidence-kicker{text-align:center;color:#087b25;font-size:12px;font-weight:950}.yapa-v37-confidence h2{text-align:center;font-size:40px;margin:9px 0 32px;font-weight:950}
.yapa-v37-confidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.yapa-v37-confidence-card{background:#fff;border:1px solid #cce7d1;border-radius:24px;padding:30px;box-shadow:0 14px 35px rgba(7,123,37,.08);transition:.25s}.yapa-v37-confidence-card:hover{transform:translateY(-7px)}.yapa-v37-confidence-card .big{display:block;font-size:43px;color:#087b25;font-weight:950}.yapa-v37-confidence-card strong{display:block;font-size:19px}.yapa-v37-confidence-card small{display:block;color:var(--muted);margin-top:7px}

/* ---------- Reviews: green only, premium ---------- */
.yapa-v37-reviews{position:relative;overflow:hidden;background:#031108;color:#fff;padding:75px 0}
.yapa-v37-reviews:before,.yapa-v37-reviews:after{content:"";position:absolute;border-radius:50%;filter:blur(55px);pointer-events:none}.yapa-v37-reviews:before{width:650px;height:650px;left:-250px;top:-350px;background:rgba(25,225,72,.22);animation:y37reviewSmoke 10s ease-in-out infinite alternate}.yapa-v37-reviews:after{width:700px;height:700px;right:-280px;bottom:-450px;background:rgba(8,150,45,.2);animation:y37reviewSmoke2 12s ease-in-out infinite alternate}@keyframes y37reviewSmoke{to{transform:translate(320px,180px)}}@keyframes y37reviewSmoke2{to{transform:translate(-250px,-160px)}}
.yapa-v37-reviews .page-width{position:relative;z-index:1}.yapa-v37-reviews-head{display:flex;justify-content:space-between;align-items:end}.yapa-v37-reviews h2{font-size:38px;margin:7px 0;color:#fff}.yapa-v37-rating{color:#ffd21a;font-weight:950}.yapa-v37-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.yapa-v37-review{background:rgba(255,255,255,.98);color:#182019;border-radius:22px;padding:22px;box-shadow:0 15px 45px rgba(0,0,0,.2);transition:.25s}.yapa-v37-review:hover{transform:translateY(-6px)}.yapa-v37-review-top{display:flex;align-items:center;gap:13px}.yapa-v37-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid #9aeaa9;background:#eaf9ee}.yapa-v37-review-name{font-weight:950}.yapa-v37-review-stars{color:#f5b900;font-size:13px;letter-spacing:2px}.yapa-v37-review p{font-size:14px;line-height:1.5;margin:15px 0 12px}.yapa-v37-verified{color:#087b25;font-size:11px;font-weight:900}

/* ---------- WhatsApp ---------- */
.yapa-v37-whatsapp{background:linear-gradient(105deg,#0aa932,#20d84e);color:#fff;padding:42px 0}
.yapa-v37-whatsapp .page-width{display:flex;justify-content:space-between;align-items:center;gap:25px}.yapa-v37-whatsapp h2{margin:5px 0;font-size:32px}.yapa-v37-whatsapp p{margin:0}.yapa-v37-whatsapp a{background:#fff;color:#087b25;text-decoration:none;font-weight:950;padding:15px 25px;border-radius:999px;box-shadow:0 10px 30px #0002}

/* ---------- Footer ---------- */
.footer{background:#050806!important;color:#fff!important;border-top:4px solid #16c43f}.footer a,.footer .link{color:#dfffe5!important}.footer h2,.footer .h4{color:#fff!important}

/* ---------- Product visual polish: don't alter native form ---------- */
.product__media-wrapper .product__media{aspect-ratio:1/1!important;background:#f8fbf9!important;border-radius:24px!important;overflow:hidden}
.product__media-wrapper .product__media img{object-fit:contain!important}
.product__info-container{background:linear-gradient(135deg,#fff,#f2fff5)!important;border-radius:24px!important;padding:18px!important;box-shadow:0 18px 45px rgba(7,123,37,.08)}
.product .price{color:#087b25!important;font-weight:950!important}
.product-form__buttons .product-form__submit{border-radius:999px!important;font-weight:950!important;min-height:58px!important;background:linear-gradient(90deg,#0db83a,#2be75a)!important}
.product-form__buttons .product-form__submit:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(7,123,37,.25)}
.product-information{position:relative;overflow:hidden}
.product-information:before{content:"";position:absolute;inset:-30%;pointer-events:none;background:radial-gradient(circle at 75% 25%,rgba(22,216,71,.16),transparent 25%),radial-gradient(circle at 20% 70%,rgba(7,123,37,.1),transparent 28%);filter:blur(30px);animation:y37prodSmoke 12s ease-in-out infinite alternate}
@keyframes y37prodSmoke{to{transform:translate(-3%,2%) scale(1.08)}}
.yapa-v37-product-extra{position:relative;z-index:1;padding:25px 0 60px;background:linear-gradient(120deg,#effff3,#fff,#e7faec);background-size:220% 220%;animation:y37bg 12s ease infinite}
.yapa-v37-proof{display:flex;align-items:center;gap:12px;border:1px solid #9ed8aa;border-radius:18px;background:#f2fff5;padding:15px 17px;box-shadow:0 10px 30px rgba(7,123,37,.08)}.yapa-v37-proof-icon{font-size:28px}.yapa-v37-proof strong{display:block;color:#087b25}.yapa-v37-proof small{color:#687168}.yapa-v37-proof em{margin-left:auto;border:1px solid #9ed8aa;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;color:#087b25;font-style:normal}
@media(max-width:989px){.yapa-v37-benefit-grid{grid-template-columns:repeat(3,1fr)}.yapa-v37-product-grid{grid-template-columns:repeat(3,1fr)}.yapa-v37-hero-grid{gap:25px}}
@media(max-width:749px){.header{min-height:72px!important}.yapa-v37-hero-grid{grid-template-columns:1fr;min-height:auto;padding:65px 0}.yapa-v37-logo-card{max-width:520px;margin:auto}.yapa-v37-logo-card img{height:230px}.yapa-v37-benefit-grid{grid-template-columns:repeat(2,1fr)}.yapa-v37-benefit{padding:16px 12px}.yapa-v37-product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.yapa-v37-confidence-grid,.yapa-v37-review-grid{grid-template-columns:1fr}.yapa-v37-section-head,.yapa-v37-reviews-head,.yapa-v37-whatsapp .page-width{display:block}.yapa-v37-whatsapp a{display:inline-flex;margin-top:18px}.yapa-v37-home-hero h1{font-size:50px!important}.yapa-v37-proof em{display:none}}

/* =========================================================
   V44 — GREEN POLISH + CONTACT PAGE
   ========================================================= */
:root{--yapa:#10b83b;--yapa-bright:#39ef63;--yapa-dark:#063719;--ink:#111714;--muted:#5e6c63;--soft:#effbf2;--line:#cfe8d5}
/* Home: remove blue from our custom sections */
.yapa-v37-home h1,.yapa-v37-home h2,.yapa-v37-home h3,.yapa-v37-home p{color:inherit}
.yapa-v37-featured{background:linear-gradient(120deg,#ffffff,#f0fff3,#ffffff)!important}
.yapa-v37-featured h2,.yapa-v37-featured h3,.yapa-v37-featured p,.yapa-v37-featured a{color:#0b7f2b!important}
.yapa-v37-featured .yapa-v37-section-head h2{font-weight:950!important}
.yapa-v37-featured .yapa-v37-view{color:#087b25!important}
.yapa-v37-confidence{background:linear-gradient(120deg,#e9faed,#f7fff9,#e5f8e9)!important;background-size:220% 220%!important}
.yapa-v37-confidence h2,.yapa-v37-confidence strong,.yapa-v37-confidence small{color:#0b7f2b!important}
.yapa-v37-confidence .yapa-v37-confidence-kicker{color:#087b25!important}
/* Collection / Productos: soft pastel green instead of blue */
.template-collection main,.template-collection .content-for-layout{background:#effaf2!important;color:#12351f!important}
.template-collection .section-main-collection-product-grid,
.template-collection .shopify-section{color:#12351f}
.template-collection h1,.template-collection h2,.template-collection h3,.template-collection p,.template-collection label,.template-collection .facet-filters,.template-collection .product-count__text,.template-collection .facet-filters__sort{color:#0b7f2b!important}
.template-collection a{color:#087b25!important}
.template-collection .card-wrapper,.template-collection .card{background:#fff!important;border-color:#cfe8d5!important}
.template-collection .card__heading a,.template-collection .price,.template-collection .price-item{color:#087b25!important}
.template-collection .button,.template-collection .quick-add__submit{background:#10b83b!important;color:#fff!important;border-color:#10b83b!important}
.template-collection .facets-container,.template-collection .facets-vertical-sort,.template-collection .collection{background:transparent!important}
.template-collection .facets__summary,.template-collection select{color:#087b25!important}
.template-collection .title-wrapper-with-link{padding-top:30px}
/* Contact page */
.yapa-contact-page{position:relative;overflow:hidden;background:linear-gradient(135deg,#effff3,#ffffff 45%,#e9faed);padding:70px 0 90px;color:#102016}
.yapa-contact-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:#35ef6325;filter:blur(50px);right:-220px;top:-180px;animation:y44glow 10s ease-in-out infinite alternate;pointer-events:none}
@keyframes y44glow{to{transform:translate(-100px,130px) scale(1.2)}}
.yapa-contact-page .page-width{position:relative;z-index:2}
.yapa-contact-hero{text-align:center;max-width:820px;margin:0 auto 45px}
.yapa-contact-kicker{display:inline-block;color:#087b25;font-size:12px;font-weight:950;letter-spacing:.06em;margin-bottom:12px}
.yapa-contact-hero h1{font-size:clamp(38px,5vw,62px);line-height:1;margin:8px 0 18px;color:#087b25;font-weight:950;letter-spacing:-.04em}
.yapa-contact-hero p{font-size:18px;line-height:1.6;color:#43564a;margin:0}
.yapa-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:35px}
.yapa-contact-card{background:#fff;border:1px solid #cde8d4;border-radius:26px;padding:30px;box-shadow:0 15px 45px #087b2510;transition:transform .25s,box-shadow .25s}
.yapa-contact-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px #087b2520}
.yapa-contact-icon{font-size:38px;margin-bottom:15px}.yapa-contact-card h2{color:#087b25;font-size:22px;margin:0 0 10px}.yapa-contact-card p{color:#516158;line-height:1.6;margin:0}
.yapa-contact-social{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#fff;border:1px solid #cde8d4;border-radius:28px;padding:30px 34px;margin-bottom:24px;box-shadow:0 15px 45px #087b2510}
.yapa-contact-social h2{color:#087b25;margin:5px 0 8px;font-size:28px}.yapa-contact-social p{color:#516158;margin:0;line-height:1.5}.yapa-social-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:570px}.yapa-social-links a{background:#effbf2;border:1px solid #bfe2c7;color:#087b25!important;text-decoration:none;padding:12px 16px;border-radius:999px;font-weight:900;transition:.2s}.yapa-social-links a:hover{background:#10b83b;color:#fff!important;transform:translateY(-2px)}
.yapa-contact-cta{background:linear-gradient(120deg,#087b25,#10b83b,#087b25);background-size:220% 220%;animation:y44cta 9s ease infinite;color:#fff;border-radius:28px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;gap:25px;box-shadow:0 18px 50px #087b2525}.yapa-contact-cta strong{font-size:12px}.yapa-contact-cta h2{margin:7px 0;color:#fff;font-size:28px}.yapa-contact-cta p{margin:0;color:#eaffef}.yapa-contact-cta a{background:#fff;color:#087b25;text-decoration:none;padding:16px 22px;border-radius:999px;font-weight:950;white-space:nowrap}.yapa-contact-cta a:hover{transform:translateY(-2px)}
@keyframes y44cta{50%{background-position:100% 50%}}
@media(max-width:749px){.yapa-contact-grid{grid-template-columns:1fr}.yapa-contact-social,.yapa-contact-cta{display:grid}.yapa-social-links{justify-content:flex-start}.yapa-contact-cta a{justify-self:start}.template-collection .title-wrapper-with-link{padding-top:18px}}
body:has(#product-grid){background:#effaf2!important;color:#12351f!important}
body:has(#product-grid) h1,body:has(#product-grid) h2,body:has(#product-grid) h3,body:has(#product-grid) p,body:has(#product-grid) label,body:has(#product-grid) a{color:#087b25!important}
body:has(#product-grid) .facets-container,body:has(#product-grid) .collection{background:transparent!important}

/* V51 — acabado final de homepage: verde/negro, hero con logo animado y beneficios táctiles */
.yapa-v37-home-hero{background:linear-gradient(135deg,#021c0b 0%,#04531d 48%,#073719 100%)!important;background-size:180% 180%!important;animation:yapaV51HeroBg 12s ease-in-out infinite alternate;position:relative;overflow:hidden}
.yapa-v37-home-hero:before,.yapa-v37-home-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(45px);opacity:.55;background:radial-gradient(circle,#39ef63 0%,rgba(57,239,99,0) 68%);animation:yapaV51Smoke 10s ease-in-out infinite alternate}
.yapa-v37-home-hero:before{width:520px;height:520px;left:-140px;top:-220px}.yapa-v37-home-hero:after{width:560px;height:560px;right:-170px;bottom:-300px;animation-delay:-4s}
@keyframes yapaV51HeroBg{50%{background-position:100% 20%}100%{background-position:20% 100%}}
@keyframes yapaV51Smoke{to{transform:translate(100px,60px) scale(1.25)}}
.yapa-v37-hero-grid,.yapa-v37-home-hero .page-width{position:relative;z-index:2}
.yapa-v37-logo-card{background:#fff!important;border-radius:30px!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;transform:translateZ(0);animation:yapaV51Card 4s ease-in-out infinite alternate!important}
.yapa-v37-logo-card img{height:auto!important;max-height:420px!important;width:100%!important;object-fit:contain!important;object-position:center!important;animation:yapaV51Logo 4s ease-in-out infinite alternate!important}
@keyframes yapaV51Card{to{transform:translateY(-7px) scale(1.012);box-shadow:0 30px 85px rgba(0,0,0,.34)!important}}
@keyframes yapaV51Logo{to{transform:translateY(-7px) scale(1.018)}}
/* Benefit strip: desktop remains elegant; mobile/tablet becomes finger-swipe carousel */
.yapa-v37-benefits{overflow:hidden!important;background:linear-gradient(100deg,#f4fff7,#e9f9ee,#f7fff9)!important;background-size:220% 100%!important;animation:yapaV51Strip 10s ease-in-out infinite alternate}
.yapa-v37-benefit-grid{display:flex!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;touch-action:pan-x!important}
.yapa-v37-benefit-grid::-webkit-scrollbar{display:none!important}
.yapa-v37-benefit{flex:0 0 16.6667%!important;scroll-snap-align:start!important;transition:transform .25s ease,background .25s ease!important}
.yapa-v37-benefit:hover{transform:translateY(-4px)!important;background:rgba(255,255,255,.6)!important}
@keyframes yapaV51Strip{to{background-position:100% 50%}}
/* Featured products: green typography and uncropped horizontal/square product media */
.yapa-v37-featured,.yapa-v37-featured *{border-color:#cfe8d5}
.yapa-v37-featured h2,.yapa-v37-featured h3,.yapa-v37-featured p,.yapa-v37-featured a,.yapa-v37-featured .yapa-v37-view{color:#087b25!important}
.yapa-v37-product-media{aspect-ratio:1/1!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.yapa-v37-product-media img{height:100%!important;width:100%!important;object-fit:contain!important}
/* Replace old 3-card confidence design with a richer six-reason section */
.yapa-why-yapa{background:linear-gradient(120deg,#e8f8ec,#f8fff9,#e4f7e9)!important;background-size:220% 220%!important;animation:yapaV51WhyBg 12s ease-in-out infinite alternate!important;position:relative;overflow:hidden}
.yapa-why-yapa:before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-180px;background:radial-gradient(circle,rgba(47,239,96,.18),transparent 68%);filter:blur(18px);animation:yapaV51WhyGlow 9s ease-in-out infinite alternate}
@keyframes yapaV51WhyBg{to{background-position:100% 40%}}@keyframes yapaV51WhyGlow{to{transform:translate(-100px,120px) scale(1.25)}}
.yapa-why-yapa .page-width{position:relative;z-index:2}
.yapa-why-yapa h2{color:#087b25!important;font-weight:950!important}
.yapa-why-intro{color:#26372d!important;text-align:center;max-width:700px;margin:-10px auto 28px;font-size:16px}
.yapa-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.yapa-why-card{background:rgba(255,255,255,.94);border:1px solid #bfe2c8;border-radius:24px;padding:25px;box-shadow:0 12px 35px rgba(7,123,37,.08);transition:transform .25s ease,box-shadow .25s ease}
.yapa-why-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(7,123,37,.14)}
.yapa-why-card>span{display:block;font-size:32px;margin-bottom:12px}.yapa-why-card strong{display:block;color:#087b25!important;font-size:18px;margin-bottom:7px}.yapa-why-card small{display:block;color:#526157!important;line-height:1.45}
/* Footer: black background means all footer text stays white */
.yapa-v36-footer,.yapa-v36-footer *{color:#fff!important}.yapa-v36-footer a:hover{color:#fff!important}
@media(max-width:989px){.yapa-v37-benefit{flex-basis:33.3333%!important}.yapa-why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:749px){.yapa-v37-benefit{flex-basis:72%!important}.yapa-v37-benefit-grid{padding-bottom:4px}.yapa-why-grid{grid-template-columns:1fr}.yapa-v37-logo-card img{max-height:300px!important}}

/* ================= V52 — HERO ORIGINAL + BENEFICIOS DESLIZABLES + 3 RAZONES ================= */
.yapa-v37-logo-card{
  overflow:visible!important;
  background:#fff!important;
  padding:22px!important;
  transform:rotate(1deg)!important;
  animation:yapaV52CardFloat 5.5s ease-in-out infinite alternate!important;
}
.yapa-v37-logo-card img{
  width:100%!important;
  height:300px!important;
  object-fit:contain!important;
  display:block!important;
  animation:yapaV52LogoFloat 4.5s ease-in-out infinite alternate!important;
}
@keyframes y37logoGlow{to{transform:translateY(-5px) scale(1.015);filter:drop-shadow(0 24px 45px rgba(38,255,92,.22))}}
.yapa-v37-sticker{
  right:-26px!important;
  top:54px!important;
  z-index:3!important;
  animation:yapaV52Sticker 4s ease-in-out infinite alternate!important;
}
@keyframes yapaV52CardFloat{
  0%{transform:rotate(1deg) translateY(0)}
  100%{transform:rotate(-1deg) translateY(-9px)}
}
@keyframes yapaV52LogoFloat{
  0%{transform:scale(1) translateY(0)}
  100%{transform:scale(1.025) translateY(-5px)}
}
@keyframes yapaV52Sticker{
  0%{transform:translate(0,0) rotate(-2deg)}
  100%{transform:translate(7px,-7px) rotate(3deg)}
}

/* Beneficios: tarjetas con desplazamiento táctil en móvil y movimiento suave */
.yapa-v37-benefits{overflow:hidden!important;background:linear-gradient(110deg,#f4fff7,#ffffff,#edfff1)!important;background-size:220% 220%!important;animation:yapaV52BenefitsBg 12s ease-in-out infinite alternate!important}
.yapa-v37-benefit-grid{
  display:flex!important;
  width:max-content!important;
  min-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x!important;
}
.yapa-v37-benefit-grid::-webkit-scrollbar{display:none!important}
.yapa-v37-benefit{
  flex:1 0 16.666%!important;
  min-width:16.666%!important;
  position:relative!important;
  transition:transform .35s ease,background .35s ease,box-shadow .35s ease!important;
  scroll-snap-align:start!important;
}
.yapa-v37-benefit:hover{transform:translateY(-5px)!important;background:rgba(255,255,255,.82)!important;box-shadow:0 10px 28px rgba(0,120,45,.08)!important}
@keyframes yapaV52BenefitsBg{to{background-position:100% 45%}}
@media(max-width:989px){
 .yapa-v37-benefit{flex:0 0 44%!important;min-width:44%!important}
}
@media(max-width:749px){
 .yapa-v37-benefit{flex:0 0 78%!important;min-width:78%!important}
 .yapa-v37-benefit-grid{padding-left:14px!important;padding-right:14px!important;gap:8px!important}
}

/* Confianza: únicamente las 3 razones principales, con fondo vivo y sin azul */
.yapa-why-yapa{
  background:linear-gradient(125deg,#effff2,#ffffff,#e4fae9,#f5fff7)!important;
  background-size:280% 280%!important;
  animation:yapaV52WhyBg 13s ease-in-out infinite alternate!important;
}
.yapa-why-yapa:after{
  content:"";position:absolute;width:700px;height:700px;left:35%;top:-320px;
  background:radial-gradient(circle,rgba(30,230,83,.15),transparent 66%);
  filter:blur(18px);animation:yapaV52WhyGlow 10s ease-in-out infinite alternate;
  pointer-events:none;
}
.yapa-why-yapa .page-width{position:relative;z-index:2}
.yapa-why-grid{grid-template-columns:repeat(3,1fr)!important;max-width:1100px;margin:0 auto!important}
.yapa-why-card{border:1px solid #b9e8c5!important;background:rgba(255,255,255,.9)!important}
@keyframes yapaV52WhyBg{to{background-position:100% 35%}}
@keyframes yapaV52WhyGlow{to{transform:translate(180px,160px) scale(1.25)}}
@media(max-width:749px){.yapa-why-grid{grid-template-columns:1fr!important}}


/* ================= V53 — MOBILE FIRST / RESPONSIVE POLISH ================= */
@media (max-width:749px){

  html,body{overflow-x:hidden!important;width:100%!important}
  .page-width{width:100%!important;max-width:100%!important;padding-left:16px!important;padding-right:16px!important}

  /* Header: compacto, logo visible y navegación limpia */
  .header{min-height:70px!important;padding:8px 14px!important}
  .header__heading-logo-wrapper{max-width:125px!important}
  .header__heading-logo{max-width:125px!important;height:auto!important}
  .header__icons{gap:2px!important}
  .header__icon{min-width:42px!important}
  .header__heading{justify-self:start!important}

  /* Announcement: una sola línea fluida, sin franjas laterales */
  .announcement-bar-section{overflow:hidden!important}
  .announcement-bar__message{font-size:11px!important;line-height:1.2!important;white-space:nowrap!important}
  .announcement-bar__message span{animation:yapaText 2.5s ease-in-out infinite alternate!important}

  /* Homepage hero: apilado vertical, sin cortes */
  .yapa-v37-home-hero{min-height:0!important;padding:38px 0 34px!important}
  .yapa-v37-hero-grid{
    display:flex!important;flex-direction:column!important;gap:28px!important;
    align-items:stretch!important;
  }
  .yapa-v37-hero-grid>div:first-child{text-align:left!important}
  .yapa-v37-kicker{font-size:11px!important;padding:9px 14px!important}
  .yapa-v37-home-hero h1{
    font-size:clamp(42px,13vw,58px)!important;
    line-height:.9!important;letter-spacing:-.055em!important;
    margin:18px 0 18px!important;
  }
  .yapa-v37-home-hero p{font-size:15px!important;line-height:1.5!important;max-width:100%!important}
  .yapa-v37-hero-points{
    display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:10px!important;margin:20px 0!important;
  }
  .yapa-v37-hero-points span{font-size:13px!important}
  .yapa-v37-hero-cta{
    width:100%!important;justify-content:center!important;
    min-height:56px!important;font-size:16px!important;
  }

  .yapa-v37-logo-card{
    width:100%!important;max-width:430px!important;margin:0 auto!important;
    min-height:270px!important;padding:14px!important;border-radius:24px!important;
    transform:none!important;
  }
  .yapa-v37-logo-card img{
    width:100%!important;height:245px!important;max-height:245px!important;
    object-fit:contain!important;
  }
  @keyframes y37logoGlow{to{transform:translateY(-5px) scale(1.015);filter:drop-shadow(0 24px 45px rgba(38,255,92,.22))}}
.yapa-v37-sticker{
    right:-5px!important;top:28px!important;
    transform:scale(.82)!important;
  }

  /* Beneficios: carrusel real, una tarjeta por gesto */
  .yapa-v37-benefits{padding:4px 0!important}
  .yapa-v37-benefit-grid{
    width:100%!important;min-width:0!important;
    padding:8px 14px 12px!important;gap:10px!important;
    scroll-padding-left:14px!important;
    overscroll-behavior-x:contain!important;
  }
  .yapa-v37-benefit{
    flex:0 0 82%!important;min-width:82%!important;
    border-radius:18px!important;padding:18px 16px!important;
    min-height:88px!important;
    box-shadow:0 7px 22px rgba(0,100,35,.08)!important;
  }
  .yapa-v37-benefit strong{font-size:15px!important}
  .yapa-v37-benefit small{font-size:11px!important}

  /* Productos destacados: tarjetas horizontales, sin imágenes cortadas */
  .yapa-v37-featured{padding:38px 0!important}
  .yapa-v37-section-head{display:block!important}
  .yapa-v37-section-head h2{font-size:30px!important;line-height:1.05!important}
  .yapa-v37-section-head p{font-size:14px!important}
  .yapa-v37-view{display:inline-block!important;margin-top:8px!important}
  .yapa-v37-product-grid{
    display:flex!important;overflow-x:auto!important;gap:12px!important;
    padding:6px 2px 14px!important;scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;
  }
  .yapa-v37-product-grid::-webkit-scrollbar{display:none!important}
  .yapa-v37-product{
    flex:0 0 82%!important;min-width:82%!important;
    scroll-snap-align:start!important;border-radius:20px!important;
  }
  .yapa-v37-product-media{
    aspect-ratio:1/1!important;height:auto!important;min-height:0!important;
  }
  .yapa-v37-product-media img{
    width:100%!important;height:100%!important;object-fit:contain!important;
  }
  .yapa-v37-product-body{padding:14px!important}
  .yapa-v37-product-body h3{font-size:17px!important}

  /* Por qué Yapa: tres tarjetas cómodas y animadas */
  .yapa-why-yapa{padding:48px 0!important}
  .yapa-why-yapa h2{font-size:31px!important;line-height:1.05!important;text-align:center!important}
  .yapa-why-intro{font-size:14px!important;line-height:1.5!important}
  .yapa-why-grid{
    display:flex!important;overflow-x:auto!important;gap:12px!important;
    padding:6px 2px 12px!important;scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;
  }
  .yapa-why-grid::-webkit-scrollbar{display:none!important}
  .yapa-why-card{
    flex:0 0 88%!important;min-width:88%!important;
    scroll-snap-align:center!important;padding:22px!important;
    min-height:170px!important;
  }

  /* Reseñas: carrusel, tipografía legible */
  .yapa-v37-reviews{padding:48px 0!important}
  .yapa-v37-reviews-head{display:block!important}
  .yapa-v37-reviews-head h2{font-size:31px!important;line-height:1.05!important}
  .yapa-v37-rating{margin-top:12px!important;font-size:12px!important}
  .yapa-v37-review-grid{
    display:flex!important;overflow-x:auto!important;gap:12px!important;
    padding:6px 2px 12px!important;scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;
  }
  .yapa-v37-review-grid::-webkit-scrollbar{display:none!important}
  .yapa-v37-review{
    flex:0 0 88%!important;min-width:88%!important;
    scroll-snap-align:start!important;padding:20px!important;
    border-radius:20px!important;
  }

  /* Contacto: nada se sale de la pantalla */
  .yapa-v37-whatsapp{padding:42px 0!important}
  .yapa-v37-whatsapp>.page-width{
    display:flex!important;flex-direction:column!important;
    align-items:stretch!important;gap:20px!important;
  }
  .yapa-v37-whatsapp h2{font-size:30px!important;line-height:1.05!important}
  .yapa-v37-whatsapp p{font-size:14px!important;line-height:1.55!important}
  .yapa-v37-contact-mini{
    display:flex!important;overflow-x:auto!important;gap:8px!important;
    padding-bottom:4px!important;scrollbar-width:none!important;
  }
  .yapa-v37-contact-mini::-webkit-scrollbar{display:none!important}
  .yapa-v37-contact-mini a{flex:0 0 auto!important}
  .yapa-v37-whatsapp>.page-width>a{
    width:100%!important;text-align:center!important;
    justify-content:center!important;display:flex!important;
    padding:16px!important;box-sizing:border-box!important;
  }

  /* Footer */
  .footer{padding-bottom:95px!important}
  .footer .footer__blocks-wrapper{display:block!important}
  .footer-block{margin-bottom:22px!important}
  .footer a,.footer .link{font-size:14px!important}

  /* Product page: imagen arriba, información debajo y CTA visible */
  body:has(.yapa-p-reviews) .product__title{
    font-size:clamp(2.3rem,10vw,3.3rem)!important;
    line-height:.95!important;
  }
  body:has(.yapa-p-reviews) .product__media-wrapper,
  body:has(.yapa-p-reviews) .product__info-wrapper{
    width:100%!important;max-width:100%!important;
  }
  body:has(.yapa-p-reviews) .product__media{
    width:100%!important;aspect-ratio:1/1!important;
    border-radius:20px!important;
  }
  body:has(.yapa-p-reviews) .product__media img{
    width:100%!important;height:100%!important;object-fit:contain!important;
  }
  body:has(.yapa-p-reviews) .product__info-container{
    padding:16px!important;border-radius:20px!important;
  }
  body:has(.yapa-p-reviews) .product-form__submit{
    width:100%!important;min-height:58px!important;font-size:16px!important;
  }
  .ypr-head h2{font-size:32px!important}
  .ypr-grid{display:flex!important;overflow-x:auto!important;gap:12px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .ypr-grid::-webkit-scrollbar{display:none!important}
  .ypr-card{flex:0 0 88%!important;min-width:88%!important;scroll-snap-align:start!important}
  .yapa-p-contact{padding:38px 0!important}
  .yapa-p-contact .page-width{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .yapa-p-contact a{width:100%!important;text-align:center!important;box-sizing:border-box!important}

  /* End mobile rules */
}
@media (max-width:749px) and (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* ================= V54 — CORRECCIONES CELULAR ================= */
@media (max-width:749px){

  /* HERO: logo Yapa más pequeño y equilibrado */
  .yapa-v37-home-hero .yapa-v37-logo-card{
    width:calc(100% - 28px)!important;
    max-width:350px!important;
    min-height:225px!important;
    padding:12px!important;
    margin:2px auto 0!important;
    border-radius:22px!important;
  }
  .yapa-v37-home-hero .yapa-v37-logo-card img{
    height:200px!important;
    max-height:200px!important;
    width:100%!important;
    object-fit:contain!important;
  }
  .yapa-v37-home-hero @keyframes y37logoGlow{to{transform:translateY(-5px) scale(1.015);filter:drop-shadow(0 24px 45px rgba(38,255,92,.22))}}
.yapa-v37-sticker{
    right:-3px!important;
    top:18px!important;
    transform:scale(.72)!important;
    transform-origin:right top!important;
  }

  /* BOTÓN PEDIR: jamás comprimir palabra por palabra */
  .yapa-v37-product .yapa-v37-buy,
  .yapa-v37-product-grid .yapa-v37-buy{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:50px!important;
    padding:12px 10px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    line-height:1.1!important;
    font-size:13px!important;
    font-weight:900!important;
    text-align:center!important;
  }

  /* CATÁLOGO: elimina la herencia azul de Shopify */
  .template-collection,
  .template-collection main,
  .template-collection .content-for-layout,
  body:has(#product-grid){
    background:#effaf2!important;
    color:#17351f!important;
  }
  .template-collection h1,
  .template-collection h2,
  .template-collection h3,
  .template-collection p,
  .template-collection label,
  .template-collection a,
  .template-collection .facet-filters,
  .template-collection .product-count__text,
  .template-collection .facet-filters__sort,
  .template-collection .facets__summary,
  .template-collection select,
  body:has(#product-grid) h1,
  body:has(#product-grid) h2,
  body:has(#product-grid) h3,
  body:has(#product-grid) p,
  body:has(#product-grid) a{
    color:#087b25!important;
  }
  .template-collection .collection,
  body:has(#product-grid) .collection{
    padding-left:16px!important;
    padding-right:16px!important;
    box-sizing:border-box!important;
  }
  .template-collection .collection h1,
  body:has(#product-grid) h1{
    font-size:clamp(34px,10vw,46px)!important;
    line-height:1!important;
    margin-left:0!important;
  }
  .template-collection .card-wrapper,
  .template-collection .card,
  body:has(#product-grid) .card{
    border-color:#bfe2c8!important;
    background:#fff!important;
  }
  .template-collection .button,
  .template-collection .quick-add__submit,
  body:has(#product-grid) .button{
    background:#10b83b!important;
    border-color:#10b83b!important;
    color:#fff!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    min-width:0!important;
    line-height:1.15!important;
  }
}

/* También evita el salto de letras en CTA de escritorio */
.yapa-v37-buy{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}

/* ================= V56 — MOVIMIENTO REAL EN CELULAR ================= */
/* El banner negro se convierte en una cinta continua también en móvil */
.announcement-bar-section,
.announcement-bar,
.utility-bar{overflow:hidden!important}
.announcement-bar__message{overflow:hidden!important;white-space:nowrap!important}
.announcement-bar__message span{display:inline-block!important;white-space:nowrap!important}
@media(max-width:749px){
  .announcement-bar__message span{animation:yapaV56Ticker 10s linear infinite!important;will-change:transform!important}
  @keyframes yapaV56Ticker{
    0%{transform:translateX(105vw)}
    100%{transform:translateX(-115%)}
  }

  /* Carruseles táctiles: se pueden deslizar con el dedo y avanzan solos */
  .yapa-v37-benefit-grid,
  .yapa-v37-product-grid,
  .yapa-why-grid,
  .yapa-v37-review-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:12px!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    touch-action:pan-x!important;
    overscroll-behavior-x:contain!important;
  }
  .yapa-v37-benefit-grid::-webkit-scrollbar,
  .yapa-v37-product-grid::-webkit-scrollbar,
  .yapa-why-grid::-webkit-scrollbar,
  .yapa-v37-review-grid::-webkit-scrollbar{display:none!important}

  .yapa-v37-benefit-grid .yapa-v37-benefit{
    flex:0 0 82%!important;
    min-width:82%!important;
    scroll-snap-align:start!important;
  }
  .yapa-v37-product-grid .yapa-v37-product{
    flex:0 0 82%!important;
    min-width:82%!important;
    scroll-snap-align:start!important;
  }
  .yapa-why-grid .yapa-why-card{
    flex:0 0 88%!important;
    min-width:88%!important;
    scroll-snap-align:start!important;
  }
  .yapa-v37-review-grid .yapa-v37-review{
    flex:0 0 88%!important;
    min-width:88%!important;
    scroll-snap-align:start!important;
  }

  /* Fondos con movimiento visible, pero suave para no recargar el celular */
  .yapa-v37-home-hero{
    background-size:220% 220%!important;
    animation:yapaV56HeroMobile 9s ease-in-out infinite alternate!important;
  }
  .yapa-v37-home-hero:before{animation:yapaV56SmokeMobile1 7s ease-in-out infinite alternate!important}
  .yapa-v37-home-hero:after{animation:yapaV56SmokeMobile2 9s ease-in-out infinite alternate!important}
  .yapa-v37-confidence{
    background-size:260% 260%!important;
    animation:yapaV56BgMobile 8s ease-in-out infinite alternate!important;
  }
  .yapa-v37-reviews:before{animation:yapaV56ReviewMobile1 8s ease-in-out infinite alternate!important}
  .yapa-v37-reviews:after{animation:yapaV56ReviewMobile2 9s ease-in-out infinite alternate!important}
  .yapa-v37-whatsapp{
    background-size:220% 220%!important;
    animation:yapaV56ContactMobile 8s ease-in-out infinite alternate!important;
  }
  body:has(#product-grid){
    background:linear-gradient(120deg,#effaf2,#dff6e6,#f5fff7,#e4f9eb)!important;
    background-size:320% 320%!important;
    animation:yapaV56CollectionMobile 10s ease-in-out infinite alternate!important;
  }
  .yapa-v37-product-extra{
    background-size:300% 300%!important;
    animation:yapaV56ProductExtraMobile 9s ease-in-out infinite alternate!important;
  }
  @keyframes yapaV56HeroMobile{to{background-position:100% 65%}}
  @keyframes yapaV56SmokeMobile1{to{transform:translate(100px,55px) scale(1.2)}}
  @keyframes yapaV56SmokeMobile2{to{transform:translate(-90px,-70px) scale(1.18)}}
  @keyframes yapaV56BgMobile{to{background-position:100% 30%}}
  @keyframes yapaV56ReviewMobile1{to{transform:translate(180px,100px) scale(1.15)}}
  @keyframes yapaV56ReviewMobile2{to{transform:translate(-150px,-90px) scale(1.12)}}
  @keyframes yapaV56ContactMobile{to{background-position:100% 50%}}
  @keyframes yapaV56CollectionMobile{to{background-position:100% 50%}}
  @keyframes yapaV56ProductExtraMobile{to{background-position:100% 60%}}
}

/* ================= V57 — CTA MOBILE STABLE ================= */
@media (max-width:749px){
  /* Prevent the purchase CTA from becoming a vertical strip on narrow cards. */
  .quick-add__submit,
  .quick-add__submit span,
  .yapa-v37-product-grid .yapa-v37-buy,
  .yapa-v37-product .yapa-v37-buy,
  .product-form__submit{
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    white-space:normal!important;
    hyphens:none!important;
    letter-spacing:0!important;
    transform:none!important;
  }

  .quick-add__submit,
  .yapa-v37-product-grid .yapa-v37-buy,
  .yapa-v37-product .yapa-v37-buy{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    height:auto!important;
    padding:10px 12px!important;
    box-sizing:border-box!important;
    font-size:12px!important;
    line-height:1.15!important;
    text-align:center!important;
  }
  .quick-add__submit span{display:inline!important;max-width:100%!important;}
  .quick-add__submit .loading__spinner{display:none!important;}
}

/* ================= V58 — CTA MOVIL RESTAURADO ================= */
/* Restauramos el comportamiento del CTA que funcionaba antes de V56/V57.
   El movimiento de fondos/carruseles queda intacto. */
@media (max-width:749px){
  .yapa-v37-product .yapa-v37-buy,
  .yapa-v37-product-grid .yapa-v37-buy,
  .yapa-v37-product a[href*="rsi-btn-hook"],
  .yapa-v37-product-grid a[href*="rsi-btn-hook"],
  .yapa-v37-product button,
  .yapa-v37-product .button,
  .yapa-v37-product-grid button,
  .yapa-v37-product-grid .button,
  .yapa-v37-product .rsi-cod-form-button,
  .yapa-v37-product .rsi-cod-form-trigger,
  .yapa-v37-product-grid .rsi-cod-form-button,
  .yapa-v37-product-grid .rsi-cod-form-trigger,
  .product-card-wrapper .button,
  .product-card-wrapper button,
  .product-card-wrapper a[href*="rsi"]{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    height:auto!important;
    padding:9px 7px!important;
    margin-top:10px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1.08!important;
    font-weight:900!important;
    letter-spacing:-.01em!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    transform:none!important;
  }
  .yapa-v37-product .yapa-v37-buy *,
  .yapa-v37-product-grid .yapa-v37-buy *,
  .product-card-wrapper .button *,
  .product-card-wrapper button *,
  .yapa-v37-product-grid .button *{
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
  }
}

/* ================= V60 — LOGO NUEVO SIN FONDO + INSTAGRAM ================= */
/* El nuevo logo se integra directamente sobre el fondo verde del hero,
   sin el rectángulo blanco que ocultaba el diseño. */
.yapa-v37-home-hero .yapa-v37-logo-card{
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
  min-height:390px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.yapa-v37-home-hero .yapa-v37-logo-card img{
  width:min(100%,620px)!important;
  height:auto!important;
  max-height:430px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 20px 38px rgba(0,0,0,.28))!important;
  animation:yapaV60LogoFloat 5s ease-in-out infinite alternate!important;
}
@keyframes yapaV60LogoFloat{
  from{transform:translateY(0) scale(1)}
  to{transform:translateY(-8px) scale(1.018)}
}
.header__heading-logo{max-height:72px!important;width:auto!important;object-fit:contain!important}
@media(max-width:749px){
  .yapa-v37-home-hero .yapa-v37-logo-card{
    width:100%!important;
    max-width:360px!important;
    min-height:220px!important;
    padding:0!important;
    margin:5px auto 0!important;
  }
  .yapa-v37-home-hero .yapa-v37-logo-card img{
    width:100%!important;
    height:auto!important;
    max-height:250px!important;
  }
}
/* Product trust line: clean green stars and recommendation */
.product__text.yapa-product-rating-line,
.product__text.inline-richtext.yapa-product-rating-line { color:#087b25!important; font-weight:900!important; letter-spacing:.2px; }

/* ================= V63 — TICKER MÓVIL + LOGO HEADER LIMPIO ================= */
/* El ticker superior continúa moviéndose también en celulares. */
.yapa-v43-ticker{background:#050806!important;color:#fff!important;overflow:hidden!important;position:relative!important}
.yapa-v43-ticker-track{
  display:flex!important;align-items:center!important;gap:18px!important;
  width:max-content!important;min-width:max-content!important;
  white-space:nowrap!important;
  animation:yapaV63Ticker 24s linear infinite!important;
  will-change:transform!important;
}
@keyframes yapaV63Ticker{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
/* El logo del header usa una versión realmente transparente y verde. */
.yapa-v43-brand img{
  content:normal!important;
  width:150px!important;height:auto!important;max-height:76px!important;
  object-fit:contain!important;background:transparent!important;
  mix-blend-mode:normal!important;
  animation:yapaV63HeaderLogo 5s ease-in-out infinite!important;
  will-change:transform,filter!important;
}
@keyframes yapaV63HeaderLogo{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-3px) scale(1.035)}
}
@media(max-width:749px){
  .yapa-v43-ticker{height:32px!important;font-size:10px!important}
  .yapa-v43-ticker-track{gap:14px!important;animation-duration:20s!important}
  .yapa-v43-brand img{width:108px!important;height:auto!important;max-height:66px!important;animation-duration:4.5s!important}
}
/* Aunque el dispositivo tenga activado reducir movimiento, el ticker comercial sí sigue desplazándose. */
@media(prefers-reduced-motion:reduce){
  .yapa-v43-ticker-track{animation:yapaV63Ticker 24s linear infinite!important}
  .yapa-v43-brand img{animation:yapaV63HeaderLogo 5s ease-in-out infinite!important}
}


/* V64 logo fix: use the actual img source instead of CSS content replacement. */
.yapa-v43-brand img{content:normal!important;background:transparent!important;object-fit:contain!important;display:block!important}
@media(max-width:749px){.yapa-v43-brand img{width:112px!important;height:auto!important;max-height:64px!important}}
