:root{
  --navy:#0b2a52;
  --navy-2:#123a6b;
  --blue:#1a7fdc;
  --blue-bright:#2b93ef;
  --cyan:#4fc9ef;
  --aqua:#cfe6f7;
  --aqua-soft:#eaf4fc;
  --ink:#0f2138;
  --muted:#5a7391;
  --white:#ffffff;
  --line:rgba(11,42,82,.10);
  --shadow:0 24px 60px -24px rgba(11,42,82,.35);
  --shadow-sm:0 12px 30px -16px rgba(11,42,82,.30);
  --r:22px;
  --font-d:"Bricolage Grotesque",sans-serif;
  --font-b:"Hanken Grotesk",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-b);color:var(--ink);background:var(--white);line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
h1,h2,h3,h4{font-family:var(--font-d);line-height:1.05;letter-spacing:-.02em;font-weight:700}
a{text-decoration:none;color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.eyebrow{
  font-family:var(--font-b);font-weight:700;font-size:.78rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--blue);display:inline-flex;align-items:center;gap:9px;
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--cyan);border-radius:2px}

/* ---------- SCROLL PROGRESS ---------- */
.progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:70;
  background:linear-gradient(90deg,var(--cyan),var(--blue-bright));box-shadow:0 0 12px rgba(79,201,239,.7)}

/* ---------- HEADER ---------- */
header{position:fixed;top:0;left:0;right:0;z-index:60;transition:all .35s ease;padding:18px 0;
  transform:translateY(-100%);animation:slideDown .6s .1s ease forwards}
@keyframes slideDown{to{transform:translateY(0)}}
header.scrolled{background:rgba(9,24,46,.78);backdrop-filter:blur(16px);
  box-shadow:0 8px 30px -20px rgba(0,0,0,.6);padding:12px 0}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:16px}
.logo-yaku{height:56px;width:auto;display:block;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.logo-fukari{height:30px;width:auto;display:block}
.brand:hover .logo-yaku{transform:rotate(-6deg) scale(1.06)}
nav.menu{display:flex;align-items:center;gap:34px}
nav.menu a{color:#fff;font-weight:600;font-size:.95rem;position:relative;transition:color .25s}
nav.menu a::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--cyan);
  transition:width .3s ease;border-radius:2px}
nav.menu a:hover::after,nav.menu a.active::after{width:100%}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px}
.burger span{width:26px;height:2.5px;background:#fff;border-radius:2px;transition:.3s}

.btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:.92rem;padding:12px 24px;
  border-radius:100px;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;border:none;
  font-family:var(--font-b);position:relative;overflow:hidden}
.btn::before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .6s ease}
.btn:hover::before{left:130%}
.btn-primary{background:linear-gradient(135deg,var(--blue-bright),var(--blue));color:#fff;box-shadow:0 12px 28px -12px rgba(26,127,220,.8)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px -12px rgba(26,127,220,.9)}
.btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.4);backdrop-filter:blur(6px)}
.btn-ghost:hover{background:rgba(255,255,255,.24)}

/* ---------- HERO ---------- */
.hero{position:relative;padding:170px 0 120px;overflow:hidden;color:#fff;
  background:
    radial-gradient(1200px 600px at 80% -10%,rgba(79,201,239,.35),transparent 60%),
    radial-gradient(900px 500px at 0% 20%,rgba(43,147,239,.28),transparent 55%),
    linear-gradient(160deg,#0b2a52 0%,#123a6b 45%,#1a5aa0 100%);
  background-size:100% 100%,100% 100%,200% 200%;animation:bgshift 18s ease-in-out infinite}
@keyframes bgshift{0%,100%{background-position:0 0,0 0,0% 50%}50%{background-position:0 0,0 0,100% 50%}}
.hero-blobs{position:absolute;inset:0;pointer-events:none;opacity:.5}
.hero-blobs span{position:absolute;border-radius:50%;filter:blur(60px)}
.hero-blobs span:nth-child(1){width:340px;height:340px;background:#4fc9ef;top:-60px;right:8%;opacity:.4;animation:float 9s ease-in-out infinite}
.hero-blobs span:nth-child(2){width:260px;height:260px;background:#2b93ef;bottom:10%;left:-40px;opacity:.35;animation:float 11s ease-in-out infinite reverse}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-28px)}}
/* rising bubbles */
.bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.bubbles i{position:absolute;bottom:-40px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.5),rgba(79,201,239,.15));
  border:1px solid rgba(255,255,255,.18);animation:rise linear infinite;opacity:0}
@keyframes rise{0%{transform:translateY(0) scale(.6);opacity:0}
  10%{opacity:.7}90%{opacity:.5}100%{transform:translateY(-96vh) scale(1);opacity:0}}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero .eyebrow{color:var(--cyan)}
.hero .eyebrow::before{background:var(--cyan)}
.hero h1{font-size:clamp(2.6rem,5.4vw,4.5rem);margin:22px 0 20px;font-weight:800}
.hero h1 em{font-style:normal;color:var(--cyan);position:relative}
.hero p.lead{font-size:1.18rem;color:rgba(255,255,255,.82);max-width:520px;margin-bottom:34px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px}
.hero-stats{display:flex;gap:38px;flex-wrap:wrap}
.hero-stats .st b{font-family:var(--font-d);font-size:2rem;display:block;line-height:1}
.hero-stats .st span{font-size:.86rem;color:rgba(255,255,255,.7)}
/* staggered hero entrance */
.hero-copy>*{opacity:0;transform:translateY(28px);animation:rise-in .8s cubic-bezier(.22,1,.36,1) forwards}
.hero-copy>*:nth-child(1){animation-delay:.25s}
.hero-copy>*:nth-child(2){animation-delay:.38s}
.hero-copy>*:nth-child(3){animation-delay:.51s}
.hero-copy>*:nth-child(4){animation-delay:.64s}
.hero-copy>*:nth-child(5){animation-delay:.77s}
@keyframes rise-in{to{opacity:1;transform:none}}
.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:440px;
  opacity:0;animation:rise-in 1s .5s cubic-bezier(.22,1,.36,1) forwards}
.hero-visual::before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;
  background:radial-gradient(circle,rgba(79,201,239,.35),transparent 65%);filter:blur(20px);z-index:0;animation:pulse 5s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:1}}
.hero-prod{position:relative;z-index:1;max-height:520px;width:auto;
  filter:drop-shadow(0 40px 50px rgba(0,0,0,.55));animation:float 6s ease-in-out infinite}
.cert-float{position:absolute;top:20px;right:2%;background:#fff;color:var(--navy);border-radius:16px;
  padding:12px 16px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;font-weight:700;
  font-size:.82rem;animation:float 7s ease-in-out infinite reverse;z-index:2}
.cert-float .dot{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue));display:flex;align-items:center;justify-content:center;color:#fff}
.drop-float{position:absolute;bottom:34px;left:0;background:#fff;color:var(--navy);border-radius:16px;
  padding:12px 18px;box-shadow:var(--shadow);font-weight:700;font-size:.82rem;display:flex;align-items:center;gap:10px;animation:float 8s ease-in-out infinite;z-index:2}
/* animated waves */
.wave-divider{position:absolute;left:0;right:0;bottom:-1px;line-height:0;z-index:1;overflow:hidden}
.wave-divider svg{width:200%;height:90px;display:block}
.wave-divider svg.w1{animation:wave 12s linear infinite;opacity:.5}
.wave-divider svg.w2{position:absolute;left:0;bottom:0;animation:wave 8s linear infinite reverse}
@keyframes wave{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- TRUST BAR ---------- */
.trust{background:#fff;padding:34px 0;border-bottom:1px solid var(--line)}
.trust .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:600;font-size:.95rem}
.trust-item b{color:var(--ink);font-family:var(--font-d)}
.trust-item svg{color:var(--blue);flex-shrink:0;animation:bob 3s ease-in-out infinite}
.trust-item:nth-child(2) svg{animation-delay:.4s}
.trust-item:nth-child(3) svg{animation-delay:.8s}
.trust-item:nth-child(4) svg{animation-delay:1.2s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* ---------- SECTION SHELL ---------- */
section.block{padding:110px 0;position:relative}
.sec-head{max-width:660px;margin-bottom:56px}
.sec-head h2{font-size:clamp(2rem,4vw,3.1rem);margin:18px 0 16px}
.sec-head p{color:var(--muted);font-size:1.1rem}

/* ---------- EMPRESA ---------- */
.empresa{background:linear-gradient(180deg,#fff,var(--aqua-soft))}
.empresa .grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.empresa-copy p{color:var(--muted);margin-bottom:18px;font-size:1.06rem}
.empresa-copy strong{color:var(--ink)}
.quechua{display:inline-block;background:var(--aqua);color:var(--navy-2);font-weight:700;
  padding:3px 12px;border-radius:100px;font-size:.85rem;margin-bottom:6px}
.mvv{display:grid;gap:16px}
.mvv-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 28px;
  box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.mvv-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.mvv-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--cyan),var(--blue))}
.mvv-card h4{font-size:1.15rem;color:var(--blue);margin-bottom:8px;padding-left:6px}
.mvv-card p{color:var(--muted);font-size:.98rem;padding-left:6px}
.mvv-card .vals{display:flex;flex-wrap:wrap;gap:8px;padding-left:6px}
.mvv-card .vals span{background:var(--aqua-soft);color:var(--navy-2);font-weight:600;font-size:.82rem;padding:5px 13px;border-radius:100px}

/* ---------- PRODUCTOS (dark) ---------- */
.productos{background:#013e6e;color:#fff;position:relative;overflow:hidden}
.productos::before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(79,201,239,.3),transparent 70%);top:-150px;right:-100px}
.productos .eyebrow{color:var(--cyan)}
.productos .eyebrow::before{background:var(--cyan)}
.productos .sec-head h2{color:#fff}
.productos .sec-head p{color:rgba(255,255,255,.75)}

/* catalog grid + cards */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;z-index:2}
.cat-card{background:#013e6e;border:1px solid rgba(255,255,255,.12);border-radius:24px;
  overflow:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;
  display:flex;flex-direction:column;position:relative}
.cat-card::after{content:"";position:absolute;top:0;left:-150%;width:70%;height:100%;pointer-events:none;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-20deg);transition:left .7s ease;z-index:3}
.cat-card:hover::after{left:150%}
.cat-card:hover{transform:translateY(-10px);border-color:rgba(79,201,239,.55);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.cat-photo{position:relative;aspect-ratio:80/100;background:#013e6e;overflow:hidden}
.cat-photo img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.cat-card:hover .cat-photo img{transform:scale(1.08)}
.cat-chip{position:absolute;top:14px;left:14px;z-index:2;background:rgba(11,42,82,.7);
  border:1px solid rgba(79,201,239,.4);color:var(--cyan);font-weight:700;font-size:.7rem;
  letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:100px;backdrop-filter:blur(6px)}
.cat-star{position:absolute;top:14px;right:14px;z-index:2;background:linear-gradient(135deg,var(--cyan),var(--blue));
  color:#fff;font-weight:700;font-size:.68rem;padding:5px 11px;border-radius:100px;box-shadow:0 6px 14px -4px rgba(0,0,0,.5)}
.cat-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.cat-body h3{font-size:1.5rem;margin-bottom:6px;letter-spacing:-.01em}
.cat-body p{color:rgba(255,255,255,.72);font-size:.92rem;margin-bottom:16px;flex:1}
.cat-dims{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6);font-size:.82rem;font-weight:600;margin-bottom:14px}
.cat-dims svg{color:var(--cyan)}
.waters{display:flex;flex-wrap:wrap;gap:7px}
.w{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;padding:5px 12px;border-radius:100px}
.w::before{content:"";width:9px;height:9px;border-radius:50%}
.w-fria{background:rgba(79,201,239,.16);color:#8fdcf5}.w-fria::before{background:#4fc9ef}
.w-cal{background:rgba(239,90,90,.16);color:#f6a3a3}.w-cal::before{background:#ef5a5a}
.w-nat{background:rgba(255,255,255,.1);color:#cfe0f0}.w-nat::before{background:#9fc3e0}

/* fukari cert band */
.fukari-band{margin-top:56px;position:relative;z-index:2;display:grid;grid-template-columns:1.3fr 1fr;gap:36px;
  align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:40px 44px}
.fukari-band h3{font-size:1.9rem;margin-bottom:12px}
.fukari-band p{color:rgba(255,255,255,.75);margin-bottom:18px;font-size:.98rem}
.fukari-band .reg{display:flex;gap:22px;flex-wrap:wrap}
.fukari-band .reg span{font-size:.82rem;color:rgba(255,255,255,.6)}
.fukari-band .reg b{display:block;font-family:var(--font-d);color:#fff;font-size:1.05rem}
.fukari-seals{display:flex;flex-direction:column;gap:14px}
.fukari-seals .seal{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 18px;transition:transform .3s}
.fukari-seals .seal:hover{transform:translateX(6px)}
.fukari-seals .seal .ic{width:42px;height:42px;border-radius:12px;flex-shrink:0;
  background:linear-gradient(135deg,var(--cyan),var(--blue));display:flex;align-items:center;justify-content:center;color:#fff}
.fukari-seals .seal b{display:block;font-size:.95rem}.fukari-seals .seal small{color:rgba(255,255,255,.6);font-size:.8rem}

/* products preview (home) */
.prev-cta{display:flex;justify-content:center;margin-top:44px}
.prev-cta .btn{font-size:1rem;padding:15px 34px}

/* ---------- BENEFICIOS ---------- */
.beneficios{background:var(--aqua-soft)}
.ben-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.ben-card{background:#fff;border-radius:20px;padding:30px 24px;text-align:left;border:1px solid var(--line);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;box-shadow:var(--shadow-sm)}
.ben-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.ben-ico{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--aqua),#fff);color:var(--blue);margin-bottom:18px;
  box-shadow:inset 0 0 0 1px rgba(26,127,220,.15);transition:transform .35s}
.ben-card:hover .ben-ico{transform:scale(1.1) rotate(-6deg)}
.ben-card h4{font-size:1.15rem;margin-bottom:8px}
.ben-card p{color:var(--muted);font-size:.9rem;line-height:1.5}

/* ---------- ABONO ---------- */
.abono .wrap{background:linear-gradient(135deg,var(--blue),var(--blue-bright));border-radius:32px;
  padding:56px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.abono .wrap::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;
  background:rgba(255,255,255,.12);top:-120px;right:-80px;animation:pulse 6s ease-in-out infinite}
.abono-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.abono h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:14px}
.abono p{color:rgba(255,255,255,.85);max-width:460px}
.abono-list{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
.abono-list span{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.16);
  padding:9px 16px;border-radius:100px;font-weight:600;font-size:.92rem;transition:background .25s}
.abono-list span:hover{background:rgba(255,255,255,.28)}

/* ---------- FOOTER ---------- */
footer{background:linear-gradient(180deg,#0b2a52,#081f3d);color:#fff;padding:90px 0 0}
.foot-grid{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:48px;padding-bottom:60px}
.foot-brand .logo-yaku{height:76px;width:auto;margin-bottom:20px;display:block}
.foot-brand p{color:rgba(255,255,255,.66);font-size:.96rem;margin-bottom:22px;max-width:300px}
.socials{display:flex;gap:12px}
.socials a{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;transition:all .25s}
.socials a:hover{background:var(--blue);transform:translateY(-3px)}
.foot-col h4{font-size:1.05rem;margin-bottom:20px;color:#fff}
.foot-col .row{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;color:rgba(255,255,255,.75);font-size:.95rem}
.foot-col .row svg{color:var(--cyan);flex-shrink:0;margin-top:3px}
.foot-col .row b{color:#fff;font-weight:600;display:block}
.foot-col .row a{color:inherit;text-decoration:none;transition:color .2s}
.foot-col .row a:hover{color:var(--cyan);text-decoration:underline}
.pays{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}
.pays span{background:rgba(255,255,255,.1);border-radius:10px;padding:8px 12px;font-size:.78rem;font-weight:600;color:rgba(255,255,255,.85)}
.cform{display:grid;gap:12px}
.cform .r2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cform input,.cform textarea{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  border-radius:12px;padding:13px 16px;color:#fff;font-family:var(--font-b);font-size:.95rem;transition:border .25s,background .25s}
.cform input::placeholder,.cform textarea::placeholder{color:rgba(255,255,255,.5)}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--cyan);background:rgba(255,255,255,.11)}
.cform textarea{resize:vertical;min-height:90px}
.cform .btn-primary{justify-content:center;margin-top:4px}
.cform select{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:13px 40px 13px 16px;
  color:#fff;font-family:var(--font-b);font-size:.95rem;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border .25s,background .25s;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='white' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center}
.cform select:focus{outline:none;border-color:var(--cyan);background-color:rgba(255,255,255,.11)}
.cform select option{color:#0b1b2b}
.cform button.btn{border:0;cursor:pointer;font-family:inherit;width:100%}
.cform .invalid{border-color:#ff8a8a}
.cform-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.cform-msg{margin:0;font-size:.88rem;color:rgba(255,255,255,.75);min-height:1.2em}
.cform-msg.err{color:#ffb4b4}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding:24px 0;text-align:center;color:rgba(255,255,255,.5);font-size:.86rem;display:flex;flex-direction:column;align-items:center;gap:10px}
.bilab-sign{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.45);text-decoration:none;font-size:.78rem;letter-spacing:.02em;transition:color .2s}
.bilab-sign b{font-weight:600;color:rgba(255,255,255,.7);transition:color .2s}
.bilab-sign svg{transition:transform .6s ease}
.bilab-sign:hover,.bilab-sign:hover b{color:#fff}
.bilab-sign:hover svg{transform:rotate(90deg)}
/* Data Fiscal AFIP, en la columna de marca del footer */
.afip-qr{display:inline-block;line-height:0;margin-top:26px}
.afip-qr img{width:74px;height:auto;background:#fff;border-radius:6px;padding:5px;
  opacity:.88;transition:opacity .25s ease,transform .25s ease}
.afip-qr:hover img{opacity:1;transform:translateY(-2px)}

/* ---------- FLOATING BUTTONS ---------- */
.wa{position:fixed;bottom:26px;right:26px;z-index:60;width:60px;height:60px;border-radius:50%;
  background:#25d366;display:flex;align-items:center;justify-content:center;color:#fff;
  box-shadow:0 14px 30px -8px rgba(37,211,102,.7);transition:transform .25s}
.wa::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:ring 2.4s ease-out infinite}
@keyframes ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.8);opacity:0}}
.wa:hover{transform:scale(1.1)}
.totop{position:fixed;bottom:26px;left:26px;z-index:60;width:48px;height:48px;border-radius:50%;
  background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(20px);transition:all .35s}
.totop.show{opacity:1;pointer-events:auto;transform:none}

/* ---------- REVEAL ANIMS ---------- */
.reveal,.reveal-l,.reveal-r,.reveal-s{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.reveal{transform:translateY(34px)}
.reveal-l{transform:translateX(-46px)}
.reveal-r{transform:translateX(46px)}
.reveal-s{transform:scale(.9)}
.reveal.in,.reveal-l.in,.reveal-r.in,.reveal-s.in{opacity:1;transform:none}
.d1{transition-delay:.06s}.d2{transition-delay:.14s}.d3{transition-delay:.22s}
.d4{transition-delay:.3s}.d5{transition-delay:.38s}.d6{transition-delay:.46s}

/* ---------- PRODUCTOS PAGE ---------- */
.page-hero{position:relative;overflow:hidden;color:#fff;padding:160px 0 90px;
  background:radial-gradient(1000px 500px at 85% -20%,rgba(79,201,239,.32),transparent 60%),
    linear-gradient(160deg,#0b2a52,#123a6b 60%,#1a5aa0);}
.page-hero .bubbles i{opacity:0}
.crumb{display:flex;gap:8px;align-items:center;color:rgba(255,255,255,.6);font-size:.85rem;font-weight:600;margin-bottom:18px;position:relative;z-index:2}
.crumb a:hover{color:var(--cyan)}
.page-hero h1{font-size:clamp(2.4rem,5vw,4rem);position:relative;z-index:2;max-width:760px}
.page-hero p{color:rgba(255,255,255,.8);font-size:1.15rem;max-width:600px;margin-top:16px;position:relative;z-index:2}
.filters{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px;position:relative;z-index:2}
.filters button{font-family:var(--font-b);font-weight:700;font-size:.9rem;color:#fff;cursor:pointer;
  background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.2);padding:10px 22px;border-radius:100px;transition:all .25s}
.filters button:hover{border-color:var(--cyan)}
.filters button.active{background:linear-gradient(135deg,var(--cyan),var(--blue));border-color:transparent}
.page-cat{background:#013e6e;color:#fff;position:relative;overflow:hidden}
.cat-card.hide{display:none}
.cat-card.filtering{animation:pop .5s cubic-bezier(.22,1,.36,1)}
@keyframes pop{from{opacity:0;transform:scale(.92) translateY(14px)}to{opacity:1;transform:none}}

/* ---------- RESPONSIVE ---------- */
@media(max-width:960px){
  nav.menu{position:fixed;top:0;right:0;height:100vh;width:min(320px,80vw);flex-direction:column;
    align-items:flex-start;justify-content:center;gap:26px;padding:0 40px;background:var(--navy);
    transform:translateX(100%);transition:transform .4s cubic-bezier(.22,1,.36,1);z-index:55}
  nav.menu.open{transform:none}
  nav.menu a{color:#fff;font-size:1.3rem}
  header.scrolled nav.menu a{color:#fff}
  .burger{display:flex;z-index:56}
  .burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .burger.open span:nth-child(2){opacity:0}
  .burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  header.scrolled .burger.open span{background:#fff}
  .hero .wrap,.empresa .grid,.abono-inner,.foot-grid,.fukari-band{grid-template-columns:1fr}
  .hero-visual{min-height:360px}
  .ben-grid,.cat-grid{grid-template-columns:repeat(2,1fr)}
  .cform .r2{grid-template-columns:1fr}
  .header-cta{display:none}
}
@media(max-width:560px){
  .ben-grid,.cat-grid{grid-template-columns:1fr}
  .abono .wrap{padding:34px}
  .fukari-band{padding:30px}
  .trust .wrap{justify-content:center;text-align:center}
}

/* ---------- REDUCED MOTION ---------- */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal,.reveal-l,.reveal-r,.reveal-s,.hero-copy>*,.hero-visual{opacity:1!important;transform:none!important}
}

/* ===== FONDO ANIMADO GLOBAL + TEMA OSCURO UNIFORME ===== */
body{background:#06294d;color:#dfeaf6}
.site-bg{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;
  background:
    radial-gradient(1100px 640px at 85% -12%,rgba(79,201,239,.26),transparent 60%),
    radial-gradient(820px 520px at 4% 14%,rgba(43,147,239,.20),transparent 55%),
    linear-gradient(160deg,#06294d 0%,#0a2f57 50%,#0a3a66 100%)}
.site-bg .bubbles{position:absolute;inset:0;opacity:.9}
/* secciones transparentes para que se vea el fondo animado */
.hero,.trust,.empresa,.productos,.page-hero,.page-cat,.beneficios{background:transparent}
.hero{animation:none}
.wave-divider{display:none}
.trust{border-bottom:1px solid rgba(255,255,255,.1)}
/* textos sobre oscuro */
.sec-head h2,.empresa h2{color:#fff}
.sec-head p{color:rgba(223,234,246,.72)}
.trust-item{color:rgba(223,234,246,.82)}
.trust-item b{color:#fff}
.trust-item svg{color:var(--cyan)}
.empresa-copy p{color:rgba(223,234,246,.78)}
.empresa-copy strong{color:#fff}
.eyebrow{color:var(--cyan)}
.eyebrow::before{background:var(--cyan)}
/* tarjetas sobre oscuro */
.mvv-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}
.mvv-card p{color:rgba(223,234,246,.74)}
.mvv-card .vals span{background:rgba(255,255,255,.08);color:#cfe6f7}
.ben-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}
.ben-card h4{color:#fff}
.ben-card p{color:rgba(223,234,246,.72)}
.ben-ico{background:linear-gradient(135deg,rgba(79,201,239,.28),rgba(255,255,255,.06));
  box-shadow:inset 0 0 0 1px rgba(79,201,239,.25)}
.ben-card:hover{box-shadow:0 24px 50px -24px rgba(0,0,0,.5)}

/* ===== CATÁLOGO: páginas completas (3 por fila) ===== */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cat-item{display:block;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);
  background:#0b2a52;position:relative;
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .35s}
.cat-item img{width:100%;height:auto;display:block}
.cat-item:hover{transform:translateY(-8px);box-shadow:0 30px 60px -28px rgba(0,0,0,.65);border-color:rgba(79,201,239,.55)}
.cat-item.hide{display:none}
.cat-item.filtering{animation:pop .5s cubic-bezier(.22,1,.36,1)}
@media(max-width:900px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cat-grid{grid-template-columns:1fr}}

/* ===== OLA ANIMADA (solo home hero) ===== */
.wave-divider{display:block}
.wave-divider .w2 path{fill:rgba(79,201,239,.16)}
.wave-divider .w1 path{fill:rgba(255,255,255,.10)}

/* ===== LIGHTBOX (ampliar imágenes) ===== */
.cat-item{cursor:zoom-in}
.lightbox{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(4,18,38,.92);backdrop-filter:blur(6px);opacity:0;visibility:hidden;padding:30px;
  transition:opacity .3s ease,visibility .3s ease;cursor:zoom-out}
.lightbox.show{opacity:1;visibility:visible}
.lightbox img{max-width:min(94vw,860px);max-height:94vh;border-radius:14px;cursor:default;
  box-shadow:0 40px 100px -30px rgba(0,0,0,.85);transform:scale(.94);
  transition:transform .35s cubic-bezier(.22,1,.36,1)}
.lightbox.show img{transform:scale(1)}
.lb-close{position:absolute;top:22px;right:26px;width:46px;height:46px;border-radius:50%;border:none;
  background:rgba(255,255,255,.14);color:#fff;font-size:1.9rem;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .25s}
.lb-close:hover{background:rgba(255,255,255,.28)}

/* menos espacio entre el banner de productos y la grilla */
.page-hero{padding-bottom:34px}
.page-cat{padding-top:30px}

/* ===== CARDS estilo abono (azul), sin barra ni borde ===== */
.mvv-card,.ben-card{
  background:linear-gradient(135deg,var(--blue),var(--blue-bright));
  border:none;box-shadow:0 22px 44px -24px rgba(26,127,220,.65)}
.mvv-card::before{display:none}
.mvv-card h4,.mvv-card p,.mvv-card .vals{padding-left:0}
.mvv-card h4,.ben-card h4{color:#fff}
.mvv-card p,.ben-card p{color:rgba(255,255,255,.9)}
.mvv-card .vals span{background:rgba(255,255,255,.2);color:#fff}
.ben-ico{background:rgba(255,255,255,.2);box-shadow:none;color:#fff}
.mvv-card:hover,.ben-card:hover{transform:translateY(-6px);
  box-shadow:0 32px 58px -22px rgba(26,127,220,.8)}

/* ===== misma animación que la card de abono (círculo pulsante) ===== */
.mvv-card,.ben-card{position:relative;overflow:hidden}
.mvv-card::before,.ben-card::before{content:"";display:block;position:absolute;
  width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.12);
  top:-84px;right:-64px;animation:pulse 6s ease-in-out infinite;pointer-events:none;z-index:0}
.mvv-card>*,.ben-card>*{position:relative;z-index:1}

/* ===== MOBILE: carrusel de equipos (en vez de apilar) ===== */
@media(max-width:700px){
  .cat-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;
    padding:4px 4px 18px;scroll-padding-inline:5%;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .cat-grid::-webkit-scrollbar{display:none}
  .cat-item{flex:0 0 86%;scroll-snap-align:center}
  .cat-item.hide{display:none}
}

/* MOBILE: formulario antes de los datos de contacto */
@media(max-width:700px){
  .foot-grid{display:flex;flex-direction:column}
  .foot-brand{order:0}
  .foot-form{order:1}
  .foot-col:not(.foot-form){order:2}
}

/* MOBILE: Misión/Visión/Valores y Beneficios también en carrusel */
@media(max-width:700px){
  .mvv,.ben-grid{display:flex;grid-template-columns:none;overflow-x:auto;
    scroll-snap-type:x mandatory;gap:16px;padding:4px 4px 18px;scroll-padding-inline:5%;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mvv::-webkit-scrollbar,.ben-grid::-webkit-scrollbar{display:none}
  .mvv-card,.ben-card{flex:0 0 86%;scroll-snap-align:center}
}

/* fix: sin scroll vertical en los carruseles mobile */
@media(max-width:700px){
  .cat-grid,.mvv,.ben-grid{overflow-y:hidden;padding-bottom:22px}
}

/* ===== SECCIÓN VIDEOS ===== */
.videos .sec-head h2{color:#fff}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:780px;margin:0 auto}
.video-card{background:#013e6e;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.video-card:hover{transform:translateY(-6px);box-shadow:0 30px 55px -26px rgba(0,0,0,.6)}
.video-card video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;background:#04203c;cursor:pointer}
.video-card span{display:block;padding:14px 20px;font-weight:700;color:#fff}
@media(max-width:700px){.video-grid{grid-template-columns:1fr;max-width:400px}}

/* ===== CARDS con datos: mostrar foto completa ===== */
.cat-photo{aspect-ratio:auto;cursor:zoom-in}
.cat-photo img{width:100%;height:auto;object-fit:fill}
@media(max-width:700px){ .cat-card{flex:0 0 86%;scroll-snap-align:center} }

/* ===== VIDEOS: video + texto alternados ===== */
.video-feature{display:flex;gap:48px;align-items:center;margin-bottom:56px}
.vf-video{flex:0 0 320px;border-radius:22px;overflow:hidden;background:#04203c;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1)}
.vf-video video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block}
.vf-text{flex:1}
.vf-text h3{font-size:clamp(1.6rem,3vw,2.2rem);color:#fff;margin:14px 0 16px}
.vf-text p{color:rgba(223,234,246,.82);font-size:1.08rem;max-width:520px}
@media(max-width:800px){
  .video-feature{flex-direction:column;text-align:center;gap:26px;margin-bottom:40px}
  .vf-video{flex:0 0 auto;width:100%;max-width:300px;margin:0 auto}
  .vf-text p{margin:0 auto}
  .vf-text .eyebrow{justify-content:center}
}

/* videos: más grandes, autoplay, texto más a la derecha */
.video-feature{gap:80px}
.vf-video{flex:0 0 430px}
.vf-text{padding-left:18px}
@media(max-width:800px){ .video-feature{gap:26px} .vf-video{flex:0 0 auto} .vf-text{padding-left:0} }

/* fondo de card uniforme (mismo plano que las fotos) -> llena toda la card, sin costura */
.cat-card,.cat-photo{background:#003462}
/* video: que entre entero al scrollear (altura limitada) */
.vf-video{flex:0 0 auto}
.vf-video video{height:min(70vh,600px);width:auto;aspect-ratio:9/16}
@media(max-width:800px){ .vf-video video{height:auto;width:100%;max-width:300px} }

/* cards más bajas: que entren enteras en un scroll (fondo plano uniforme, sin costura) */
.cat-photo{aspect-ratio:80/100;overflow:hidden}
.cat-photo img{width:100%;height:100%;object-fit:contain}

/* equipos recortados: sin fondo propio, se ven sobre el fondo de la web */
.cat-card,.cat-photo{background:transparent}
/* videos un poco más grandes */
.vf-video video{height:min(80vh,700px)}

/* ocultar cards filtradas */
.cat-card.hide{display:none}
/* menos espacio entre secciones (a la mitad) */
section.block{padding:56px 0}
.sec-head{margin-bottom:30px}
.video-feature{margin-bottom:30px}
.fukari-band{margin-top:30px}

/* fondo azul original expandido a toda la card (sin recorte visible) */
.cat-card,.cat-photo{background:#00609d}
.cat-photo{aspect-ratio:72/100;position:relative;overflow:hidden}
.cat-photo img{width:100%;height:100%;object-fit:cover}
.cat-photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;z-index:1;pointer-events:none;background:linear-gradient(transparent,#00609d)}

/* texto al lado de los videos: card (glass, como la banda FUKARI) */
.vf-text{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:24px;padding:34px 38px;padding-left:38px}
.vf-text .reg{display:flex;gap:26px;margin-top:22px}
.vf-text .reg span{font-size:.82rem;color:rgba(255,255,255,.6)}
.vf-text .reg b{display:block;font-family:var(--font-d);color:#fff;font-size:1.05rem}
@media(max-width:800px){ .vf-text{padding:26px 24px} }

/* sello como dato en la card */
.seal-badge{display:flex;align-items:center;gap:10px;margin-top:14px;
  font-size:.8rem;font-weight:600;color:rgba(255,255,255,.92);line-height:1.25}
.seal-badge img{width:28px;height:28px;flex-shrink:0;opacity:.95}

/* ===== CONFIANZA CORPORATIVA (marquee de clientes) ===== */
.clients .sec-head h2{color:#fff}
.marquee{overflow:hidden;padding:6px 0;
  -webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee-track{display:flex;gap:20px;width:max-content;animation:marq 70s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.client-chip{flex:0 0 auto;width:172px;height:94px;background:#f4f7fb;border-radius:16px;
  display:flex;align-items:center;justify-content:center;padding:18px 26px;
  box-shadow:0 10px 24px -16px rgba(0,0,0,.5)}
.client-chip img{max-width:100%;max-height:100%;object-fit:contain;
  filter:grayscale(1);opacity:.72;transition:filter .3s,opacity .3s}
.client-chip:hover img{filter:none;opacity:1}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}

/* confianza corporativa: como el original -> sección clara, logos SIN fondo */
.clients{background:#f4f7fb}
.clients .sec-head h2{color:#0f2138}
.clients .eyebrow{color:var(--blue)}
.clients .eyebrow::before{background:var(--blue)}
.client-chip{background:none;box-shadow:none;width:auto;height:64px;padding:0 38px;border-radius:0}
.client-chip img{max-width:none;max-height:64px;filter:grayscale(1);opacity:.6}
.client-chip:hover img{filter:none;opacity:1}

/* confianza: fondo = fondo de la web (navy), logos en blanco */
.clients{background:transparent}
.clients .sec-head h2{color:#fff}
.clients .eyebrow{color:var(--cyan)}
.clients .eyebrow::before{background:var(--cyan)}
.client-chip img{filter:brightness(0) invert(1);opacity:.62}
.client-chip:hover img{filter:brightness(0) invert(1);opacity:1}

/* RESTAURAR: confianza con chips claros (logos con su fondo) */
.clients{background:transparent}
.clients .sec-head h2{color:#fff}
.clients .eyebrow{color:var(--cyan)}
.clients .eyebrow::before{background:var(--cyan)}
.client-chip{background:#f4f7fb;box-shadow:0 10px 24px -16px rgba(0,0,0,.5);
  width:172px;height:94px;padding:18px 26px;border-radius:16px}
.client-chip img{filter:grayscale(1);opacity:.72;max-width:100%;max-height:100%;object-fit:contain}
.client-chip:hover img{filter:none;opacity:1}

/* hover confiable: al pasar por la banda se pausa y los logos pasan a color */
.client-chip img{transition:filter .35s ease, opacity .35s ease}
.marquee:hover .client-chip img{filter:none;opacity:1}

/* chips del mismo color que el fondo (transparente) -> logos en blanco flotando sobre el navy */
.clients{background:transparent}
.client-chip{background:transparent;box-shadow:none;border-radius:0;width:auto;height:66px;padding:0 36px}
.client-chip img{filter:brightness(0) invert(1);opacity:.72;max-width:none;max-height:66px;transition:opacity .3s ease}
.marquee:hover .client-chip img{filter:brightness(0) invert(1);opacity:1}
/* logos con caja oscura inherente: sin filtro, se integran al navy */
.client-chip img[src*="amiun"],.client-chip img[src*="credicoop"]{filter:none;opacity:.9}
.marquee:hover .client-chip img[src*="amiun"],.marquee:hover .client-chip img[src*="credicoop"]{filter:none;opacity:1}

/* amiun SÍ lleva filtro blanco (es logo oscuro, no una caja) */
.client-chip img[src*="amiun"]{filter:brightness(0) invert(1);opacity:.72}
.marquee:hover .client-chip img[src*="amiun"]{filter:brightness(0) invert(1);opacity:1}

/* mostrar los logos en SUS COLORES reales (sin filtro), sobre el navy */
.client-chip img{filter:none;opacity:1}
.marquee:hover .client-chip img{filter:none;opacity:1}

/* pastilla clara SOLO detrás de logos de tinta oscura (se leen sobre el navy y su color aparece) */
.client-chip:is(:has(img[src*="pami"]),:has(img[src*="senadosf"]),:has(img[src*="diputadossf"]),:has(img[src*="fedmart"]),:has(img[src*="bancosf"]),:has(img[src*="bbva"]),:has(img[src*="benuzzi"]),:has(img[src*="patagonia"]),:has(img[src*="meridian"])){
  background:rgba(255,255,255,.95);
  border-radius:16px;
  padding:0 24px;
  box-shadow:0 8px 22px rgba(0,0,0,.20);
}
.client-chip:is(:has(img[src*="pami"]),:has(img[src*="senadosf"]),:has(img[src*="diputadossf"]),:has(img[src*="fedmart"]),:has(img[src*="bancosf"]),:has(img[src*="bbva"]),:has(img[src*="benuzzi"]),:has(img[src*="patagonia"]),:has(img[src*="meridian"])) img{
  filter:none;opacity:1;max-height:44px;
}

/* fix: SVG sin ancho intrínseco colapsan a 0 dentro del marquee (width:max-content) -> fijar altura */
.client-chip img{height:52px;max-height:52px;width:auto}
.client-chip:is(:has(img[src*="pami"]),:has(img[src*="senadosf"]),:has(img[src*="diputadossf"]),:has(img[src*="fedmart"]),:has(img[src*="bancosf"]),:has(img[src*="bbva"]),:has(img[src*="benuzzi"]),:has(img[src*="patagonia"]),:has(img[src*="meridian"]),:has(img[src*="amiun"])){
  background:rgba(255,255,255,.95);border-radius:16px;padding:0 24px;box-shadow:0 8px 22px rgba(0,0,0,.20);
}
.client-chip:is(:has(img[src*="pami"]),:has(img[src*="senadosf"]),:has(img[src*="diputadossf"]),:has(img[src*="fedmart"]),:has(img[src*="bancosf"]),:has(img[src*="bbva"]),:has(img[src*="benuzzi"]),:has(img[src*="patagonia"]),:has(img[src*="meridian"]),:has(img[src*="amiun"])) img{
  height:40px;max-height:40px;width:auto;filter:none;opacity:1;
}

/* PAER: wordmark oscuro tenue sobre navy -> chapa clara */
.client-chip:has(img[src*="paer"]){background:rgba(255,255,255,.95);border-radius:16px;padding:0 24px;box-shadow:0 8px 22px rgba(0,0,0,.20)}
.client-chip:has(img[src*="paer"]) img{height:40px;max-height:40px;width:auto;filter:none;opacity:1}

/* cinta SIEMPRE en movimiento (no pausar al hover) + colorear SOLO el logo bajo el cursor */
.clients .marquee:hover .marquee-track{animation-play-state:running}
.clients .marquee .client-chip img{filter:grayscale(1);opacity:.6;transition:filter .35s ease,opacity .35s ease}
.clients .marquee:hover .client-chip img{filter:grayscale(1);opacity:.6}
.clients .marquee .client-chip:hover img{filter:none;opacity:1}

/* pausar SOLO cuando el cursor está sobre un logo puntual (para verlo en color sin que se deslice); si no, sigue girando */
.clients .marquee-track:has(.client-chip:hover){animation-play-state:paused}

/* ===== Modal-carrusel de productos (foto + todo el texto, navegable) ===== */
.pmodal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px;
  background:rgba(2,10,24,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pmodal.show{display:flex}
.pm-stage{width:min(1000px,100%);display:flex;flex-direction:column;gap:16px}
.pm-card{display:grid;grid-template-columns:.92fr 1.08fr;background:#0b2a52;border:1px solid rgba(255,255,255,.14);
  border-radius:24px;overflow:hidden;max-height:84vh;box-shadow:0 30px 80px rgba(0,0,0,.5);animation:pmIn .35s cubic-bezier(.22,1,.36,1)}
@keyframes pmIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.pm-photo{background:#00609d;display:flex;align-items:center;justify-content:center;padding:20px;min-height:320px}
.pm-photo img{max-width:100%;max-height:78vh;object-fit:contain;display:block}
.pm-info{padding:36px 38px;overflow:auto;color:#eaf3ff}
.pm-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.pm-badges .cat-chip,.pm-badges .cat-star{position:static;top:auto;left:auto;right:auto}
.pm-info h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(1.7rem,3vw,2.3rem);
  color:#fff;margin:0 0 12px;letter-spacing:-.01em}
.pm-info p{color:rgba(234,243,255,.82);font-size:1.02rem;line-height:1.65;margin:0 0 20px}
.pm-info .cat-dims{color:rgba(234,243,255,.72);font-size:.9rem;margin-bottom:18px}
.pm-info .seal-badge{margin-top:20px}
.pm-close{position:absolute;top:22px;right:24px;width:46px;height:46px;border-radius:50%;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:1.7rem;
  line-height:1;cursor:pointer;z-index:3;transition:background .2s}
.pm-close:hover{background:rgba(255,255,255,.2)}
.pm-nav{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:2rem;line-height:1;
  cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:background .2s}
.pm-nav:hover{background:linear-gradient(135deg,var(--cyan),var(--blue));border-color:transparent}
.pm-prev{left:24px}.pm-next{right:24px}
.pm-dots{display:flex;gap:9px;justify-content:center}
.pm-dots span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:.25s}
.pm-dots span.on{background:var(--cyan);width:24px;border-radius:5px}
@media(max-width:820px){
  .pm-card{grid-template-columns:1fr;max-height:88vh}
  .pm-photo{min-height:0;max-height:42vh;padding:16px}
  .pm-photo img{max-height:40vh}
  .pm-info{padding:24px 22px}
  .pm-nav{width:44px;height:44px;font-size:1.6rem}
  .pm-prev{left:8px}.pm-next{right:8px}
  .pm-close{top:12px;right:12px;width:40px;height:40px}
}

/* nuevo logo Yakú (wordmark gris) -> blanco sobre header/footer oscuros + tamaño ajustado */
.logo-yaku{filter:brightness(0) invert(1);height:44px}
.brand:hover .logo-yaku{transform:scale(1.05) rotate(0)}
.foot-brand .logo-yaku{height:58px}

/* alinear ópticamente el wordmark Yakú con FUKARI (las gotitas suben el bounding box) */
.brand .logo-yaku{margin-top:-6px}

/* mobile: videos a su aspecto 9:16 real (sin recorte) y más chicos */
@media(max-width:800px){
  .videos .vf-video{max-width:260px;margin:0 auto;background:transparent}
  .videos .vf-video video{height:auto;width:100%;max-width:100%;aspect-ratio:9/16;object-fit:contain}
}

/* ajuste fino de alineación header: subir Yakú y achicar FUKARI para que queden a la par */
.brand .logo-yaku{margin-top:-10px}
.brand .logo-fukari{height:27px}

/* mobile: achicar un poco más los videos */
@media(max-width:800px){ .videos .vf-video{max-width:220px} }

/* alineación final header: cuerpo de letras Yakú a la altura de FUKARI */
.brand .logo-yaku{margin-top:-2px}

/* volver al margen anterior y achicar FUKARI para mejor balance de marca */
.brand .logo-yaku{margin-top:-10px}
.brand .logo-fukari{height:24px}

/* item: modal de producto -> foto sin relleno azul del contenedor (iguala el fondo del texto) */
.pm-photo{background:transparent}
/* CTA WhatsApp dentro del modal de producto */
.pm-cta{margin-top:24px;display:inline-flex;align-items:center;background:#25d366;border-color:#25d366;color:#fff}
.pm-cta:hover{background:#1eb85a;border-color:#1eb85a;filter:none;transform:translateY(-1px)}
/* logos de certificación: FUKARI (blanco) sobre oscuro, ANMAT (azul) sobre chip blanco */
.cert-logos{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}
.cert-logos .cl-label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:700}
.cert-logos .cl-fukari{height:22px;width:auto;display:block}
.cert-logos .cl-anmat{display:inline-flex;align-items:center;background:#fff;border-radius:10px;padding:7px 13px}
.cert-logos .cl-anmat img{height:32px;width:auto;display:block}

/* logos ANMAT (chip blanco) y FUKARI (blanco) en barra de confianza + hero pill */
.anmat-badge{display:inline-flex;align-items:center;background:#fff;border-radius:8px;padding:5px 10px;flex-shrink:0}
.anmat-badge img{height:22px;width:auto;display:block}
.trust-fukari{height:20px;width:auto;display:block;flex-shrink:0}
.cert-float{display:flex;align-items:center;gap:9px}
.cert-float .cf-anmat{height:24px;width:auto;display:block}

/* logo inline reemplazando la palabra ANMAT/FUKARI dentro del texto */
.ilogo{display:inline-flex;align-items:center;vertical-align:middle}
.ilogo img{display:block;width:auto}
.ilogo-fukari img{height:15px}
.ilogo-anmat{background:#fff;border-radius:5px;padding:3px 7px;margin:0 2px}
.ilogo-anmat img{height:15px}

/* logo inline (em) reemplazando palabra ANMAT/FUKARI en texto y títulos */
.ilogo-fukari img{height:1.15em}
.ilogo-anmat{background:#fff;border-radius:.3em;padding:.16em .34em;margin:0 .12em}
.ilogo-anmat img{height:.72em}

/* ===== TESTIMONIOS (sección clients, sobre navy) ===== */
.testis{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px}
.testi{position:relative;display:flex;flex-direction:column;gap:18px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r);padding:30px 28px;backdrop-filter:blur(6px);
  transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .35s ease,background .35s ease}
.testi:hover{transform:translateY(-6px);border-color:rgba(79,201,239,.45);background:rgba(255,255,255,.08)}
.testi-q{color:var(--cyan);opacity:.55;flex-shrink:0}
.testi blockquote{color:rgba(223,234,246,.9);font-size:1rem;line-height:1.62;flex:1}
.testi figcaption{display:flex;align-items:center;gap:14px;
  padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.testi figcaption span{display:flex;flex-direction:column;line-height:1.3}
.testi figcaption b{font-family:var(--font-d);font-size:.95rem;color:#fff}
.testi figcaption small{font-size:.78rem;color:rgba(223,234,246,.6)}
.testi-logo{height:26px;width:auto;max-width:88px;object-fit:contain;flex-shrink:0;
  filter:brightness(0) invert(1);opacity:.75;transition:opacity .3s ease}
.testi:hover .testi-logo{opacity:1}
@media(max-width:980px){.testis{grid-template-columns:1fr;gap:18px;margin-top:40px}}

/* ===== 3D / REALIDAD AUMENTADA ===== */
.ar-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.ar-copy h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin:16px 0 18px;color:#fff}
.ar-copy>p{color:rgba(223,234,246,.78);font-size:1.05rem;max-width:46ch}
.ar-copy b{color:#fff}
.ar-list{list-style:none;margin:26px 0 30px;display:flex;flex-direction:column;gap:12px}
.ar-list li{display:flex;align-items:center;gap:11px;color:rgba(223,234,246,.85);font-size:.96rem}
.ar-list svg{color:var(--cyan);flex-shrink:0}

.ar-stage{position:relative;border-radius:var(--r);padding:18px;
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}
.ar-stage model-viewer{width:100%;height:min(60vh,520px);--poster-color:transparent;
  background:radial-gradient(ellipse at 50% 82%,rgba(79,201,239,.16),transparent 62%);
  border-radius:16px}
.ar-tag{position:absolute;top:28px;left:28px;z-index:2;
  font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(223,234,246,.9);background:rgba(6,41,77,.6);border:1px solid rgba(255,255,255,.14);
  padding:7px 12px;border-radius:999px;backdrop-filter:blur(4px)}
.ar-hint{margin-top:12px;text-align:center;font-size:.82rem;color:rgba(223,234,246,.5)}

.ar-btn{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);
  display:inline-flex;align-items:center;gap:9px;white-space:nowrap;
  padding:13px 24px;border:0;border-radius:999px;cursor:pointer;
  font-family:var(--font-b);font-size:.95rem;font-weight:700;color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--blue-bright));
  box-shadow:0 14px 30px -12px rgba(26,127,220,.9);
  transition:transform .25s ease,box-shadow .25s ease}
.ar-btn:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 18px 36px -12px rgba(26,127,220,1)}
/* model-viewer oculta el botón solo si el dispositivo no soporta AR */
model-viewer:not([ar-status="failed"]) .ar-btn{display:inline-flex}

.ar-load{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:120px;height:3px;border-radius:3px;background:rgba(255,255,255,.15);overflow:hidden}
.ar-load span{display:block;height:100%;width:0;border-radius:3px;background:var(--cyan);transition:width .2s}
.ar-load[hidden]{display:none}

@media(max-width:980px){
  .ar-grid{grid-template-columns:1fr;gap:34px}
  .ar-stage{padding:14px}
  .ar-stage model-viewer{height:min(58vh,440px)}
  .ar-tag{top:24px;left:24px}
}
.ar-nope{margin-top:14px;text-align:center}
.ar-nope[hidden]{display:none}
.ar-nope-txt{font-size:.85rem;line-height:1.5;color:rgba(223,234,246,.7);max-width:42ch;margin:0 auto}
.ar-nope-acciones{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.ar-nope-acciones[hidden]{display:none}
.ar-nope-btn{display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  padding:9px 18px;border-radius:999px;font-family:var(--font-b);font-size:.85rem;font-weight:700;
  color:#fff;text-decoration:none;background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.22);transition:background .25s ease,border-color .25s ease}
.ar-nope-btn:hover{background:rgba(255,255,255,.18);border-color:rgba(79,201,239,.5)}

/* ===== PAGINA DE EQUIPO ===== */
/* section.block gana por especificidad, hay que igualarla */
section.equipo-page{padding-top:150px}
/* minmax(0,...) evita que el carrusel empuje y aplaste la columna de datos */
.equipo-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start}
.carrusel{min-width:0}

.carrusel-vista{position:relative;border-radius:var(--r);overflow:hidden;
  background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.12)}
.carrusel-pista{display:flex;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.slide{flex:0 0 100%;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;padding:18px}
.slide img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}
.carrusel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:44px;height:44px;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;
  color:var(--navy);background:rgba(255,255,255,.9);box-shadow:0 8px 20px -8px rgba(0,0,0,.5);
  transition:background .2s ease,transform .2s ease}
.carrusel-nav:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.carrusel-nav.prev{left:14px} .carrusel-nav.next{right:14px}
.carrusel-cuenta{position:absolute;right:16px;bottom:14px;z-index:2;
  font-size:.76rem;letter-spacing:.06em;color:rgba(223,234,246,.85);
  background:rgba(6,41,77,.62);border:1px solid rgba(255,255,255,.14);
  padding:5px 11px;border-radius:999px;backdrop-filter:blur(4px)}
.carrusel-cuenta b{color:#fff}

.equipo-info h1{font-size:clamp(2.4rem,4.4vw,3.4rem);margin:14px 0 18px;color:#fff}
.equipo-lead{font-size:1.12rem;line-height:1.65;color:rgba(223,234,246,.88)}
.equipo-bullets{list-style:none;margin:24px 0 0;display:grid;gap:10px}
.equipo-bullets li{position:relative;padding-left:26px;color:rgba(223,234,246,.82);font-size:.97rem}
.equipo-bullets li::before{content:"";position:absolute;left:4px;top:.55em;
  width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.equipo-nota{margin-top:20px;color:rgba(223,234,246,.72);font-size:.97rem;line-height:1.6}

.equipo-datos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0 22px}
.dato{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:5px}
.dato-k{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(223,234,246,.55)}
.dato-v{font-family:var(--font-d);font-size:1.05rem;color:#fff}

.equipo-sello{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);
  font-size:.9rem;color:rgba(223,234,246,.78);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.equipo-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.28);color:#fff}
.btn-ghost:hover{border-color:var(--cyan);background:rgba(255,255,255,.06)}

@media(max-width:980px){
  section.equipo-page{padding-top:120px}
  .equipo-grid{grid-template-columns:1fr;gap:34px}
  .carrusel-nav{width:38px;height:38px}
}
@media(max-width:560px){
  .equipo-datos{grid-template-columns:1fr}
}
.cat-body h3 a{color:inherit;text-decoration:none}
.cat-body h3 a:hover{color:var(--cyan)}
.cat-link{display:inline-block;margin-top:14px;font-size:.85rem;font-weight:700;
  color:var(--cyan);text-decoration:none;transition:transform .2s ease}
.cat-link:hover{transform:translateX(3px)}
/* La tarjeta entera es el enlace a la ficha del equipo */
a.cat-card{display:block;text-decoration:none;color:inherit}
a.cat-card:hover .cat-link{transform:translateX(3px)}
.cat-link{display:inline-block;margin-top:14px;font-size:.85rem;font-weight:700;
  color:var(--cyan);transition:transform .2s ease}

/* Reseñas de Google */
.greviews{margin-top:52px}
.grev-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;color:rgba(223,234,246,.85);text-decoration:none;font-size:.95rem}
.grev-head b{font-family:var(--font-d);font-size:1.5rem;color:#fff}
.grev-stars{color:#fbbc04;letter-spacing:2px;font-size:1.05rem}
.grev-link{color:var(--cyan);font-weight:600;font-size:.88rem;margin-left:6px}
.grev-head:hover .grev-link{text-decoration:underline}
.greviews .testis{margin-top:30px}
.testi .grev-stars{font-size:.95rem}
.testi blockquote.grev-txt{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.grev-foto{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;background:rgba(255,255,255,.1)}
.grev-ini{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:rgba(79,201,239,.2);color:#fff;font-weight:700}
.testi figcaption a{color:inherit;text-decoration:none}
.greviews .testi.grev-off{display:none}
.greviews .testis{transition:opacity .45s ease;align-content:start}
.greviews .testis.grev-fade{opacity:0}

/* ===== OPTIMIZACIÓN MÓVIL ===== */
.mvv-tabs,.emp-toggle,.vf-more{display:none}
@media(max-width:700px){
  /* espaciado general más compacto */
  .wrap{padding:0 20px}
  section.block{padding:40px 0}
  .sec-head{margin-bottom:22px}
  .hero{padding:104px 0 70px}
  .hero .wrap{gap:0}
  .hero-stats{gap:20px;flex-wrap:nowrap}
  .hero-stats .st b{font-size:1.6rem}
  .hero-stats .st span{font-size:.78rem}
  .trust{padding:22px 0}
  footer{padding-top:50px}
  section.equipo-page{padding-top:96px}

  /* inicio: sin el video de René con los equipos */
  .hero-visual{display:none}

  /* empresa: párrafo extra plegado + misión/visión/valores en pestañas */
  .empresa .grid{gap:26px}
  .empresa-copy .emp-more{display:none}
  .empresa-copy.abierto .emp-more{display:block}
  .emp-toggle{display:inline-block;background:none;border:0;padding:0;margin:-6px 0 0;cursor:pointer;
    font:inherit;font-weight:700;font-size:.95rem;color:var(--cyan)}
  .mvv-tabs{display:flex;gap:8px;margin-bottom:-4px}
  .mvv-tabs button{flex:1;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#dfeaf6;
    font:inherit;font-weight:700;font-size:.92rem;padding:10px 0;border-radius:999px;cursor:pointer}
  .mvv-tabs button.on{background:var(--cyan);border-color:var(--cyan);color:#06294d}
  .mvv{display:block;overflow:visible;padding:0}
  .mvv-card{display:none}
  .mvv-card.on{display:block}

  /* cards de equipos: solo foto y nombre */
  .cat-body p,.cat-body .cat-dims,.cat-body .waters,.cat-body .cat-link,.cat-card .seal-badge{display:none}
  .cat-body{padding:14px 20px 16px}
  .cat-body h3{margin-bottom:0}

  /* banda Filtros Fukari: solo título + números de registro */
  .fukari-band{padding:22px 22px 20px;gap:0}
  .fukari-band p,.fukari-band .cert-logos,.fukari-band .fukari-seals{display:none}
  .fukari-band h3{font-size:1.35rem;margin-bottom:0}
  .fukari-band .reg{margin-top:14px}

  /* videos: un solo reproductor, los dos videos se continúan */
  .videos .wrap{display:grid;grid-template-areas:"head" "video" "text"}
  .videos .sec-head{grid-area:head}
  .videos .video-feature{display:contents}
  .videos .vf-video{grid-area:video;margin:0 auto 22px}
  .videos .vf-text{grid-area:text}
  .videos .vf-video,.videos .vf-text{opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s}
  .videos .vf-on .vf-video,.videos .vf-on .vf-text{opacity:1;visibility:visible;transition:opacity .6s ease}
  /* texto de los videos: primer párrafo + "Ver más" */
  .videos .vf-text p ~ p,.videos .vf-text .cert-logos{display:none}
  .videos.vf-abierto .vf-text p ~ p,.videos.vf-abierto .vf-text .cert-logos{display:block}
  .videos.vf-abierto .vf-text .cert-logos{display:flex}
  .vf-more{display:inline-block;background:none;border:0;padding:0;margin:4px 0 0;cursor:pointer;
    font:inherit;font-weight:700;font-size:.95rem;color:var(--cyan)}
}

/* MOBILE: 3D/AR y pie más compactos */
@media(max-width:700px){
  .ar-grid{gap:18px}
  .ar-copy h2{font-size:1.6rem;margin:12px 0 10px}
  .ar-copy>p{font-size:.95rem}
  .ar-list,.ar-hint{display:none}
  .ar-copy .btn{margin-top:16px}
  .ar-stage{padding:10px}
  .ar-stage model-viewer{height:min(46vh,380px)}
  .ar-tag{top:18px;left:18px}

  .foot-grid{gap:30px;padding-bottom:30px}
  .foot-brand{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
  .foot-brand .logo-yaku{height:44px;margin:0 auto 0 0}
  .foot-brand p{display:none}
  .foot-brand .afip-qr{margin-top:0}
  .foot-brand .afip-qr img{width:42px;padding:3px}
  .foot-col h4{margin-bottom:14px}
  .foot-col .row{margin-bottom:10px}
  .foot-col h4[style]{margin-top:16px!important}
  .cform{gap:10px}
  .cform .r2{grid-template-columns:1fr 1fr;gap:10px}
  .cform textarea{min-height:64px}
  .foot-bottom{padding:18px 0}
}

/* MOBILE: abono compacto + pie con pestañas */
.ft-tabs{display:none}
@media(max-width:700px){
  .abono .wrap{padding:26px 20px;border-radius:24px}
  .abono-inner{gap:18px}
  .abono h2{font-size:1.5rem;margin:10px 0 0}
  .abono p{display:none}
  .abono-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
  .abono-list span{justify-content:center;text-align:center;border-radius:14px;padding:10px 6px;
    font-size:.76rem;line-height:1.25}
  .abono-inner>.btn,.abono-inner>a{width:100%;justify-content:center;padding-top:12px;padding-bottom:12px}

  .foot-grid{gap:22px}
  .ft-tabs{display:flex;gap:8px;order:2;margin-bottom:-8px}
  .ft-tabs button{flex:1;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#dfeaf6;
    font:inherit;font-weight:700;font-size:.9rem;padding:10px 0;border-radius:999px;cursor:pointer}
  .ft-tabs button.on{background:var(--cyan);border-color:var(--cyan);color:#06294d}
  .foot-col:not(.foot-form){order:3}
  .ft-sec{display:none}
  .ft-sec.on{display:block}
  .ft-sec h4{display:none}
  .ft-sec .pays{margin-top:0}
  .foot-col:not(.foot-form):not(:has(.ft-sec.on)){display:none}
}

/* MOBILE: cinco razones más chicas */
@media(max-width:700px){
  .beneficios .sec-head{margin-bottom:20px!important}
  .beneficios .sec-head h2{font-size:1.5rem}
  .ben-grid{gap:10px}
  .ben-card{flex:0 0 56%;padding:16px 16px 18px;border-radius:16px}
  .ben-ico{width:40px;height:40px;border-radius:12px;margin-bottom:10px}
  .ben-ico svg{width:20px;height:20px}
  .ben-card h4{font-size:1rem;margin-bottom:4px}
  .ben-card p{font-size:.8rem;line-height:1.4}
}

/* MOBILE: confianza corporativa en un renglón + logos más chicos */
@media(max-width:700px){
  .clients .sec-head{margin-bottom:16px!important}
  .clients .sec-head .eyebrow{display:none}
  .clients .sec-head h2{font-size:clamp(.95rem,4.6vw,1.25rem);white-space:nowrap}
  .clients .marquee-track{gap:6px}
  .clients .client-chip{height:40px;padding:0 16px}
  .clients .client-chip img{height:30px!important;max-height:30px!important}
  .clients .client-chip:is(:has(img[src*="pami"]),:has(img[src*="senadosf"]),:has(img[src*="diputadossf"]),:has(img[src*="fedmart"]),:has(img[src*="bancosf"]),:has(img[src*="bbva"]),:has(img[src*="benuzzi"]),:has(img[src*="meridian"]),:has(img[src*="amiun"]),:has(img[src*="paer"])){padding:0 12px;border-radius:10px}
  .clients .client-chip:is(:has(img[src*="pami"]),:has(img[src*="senadosf"]),:has(img[src*="diputadossf"]),:has(img[src*="fedmart"]),:has(img[src*="bancosf"]),:has(img[src*="bbva"]),:has(img[src*="benuzzi"]),:has(img[src*="meridian"]),:has(img[src*="amiun"]),:has(img[src*="paer"])) img{height:24px!important;max-height:24px!important}
}

/* MOBILE: título y texto de los videos más compactos */
@media(max-width:700px){
  .videos .sec-head{margin-bottom:18px!important}
  .videos .sec-head .eyebrow{display:none}
  .videos .vf-video{margin-bottom:14px}
  .videos .vf-text{padding:16px 18px 18px;border-radius:18px}
  .videos .vf-text .eyebrow{display:none}
  .videos .vf-text h3{font-size:1.12rem;margin:0 0 8px}
  .videos .vf-text p{font-size:.88rem;line-height:1.5}
  .videos .vf-more{font-size:.85rem;margin-top:2px}
  .videos .vf-text .reg{justify-content:center;gap:18px;margin-top:12px}
  .videos .vf-text .reg span{font-size:.7rem}
  .videos .vf-text .reg b{font-size:.92rem}
}