:root{
  --navy:#16202B;
  --navy-2:#1F2C3A;
  --navy-3:#0F1820;
  --oro:#C9A24E;
  --oro-cl:#E3C57E;
  --oro-osc:#A07E33;
  --crema:#F5F1E6;
  --crema-2:#ECE6D5;
  --linea:#DCD4BF;
  --tinta:#1B242E;
  --gris:#5E6670;
  --wsp:#25A65A;
  --wsp-osc:#1E8E4C;
  --blanco:#FFFFFF;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Outfit',sans-serif;color:var(--tinta);
  background:var(--crema);line-height:1.65;-webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:'Fraunces',serif;font-weight:600;line-height:1.16;letter-spacing:-.015em}
a{text-decoration:none;color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.eyebrow{font-size:.74rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ---------- NAV ---------- */
header.nav{
  position:sticky;top:0;z-index:50;background:rgba(245,241,230,.95);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--linea);
}
.nav-in{display:flex;align-items:center;justify-content:space-between;
  padding:16px 32px;max-width:1180px;margin:0 auto}
.logo{display:flex;align-items:center;gap:12px}
.mono{
  width:44px;height:44px;background:var(--navy);color:var(--oro);border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex:none;
  border:1.5px solid var(--oro);
}
.logo-tx{display:flex;flex-direction:column;line-height:1.08}
.logo-tx b{font-family:'Fraunces',serif;font-weight:700;font-size:1.16rem;color:var(--navy)}
.logo-tx span{font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta)}
.nav-links{display:flex;gap:32px;font-size:.92rem}
.nav-links a{color:var(--tinta);transition:color .2s}
.nav-links a:hover{color:var(--oro-osc)}
.nav-cta{
  background:var(--navy);color:var(--oro-cl);padding:11px 22px;border-radius:30px;
  font-size:.88rem;font-weight:600;letter-spacing:.02em;
  border:1px solid var(--navy);transition:transform .18s,background .2s;
}
.nav-cta:hover{transform:translateY(-2px);background:var(--navy-3)}
@media(max-width:860px){.nav-links{display:none}}

/* ---------- NAV TELÉFONO ---------- */
.nav-right{display:flex;align-items:center;gap:14px}
.nav-tel{display:flex;align-items:center;gap:7px;font-size:.88rem;font-weight:600;
  color:var(--navy);transition:color .2s}
.nav-tel:hover{color:var(--oro-osc)}
.nav-tel svg{stroke:var(--oro);flex:none}
@media(max-width:760px){.nav-tel .tel-num{display:none}}

/* ---------- HERO ---------- */
.hero{
  position:relative;color:var(--crema);overflow:hidden;
  background:
    radial-gradient(circle at 85% 6%, rgba(201,162,78,.30) 0, transparent 42%),
    radial-gradient(circle at 4% 100%, rgba(201,162,78,.12) 0, transparent 44%),
    linear-gradient(160deg, var(--navy-2) 0%, var(--navy) 52%, var(--navy-3) 100%);
}
.hero::before{
  content:"";position:absolute;inset:0;opacity:.55;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.06) 1.3px, transparent 1.3px);
  background-size:28px 28px;
}
.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;
  gap:64px;align-items:center;padding-top:48px;padding-bottom:104px}
.hero .eyebrow{color:var(--oro)}
.hero h1{font-size:4rem;color:#fff;margin:20px 0 18px;font-weight:600}
.hero h1 em{font-style:italic;color:var(--oro-cl)}
.hero .rule{width:64px;height:3px;background:var(--oro);margin-bottom:22px;border-radius:2px}
.hero p.lead{font-size:1.15rem;color:#C4CBD3;max-width:490px;margin-bottom:30px}
.marcas{display:flex;align-items:center;gap:22px;margin-bottom:36px;
  padding:16px 22px;background:rgba(201,162,78,.10);border-radius:12px;
  border:1px solid rgba(201,162,78,.32);width:fit-content}
.marcas .lab{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--oro-cl)}
.marcas .nm{font-family:'Fraunces',serif;font-size:1.15rem;font-weight:700;color:#fff}
.marcas .dot{width:5px;height:5px;background:var(--oro);border-radius:50%}
.btns{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;font-size:.96rem;font-weight:600;
  letter-spacing:.02em;padding:15px 28px;border-radius:32px;transition:all .2s ease}
.btn-oro{background:var(--oro);color:var(--navy);box-shadow:0 8px 24px rgba(201,162,78,.32)}
.btn-oro:hover{background:var(--oro-cl);transform:translateY(-2px)}
.btn-line{background:transparent;color:#fff;border:1.6px solid rgba(255,255,255,.45)}
.btn-line:hover{border-color:var(--oro);color:var(--oro-cl)}

/* tarjeta freezer en hero */
.hero-card{
  background:var(--crema);color:var(--tinta);border-radius:18px;padding:38px 36px;
  box-shadow:0 30px 64px rgba(0,0,0,.45);position:relative;
  border-top:4px solid var(--oro);
}
.hero-card .badge{
  position:absolute;top:-15px;left:34px;background:var(--oro);color:var(--navy);
  font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  padding:7px 16px;border-radius:20px;
}
.hero-card h3{font-size:1.6rem;margin:12px 0 18px;color:var(--navy)}
.hero-card .feat{display:flex;gap:13px;padding:14px 0;border-top:1px solid var(--linea)}
.hero-card .feat:first-of-type{border-top:none;padding-top:0}
.hero-card .feat .ic{flex:none;width:36px;height:36px;border-radius:9px;
  background:var(--navy);display:flex;align-items:center;justify-content:center}
.hero-card .feat .ic svg{stroke:var(--oro-cl)}
.hero-card .feat b{font-weight:600;font-size:.96rem;display:block}
.hero-card .feat p{font-size:.85rem;color:var(--gris);line-height:1.5}
.hero-card .note{
  margin-top:20px;padding:15px 17px;background:var(--navy);border-radius:11px;
  display:flex;gap:12px;align-items:flex-start}
.hero-card .note svg{flex:none;stroke:var(--oro-cl);margin-top:2px}
.hero-card .note p{font-size:.83rem;color:#C4CBD3;line-height:1.55}
.hero-card .note b{color:var(--oro-cl)}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:46px;padding-top:42px;padding-bottom:70px}
  .hero h1{font-size:2.6rem}
}

/* ---------- BARRA DATOS ---------- */
.datos{background:var(--oro)}
.datos-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.dato{padding:34px 26px;text-align:center;border-right:1px solid rgba(22,32,43,.18)}
.dato:last-child{border-right:none}
.dato .big{font-family:'Fraunces',serif;font-size:1.85rem;font-weight:700;color:var(--navy)}
.dato .small{font-size:.82rem;color:#5a4a23;margin-top:2px;font-weight:500}
@media(max-width:760px){.datos-grid{grid-template-columns:repeat(2,1fr)}
  .dato:nth-child(2){border-right:none}
  .dato:nth-child(1),.dato:nth-child(2){border-bottom:1px solid rgba(22,32,43,.18)}}

/* ---------- SECCIONES ---------- */
section{padding:64px 0}
.sec-head{max-width:640px;margin-bottom:52px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head .eyebrow{color:var(--oro-osc)}
.sec-head h2{font-size:2.6rem;margin:12px 0 12px}
.sec-head p{color:var(--gris);font-size:1.06rem}
@media(max-width:760px){section{padding:48px 0}.sec-head h2{font-size:2rem}}

/* ---------- FREEZER ---------- */
.freezer{
  color:var(--crema);
  background:
    radial-gradient(circle at 90% 12%, rgba(201,162,78,.18) 0, transparent 44%),
    linear-gradient(155deg,var(--navy-2) 0%, var(--navy) 60%, var(--navy-3) 100%);
}
.freezer-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center}
.freezer-grid .eyebrow{color:var(--oro)}
.freezer-grid h2{font-size:2.55rem;margin:12px 0 16px;color:#fff}
.freezer-grid > div > p{color:#C4CBD3}
.puntos{margin-top:22px}
.punto{display:flex;gap:16px;padding:18px 0;border-top:1px solid rgba(255,255,255,.12)}
.punto:first-child{border-top:none}
.punto .ix{flex:none;width:36px;height:36px;border-radius:9px;
  background:var(--oro);color:var(--navy);
  display:flex;align-items:center;justify-content:center;
  font-family:'Fraunces',serif;font-size:.92rem;font-weight:700;margin-top:1px}
.punto b{font-weight:600;display:block;margin-bottom:1px;color:#fff}
.punto p{font-size:.92rem;color:#AEB6BF}
.freezer-panel{
  background:var(--crema);color:var(--tinta);border-radius:18px;padding:52px 48px;
  box-shadow:0 24px 50px rgba(0,0,0,.4);border-top:4px solid var(--oro);
  max-width:640px;margin:0 auto;text-align:center;
}
.freezer-panel .uso-ic{
  width:62px;height:62px;border-radius:15px;background:var(--navy);
  display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.freezer-panel .uso-ic svg{stroke:var(--oro-cl)}
.freezer-panel .eyebrow{color:var(--oro-osc)}
.freezer-panel h3{font-size:1.7rem;color:var(--navy);margin:10px 0 12px}
.freezer-panel p{font-size:.98rem;color:var(--gris)}
.freezer-panel .destaca{
  margin-top:20px;padding:16px 18px;background:var(--crema-2);
  border-left:3px solid var(--oro);border-radius:8px;
  font-size:.92rem;color:var(--navy);font-weight:500}
@media(max-width:860px){.freezer-grid{grid-template-columns:1fr;gap:38px}.freezer-panel{padding:32px}}

/* ---------- CLIENTES ---------- */
.clientes-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.cli{
  background:var(--blanco);border:1px solid var(--linea);border-radius:14px;
  padding:32px 22px;transition:transform .18s ease,box-shadow .18s ease;
}
.cli:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(22,32,43,.14)}
.cli .ic{width:48px;height:48px;border-radius:11px;background:var(--navy);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.cli .ic svg{stroke:var(--oro-cl)}
.cli b{font-family:'Fraunces',serif;font-size:1.12rem;font-weight:600;display:block;margin-bottom:3px}
.cli p{font-size:.85rem;color:var(--gris)}
@media(max-width:860px){.clientes-grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- PRECIOS / SOLICITUD ---------- */
.precios{background:var(--crema-2);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.precio-card{
  background:var(--navy);color:var(--crema);border-radius:20px;
  padding:56px 48px;text-align:center;max-width:760px;margin:0 auto;
  box-shadow:0 26px 54px rgba(22,32,43,.32);border-top:4px solid var(--oro);
  position:relative;overflow:hidden;
}
.precio-card::before{
  content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;
  background:radial-gradient(circle,rgba(201,162,78,.22) 0,transparent 70%);
}
.precio-card .eyebrow{color:var(--oro)}
.precio-card h2{font-size:2.5rem;margin:12px 0 12px;color:#fff;position:relative}
.precio-card p{color:#C4CBD3;max-width:500px;margin:0 auto 30px;position:relative}
.descarga-ico{
  width:74px;height:74px;border-radius:50%;background:var(--oro);margin:0 auto 4px;
  display:flex;align-items:center;justify-content:center;position:relative;
  box-shadow:0 10px 26px rgba(201,162,78,.4)}
.descarga-ico svg{stroke:var(--navy)}
.btn-descarga{
  display:inline-flex;align-items:center;gap:11px;background:var(--oro);color:var(--navy);
  font-size:1.05rem;font-weight:700;padding:17px 38px;border-radius:34px;position:relative;
  box-shadow:0 10px 28px rgba(201,162,78,.42);transition:transform .18s,background .2s;
}
.btn-descarga:hover{transform:translateY(-3px);background:var(--oro-cl)}
.precio-card .mini{font-size:.84rem;color:#8C95A0;margin-top:18px;position:relative}
@media(max-width:640px){.precio-card{padding:42px 26px}.precio-card h2{font-size:1.9rem}}

/* ---------- PRODUCTOS ---------- */
.productos{background:var(--crema)}
.prod-head{text-align:center;margin-bottom:48px}
.prod-head .eyebrow{color:var(--oro-osc);margin-bottom:12px;display:block}
.prod-head h2{font-size:2.5rem;margin-bottom:10px}
.prod-head p{color:var(--gris);max-width:480px;margin:0 auto;font-size:1rem}

/* scroll horizontal */
.prod-scroll-wrap{position:relative}
.prod-scroll-wrap::before,
.prod-scroll-wrap::after{
  content:"";pointer-events:none;position:absolute;top:0;
  width:100px;height:calc(100% - 12px);z-index:2;transition:opacity .3s;
}
.prod-scroll-wrap::before{
  left:0;background:linear-gradient(to left,transparent,var(--crema));
  opacity:0;
}
.prod-scroll-wrap::after{
  right:0;background:linear-gradient(to right,transparent,var(--crema));
}
.prod-scroll-wrap.show-left::before{opacity:1}
.prod-scroll-wrap.hide-right::after{opacity:0}

/* botones flecha */
.prod-arr{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border-radius:50%;
  background:var(--blanco);border:1.5px solid var(--linea);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;z-index:3;box-shadow:0 4px 16px rgba(22,32,43,.14);
  transition:background .18s,border-color .18s,opacity .22s,transform .18s;
  margin-top:-6px;
}
.prod-arr svg{stroke:var(--navy);transition:stroke .18s}
.prod-arr:hover{background:var(--navy);border-color:var(--navy);transform:translateY(-50%) scale(1.08)}
.prod-arr:hover svg{stroke:var(--oro-cl)}
.prod-arr.arr-prev{left:-22px}
.prod-arr.arr-next{right:-22px}
.prod-arr[disabled]{opacity:0;pointer-events:none}

.prod-grid{
  display:flex;gap:22px;overflow-x:auto;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  padding-bottom:12px;cursor:grab;
  scrollbar-width:thin;scrollbar-color:var(--linea) transparent;
}
.prod-grid.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.prod-grid::-webkit-scrollbar{height:5px}
.prod-grid::-webkit-scrollbar-track{background:transparent}
.prod-grid::-webkit-scrollbar-thumb{background:var(--linea);border-radius:10px}
.prod-card{
  flex:none;width:280px;border-radius:18px;overflow:hidden;
  border:1px solid var(--linea);background:var(--blanco);
  scroll-snap-align:start;
  transition:transform .2s ease,box-shadow .2s ease;
}
.prod-grid.dragging .prod-card{pointer-events:none}
.prod-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(22,32,43,.14)}
.prod-img{height:280px;overflow:hidden;position:relative;background:var(--crema-2)}
.prod-img-fg{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .4s ease}
.prod-card:hover .prod-img-fg{transform:scale(1.06)}
.prod-tag{position:absolute;top:14px;left:14px;background:var(--navy);color:var(--oro-cl);
  font-size:.67rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 12px;border-radius:20px}
.prod-body{padding:20px 22px}
.prod-body h3{font-size:1.1rem;margin-bottom:6px;color:var(--navy)}
.prod-body p{font-size:.86rem;color:var(--gris);line-height:1.5}
@media(max-width:760px){
  .prod-card{width:240px}
  .prod-img{height:240px}
  .prod-head h2{font-size:2rem}
  .prod-arr{display:none}
}

/* ---------- PROCESO ---------- */
.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.paso .n{font-family:'Fraunces',serif;font-size:2.7rem;font-weight:700;color:var(--oro);
  border-bottom:2px solid var(--linea);padding-bottom:12px;margin-bottom:16px}
.paso h3{font-size:1.3rem;font-weight:600;margin-bottom:7px;color:var(--navy)}
.paso p{color:var(--gris);font-size:.95rem}
@media(max-width:760px){.pasos{grid-template-columns:1fr;gap:26px}}

/* ---------- ZONAS ---------- */
.zonas{background:var(--navy);color:var(--crema);padding:64px 0}
.zonas-head{margin-bottom:42px}
.zonas-head .eyebrow{color:var(--oro);display:block;margin-bottom:12px}
.zonas-head h2{font-size:2.5rem;color:#fff;margin-bottom:10px}
.zonas-head p{color:#C4CBD3;max-width:520px;font-size:1rem}
.zonas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.zona-tag{background:rgba(201,162,78,.10);border:1px solid rgba(201,162,78,.26);
  border-radius:10px;padding:13px 17px;font-size:.92rem;font-weight:500;color:var(--crema);
  display:flex;align-items:center;gap:9px;transition:background .2s,border-color .2s}
.zona-tag:hover{background:rgba(201,162,78,.2);border-color:rgba(201,162,78,.5)}
.zona-tag svg{stroke:var(--oro);flex:none}
@media(max-width:760px){.zonas-grid{grid-template-columns:repeat(2,1fr)}
  .zonas-head h2{font-size:2rem}}
@media(max-width:440px){.zonas-grid{grid-template-columns:1fr}}

/* ---------- CTA ---------- */
.cta{
  text-align:center;color:#fff;
  background:
    radial-gradient(circle at 12% 88%, rgba(201,162,78,.22) 0, transparent 46%),
    linear-gradient(150deg,var(--navy-2) 0%,var(--navy-3) 100%);
}
.cta .eyebrow{color:var(--oro)}
.cta h2{font-size:2.8rem;color:#fff;margin:14px auto 14px;max-width:640px}
.cta p{color:#AEB6BF;max-width:520px;margin:0 auto 32px;font-size:1.06rem}
.cta .btn-wsp{
  display:inline-flex;align-items:center;gap:11px;background:var(--wsp);color:#fff;
  font-size:1.05rem;font-weight:600;padding:17px 36px;border-radius:34px;
  box-shadow:0 12px 28px rgba(0,0,0,.34);transition:transform .18s,background .2s;
}
.cta .btn-wsp:hover{transform:translateY(-3px);background:var(--wsp-osc)}

/* ---------- FOOTER ---------- */
footer{background:var(--navy-3);color:#AEB6BF;padding:64px 0 28px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}
footer .mono{background:transparent}
footer .logo b{color:#fff}
footer .logo span{color:#7C858F}
footer .logo{margin-bottom:16px}
.foot-brand b{font-family:'Fraunces',serif;font-size:1.18rem;color:#fff;display:block;margin-bottom:3px}
.foot-brand .sub{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;
  color:#7C858F;margin-bottom:14px;display:block}
.foot-brand p{font-size:.88rem;max-width:280px;line-height:1.6;margin-bottom:16px}
.horario{background:rgba(255,255,255,.06);border-radius:10px;padding:14px 16px}
.horario b{color:var(--oro-cl);display:block;margin-bottom:6px;
  font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}
.horario span{display:block;color:#C4CBD3;font-size:.86rem;margin-bottom:2px}
.foot-col h4{font-family:'Outfit',sans-serif;font-size:.73rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--oro-cl);margin-bottom:13px;font-weight:600}
.foot-col a,.foot-col span{display:block;font-size:.9rem;color:#AEB6BF;margin-bottom:7px}
.foot-col a:hover{color:var(--oro-cl)}
.social{display:flex;gap:9px;margin-top:4px}
.social a{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.07);
  display:flex;align-items:center;justify-content:center;transition:background .2s}
.social a:hover{background:rgba(201,162,78,.22)}
.social a svg{stroke:#AEB6BF;transition:stroke .2s}
.social a:hover svg{stroke:var(--oro-cl)}
.foot-line{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;
  font-size:.8rem;color:#7C858F;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr;gap:22px}
  .foot-line{flex-direction:column;text-align:center;gap:4px}}

/* ---------- LIGHTBOX ---------- */
.lightbox{
  position:fixed;inset:0;z-index:200;
  background:rgba(15,24,32,.94);
  opacity:0;visibility:hidden;transition:opacity .25s ease;
}
.lightbox.open{opacity:1;visibility:visible}
.lightbox-track{
  display:flex;width:100%;height:100%;overflow-x:auto;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;cursor:grab;
}
.lightbox-track.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.lightbox-track::-webkit-scrollbar{display:none}
.lightbox-track img{
  flex:0 0 100%;width:100%;height:100%;object-fit:contain;
  scroll-snap-align:center;padding:70px 90px;box-sizing:border-box;
  pointer-events:none;
}
.lightbox-close{
  position:fixed;top:22px;right:22px;z-index:201;width:44px;height:44px;
  border-radius:50%;background:rgba(255,255,255,.08);color:var(--crema);
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.18);transition:background .18s,transform .18s;
}
.lightbox-close:hover{background:rgba(255,255,255,.18);transform:rotate(90deg)}
.lightbox-arr{
  position:fixed;top:50%;transform:translateY(-50%);z-index:201;
  width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.08);
  color:var(--crema);display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.18);transition:background .18s,transform .18s;
}
.lightbox-arr:hover{background:rgba(255,255,255,.18)}
.lightbox-arr.lb-prev{left:22px}
.lightbox-arr.lb-next{right:22px}
.lightbox-arr[disabled]{opacity:0;pointer-events:none}
@media(max-width:600px){
  .lightbox-track img{padding:24px 50px}
  .lightbox-close{top:14px;right:14px;width:38px;height:38px}
  .lightbox-arr{width:40px;height:40px}
  .lightbox-arr.lb-prev{left:8px}
  .lightbox-arr.lb-next{right:8px}
}

/* ---------- FAB WHATSAPP ---------- */
.fab{position:fixed;right:26px;bottom:26px;z-index:90;display:flex;align-items:center}
.fab-tip{background:var(--navy);color:var(--crema);font-size:.84rem;font-weight:500;
  padding:11px 16px;margin-right:-16px;padding-right:28px;border-radius:8px;
  box-shadow:0 6px 20px rgba(0,0,0,.28)}
.fab-btn{width:62px;height:62px;border-radius:50%;background:var(--wsp);
  display:flex;align-items:center;justify-content:center;position:relative;
  box-shadow:0 8px 24px rgba(0,0,0,.32);transition:transform .18s ease}
.fab-btn:hover{transform:scale(1.07)}
.fab-btn svg{width:31px;height:31px;fill:#fff}
.fab-btn::before{content:"";position:absolute;inset:0;border-radius:50%;
  background:var(--wsp);opacity:.45;animation:pulso 2.6s ease-out infinite;z-index:-1}
@keyframes pulso{0%{transform:scale(1);opacity:.45}100%{transform:scale(1.95);opacity:0}}
@media(max-width:560px){.fab-tip{display:none}}

/* ========== RESPONSIVE COMPLETO ========== */
@media(max-width:600px){
  .wrap{padding:0 16px}
  .nav-in{padding:12px 16px}
  .logo-tx b{font-size:.98rem}
  .nav-cta{padding:9px 14px;font-size:.8rem}
  .hero-grid{padding-top:32px;padding-bottom:54px;gap:32px}
  .hero h1{font-size:2.05rem}
  .hero p.lead{font-size:1rem}
  .marcas{padding:12px 16px;gap:12px;width:100%;flex-wrap:wrap}
  .marcas .nm{font-size:1rem}
  .marcas .lab{font-size:.65rem}
  .btn{padding:13px 20px;font-size:.9rem}
  .hero-card{padding:26px 20px;border-radius:14px}
  .hero-card .badge{left:20px;font-size:.62rem;padding:5px 12px;top:-13px}
  .hero-card h3{font-size:1.35rem;margin:10px 0 14px}
  .hero-card .feat{gap:10px;padding:12px 0}
  .hero-card .feat b{font-size:.9rem}
  .hero-card .note{padding:12px 14px;gap:10px}
  section{padding:48px 0}
  .sec-head h2{font-size:1.8rem}
  .precio-card{padding:32px 18px;border-radius:14px}
  .precio-card h2{font-size:1.6rem}
  .descarga-ico{width:60px;height:60px}
  .btn-descarga{padding:14px 22px;font-size:.92rem;border-radius:28px}
  .paso .n{font-size:2.1rem}
  .paso h3{font-size:1.15rem}
  .cta h2{font-size:1.9rem}
  .cta p{font-size:.95rem}
  .cta .btn-wsp{padding:14px 24px;font-size:.95rem}
  .foot-grid{gap:22px}
  .foot-line{flex-direction:column;gap:4px;text-align:center}
  .fab{right:14px;bottom:14px}
  .fab-btn{width:54px;height:54px}
  .fab-btn svg{width:26px;height:26px}
}

@media(max-width:420px){
  .hero h1{font-size:1.75rem}
  .hero p.lead{font-size:.95rem}
  .marcas{flex-direction:column;align-items:flex-start;gap:6px}
  .marcas .dot{display:none}
  .btns{flex-direction:column;width:100%}
  .btn{width:100%;justify-content:center}
  .precio-card h2{font-size:1.4rem}
  .btn-descarga{width:100%;justify-content:center}
  .cta h2{font-size:1.65rem}
  .cta .btn-wsp{width:100%;justify-content:center}
}