/* === variables.css === */
:root{
  --font-display:'Outfit', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body:'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --navy:#06183f;
  --navy-2:#082a68;
  --blue:#0057ff;
  --blue-2:#0078ff;
  --cyan:#00c8ff;
  --ice:#eaf8ff;
  --ice-2:#f5fbff;
  --white:#ffffff;
  --text:#0b1730;
  --muted:#5b6b82;
  --line:#d8e5f1;
  --success:#00a8ff;
  --warning:#00c8ff;
  --shadow:0 24px 70px rgba(6,24,63,.16);
  --shadow-soft:0 16px 45px rgba(6,24,63,.10);
  --radius-xl:34px;
  --radius-lg:24px;
  --radius-md:16px;
  --container:1180px;
}


/* === reset.css === */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--text);background:#fff;line-height:1.6}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:var(--cyan);color:var(--navy)}


/* === layout.css === */
.container{width:min(var(--container),calc(100% - 36px));margin-inline:auto}.section{padding:92px 0}.section-tight{padding:64px 0}.eyebrow{display:inline-flex;gap:9px;align-items:center;border:1px solid rgba(0,120,255,.18);background:rgba(234,248,255,.85);color:var(--blue-2);font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:8px 13px}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:end;margin-bottom:36px}.section-head h2,.headline{font-family:var(--font-display);line-height:.96;letter-spacing:-.05em;color:var(--navy);margin:0}.section-head h2{font-size:clamp(2.35rem,4.8vw,4.9rem)}.section-head p{margin:12px 0 0;color:var(--muted);font-size:1.06rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:white;color:var(--muted);font-size:.92rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;font-weight:900;padding:15px 22px;transition:.25s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;box-shadow:0 16px 34px rgba(0,87,255,.28)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(0,87,255,.35)}.btn-secondary{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.btn-secondary:hover{border-color:var(--cyan);transform:translateY(-2px)}.text-gradient{background:linear-gradient(120deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.mini-note{font-size:.84rem;color:var(--muted)}


/* === navbar.css === */
.topbar{background:var(--navy);color:#dff6ff;font-size:.88rem}.topbar .container{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:8px 0}.topbar a{font-weight:800;color:#fff}.navbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(216,229,241,.76)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;min-width:230px}.brand img{width:210px;max-height:62px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{padding:10px 12px;border-radius:999px;font-weight:800;color:#233653;font-size:.94rem}.nav-links a:hover{background:var(--ice);color:var(--blue)}.nav-actions{display:flex;gap:10px;align-items:center}.call-link{font-weight:900;color:var(--navy);font-size:.96rem}.menu-btn{display:none;border:1px solid var(--line);background:white;border-radius:14px;padding:10px 12px;color:var(--navy)}

/* Revision V3: usar el logo original enviado por el cliente */
.navbar{background:rgba(4,17,42,.92);border-bottom:1px solid rgba(0,186,255,.16);box-shadow:0 14px 34px rgba(0,16,46,.18)}
.navbar.scrolled{background:rgba(4,17,42,.96)}
.brand{min-width:250px;align-self:stretch;display:flex;align-items:center}
.brand img{width:255px;max-height:66px;object-fit:contain;object-position:left center;border-radius:0;filter:drop-shadow(0 10px 20px rgba(0,0,0,.20))}
.nav-links a{color:#dbeeff}.nav-links a:hover{background:rgba(0,186,255,.13);color:#fff}.call-link{color:#fff}.menu-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
@media (max-width:980px){.nav-links.open{background:#061933;border-color:rgba(0,186,255,.22)}.brand img{width:215px;max-height:58px}}
@media (max-width:620px){.brand{min-width:185px}.brand img{width:190px;max-height:52px}.nav-inner{height:72px}}

/* Revision V5: navbar visible desde el primer pantallazo */
.topbar{display:none!important;}
.navbar{
  position:sticky;
  top:0;
  z-index:70;
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(10,96,195,.10)!important;
  box-shadow:0 10px 30px rgba(6,24,63,.05);
}
.navbar.scrolled{background:rgba(255,255,255,.94)!important;}
.nav-inner{
  height:86px!important;
  gap:18px!important;
}
.brand{
  min-width:250px!important;
}
.brand img{
  width:232px!important;
  max-height:72px!important;
  object-fit:contain;
  filter:none!important;
}
.nav-links{gap:2px!important;}
.nav-links a{
  color:#233653!important;
  font-weight:800!important;
  padding:10px 12px!important;
}
.nav-links a:hover{
  background:#eef8ff!important;
  color:var(--blue)!important;
}
.call-link{
  color:var(--navy)!important;
  font-size:.98rem!important;
}
.menu-btn{
  background:#fff!important;
  border-color:rgba(10,96,195,.12)!important;
  color:var(--navy)!important;
}
@media (max-width:1180px){
  .nav-actions .btn{padding:13px 17px;font-size:.92rem;}
}
@media (max-width:980px){
  .nav-inner{height:76px!important;}
  .brand{min-width:190px!important;}
  .brand img{width:188px!important;max-height:58px!important;}
  .nav-links.open{
    top:82px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(10,96,195,.10)!important;
    box-shadow:0 20px 46px rgba(6,24,63,.12)!important;
  }
}
@media (max-width:620px){
  .nav-inner{height:72px!important;}
  .brand img{width:170px!important;max-height:52px!important;}
  .nav-links.open{top:78px!important;}
}


/* === hero.css === */
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 8%,rgba(0,200,255,.25),transparent 30%),linear-gradient(180deg,#f7fcff 0%,#fff 82%);padding:58px 0 82px}.hero::before{content:'';position:absolute;inset:auto -12% -18% -12%;height:310px;background:linear-gradient(90deg,rgba(0,87,255,.13),rgba(0,200,255,.18));filter:blur(50px);transform:rotate(-3deg)}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:center}.headline{font-size:clamp(3rem,7vw,6.4rem);margin-top:16px}.hero-copy p{color:var(--muted);font-size:1.16rem;max-width:640px;margin:18px 0 0}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;max-width:650px}.proof-card{border:1px solid var(--line);background:rgba(255,255,255,.72);border-radius:20px;padding:15px 16px;box-shadow:var(--shadow-soft)}.proof-card strong{display:block;font-family:var(--font-display);font-size:1.7rem;color:var(--navy);line-height:1}.proof-card span{color:var(--muted);font-weight:700;font-size:.88rem}.hero-visual{position:relative;min-height:590px}.device-card{position:absolute;inset:25px 0 0 16px;border-radius:44px;background:linear-gradient(145deg,white,#f0f8ff);box-shadow:var(--shadow);padding:28px;overflow:hidden;border:1px solid rgba(0,120,255,.12)}.device-card::before{content:'';position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,var(--cyan),transparent 68%);right:-90px;top:-100px;opacity:.28}.logo-plate{position:relative;z-index:2;background:white;border-radius:32px;padding:24px;box-shadow:0 18px 42px rgba(6,24,63,.12)}.logo-plate img{width:100%;height:150px;object-fit:contain}.fridge-scene{position:relative;height:325px;margin-top:20px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#dfe8ef,#ffffff 45%,#cfd9e5);border:1px solid #d4e2f0}.fridge-scene .fridge{position:absolute;left:54px;bottom:28px;width:210px;height:260px;border-radius:24px;background:linear-gradient(90deg,#424850,#f5f7f8 32%,#aeb8c5 72%,#2d333b);box-shadow:24px 26px 60px rgba(0,0,0,.16)}.fridge::after{content:'';position:absolute;left:103px;top:14px;width:4px;height:216px;background:rgba(10,20,35,.32);border-radius:8px}.fridge::before{content:'';position:absolute;left:34px;top:94px;width:22px;height:102px;border-radius:20px;background:#151b25;box-shadow:117px 0 0 #151b25}.service-badge{position:absolute;right:24px;bottom:26px;width:258px;background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow-soft)}.service-badge b{font-family:var(--font-display);font-size:1.25rem;color:var(--navy)}.service-badge span{display:block;color:var(--muted);font-size:.9rem;margin-top:4px}.wave{position:absolute;left:-20px;right:-20px;bottom:0;height:82px;background:linear-gradient(90deg,var(--navy),var(--blue),var(--cyan));clip-path:polygon(0 64%,18% 45%,37% 66%,58% 38%,79% 58%,100% 34%,100% 100%,0 100%);opacity:.95}.brand-strip{position:relative;margin-top:-42px;z-index:3}.brand-strip-inner{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:28px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}.brand-strip p{margin:0;font-weight:900;color:var(--navy)}.brand-logos{display:flex;gap:20px;align-items:center;justify-content:space-around}.brand-logos img{max-height:52px;max-width:165px;object-fit:contain;filter:saturate(.95)}

/* Enhanced hero: parallax, depth and modern responsive visual system */
.parallax-hero{isolation:isolate;min-height:calc(100svh - 126px);display:flex;align-items:center;}
.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.55;animation:drift 9s ease-in-out infinite;}
.orb-1{width:360px;height:360px;right:8%;top:6%;background:radial-gradient(circle,rgba(0,200,255,.38),rgba(0,87,255,.08) 62%,transparent 70%);}
.orb-2{width:260px;height:260px;left:2%;bottom:9%;background:radial-gradient(circle,rgba(0,87,255,.25),rgba(0,200,255,.09) 62%,transparent 70%);animation-delay:-3s;}
.ice-line{position:absolute;height:2px;width:46vw;border-radius:999px;background:linear-gradient(90deg,transparent,var(--cyan),var(--blue),transparent);opacity:.38;transform:rotate(-8deg);}
.ice-line-1{right:-7vw;top:22%;}.ice-line-2{left:9vw;bottom:18%;animation-delay:-2s;}
.parallax-stage{perspective:1200px;}
.magnetic-card{position:relative;transform-style:preserve-3d;will-change:transform;}
.magnetic-card::before,.device-card::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(0,200,255,.18),transparent 42%);opacity:0;transition:opacity .22s ease;pointer-events:none;}
.magnetic-card:hover::before,.device-card:hover::after{opacity:1;}
.animated-eyebrow::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(0,200,255,.55);animation:pulse 2.4s infinite;}
@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(0,200,255,0)}100%{box-shadow:0 0 0 0 rgba(0,200,255,0)}}
.device-card{will-change:transform;transition:transform .18s ease, box-shadow .25s ease;}
.fridge-scene{transform:translateZ(0);}
.fridge-scene::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 24% 24%,rgba(255,255,255,.65),transparent 28%),linear-gradient(120deg,rgba(0,200,255,.12),transparent 45%);z-index:0;}
.fridge-scene>*{z-index:1;}
.snow{position:absolute;width:13px;height:13px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 0 16px rgba(0,200,255,.45);animation:snowFloat 7s linear infinite;}
.snow-a{left:42%;top:4%;animation-delay:-1s}.snow-b{left:68%;top:9%;animation-delay:-3.2s;width:9px;height:9px}.snow-c{left:83%;top:0;animation-delay:-5.1s;width:11px;height:11px}
.wave-1{animation:waveMove 6s ease-in-out infinite;}.wave-2{bottom:-16px!important;opacity:.38!important;filter:blur(1px);animation:waveMove 8s ease-in-out infinite reverse;}
.brand-strip-inner{will-change:transform;transition:transform .18s ease, box-shadow .25s ease;}
.brand-logos img{transition:transform .28s ease, filter .28s ease;}.brand-logos img:hover{transform:translateY(-4px) scale(1.04);filter:saturate(1.1) drop-shadow(0 10px 18px rgba(6,24,63,.12));}

/* Revision: cleaner real image treatment + automatic brand carousel */
.logo-plate{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(240,248,255,.82));backdrop-filter:blur(10px);}
.logo-plate img{height:168px;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(6,24,63,.14));}
.hero-image-scene{display:flex;align-items:center;justify-content:flex-start;padding:20px;}
.hero-brand-icon{position:absolute;left:18px;bottom:28px;width:min(300px,55%);height:auto;object-fit:contain;filter:drop-shadow(0 26px 44px rgba(6,24,63,.22));z-index:2;animation:floatSoft 5.8s ease-in-out infinite;}
.hero-image-scene .fridge{display:none!important;}
.hero-image-scene .service-badge{z-index:4;}
.brand-strip-inner{overflow:hidden;grid-template-columns:auto minmax(0,1fr);}
.brand-marquee{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.brand-track{display:flex;align-items:center;gap:42px;width:max-content;animation:brandMarquee 28s linear infinite;will-change:transform;}
.brand-marquee:hover .brand-track{animation-play-state:paused;}
.brand-track img{height:54px;max-width:190px;object-fit:contain;flex:0 0 auto;filter:saturate(1.02) drop-shadow(0 8px 14px rgba(6,24,63,.10));}
.brand-track img[src*="general-electric"]{height:66px;}
.brand-separator{flex:0 0 auto;font-weight:900;color:var(--navy);font-size:.9rem;letter-spacing:.02em;background:linear-gradient(135deg,#eef9ff,#fff);border:1px solid var(--line);border-radius:999px;padding:9px 14px;white-space:nowrap;}
@keyframes brandMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:760px){
  .logo-plate{padding:16px;border-radius:24px;}
  .logo-plate img{height:116px;}
  .hero-brand-icon{width:64%;left:50%;transform:translateX(-50%);bottom:62px;}
  .hero-image-scene{height:300px;}
  .brand-strip-inner{grid-template-columns:1fr;gap:12px;}
  .brand-strip p{text-align:center;}
  .brand-track{gap:28px;animation-duration:22s;}
  .brand-track img{height:42px;max-width:150px;}
  .brand-track img[src*="general-electric"]{height:54px;}
}

/* Revision V3: logo original en hero y carrusel solo con logos */
.logo-plate{background:#061326;border:1px solid rgba(0,186,255,.22);box-shadow:0 26px 62px rgba(2,13,34,.22);padding:16px 18px}
.logo-plate img{height:190px;width:100%;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.28))}
.hero-brand-icon{width:min(345px,64%);border-radius:10px;box-shadow:0 22px 48px rgba(0,15,43,.20);background:#061326}
.brand-strip-inner{grid-template-columns:auto minmax(0,1fr)}
.brand-marquee{padding:8px 0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.brand-track-logos-only{gap:72px;animation:brandMarqueeLogosOnly 22s linear infinite}
.brand-track-logos-only img{height:58px;max-width:210px;background:transparent;border:0;padding:0;filter:saturate(1.05) drop-shadow(0 10px 16px rgba(6,24,63,.10))}
.brand-track-logos-only img[src*="lg"]{height:50px}.brand-track-logos-only img[src*="general-electric"]{height:72px}.brand-track-logos-only img[src*="samsung"]{height:44px}
.brand-separator{display:none!important}
@keyframes brandMarqueeLogosOnly{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:760px){.logo-plate img{height:132px}.hero-brand-icon{width:76%;max-width:300px}.brand-track-logos-only{gap:46px;animation-duration:18s}.brand-track-logos-only img{height:45px;max-width:160px}.brand-track-logos-only img[src*="lg"]{height:40px}.brand-track-logos-only img[src*="general-electric"]{height:58px}.brand-track-logos-only img[src*="samsung"]{height:34px}}
@media (max-width:420px){.brand-track-logos-only{gap:38px}.brand-strip p{font-size:.92rem}.logo-plate img{height:112px}}

/* Revision V4: usar logo y favicon originales del cliente, sin fondos inventados ni texto en carrusel */
.logo-plate{
  background:#fff!important;
  border:1px solid rgba(0,87,255,.10)!important;
  box-shadow:0 24px 58px rgba(6,24,63,.14)!important;
  padding:18px 20px!important;
}
.logo-plate img{
  height:168px!important;
  width:100%!important;
  object-fit:contain!important;
  filter:none!important;
}
.hero-brand-icon{
  background:#fff!important;
  border:1px solid rgba(0,87,255,.10);
  border-radius:26px!important;
  padding:10px;
  box-shadow:0 20px 44px rgba(6,24,63,.14)!important;
  width:min(260px,52%)!important;
  object-fit:contain!important;
  filter:none!important;
}
.logos-only-strip{
  grid-template-columns:1fr!important;
  padding:16px 0!important;
  background:#fff!important;
}
.logos-only-strip .brand-marquee{
  width:100%;
  padding:10px 0!important;
}
.brand-track-logos-only{
  gap:78px!important;
  animation:brandMarqueeLogosOnly 20s linear infinite!important;
}
.brand-track-logos-only img{
  display:block;
  flex:0 0 auto;
  width:auto;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.brand-track-logos-only img[src*="lg"]{height:54px!important;max-width:145px!important;}
.brand-track-logos-only img[src*="samsung"]{height:42px!important;max-width:190px!important;}
.brand-track-logos-only img[src*="general-electric"]{height:72px!important;max-width:95px!important;}
@media (max-width:760px){
  .logo-plate img{height:118px!important;}
  .hero-brand-icon{width:70%!important;max-width:260px!important;left:50%!important;transform:translateX(-50%)!important;bottom:58px!important;}
  .brand-track-logos-only{gap:48px!important;animation-duration:17s!important;}
  .brand-track-logos-only img[src*="lg"]{height:42px!important;max-width:112px!important;}
  .brand-track-logos-only img[src*="samsung"]{height:32px!important;max-width:145px!important;}
  .brand-track-logos-only img[src*="general-electric"]{height:56px!important;max-width:76px!important;}
}
@media (max-width:420px){
  .logo-plate img{height:94px!important;}
  .brand-track-logos-only{gap:38px!important;}
}

/* Revision V5: hero inicial como mockup solicitado */
.hero-v5{
  background:
    radial-gradient(circle at 84% 8%, rgba(0,200,255,.20), transparent 26%),
    linear-gradient(180deg, #eef3f7 0%, #f8fbfd 68%, #ffffff 100%)!important;
  padding:40px 0 74px!important;
}
.hero-v5::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:56%;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(0,120,255,.38) 22%, rgba(0,120,255,.38) 78%, transparent);
  filter:none;
  transform:none;
}
.hero-grid-showcase{
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr)!important;
  gap:44px!important;
  align-items:center!important;
}
.hero-v5 .hero-copy{
  position:relative;
  z-index:2;
  padding-top:4px;
}
.hero-v5 .headline{
  font-size:clamp(3.7rem,6.2vw,5.9rem)!important;
  max-width:700px;
}
.hero-v5 .hero-copy p{
  max-width:720px;
  font-size:1.06rem!important;
  line-height:1.7;
  margin-top:20px!important;
}
.hero-v5 .hero-ctas{margin-top:28px!important;}
.hero-v5 .proof-card{
  border-radius:22px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(12,98,194,.10)!important;
  box-shadow:0 10px 24px rgba(5,24,63,.06)!important;
}
.hero-v5 .proof-card strong{font-size:1.5rem!important;}
.showcase-visual{min-height:610px!important;}
.showcase-card{
  inset:0 0 0 0!important;
  border-radius:44px!important;
  padding:26px!important;
  background:linear-gradient(180deg, rgba(251,253,255,.98), rgba(239,246,251,.98))!important;
  border:1px solid rgba(12,98,194,.08)!important;
  box-shadow:0 28px 70px rgba(8,25,59,.11)!important;
  overflow:hidden;
}
.showcase-card::before{
  content:'';
  position:absolute;
  width:430px;
  height:430px;
  right:-170px;
  top:-170px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(0,200,255,.14), rgba(0,120,255,.06) 58%, transparent 74%);
}
.showcase-top-plate{
  background:#fbfbfc!important;
  border-radius:34px!important;
  padding:28px 28px!important;
  min-height:216px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(12,98,194,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 10px 24px rgba(6,24,63,.05)!important;
}
.showcase-top-plate img{
  width:72%!important;
  max-width:320px;
  height:auto!important;
}
.showcase-scene{
  height:332px!important;
  margin-top:22px!important;
  border-radius:34px!important;
  background:linear-gradient(180deg, #edf3f7 0%, #e8eef4 100%)!important;
  border:1px solid rgba(12,98,194,.08)!important;
  overflow:hidden;
}
.showcase-scene::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 12%, rgba(0,200,255,.18), transparent 24%);
}
.showcase-mini-card{
  position:absolute;
  left:22px;
  bottom:28px;
  width:min(290px,58%);
  border-radius:28px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(12,98,194,.08);
  padding:18px;
  box-shadow:0 16px 36px rgba(6,24,63,.10);
  z-index:2;
}
.showcase-mini-card img{
  width:100%;
  height:auto;
  display:block;
}
.scene-dot{
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(255,255,255,.95);
  box-shadow:0 0 0 6px rgba(255,255,255,.22);
  z-index:1;
}
.dot-a{right:78px;top:92px;}
.dot-b{right:44px;top:132px;width:8px;height:8px;}
.scene-wave{
  position:absolute;
  left:-6%;
  right:-6%;
  bottom:0;
  height:86px;
  z-index:1;
  background:linear-gradient(90deg, var(--navy), #1e52ff, var(--cyan));
}
.scene-wave-1{clip-path:polygon(0 72%, 14% 58%, 24% 64%, 36% 52%, 49% 60%, 63% 46%, 76% 54%, 89% 42%, 100% 54%, 100% 100%, 0 100%);}
.scene-wave-2{height:38px;bottom:9px;left:18%;right:-10%;opacity:.22;filter:blur(1px);clip-path:polygon(0 58%, 18% 36%, 39% 56%, 60% 30%, 80% 48%, 100% 20%, 100% 100%, 0 100%);}
.hero-v5 .brand-strip{margin-top:-10px!important;z-index:4;}
.hero-v5 + .brand-strip{margin-top:-8px!important;}
.logos-only-strip{
  border-radius:30px!important;
  border:1px solid rgba(12,98,194,.10)!important;
  box-shadow:0 14px 36px rgba(6,24,63,.08)!important;
}
.brand-track-logos-only{
  gap:88px!important;
}
.brand-track-logos-only img[src*="lg"]{height:66px!important;max-width:170px!important;}
.brand-track-logos-only img[src*="samsung"]{height:52px!important;max-width:240px!important;}
.brand-track-logos-only img[src*="general-electric"]{height:76px!important;max-width:96px!important;}

@media (max-width:1180px){
  .hero-grid-showcase{grid-template-columns:minmax(0,1fr) minmax(360px,.92fr)!important;gap:32px!important;}
  .hero-v5 .headline{font-size:clamp(3.2rem,5.4vw,5rem)!important;}
  .showcase-visual{min-height:560px!important;}
  .showcase-top-plate{min-height:190px;}
}
@media (max-width:980px){
  .topbar{display:none!important;}
  .hero-v5{padding:26px 0 60px!important;}
  .hero-v5::before{top:auto;bottom:128px;}
  .hero-grid-showcase{grid-template-columns:1fr!important;gap:26px!important;}
  .showcase-visual{min-height:520px!important;max-width:760px;margin-inline:auto;}
}
@media (max-width:760px){
  .hero-v5{padding:20px 0 54px!important;}
  .hero-v5 .headline{font-size:clamp(2.7rem,12vw,4.2rem)!important;}
  .hero-v5 .hero-copy p{font-size:.98rem!important;line-height:1.6;}
  .showcase-visual{min-height:438px!important;}
  .showcase-card{border-radius:30px!important;padding:18px!important;}
  .showcase-top-plate{min-height:150px;border-radius:24px!important;padding:18px!important;}
  .showcase-top-plate img{width:78%!important;}
  .showcase-scene{height:246px!important;margin-top:16px!important;border-radius:24px!important;}
  .showcase-mini-card{left:14px;bottom:18px;width:min(228px,66%);padding:12px;border-radius:20px;}
  .scene-wave{height:60px;}
  .brand-track-logos-only{gap:56px!important;}
  .brand-track-logos-only img[src*="lg"]{height:48px!important;max-width:130px!important;}
  .brand-track-logos-only img[src*="samsung"]{height:36px!important;max-width:176px!important;}
  .brand-track-logos-only img[src*="general-electric"]{height:58px!important;max-width:76px!important;}
}
@media (max-width:520px){
  .hero-v5 .eyebrow{font-size:.7rem!important;letter-spacing:.08em!important;}
  .hero-v5 .headline{font-size:clamp(2.36rem,13vw,3.55rem)!important;}
  .hero-v5 .hero-proof{grid-template-columns:1fr 1fr 1fr!important;gap:10px!important;}
  .hero-v5 .proof-card{padding:14px 12px!important;border-radius:18px!important;}
  .hero-v5 .proof-card strong{font-size:1.2rem!important;}
  .hero-v5 .proof-card span{font-size:.78rem!important;line-height:1.3;}
  .showcase-visual{min-height:380px!important;}
  .showcase-top-plate{min-height:124px;}
  .showcase-scene{height:212px!important;}
  .showcase-mini-card{width:min(190px,68%);}
}
@media (max-width:400px){
  .hero-v5 .hero-proof{grid-template-columns:1fr!important;}
  .showcase-visual{min-height:352px!important;}
}

/* Hero con fotos reales del servicio */
.photo-showcase{background:#dfe8ef!important}.hero-main-service-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.02) contrast(1.02)}.photo-showcase::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,13,34,.04),rgba(2,13,34,.46));z-index:1}.showcase-photo-card{display:grid;gap:8px;background:rgba(255,255,255,.94)!important}.showcase-photo-card img{height:118px!important;width:100%!important;object-fit:cover!important;border-radius:18px}.showcase-photo-card span{font-weight:900;color:var(--navy);font-size:.9rem}.showcase-photo-chip{position:absolute;z-index:3;border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.55);box-shadow:0 18px 42px rgba(6,24,63,.18);padding:8px}.showcase-photo-chip img{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px}.chip-one{right:24px;top:24px;width:148px;height:118px}.chip-two{right:42px;bottom:38px;width:170px;height:128px}.photo-showcase .scene-wave{z-index:2;opacity:.68}@media (max-width:760px){.showcase-photo-card{width:62%!important}.showcase-photo-card img{height:84px!important}.chip-one{width:108px;height:88px;right:18px;top:20px}.chip-two{width:124px;height:92px;right:24px;bottom:34px}}

/* === Premium parallax refresh === */
.premium-hero{
  background:
    radial-gradient(circle at 8% 10%, rgba(0,200,255,.16), transparent 24%),
    radial-gradient(circle at 95% 16%, rgba(0,87,255,.14), transparent 30%),
    linear-gradient(180deg, #f4fbff 0%, #ffffff 62%, #f6fbff 100%);
}
.premium-hero-grid{align-items:center;}
.hero-luxury-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:24px 0 0;
}
.luxury-item{
  position:relative;
  overflow:hidden;
  padding:16px 16px 14px;
  border:1px solid rgba(10,96,195,.11);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(246,251,255,.96));
  box-shadow:0 14px 34px rgba(6,24,63,.07);
}
.luxury-item::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, var(--blue), var(--cyan));
}
.luxury-item strong{display:block;color:var(--navy);font-family:var(--font-display);font-size:1rem;letter-spacing:-.02em}
.luxury-item span{display:block;color:var(--muted);font-size:.86rem;line-height:1.55;margin-top:6px}
.hero-glass-note{
  position:absolute;
  right:20px;
  top:18px;
  z-index:4;
  padding:10px 14px;
  border-radius:999px;
  color:#fff;
  background:rgba(6,24,63,.72);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 14px 28px rgba(0,0,0,.14);
  backdrop-filter:blur(12px);
  font-weight:800;
  font-size:.78rem;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.premium-showcase-card{
  background:linear-gradient(145deg, rgba(255,255,255,.95), rgba(239,248,255,.92));
  border-color:rgba(10,96,195,.10)!important;
  box-shadow:0 32px 80px rgba(6,24,63,.18)!important;
}
.premium-scene{box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 22px 38px rgba(6,24,63,.08)}
.hero-floating-stat{
  position:absolute;
  z-index:3;
  display:grid;
  gap:4px;
  min-width:180px;
  max-width:220px;
  padding:14px 16px;
  border-radius:20px;
  color:#fff;
  background:rgba(6,24,63,.68);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 14px 36px rgba(6,24,63,.18);
  backdrop-filter:blur(12px);
}
.hero-floating-stat strong{font-size:.92rem;line-height:1.1;letter-spacing:-.01em}
.hero-floating-stat span{font-size:.78rem;line-height:1.45;color:rgba(255,255,255,.82)}
.stat-a{left:24px;top:20px}
.stat-b{right:24px;bottom:138px}
.brand-strip-title{
  margin:0;
  font-weight:900;
  color:var(--navy);
  font-size:.92rem;
  letter-spacing:.04em;
  text-transform:uppercase;
}
@media (max-width:1180px){
  .hero-luxury-list{grid-template-columns:1fr;max-width:680px}
}
@media (max-width:760px){
  .hero-glass-note{right:14px;top:14px;font-size:.68rem;padding:8px 11px}
  .hero-floating-stat{display:none}
  .hero-luxury-list{grid-template-columns:1fr;gap:10px}
  .luxury-item{padding:14px}
}


/* === sections.css === */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:22px;transition:.25s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(0,120,255,.25)}.icon-box{width:52px;height:52px;border-radius:17px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.25rem;margin-bottom:16px}.card h3{font-family:var(--font-display);font-size:1.35rem;line-height:1.05;margin:0 0 9px;color:var(--navy);letter-spacing:-.025em}.card p{margin:0;color:var(--muted)}.card a{display:inline-flex;margin-top:16px;font-weight:900;color:var(--blue)}.symptoms{background:var(--navy);color:white;position:relative;overflow:hidden}.symptoms::before{content:'';position:absolute;inset:-80px -140px auto auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,200,255,.34),transparent 70%)}.symptoms .section-head h2,.symptoms .section-head p{color:white}.symptoms .section-head p{opacity:.78}.symptom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.symptom{position:relative;display:flex;min-height:120px;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:18px;color:white;overflow:hidden}.symptom::after{content:'→';position:absolute;right:14px;bottom:7px;font-size:2.4rem;opacity:.16}.symptom b{font-family:var(--font-display);font-size:1.18rem}.symptom span{font-size:.9rem;opacity:.75}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.visual-stack{display:grid;gap:16px}.visual-stack img{border-radius:28px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.check-list{display:grid;gap:12px;margin:26px 0}.check{display:flex;gap:12px;align-items:flex-start;color:var(--muted)}.check::before{content:'✓';flex:0 0 25px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(0,168,255,.13);color:var(--success);font-weight:900}.process{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{counter-increment:step;padding:24px;background:linear-gradient(180deg,#fff,#f6fbff);border:1px solid var(--line);border-radius:24px}.step::before{content:counter(step,decimal-leading-zero);font-family:var(--font-display);font-size:2.4rem;line-height:1;color:rgba(0,87,255,.25);font-weight:900}.step h3{font-family:var(--font-display);margin:12px 0 8px;color:var(--navy);font-size:1.24rem}.step p{margin:0;color:var(--muted);font-size:.96rem}.districts{background:#f6fbff}.district-cloud{display:flex;flex-wrap:wrap;gap:10px}.district-cloud span{background:white;border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:#31506f;font-weight:800;font-size:.9rem}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote{position:relative}.stars{color:#00a8ff;letter-spacing:2px;font-size:1.1rem;margin-bottom:12px}.quote p{font-style:italic}.quote b{display:block;margin-top:14px;color:var(--navy)}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}.faq-q{width:100%;border:0;background:white;padding:18px 20px;text-align:left;display:flex;justify-content:space-between;gap:20px;font-weight:900;color:var(--navy)}.faq-q span:last-child{color:var(--blue);font-size:1.3rem}.faq-a{display:none;padding:0 20px 18px;color:var(--muted)}.faq-item.open .faq-a{display:block}.cta-band{background:linear-gradient(135deg,var(--navy),var(--blue));color:white;border-radius:36px;padding:38px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;box-shadow:var(--shadow);overflow:hidden;position:relative}.cta-band::after{content:'';position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;background:rgba(0,200,255,.32)}.cta-band h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,4rem);line-height:1;margin:0;letter-spacing:-.04em}.cta-band p{margin:10px 0 0;opacity:.82}.legal-note{font-size:.78rem;color:#7a899d;margin-top:16px}.seo-content{columns:2;column-gap:36px;color:var(--muted)}.seo-content h3{break-after:avoid;font-family:var(--font-display);color:var(--navy);font-size:1.25rem;margin:0 0 8px}.seo-content p{break-inside:avoid;margin:0 0 18px}.footer{background:#030d24;color:#d9e8ff;padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:26px}.footer img{width:230px;max-height:70px;object-fit:contain;margin-bottom:16px}.footer h3{font-family:var(--font-display);color:#fff;margin:0 0 12px}.footer a,.footer p,.footer li{color:#b7c7dc}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer-bottom{margin-top:34px;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#8ea3bd;font-size:.86rem}

/* Integracion de imagenes reales desde assets/fotos */
.service-photo-grid .service-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.service-card .icon-box,.service-card h3,.service-card p,.service-card a{margin-left:22px;margin-right:22px}.service-card a{margin-bottom:22px}.card-media{height:188px;margin:0 0 20px;background:#eef6fb;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.service-card:hover .card-media img{transform:scale(1.055)}.visual-photo-stack figure{position:relative;margin:0;border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff}.visual-photo-stack img{width:100%;height:310px;object-fit:cover;border:0;border-radius:0;box-shadow:none;display:block}.visual-photo-stack figcaption{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.92);color:var(--navy);font-weight:900;border-radius:999px;padding:9px 14px;box-shadow:0 10px 22px rgba(6,24,63,.12)}.gallery-section{background:linear-gradient(180deg,#fff,#f6fbff)}.work-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:210px;gap:14px}.gallery-item{margin:0;position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(12,98,194,.10);background:#eaf3f8;box-shadow:var(--shadow-soft)}.gallery-item:nth-child(7n+1){grid-row:span 2}.gallery-item:nth-child(9n+4){grid-column:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .5s ease}.gallery-item:hover img{transform:scale(1.06);filter:saturate(1.05)}@media (max-width:980px){.work-gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:190px}.gallery-item:nth-child(9n+4){grid-column:span 1}}@media (max-width:760px){.card-media{height:205px}.visual-photo-stack img{height:240px}.work-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px;gap:10px}.gallery-item{border-radius:18px}.gallery-item:nth-child(7n+1){grid-row:span 1}}@media (max-width:420px){.work-gallery{grid-template-columns:1fr;grid-auto-rows:220px}}

/* === Premium layout refresh === */
.premium-services{
  position:relative;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
}
.premium-services::before{
  content:'';
  position:absolute;
  inset:32px auto auto 0;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(0,200,255,.14), transparent 68%);
  pointer-events:none;
}
.premium-service-grid{gap:22px;position:relative;z-index:1}
.service-card-premium{
  position:relative;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,251,255,.98));
  border-color:rgba(10,96,195,.10);
  box-shadow:0 16px 40px rgba(6,24,63,.09);
}
.service-card-premium::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(0,200,255,.05));
  opacity:0;
  transition:opacity .28s ease;
  pointer-events:none;
}
.service-card-premium:hover::before{opacity:1}
.service-card-premium:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(6,24,63,.13)}
.service-card-premium .icon-box{margin-top:4px;box-shadow:0 14px 28px rgba(0,87,255,.22)}
.service-card-premium .card-media{height:210px;position:relative}
.service-card-premium .card-media::after{
  content:'';
  position:absolute;
  inset:auto 0 0 0;
  height:45%;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(6,24,63,.10));
  pointer-events:none;
}

.why-premium{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, #04132f 0%, #0a2559 100%);
}
.why-premium::before{
  content:'';
  position:absolute;
  right:-160px;
  top:-120px;
  width:420px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(0,200,255,.26), transparent 68%);
}
.why-premium .headline,
.why-premium p,
.why-premium .check,
.why-premium .check span{color:#eef7ff}
.why-premium .check::before{background:rgba(255,255,255,.14);color:#7de3ff}
.premium-story-grid{align-items:center;position:relative;z-index:1}
.premium-check-list{margin-bottom:30px}
.premium-visual-stack{display:grid;gap:18px}
.premium-photo-frame{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  box-shadow:0 24px 50px rgba(0,0,0,.20);
}
.premium-photo-frame img{display:block;width:100%;height:430px;object-fit:cover}
.premium-photo-frame::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(4,19,47,0) 52%, rgba(4,19,47,.82) 100%);
}
.premium-photo-frame figcaption{
  position:absolute;
  left:18px;
  bottom:18px;
  z-index:1;
  background:rgba(255,255,255,.14);
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
  padding:10px 15px;
  border-radius:999px;
  font-weight:800;
}
.premium-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mini-stat-card{
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  box-shadow:0 14px 32px rgba(0,0,0,.12);
}
.mini-stat-card strong{display:block;font-family:var(--font-display);font-size:1.1rem;letter-spacing:-.02em}
.mini-stat-card span{display:block;font-size:.9rem;line-height:1.55;color:rgba(255,255,255,.82);margin-top:6px}

.parallax-banner{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    linear-gradient(135deg, rgba(4,19,47,.72), rgba(0,87,255,.36)),
    url('../assets/fotos/equipos-refrigeradoras-servicio-tecnico.avif') center/cover fixed;
}
.parallax-banner::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 16% 18%, rgba(0,200,255,.24), transparent 28%), radial-gradient(circle at 85% 82%, rgba(255,255,255,.12), transparent 24%);
}
.banner-content{position:relative;z-index:1;max-width:760px;color:#fff}
.banner-content .eyebrow{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff}
.banner-content h2{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,5rem);line-height:.95;letter-spacing:-.05em;margin:16px 0 14px}
.banner-content p{font-size:1.06rem;line-height:1.75;color:rgba(255,255,255,.86);margin:0}
.banner-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.banner-pills .pill{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(10px)}

.premium-gallery .gallery-item{
  border-color:rgba(255,255,255,.65);
  box-shadow:0 18px 38px rgba(6,24,63,.08);
}
.premium-gallery .gallery-item::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(0,0,0,.10));
  opacity:0;
  transition:opacity .25s ease;
}
.premium-gallery .gallery-item:hover::after{opacity:1}
.premium-process-wrap{background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%)}
.premium-process .step{box-shadow:0 16px 38px rgba(6,24,63,.08);border-color:rgba(10,96,195,.10)}

.contact-band-premium{
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);
  gap:26px;
  background:linear-gradient(135deg,#03102c 0%, #0b2760 58%, #0b4fb0 100%);
  padding:32px;
}
.contact-band-premium::before{
  content:'';
  position:absolute;
  left:-110px;
  bottom:-110px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.14), transparent 70%);
}
.contact-band-copy{position:relative;z-index:1}
.contact-eyebrow{border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.10)!important;color:#fff!important}
.contact-band-visual{position:relative;z-index:1;display:grid;align-items:center}
.contact-band-photo{margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 48px rgba(0,0,0,.18)}
.contact-band-photo img{display:block;width:100%;height:280px;object-fit:cover}
.contact-proof-card{
  position:absolute;
  left:18px;
  bottom:18px;
  max-width:240px;
  padding:14px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
  color:#fff;
}
.contact-proof-card strong{display:block;font-family:var(--font-display);font-size:1rem;letter-spacing:-.02em}
.contact-proof-card span{display:block;margin-top:5px;font-size:.84rem;line-height:1.45;color:rgba(255,255,255,.86)}

@media (max-width:980px){
  .premium-mini-stats{grid-template-columns:1fr}
  .parallax-banner{min-height:440px;background-position:center;background-attachment:scroll}
  .contact-band-premium{grid-template-columns:1fr}
}
@media (max-width:760px){
  .service-card-premium .card-media{height:198px}
  .premium-photo-frame img{height:320px}
  .parallax-banner{min-height:380px}
  .banner-content h2{font-size:clamp(2.2rem,11vw,3.4rem)}
  .banner-content p{font-size:.98rem;line-height:1.65}
  .contact-band-premium{padding:24px;border-radius:28px}
  .contact-band-photo img{height:220px}
}
@media (max-width:520px){
  .premium-service-grid{gap:16px}
  .why-premium .headline{font-size:clamp(2.2rem,12vw,3.55rem)!important}
  .premium-photo-frame{border-radius:22px}
  .premium-photo-frame img{height:260px}
  .contact-proof-card{position:static;max-width:none;margin-top:12px}
}


/* === whatsapp.css === */
.float-wa{position:fixed;right:20px;bottom:20px;z-index:60;display:grid;gap:12px;justify-items:end}.wa-panel{width:min(390px,calc(100vw - 36px));background:#eef8ff;border:1px solid rgba(0,0,0,.06);border-radius:28px;box-shadow:0 24px 70px rgba(6,24,63,.26);overflow:hidden;display:none;transform-origin:bottom right}.wa-panel.open{display:block;animation:waPop .22s ease-out}.wa-topbar{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#06316d,#075bb8 58%,#00a8ff);color:white;padding:15px 16px}.wa-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--navy));font-family:var(--font-display);font-weight:900;font-size:1.35rem;box-shadow:inset 0 0 0 2px rgba(255,255,255,.34)}.wa-topbar b{display:block;font-family:var(--font-display);line-height:1.05}.wa-topbar span{display:flex;align-items:center;gap:6px;font-size:.82rem;opacity:.9;margin-top:3px}.wa-topbar span i{width:7px;height:7px;border-radius:50%;background:#7de4ff;box-shadow:0 0 0 4px rgba(0,200,255,.16)}.wa-call{margin-left:auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);color:white;font-weight:900}.wa-chat{position:relative;padding:17px 14px 12px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(230,247,255,.92)),radial-gradient(circle at 15% 20%,rgba(0,120,255,.12),transparent 24%);display:grid;gap:11px}.wa-bubble{max-width:88%;padding:11px 13px;border-radius:17px;font-size:.92rem;line-height:1.35;box-shadow:0 8px 20px rgba(6,24,63,.08)}.wa-bubble-in{background:white;color:#19323a;border-top-left-radius:5px}.wa-bubble-out{justify-self:end;background:#dff6ff;color:#19323a;border-top-right-radius:5px}.wa-mini-info{display:flex;flex-wrap:wrap;gap:6px}.wa-mini-info span{font-size:.74rem;font-weight:900;color:#06316d;background:rgba(255,255,255,.9);border:1px solid rgba(0,120,255,.12);border-radius:999px;padding:6px 9px}.wa-options{display:grid;gap:8px}.wa-options a{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;background:white;border:1px solid rgba(0,120,255,.11);border-radius:18px;padding:12px 13px;color:#102b36;box-shadow:0 10px 22px rgba(6,24,63,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.wa-options a:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(6,24,63,.13);border-color:rgba(0,168,255,.28)}.wa-options strong{font-size:.94rem}.wa-options small{color:#5b6d75;font-weight:700}.wa-options span{grid-row:1/3;grid-column:2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e6f7ff;color:#075bb8;font-weight:900}.wa-footer-panel{background:white;padding:13px 14px 15px;border-top:1px solid rgba(0,0,0,.05);display:grid;gap:7px}.wa-main-link{display:flex;justify-content:center;align-items:center;border-radius:16px;background:#00a8ff;color:white;font-weight:950;padding:13px 14px;box-shadow:0 14px 30px rgba(0,168,255,.28)}.wa-footer-panel small{text-align:center;color:#6b7a86;font-weight:700}.wa-toggle{justify-self:end;border:0;background:linear-gradient(135deg,#00a8ff,#075bb8);color:white;border-radius:999px;padding:12px 16px 12px 12px;font-weight:900;box-shadow:0 18px 35px rgba(0,168,255,.35);display:flex;align-items:center;gap:10px;cursor:pointer}.wa-toggle-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:1.15rem}.wa-toggle b{display:block;text-align:left;line-height:1}.wa-toggle small{display:block;font-size:.72rem;opacity:.88;font-weight:800;margin-top:2px}@keyframes waPop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.float-wa{right:12px;left:12px;bottom:12px}.wa-panel{width:100%;border-radius:24px}.wa-toggle{justify-self:end}.wa-chat{max-height:58vh;overflow:auto}}


/* === animations.css === */
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .6s ease, transform .6s ease}[data-reveal].visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}.btn,.card{transition:none}}

/* Premium parallax and motion layer */
[data-reveal], .card, .symptom, .step, .quote, .faq-item, .district-cloud span{
  opacity:0;
  transform:translateY(26px) scale(.985);
  transition:opacity .72s ease, transform .72s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, border-color .25s ease;
  transition-delay:var(--reveal-delay,0ms);
}
[data-reveal].visible, .card.visible, .symptom.visible, .step.visible, .quote.visible, .faq-item.visible, .district-cloud span.visible{
  opacity:1;
  transform:translateY(0) scale(1);
}
.btn-glow{position:relative;isolation:isolate;overflow:hidden;}
.btn-glow::after{content:'';position:absolute;inset:-80% -30%;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.42),transparent 62%);transform:translateX(-130%);animation:shine 4.2s ease-in-out infinite;z-index:-1;}
@keyframes shine{0%,45%{transform:translateX(-130%)}70%,100%{transform:translateX(130%)}}
.float-soft{animation:floatSoft 5.8s ease-in-out infinite;}
@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes drift{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(18px,-16px,0) rotate(8deg)}}
@keyframes snowFloat{0%{transform:translate3d(0,-18px,0) scale(.75);opacity:0}20%{opacity:.9}100%{transform:translate3d(24px,175px,0) scale(1.05);opacity:0}}
@keyframes waveMove{0%{transform:translateX(-2%) translateY(0)}50%{transform:translateX(2%) translateY(5px)}100%{transform:translateX(-2%) translateY(0)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.float-soft{transform:none!important}}


/* === responsive.css === */
@media (max-width:980px){.section{padding:72px 0}.nav-links,.nav-actions .call-link{display:none}.menu-btn{display:block}.nav-links.open{position:absolute;left:18px;right:18px;top:86px;display:grid;background:white;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow)}.hero-grid,.section-head,.split{grid-template-columns:1fr}.hero-visual{min-height:520px}.brand-strip-inner{grid-template-columns:1fr}.grid-3,.grid-4,.symptom-grid,.process,.testimonial-grid,.footer-grid{grid-template-columns:1fr 1fr}.seo-content{columns:1}.cta-band{grid-template-columns:1fr}.brand img{width:174px}.topbar .container{justify-content:center;text-align:center}.topbar span:last-child{display:none}}
@media (max-width:620px){.container{width:min(100% - 26px,var(--container))}.hero{padding-top:34px}.headline{font-size:clamp(2.65rem,15vw,4.2rem)}.hero-proof,.grid-3,.grid-4,.symptom-grid,.process,.testimonial-grid,.footer-grid{grid-template-columns:1fr}.hero-ctas .btn{width:100%}.hero-visual{min-height:460px}.device-card{inset:10px 0 0 0;padding:18px;border-radius:30px}.logo-plate img{height:112px}.fridge-scene{height:280px}.service-badge{left:18px;right:18px;width:auto}.brand-logos{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.cta-band{border-radius:26px;padding:28px}.section-head h2{font-size:2.35rem}.topbar{display:none}.nav-inner{height:70px}.nav-links.open{top:76px}}

@media (max-width:780px){
  .parallax-hero{min-height:auto;display:block;}
  .hero-bg,.orb,.ice-line{display:none;}
  .hero{padding:32px 0 68px;overflow:hidden;}
  .hero-grid{gap:24px;}
  .hero-copy{text-align:left;}
  .hero-copy p{font-size:1rem;line-height:1.65;}
  .hero-proof{gap:10px;}
  .proof-card{padding:13px 14px;border-radius:18px;}
  .proof-card strong{font-size:1.35rem;}
  .proof-card span{font-size:.8rem;}
  .float-soft{animation:none;}
  .brand-strip{margin-top:-32px;}
  .brand-strip-inner{border-radius:22px;padding:15px;gap:12px;}
}
@media (max-width:520px){
  body{overflow-x:hidden;}
  .headline{font-size:clamp(2.25rem,13.2vw,3.45rem);letter-spacing:-.055em;}
  .eyebrow{font-size:.68rem;letter-spacing:.08em;padding:7px 10px;}
  .hero-ctas{margin-top:22px;}
  .btn{min-height:50px;padding:13px 17px;font-size:.92rem;white-space:normal;text-align:center;}
  .hero-proof{margin-top:20px;}
  .hero-visual{min-height:395px;}
  .device-card{padding:14px;border-radius:26px;box-shadow:0 18px 44px rgba(6,24,63,.14);}
  .logo-plate{border-radius:22px;padding:14px;}
  .logo-plate img{height:88px;}
  .fridge-scene{height:245px;border-radius:22px;margin-top:14px;}
  .fridge-scene .fridge{left:24px;bottom:24px;width:138px;height:190px;border-radius:18px;}
  .fridge::after{left:67px;height:158px;}
  .fridge::before{left:24px;top:68px;width:14px;height:76px;box-shadow:78px 0 0 #151b25;}
  .service-badge{left:136px;right:10px;bottom:18px;padding:13px;border-radius:18px;}
  .service-badge b{font-size:1rem;line-height:1.02;display:block;}
  .service-badge span{font-size:.76rem;line-height:1.35;}
  .wave{height:62px;}
  .brand-strip-inner p{text-align:center;}
  .brand-logos{gap:10px;grid-template-columns:1fr;}
  .brand-logos img{max-height:42px;max-width:150px;}
  .section{padding:58px 0;}
  .section-head{gap:16px;margin-bottom:24px;}
  .section-head h2{font-size:2.04rem;letter-spacing:-.045em;}
  .section-head p{font-size:.98rem;}
  .card{padding:19px;border-radius:21px;}
  .symptom{min-height:105px;}
  .float-wa{right:14px;bottom:14px;}
  .wa-toggle{padding:13px 15px;}
}


/* === reference-premium.css === */
/* Reference PDF inspired premium design: parallax, motion and stronger conversion */
:root{--ref-blue:#075bb8;--ref-dark:#06316d;--ref-cyan:#00c8ff;--ref-soft:#edf6ff}
body{background:#fff}.topbar.ref-topbar{display:block!important;background:#075bb8;color:#eaf7ff}.ref-topbar .container{display:flex;justify-content:space-between;gap:16px;padding:8px 0;font-weight:800;font-size:.86rem}.ref-topbar a{color:#fff}.ref-navbar.navbar{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);box-shadow:0 12px 30px rgba(6,24,63,.08);border-bottom:1px solid rgba(6,49,109,.10)!important}.ref-navbar .nav-inner{height:80px!important}.ref-navbar .brand img{width:220px!important;max-height:64px!important}.ref-navbar .nav-links a{color:#1f3658!important}.ref-navbar .call-link{color:var(--ref-dark)!important}.btn-primary{background:linear-gradient(135deg,var(--ref-cyan),#dff6ff)!important;color:#062250!important;box-shadow:0 16px 34px rgba(0,200,255,.30)!important}.btn-primary:hover{filter:saturate(1.1);transform:translateY(-2px)}
.ref-hero{position:relative;overflow:hidden;min-height:760px;display:flex;align-items:center;color:white;background:#071b38}.ref-hero-bg{position:absolute;inset:0;overflow:hidden}.ref-hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.05);transform:scale(1.04)}.ref-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,42,.92) 0%,rgba(5,18,42,.74) 45%,rgba(5,18,42,.30) 100%),linear-gradient(180deg,rgba(7,91,184,.28),rgba(0,0,0,.35))}.ref-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(0,200,255,.35),transparent 70%);filter:blur(8px);z-index:1}.ref-orb-a{width:360px;height:360px;right:10%;top:10%}.ref-orb-b{width:260px;height:260px;left:4%;bottom:8%}.ref-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .92fr;gap:48px;align-items:center}.ref-hero-copy h1{font-family:var(--font-display);font-size:clamp(3.4rem,7vw,7.2rem);line-height:.9;letter-spacing:-.06em;margin:18px 0;color:#fff}.ref-hero-copy p{font-size:1.14rem;line-height:1.75;max-width:660px;color:rgba(255,255,255,.88)}.ref-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.ref-proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:620px;margin-top:28px}.ref-proof-row div{padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.10);backdrop-filter:blur(12px)}.ref-proof-row strong{display:block;font-family:var(--font-display);font-size:1.7rem;color:#fff}.ref-proof-row span{text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;color:rgba(255,255,255,.72);font-weight:900}.ref-hero-device{position:relative;min-height:560px}.ref-device-glow{position:absolute;inset:6% 4%;border-radius:44px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(0,200,255,.12));box-shadow:0 36px 80px rgba(0,0,0,.25);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18)}.ref-main-fridge{position:absolute;inset:12% 5% auto auto;width:82%;height:390px;object-fit:cover;border-radius:34px;box-shadow:0 28px 70px rgba(0,0,0,.30);border:8px solid rgba(255,255,255,.20)}.ref-float-card{position:absolute;display:grid;gap:8px;width:210px;padding:10px;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 18px 42px rgba(0,0,0,.25);color:#082a68;font-weight:900}.ref-float-card img{height:115px;width:100%;object-fit:cover;border-radius:16px}.card-a{left:0;top:46%}.card-b{right:0;bottom:3%}
.ref-strip{position:relative;margin-top:-58px;z-index:5;padding-bottom:56px}.ref-parts-marquee{background:#fff;border-radius:28px;padding:16px;border:1px solid var(--line);box-shadow:var(--shadow-soft);overflow:hidden}.ref-parts-track{display:flex;align-items:center;gap:46px;width:max-content;animation:brandMarquee 25s linear infinite}.ref-parts-track img{width:120px;height:78px;object-fit:cover;border-radius:16px;box-shadow:0 12px 26px rgba(6,24,63,.10)}.ref-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.ref-feature-grid article{text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow-soft);transition:.25s}.ref-feature-grid article:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.ref-feature-grid img{height:150px;width:100%;object-fit:cover;border-radius:18px}.ref-feature-grid h3{font-family:var(--font-display);color:var(--navy);margin:16px 0 8px}.ref-logo-strip{margin-top:26px;display:flex!important;justify-content:center!important;gap:46px!important;align-items:center!important}.ref-logo-strip img{max-height:58px;max-width:220px;object-fit:contain}.ref-logo-strip img[src*="general-electric"]{max-height:74px}
.ref-about{background:#fff}.ref-about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}.ref-about-visual{position:relative;min-height:520px}.ref-about-visual .main{position:absolute;left:8%;top:0;width:72%;height:430px;object-fit:cover;border-radius:32px;box-shadow:var(--shadow)}.ref-about-visual .mini{position:absolute;right:0;bottom:18px;width:44%;height:210px;object-fit:cover;border-radius:26px;border:8px solid #fff;box-shadow:var(--shadow-soft)}.experience-badge{position:absolute;left:0;top:26px;background:linear-gradient(135deg,var(--ref-blue),#0b8eea);color:#fff;border-radius:0 22px 22px 0;padding:16px 28px;box-shadow:var(--shadow-soft)}.experience-badge strong{font-family:var(--font-display);font-size:2rem;display:block}.experience-badge span{text-transform:uppercase;font-size:.72rem;font-weight:900}.ref-values{position:relative;overflow:hidden;min-height:620px;display:flex;align-items:center;background:#06183f;color:#fff}.ref-values-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,33,77,.86),rgba(5,33,77,.55)),url('../assets/fotos/equipos-refrigeradoras-servicio-tecnico.avif') center/cover fixed}.ref-values-content{position:relative;z-index:1}.ref-values h2{font-family:var(--font-display);font-size:clamp(2.6rem,5.2vw,5.2rem);line-height:.95;letter-spacing:-.05em;margin:16px 0;color:#fff;max-width:620px}.ref-values p{max-width:620px;color:rgba(255,255,255,.84);line-height:1.7}.value-pills{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}.value-pills span{background:rgba(255,255,255,.92);color:#082a68;padding:11px 18px;border-radius:999px;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.12)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.stats-grid div{background:rgba(255,255,255,.92);color:var(--ref-dark);padding:24px;border-radius:18px;text-align:center;box-shadow:0 18px 40px rgba(0,0,0,.15)}.stats-grid strong{font-family:var(--font-display);font-size:2.8rem;display:block}.stats-grid strong::after{content:'+'}.stats-grid span{font-weight:900;text-transform:uppercase;font-size:.72rem;letter-spacing:.07em}.ref-parts-band{text-align:center;padding:44px 0;background:#fff}.ref-parts-band h2{font-family:var(--font-display);font-size:2.1rem;color:var(--ref-dark)}.parts-icons{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.parts-icons img{width:150px;height:90px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow-soft)}.ref-blue-cta{position:relative;text-align:center;color:#fff;background:linear-gradient(135deg,#064a9f,#075bb8);padding:84px 0;overflow:hidden}.ref-blue-cta::before{content:'';position:absolute;left:-8%;bottom:-28%;width:55%;height:60%;background:rgba(255,255,255,.14);border-radius:50% 50% 0 0}.ref-blue-cta .container{position:relative}.ref-blue-cta h2{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95;letter-spacing:-.04em;color:#fff}.ref-blue-cta p{max-width:760px;margin:14px auto 26px;color:rgba(255,255,255,.84)}
.ref-diagnosis{background:#fff}.ref-service-pillars article{background:#fff;border-radius:24px;padding:22px;box-shadow:var(--shadow-soft);border:1px solid var(--line)}.ref-service-pillars img{height:190px;width:100%;object-fit:cover;border-radius:18px}.ref-service-pillars h3,.ref-pro-grid h3{font-family:var(--font-display);color:var(--navy)}.ref-laundry-row{padding:54px 0;background:#f5fbff}.ref-laundry-row h2{text-align:center;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.8rem);color:var(--ref-dark);letter-spacing:-.04em}.ref-photo-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}.ref-photo-row img{height:210px;width:100%;object-fit:cover;border-radius:22px;box-shadow:var(--shadow-soft)}.ref-professional{background:#075bb8;color:white}.ref-professional .section-head h2,.ref-professional .section-head p{color:#fff}.ref-pro-grid .service-card{background:#fff}.ref-gallery{grid-auto-rows:240px}.ref-testimonial{background:linear-gradient(180deg,#e9f4ff,#fff)}.ref-testimonial-grid{display:grid;grid-template-columns:1fr 260px .9fr;gap:24px;align-items:center}.testimonial-card{background:rgba(255,255,255,.86);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:28px;padding:32px}.testimonial-card h2{font-family:var(--font-display);font-size:2rem;color:var(--navy)}.testimonial-card p{font-style:italic;color:var(--muted);line-height:1.8}.testimonial-card b{display:block;color:var(--navy);margin-top:12px}.review-card{align-self:end;background:#075bb8;color:#fff;border-radius:24px;padding:22px;text-align:center;box-shadow:var(--shadow)}.ref-testimonial-grid>img{height:360px;width:100%;object-fit:cover;border-radius:28px;box-shadow:var(--shadow-soft)}.ref-steps{background:#075bb8;color:#fff}.ref-steps .section-head h2,.ref-steps .section-head p{color:#fff}.ref-process .step{background:#fff}.ref-final-cta{padding:42px 0;background:#fff}.ref-final-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.ref-final-inner h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);color:var(--navy);margin:0}.ref-final-inner p{color:var(--muted)}.ref-footer{background:#075bb8}.ref-footer .footer-bottom{border-top-color:rgba(255,255,255,.18)}
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--reveal-delay,0ms)}[data-reveal].visible{opacity:1;transform:translateY(0)}
@media (max-width:980px){.ref-hero{min-height:auto;padding:76px 0 110px}.ref-hero-grid,.ref-about-grid,.ref-testimonial-grid{grid-template-columns:1fr}.ref-hero-device{min-height:430px}.ref-feature-grid,.stats-grid,.ref-photo-row{grid-template-columns:1fr 1fr}.ref-values-bg{background-attachment:scroll}.ref-final-inner{display:grid}.ref-navbar .nav-links.open{background:#fff!important}}
@media (max-width:620px){.ref-topbar .container{justify-content:center;text-align:center}.ref-topbar span:last-child{display:none}.ref-hero-copy h1{font-size:clamp(2.65rem,14vw,4rem)}.ref-proof-row,.ref-feature-grid,.stats-grid,.ref-photo-row{grid-template-columns:1fr}.ref-main-fridge{width:100%;right:0;height:280px}.ref-float-card{display:none}.ref-about-visual{min-height:390px}.ref-about-visual .main{left:0;width:100%;height:310px}.ref-about-visual .mini{width:58%;height:150px}.ref-logo-strip{gap:20px!important;flex-wrap:wrap}.ref-logo-strip img{max-width:145px}.value-pills span{font-size:.86rem}.ref-values{padding:74px 0}.ref-values h2{font-size:2.55rem}.ref-testimonial-grid>img{height:250px}}


/* Ajustes solicitados: parallax visible en imagen principal y proporciones del mockup */
.ref-hero-device{
  --device-pad-x: clamp(18px, 3.2vw, 44px);
  --device-pad-y: clamp(24px, 4vw, 54px);
}
.ref-device-glow{
  inset: 5% 5% 8% 8%!important;
  border-radius: clamp(34px, 4vw, 52px)!important;
}
.ref-main-fridge{
  top: 13%!important;
  right: 5.5%!important;
  width: 78%!important;
  height: clamp(330px, 27vw, 408px)!important;
  border-radius: clamp(24px, 2.4vw, 36px)!important;
  will-change: transform;
  transition: box-shadow .35s ease, filter .35s ease;
}
.ref-hero-device:hover .ref-main-fridge{
  filter: saturate(1.06) contrast(1.05);
  box-shadow: 0 36px 86px rgba(0,0,0,.34);
}
.ref-float-card{
  width: clamp(178px, 14.4vw, 220px)!important;
  padding: 10px!important;
  border-radius: clamp(18px, 1.7vw, 24px)!important;
  will-change: transform;
}
.ref-float-card img{
  height: clamp(96px, 7.5vw, 118px)!important;
  border-radius: 16px!important;
}
.ref-float-card span{
  display:block;
  padding: 1px 2px 2px;
  line-height:1.15;
}
.card-a{
  left: -1%!important;
  top: 37%!important;
}
.card-b{
  right: -1.5%!important;
  bottom: 7%!important;
}

@media (max-width:1180px){
  .ref-hero-grid{gap:34px!important;}
  .ref-hero-device{min-height:520px!important;}
  .ref-main-fridge{right:4%!important;width:80%!important;height:360px!important;}
  .card-a{left:-2%!important;top:38%!important;}
  .card-b{right:-2%!important;bottom:8%!important;}
}

@media (max-width:980px){
  .ref-hero-device{min-height:560px!important;max-width:720px;margin:0 auto;}
  .ref-device-glow{inset: 4% 7% 8% 7%!important;}
  .ref-main-fridge{top:12%!important;left:14%!important;right:auto!important;width:78%!important;height:390px!important;}
  .card-a{left:2%!important;top:34%!important;}
  .card-b{right:2%!important;bottom:6%!important;}
}

@media (max-width:760px){
  .ref-hero-device{min-height:500px!important;}
  .ref-device-glow{inset: 4% 5% 8% 5%!important;}
  .ref-main-fridge{left:12%!important;width:82%!important;height:340px!important;border-width:7px!important;}
  .ref-float-card{width:clamp(150px, 42vw, 188px)!important;}
  .ref-float-card img{height:clamp(78px, 24vw, 102px)!important;}
  .card-a{left:0!important;top:35%!important;}
  .card-b{right:0!important;bottom:7%!important;}
}

@media (max-width:620px){
  .ref-hero-device{min-height:430px!important;}
  .ref-main-fridge{top:12%!important;left:7%!important;width:86%!important;height:286px!important;}
  .ref-float-card{display:grid!important;width:148px!important;padding:8px!important;gap:6px!important;}
  .ref-float-card img{height:76px!important;border-radius:13px!important;}
  .ref-float-card span{font-size:.78rem!important;}
  .card-a{left:0!important;top:31%!important;}
  .card-b{right:0!important;bottom:8%!important;}
}

@media (max-width:430px){
  .ref-hero-device{min-height:390px!important;}
  .ref-main-fridge{height:250px!important;}
  .ref-float-card{width:132px!important;}
  .ref-float-card img{height:66px!important;}
  .card-a{top:34%!important;}
  .card-b{bottom:6%!important;}
}

/* Premium testimonial section refinement */
.premium-testimonial{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(0,168,255,.20),transparent 34%),
    radial-gradient(circle at 18% 72%,rgba(7,91,184,.12),transparent 32%),
    linear-gradient(180deg,#eef8ff 0%,#f8fcff 48%,#ffffff 100%);
}
.premium-testimonial::before{
  content:'';
  position:absolute;
  inset:54px auto auto 50%;
  width:440px;
  height:440px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(0,168,255,.10);
  filter:blur(34px);
  pointer-events:none;
}
.premium-testimonial-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.06fr) 260px minmax(360px,.94fr);
  gap:28px;
  align-items:center;
}
.premium-testimonial-copy h2{
  margin:18px 0 14px;
  font-family:var(--font-display);
  font-size:clamp(2.35rem,4vw,4.3rem);
  line-height:.96;
  letter-spacing:-.055em;
  color:var(--navy);
  max-width:720px;
}
.premium-testimonial-lead{
  max-width:610px;
  margin:0 0 24px;
  color:#5f728c;
  font-size:1.04rem;
  line-height:1.75;
}
.premium-quote-card{
  position:relative;
  padding:34px;
  border-radius:34px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(7,91,184,.12);
  box-shadow:0 28px 80px rgba(12,49,93,.14);
  backdrop-filter:blur(18px);
}
.premium-quote-card::after{
  content:'';
  position:absolute;
  inset:auto 32px -1px 32px;
  height:4px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
}
.premium-quote-card .quote-mark{
  position:absolute;
  right:28px;
  top:14px;
  font-family:Georgia,serif;
  font-size:6rem;
  line-height:1;
  color:rgba(7,91,184,.10);
  pointer-events:none;
}
.premium-quote-card .stars{
  color:#008cff;
  letter-spacing:3px;
  font-size:1.05rem;
  margin-bottom:14px;
}
.premium-quote-card p{
  margin:0;
  color:#5b6d83;
  font-size:1.02rem;
  line-height:1.85;
  font-style:italic;
  max-width:620px;
}
.quote-author{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:22px;
}
.author-avatar{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:white;
  font-weight:950;
  box-shadow:0 14px 30px rgba(0,120,255,.24);
}
.quote-author b{
  display:block;
  color:var(--navy);
  margin:0 0 2px;
}
.quote-author span{
  display:block;
  color:#718298;
  font-size:.93rem;
}
.premium-proof-panel{
  align-self:stretch;
  display:grid;
  align-content:end;
  gap:14px;
  transform:translateY(46px);
}
.premium-review-card{
  position:relative;
  overflow:hidden;
  min-height:178px;
  padding:28px 24px;
  border-radius:30px;
  text-align:left;
  background:linear-gradient(145deg,#063f94 0%,#0764ce 54%,#00a8ff 145%);
  color:white;
  box-shadow:0 32px 80px rgba(7,91,184,.30);
}
.premium-review-card::before{
  content:'★★★★★';
  display:block;
  margin-bottom:20px;
  color:#80d9ff;
  letter-spacing:3px;
  font-size:.98rem;
}
.premium-review-card::after{
  content:'';
  position:absolute;
  right:-56px;
  top:-56px;
  width:150px;
  height:150px;
  border-radius:999px;
  background:rgba(255,255,255,.17);
}
.premium-review-card .review-number{
  font-family:var(--font-display);
  font-size:2.7rem;
  line-height:.9;
  letter-spacing:-.04em;
  font-weight:950;
}
.premium-review-card strong{
  display:block;
  margin-top:8px;
  font-size:1.08rem;
}
.premium-review-card span{
  display:block;
  margin-top:6px;
  color:rgba(255,255,255,.76);
  font-size:.9rem;
}
.premium-proof-mini{
  display:grid;
  gap:9px;
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(7,91,184,.10);
  box-shadow:0 18px 55px rgba(12,49,93,.10);
  backdrop-filter:blur(12px);
  color:#1b3556;
  font-weight:850;
  font-size:.88rem;
}
.premium-testimonial-photo{
  position:relative;
  margin:0;
  border-radius:34px;
  overflow:hidden;
  min-height:430px;
  box-shadow:0 34px 90px rgba(4,24,54,.18);
  border:1px solid rgba(255,255,255,.78);
}
.premium-testimonial-photo img{
  width:100%;
  height:100%;
  min-height:430px;
  object-fit:cover;
  display:block;
  transform:scale(1.02);
}
.premium-testimonial-photo::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(2,13,38,.68));
  pointer-events:none;
}
.premium-testimonial-photo figcaption{
  position:absolute;
  left:20px;
  right:20px;
  bottom:20px;
  z-index:1;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 20px 50px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
}
.premium-testimonial-photo figcaption strong{
  display:block;
  color:var(--navy);
  font-weight:950;
}
.premium-testimonial-photo figcaption span{
  display:block;
  margin-top:4px;
  color:#5f728c;
  font-size:.9rem;
}
@media (max-width:1100px){
  .premium-testimonial-grid{grid-template-columns:1fr 1fr;}
  .premium-testimonial-copy{grid-column:1 / -1;}
  .premium-proof-panel{transform:none;align-self:center;}
}
@media (max-width:720px){
  .premium-testimonial{padding-top:72px;padding-bottom:72px;}
  .premium-testimonial-grid{grid-template-columns:1fr;gap:20px;}
  .premium-testimonial-copy h2{font-size:clamp(2.25rem,12vw,3.3rem);}
  .premium-quote-card{padding:26px 22px;border-radius:28px;}
  .premium-proof-panel{align-content:stretch;}
  .premium-review-card{min-height:auto;text-align:center;}
  .premium-testimonial-photo,.premium-testimonial-photo img{min-height:310px;}
}


/* === hover-motion.css === */
/* GitHub-ready interactive motion layer: stronger hover, magnetic buttons and premium microinteractions */
:root{
  --hover-blue: rgba(7,91,184,.18);
  --hover-cyan: rgba(0,200,255,.34);
  --hover-shadow: 0 28px 70px rgba(6,24,63,.20);
  --hover-shadow-strong: 0 34px 90px rgba(6,24,63,.28);
}

@media (hover:hover) and (pointer:fine){
  .btn,
  .nav-links a,
  .call-link,
  .brand,
  .ref-feature-grid article,
  .ref-service-pillars article,
  .service-card,
  .gallery-item,
  .symptom,
  .step,
  .testimonial-card,
  .review-card,
  .stats-grid div,
  .parts-icons img,
  .ref-photo-row img,
  .ref-logo-strip img,
  .ref-float-card,
  .wa-options a,
  .wa-toggle,
  .wa-main-link{
    will-change: transform, box-shadow, filter, border-color;
  }

  .btn,
  .wa-main-link,
  .wa-toggle{
    position:relative;
    overflow:hidden;
    transition:transform .34s cubic-bezier(.2,.8,.2,1), box-shadow .34s ease, filter .34s ease, background .34s ease;
  }
  .btn::before,
  .wa-main-link::before,
  .wa-toggle::before{
    content:'';
    position:absolute;
    inset:-2px;
    background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.58), transparent 34%);
    opacity:0;
    transition:opacity .28s ease;
    pointer-events:none;
  }
  .btn:hover,
  .wa-main-link:hover,
  .wa-toggle:hover{
    transform:translateY(-5px) scale(1.025);
    box-shadow:0 24px 55px rgba(7,91,184,.28), 0 12px 28px rgba(0,200,255,.20)!important;
    filter:saturate(1.12) contrast(1.03);
  }
  .btn:hover::before,
  .wa-main-link:hover::before,
  .wa-toggle:hover::before{opacity:1;}
  .btn:active,
  .wa-main-link:active,
  .wa-toggle:active{transform:translateY(-1px) scale(.985);}

  .btn-secondary:hover{
    background:#fff!important;
    color:#07316d!important;
    border-color:rgba(255,255,255,.95)!important;
  }

  .nav-links a{
    position:relative;
    transition:color .25s ease, transform .25s ease;
  }
  .nav-links a::after{
    content:'';
    position:absolute;
    left:50%;
    right:50%;
    bottom:-10px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,#075bb8,#00c8ff);
    transition:left .28s ease, right .28s ease, opacity .28s ease;
    opacity:0;
  }
  .nav-links a:hover{
    color:#075bb8!important;
    transform:translateY(-2px);
  }
  .nav-links a:hover::after{left:8%;right:8%;opacity:1;}
  .brand:hover{transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 12px 22px rgba(7,91,184,.18));}

  .ref-feature-grid article,
  .ref-service-pillars article,
  .service-card,
  .symptom,
  .step,
  .testimonial-card,
  .review-card,
  .stats-grid div,
  .wa-options a{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    transform-style:preserve-3d;
    transition:transform .42s cubic-bezier(.2,.8,.2,1), box-shadow .42s ease, border-color .42s ease, filter .42s ease, background .42s ease;
  }
  .ref-feature-grid article::before,
  .ref-service-pillars article::before,
  .service-card::before,
  .symptom::before,
  .step::before,
  .testimonial-card::before,
  .review-card::before,
  .stats-grid div::before,
  .wa-options a::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.95), transparent 25%), linear-gradient(135deg, rgba(0,200,255,.16), rgba(7,91,184,.12));
    opacity:0;
    transition:opacity .34s ease;
    pointer-events:none;
    z-index:-1;
  }
  .ref-feature-grid article:hover,
  .ref-service-pillars article:hover,
  .service-card:hover,
  .symptom:hover,
  .step:hover,
  .testimonial-card:hover,
  .review-card:hover,
  .stats-grid div:hover,
  .wa-options a:hover{
    transform:translateY(-12px) scale(1.018);
    box-shadow:var(--hover-shadow-strong)!important;
    border-color:rgba(7,91,184,.24)!important;
    filter:saturate(1.08);
  }
  .ref-feature-grid article:hover::before,
  .ref-service-pillars article:hover::before,
  .service-card:hover::before,
  .symptom:hover::before,
  .step:hover::before,
  .testimonial-card:hover::before,
  .review-card:hover::before,
  .stats-grid div:hover::before,
  .wa-options a:hover::before{opacity:1;}

  .ref-feature-grid article img,
  .ref-service-pillars article img,
  .service-card img,
  .gallery-item img,
  .ref-photo-row img,
  .testimonial-card + .review-card + img,
  .ref-main-fridge,
  .ref-float-card img,
  .parts-icons img{
    transition:transform .62s cubic-bezier(.2,.8,.2,1), filter .42s ease, box-shadow .42s ease;
  }
  .ref-feature-grid article:hover img,
  .ref-service-pillars article:hover img,
  .service-card:hover img{
    transform:scale(1.07) rotate(.6deg);
    filter:saturate(1.12) contrast(1.06);
  }

  .gallery-item{
    overflow:hidden;
    border-radius:24px;
    transition:transform .42s cubic-bezier(.2,.8,.2,1), box-shadow .42s ease;
  }
  .gallery-item:hover{
    transform:translateY(-10px) scale(1.025) rotate(-.35deg);
    box-shadow:var(--hover-shadow-strong);
    z-index:2;
  }
  .gallery-item:hover img{transform:scale(1.12);filter:saturate(1.18) contrast(1.06);}

  .parts-icons img:hover,
  .ref-photo-row img:hover,
  .ref-parts-track img:hover{
    transform:translateY(-10px) scale(1.08) rotate(1.2deg);
    box-shadow:var(--hover-shadow);
    filter:saturate(1.12) contrast(1.05);
  }
  .ref-logo-strip img:hover{
    transform:translateY(-7px) scale(1.08);
    filter:drop-shadow(0 16px 26px rgba(7,91,184,.18));
  }
  .ref-proof-row div{
    transition:transform .34s ease, background .34s ease, border-color .34s ease, box-shadow .34s ease;
  }
  .ref-proof-row div:hover{
    transform:translateY(-8px) scale(1.025);
    background:rgba(255,255,255,.17);
    border-color:rgba(255,255,255,.32);
    box-shadow:0 22px 55px rgba(0,0,0,.22);
  }
  .value-pills span,
  .district-cloud span{
    transition:transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s ease, background .32s ease, color .32s ease, border-color .32s ease;
  }
  .value-pills span:hover,
  .district-cloud span:hover{
    transform:translateY(-6px) scale(1.045);
    background:#075bb8!important;
    color:#fff!important;
    border-color:#075bb8!important;
    box-shadow:0 16px 34px rgba(7,91,184,.26);
  }

  .ref-float-card:hover{
    transform:translateY(-14px) scale(1.04) rotate(-1deg)!important;
    box-shadow:0 30px 72px rgba(0,0,0,.34);
  }
  .ref-main-fridge:hover{transform:scale(1.035);filter:saturate(1.14) contrast(1.05);}
  .ref-hero-device:hover .ref-device-glow{box-shadow:0 45px 100px rgba(0,160,255,.24), inset 0 0 80px rgba(255,255,255,.14);}

  .experience-badge,
  .review-card,
  .wa-toggle{
    animation:premiumPulse 3.9s ease-in-out infinite;
  }
  @keyframes premiumPulse{
    0%,100%{filter:drop-shadow(0 0 0 rgba(0,200,255,0));}
    50%{filter:drop-shadow(0 0 18px rgba(0,200,255,.28));}
  }

  .ref-parts-track:hover{animation-play-state:paused;}
}

.hover-ripple{
  position:absolute;
  width:18px;
  height:18px;
  border-radius:999px;
  pointer-events:none;
  background:rgba(255,255,255,.48);
  transform:translate(-50%,-50%) scale(0);
  animation:rippleOut .62s ease-out forwards;
}
@keyframes rippleOut{
  to{transform:translate(-50%,-50%) scale(18);opacity:0;}
}

@media (prefers-reduced-motion:reduce){
  .experience-badge,.review-card,.wa-toggle{animation:none!important;}
}

/* Safety fallback: prevents an empty page if JS is delayed or blocked */
body:not(.motion-ready) [data-reveal],
body:not(.motion-ready) .card,
body:not(.motion-ready) .symptom,
body:not(.motion-ready) .step,
body:not(.motion-ready) .quote,
body:not(.motion-ready) .faq-item,
body:not(.motion-ready) .district-cloud span{
  opacity:1;
  transform:none;
}


/* === blue-palette-fixes.css === */
/* Corrección final de paleta: solo azules, celestes, blanco y neutros fríos */
:root{
  --navy:#06183f;
  --navy-2:#082a68;
  --blue:#0057ff;
  --blue-2:#0078ff;
  --cyan:#00c8ff;
  --ice:#eaf8ff;
  --ice-2:#f5fbff;
  --success:#00a8ff;
  --warning:#00c8ff;
  --ref-blue:#075bb8;
  --ref-dark:#06316d;
  --ref-cyan:#00c8ff;
  --ref-soft:#edf6ff;
}

.btn-primary,
.ref-navbar .btn-primary,
.ref-blue-cta .btn-primary,
.ref-final-cta .btn-primary,
.wa-main-link,
.wa-toggle{
  background:linear-gradient(135deg,var(--blue),var(--cyan))!important;
  color:#ffffff!important;
  box-shadow:0 16px 34px rgba(0,120,255,.28)!important;
}

.btn-primary:hover,
.wa-main-link:hover,
.wa-toggle:hover{
  box-shadow:0 22px 54px rgba(0,120,255,.32)!important;
}

.nav-links a::after,
.ref-main-fridge::after,
.ref-parts-track::before{
  background:linear-gradient(90deg,var(--blue),var(--cyan))!important;
}

.check::before{
  background:rgba(0,168,255,.13)!important;
  color:#0078ff!important;
}

.stars{
  color:#0078ff!important;
}

.wa-panel{
  background:#eef8ff!important;
  border-color:rgba(0,120,255,.10)!important;
}
.wa-topbar{
  background:linear-gradient(135deg,#06316d,#075bb8 58%,#00a8ff)!important;
}
.wa-topbar span i{
  background:#7de4ff!important;
  box-shadow:0 0 0 4px rgba(0,200,255,.16)!important;
}
.wa-chat{
  background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(230,247,255,.94)),radial-gradient(circle at 15% 20%,rgba(0,120,255,.12),transparent 24%)!important;
}
.wa-bubble-out,
.wa-options span{
  background:#dff6ff!important;
  color:#06316d!important;
}
.wa-mini-info span,
.wa-options a{
  border-color:rgba(0,120,255,.12)!important;
  color:#06316d!important;
}
.wa-options a:hover{
  border-color:rgba(0,168,255,.28)!important;
}

.value-pills span:hover,
.district-cloud span:hover{
  background:#075bb8!important;
  color:#fff!important;
  border-color:#075bb8!important;
  box-shadow:0 16px 34px rgba(0,120,255,.26)!important;
}

/* Neutraliza tonos cálidos heredados en brillos y microinteracciones */
@media (hover:hover) and (pointer:fine){
  .btn:hover,
  .wa-main-link:hover,
  .wa-toggle:hover{
    box-shadow:0 24px 55px rgba(7,91,184,.28),0 12px 28px rgba(0,200,255,.20)!important;
  }
  .ref-feature-grid article::before,
  .ref-service-pillars article::before,
  .service-card::before,
  .symptom::before,
  .step::before,
  .testimonial-card::before,
  .review-card::before,
  .stats-grid div::before,
  .wa-options a::before{
    background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.95), transparent 25%),linear-gradient(135deg,rgba(0,200,255,.16),rgba(7,91,184,.12))!important;
  }
  @keyframes premiumPulse{
    0%,100%{filter:drop-shadow(0 0 0 rgba(0,200,255,0));}
    50%{filter:drop-shadow(0 0 18px rgba(0,200,255,.28));}
  }
}

/* Mantiene la identidad visual dentro de una gama azul/celeste */
.brand-logos img,
.ref-logo-strip img,
.brand-track img,
.brand-track-logos-only img,
.footer img,
.brand img{
  filter:grayscale(1) sepia(.35) hue-rotate(165deg) saturate(2.2) brightness(.92) contrast(1.05)!important;
}

.wa-toggle-icon{color:#ffffff!important;}


/* === logo-original-colors.css === */
/* Ajuste final: logos con sus colores originales y presentación limpia */
.brand img,
.logo-plate img,
.brand-logos img,
.brand-track img,
.brand-track-logos-only img,
.ref-logo-strip img,
.footer img,
footer img{
  filter:none !important;
  -webkit-filter:none !important;
  mix-blend-mode:normal !important;
}

.ref-navbar .brand img,
.navbar .brand img,
.footer-grid > div:first-child img{
  width:auto !important;
  max-width:240px;
  height:auto !important;
  object-fit:contain;
  border-radius:0 !important;
  box-shadow:none !important;
}

.logo-plate{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 14px 34px rgba(6,24,63,.10) !important;
}

.logo-plate img{
  background:transparent !important;
}

.brand-strip-inner.ref-logo-strip,
.ref-logo-strip{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:10px 0 !important;
  gap:54px !important;
  flex-wrap:wrap;
}

.ref-logo-strip img,
.brand-track-logos-only img,
.brand-logos img{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  opacity:1 !important;
}

.ref-logo-strip img:hover,
.brand-track-logos-only img:hover,
.brand-logos img:hover,
.brand:hover{
  transform:translateY(-4px) scale(1.03);
  filter:none !important;
  box-shadow:none !important;
}

@media (max-width:760px){
  .ref-navbar .brand img,
  .navbar .brand img,
  .footer-grid > div:first-child img{max-width:180px;}
  .ref-logo-strip{gap:28px !important;}
}

/* Ajuste solicitado: separación y carruseles continuos sin espacios en blanco */
.ref-strip{
  margin-top:34px !important;
  padding-top:26px !important;
  padding-bottom:64px !important;
}
.ref-parts-marquee{
  overflow:hidden !important;
  width:100% !important;
  padding:18px 0 !important;
  border-radius:34px !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(0,120,255,.10) !important;
  box-shadow:0 18px 42px rgba(6,24,63,.08) !important;
}
.ref-parts-track{
  display:flex !important;
  align-items:center !important;
  gap:42px !important;
  width:max-content !important;
  min-width:max-content !important;
  animation:seamlessPartsMarquee 42s linear infinite !important;
  will-change:transform;
}
.ref-parts-track img{
  flex:0 0 auto !important;
  width:150px !important;
  height:96px !important;
  object-fit:cover !important;
  border-radius:20px !important;
  box-shadow:0 12px 28px rgba(6,24,63,.10) !important;
  transform:translateZ(0);
}
.ref-parts-track:hover,
.brand-logo-track:hover{
  animation-play-state:paused !important;
}
@keyframes seamlessPartsMarquee{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-50%,0,0);}
}

.brand-logo-marquee{
  position:relative;
  margin-top:32px !important;
  overflow:hidden !important;
  width:100% !important;
  padding:20px 0 !important;
  border-radius:30px !important;
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(0,120,255,.10) !important;
  box-shadow:0 16px 36px rgba(6,24,63,.06) !important;
}
.brand-logo-marquee::before,
.brand-logo-marquee::after,
.ref-parts-marquee::before,
.ref-parts-marquee::after{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  width:90px;
  z-index:2;
  pointer-events:none;
}
.brand-logo-marquee::before,
.ref-parts-marquee::before{left:0;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,0));}
.brand-logo-marquee::after,
.ref-parts-marquee::after{right:0;background:linear-gradient(270deg,rgba(255,255,255,.96),rgba(255,255,255,0));}
.brand-logo-track{
  display:flex !important;
  align-items:center !important;
  gap:76px !important;
  width:max-content !important;
  min-width:max-content !important;
  animation:seamlessLogoMarquee 34s linear infinite !important;
  will-change:transform;
}
.brand-logo-track img{
  flex:0 0 auto !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  mix-blend-mode:normal !important;
  transform:translateZ(0);
}
.brand-logo-track img[src*="lg"]{height:56px !important;max-width:155px !important;}
.brand-logo-track img[src*="samsung"]{height:42px !important;max-width:220px !important;}
.brand-logo-track img[src*="general-electric"]{height:74px !important;max-width:98px !important;}
@keyframes seamlessLogoMarquee{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-50%,0,0);}
}

@media (max-width:760px){
  .ref-strip{margin-top:24px !important;padding-top:18px !important;}
  .ref-parts-track{gap:24px !important;animation-duration:32s !important;}
  .ref-parts-track img{width:118px !important;height:76px !important;border-radius:16px !important;}
  .brand-logo-track{gap:46px !important;animation-duration:26s !important;}
  .brand-logo-track img[src*="lg"]{height:42px !important;max-width:120px !important;}
  .brand-logo-track img[src*="samsung"]{height:32px !important;max-width:160px !important;}
  .brand-logo-track img[src*="general-electric"]{height:56px !important;max-width:76px !important;}
}


/* === hero-visible-final-fix.css === */
/* Final visible hero parallax + proportion fix */
.ref-hero{
  --hero-scroll: 0px;
  --hero-photo-shift: 0px;
  --hero-card-a-shift: 0px;
  --hero-card-b-shift: 0px;
  --hero-bg-shift: 0px;
}
.ref-hero-bg img{
  transform: translate3d(0, var(--hero-bg-shift), 0) scale(1.11) !important;
  transform-origin: center center;
  will-change: transform;
}
.ref-hero-device{
  min-height: 590px !important;
  isolation: isolate;
  transform: none !important;
}
.ref-device-glow{
  inset: 4.5% 5.5% 6.5% 5.5% !important;
  border-radius: 48px !important;
  transform: translate3d(0, calc(var(--hero-photo-shift) * .28), 0) !important;
  will-change: transform;
}
.ref-main-fridge{
  top: 13.5% !important;
  right: 6.5% !important;
  left: auto !important;
  width: 78% !important;
  height: 382px !important;
  object-fit: cover !important;
  border-radius: 34px !important;
  transform: translate3d(0, var(--hero-photo-shift), 0) scale(1.025) !important;
  transform-origin: center center;
  will-change: transform;
  transition: box-shadow .28s ease, filter .28s ease !important;
  z-index: 2;
}
.ref-hero-device:hover .ref-main-fridge{
  filter: saturate(1.08) contrast(1.05);
  box-shadow: 0 36px 90px rgba(0,0,0,.34), 0 0 44px rgba(0,200,255,.14) !important;
}
.ref-float-card{
  z-index: 4 !important;
  width: clamp(190px, 14.6vw, 238px) !important;
  padding: 12px !important;
  gap: 9px !important;
  border-radius: 24px !important;
  transform: none !important;
  will-change: transform;
}
.ref-float-card img{
  height: clamp(96px, 8vw, 124px) !important;
  border-radius: 17px !important;
}
.ref-float-card span{
  font-size: clamp(.84rem, .85vw, .98rem) !important;
  line-height: 1.15 !important;
}
.ref-float-card.card-a{
  left: -1.5% !important;
  top: 36% !important;
  bottom: auto !important;
  right: auto !important;
  transform: translate3d(0, var(--hero-card-a-shift), 0) !important;
}
.ref-float-card.card-b{
  right: -1.5% !important;
  bottom: 8.5% !important;
  top: auto !important;
  left: auto !important;
  transform: translate3d(0, var(--hero-card-b-shift), 0) !important;
}
.ref-float-card:hover{
  scale: 1.035;
  box-shadow: 0 24px 55px rgba(0,33,92,.28), 0 0 34px rgba(0,200,255,.15) !important;
}

@media (min-width: 1240px){
  .ref-hero-grid{grid-template-columns: minmax(0,1.02fr) minmax(560px,.9fr) !important; gap: 56px !important;}
  .ref-hero-device{max-width: 660px !important; margin-left: auto !important;}
}
@media (max-width: 1120px){
  .ref-hero-device{min-height: 540px !important; max-width: 650px; margin: 0 auto;}
  .ref-main-fridge{height: 350px !important; width: 80% !important; right: 6% !important;}
  .ref-float-card{width: clamp(170px, 24vw, 210px) !important;}
  .ref-float-card.card-a{left: 1% !important; top: 36% !important;}
  .ref-float-card.card-b{right: 1% !important; bottom: 8% !important;}
}
@media (max-width: 760px){
  .ref-hero-device{min-height: 480px !important; max-width: 560px;}
  .ref-device-glow{inset: 6% 4% 12% 4% !important; border-radius: 34px !important;}
  .ref-main-fridge{top: 13% !important; right: 7% !important; width: 86% !important; height: 302px !important; border-width: 6px !important;}
  .ref-float-card{width: 160px !important; padding: 8px !important; border-radius: 18px !important;}
  .ref-float-card img{height: 78px !important; border-radius: 13px !important;}
  .ref-float-card span{font-size: .78rem !important;}
  .ref-float-card.card-a{left: 0 !important; top: 35% !important;}
  .ref-float-card.card-b{right: 0 !important; bottom: 12% !important;}
}
@media (max-width: 500px){
  .ref-hero-device{min-height: 420px !important;}
  .ref-main-fridge{height: 258px !important; width: 88% !important; right: 6% !important;}
  .ref-float-card{width: 136px !important;}
  .ref-float-card img{height: 66px !important;}
  .ref-float-card.card-a{top: 36% !important; left: -1% !important;}
  .ref-float-card.card-b{right: -1% !important; bottom: 11% !important;}
}


/* === premium-polish-final.css === */
/* === Premium polish final: equilibrio visual, microinteracciones y responsive limpio === */
:root{
  --premium-navy:#04172f;
  --premium-blue:#0077ff;
  --premium-blue-2:#0057ff;
  --premium-cyan:#18c8ff;
  --premium-ice:#edf8ff;
  --premium-line:rgba(82,197,255,.22);
  --premium-glass:rgba(255,255,255,.11);
  --premium-shadow:0 26px 70px rgba(0,45,118,.16);
  --premium-soft-shadow:0 18px 44px rgba(0,45,118,.10);
}

html{scroll-behavior:smooth;}
body{background:linear-gradient(180deg,#ffffff 0%,#f5fbff 48%,#ffffff 100%);}

/* Navbar más limpio y flotante */
.ref-navbar,.navbar{
  background:rgba(255,255,255,.86)!important;
  border-bottom:1px solid rgba(0,119,255,.10)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  box-shadow:0 10px 34px rgba(4,23,47,.08)!important;
}
.ref-navbar .nav-inner{min-height:78px;}
.ref-navbar .nav-links a,.navbar .nav-links a{position:relative;transition:color .24s ease, transform .24s ease;}
.ref-navbar .nav-links a::after,.navbar .nav-links a::after{
  content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--premium-blue),var(--premium-cyan));
  transform:scaleX(0);transform-origin:center;transition:transform .24s ease;
}
.ref-navbar .nav-links a:hover,.navbar .nav-links a:hover{color:var(--premium-blue)!important;transform:translateY(-1px);}
.ref-navbar .nav-links a:hover::after,.navbar .nav-links a:hover::after{transform:scaleX(1);}
.ref-navbar.nav-hidden,.navbar.nav-hidden{transform:translate3d(0,-120%,0)!important;opacity:.08;pointer-events:none;}

/* Hero: más aire, visual compacto y parallax controlado */
.ref-hero{
  overflow:hidden!important;
  min-height:calc(100vh - 30px);
  isolation:isolate;
  background:linear-gradient(135deg,#031129 0%,#082352 58%,#0f4d78 100%);
}
.ref-hero::after{
  content:'';position:absolute;left:-5%;right:-5%;bottom:-1px;height:96px;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.88) 68%,#fff 100%);
  clip-path:ellipse(70% 72% at 50% 100%);
}
.ref-hero-grid{
  position:relative;z-index:2;
  grid-template-columns:minmax(0,1.03fr) minmax(470px,.9fr)!important;
  gap:clamp(48px,5vw,88px)!important;
  align-items:center!important;
}
.ref-hero-copy{max-width:760px;}
.ref-hero-copy h1{letter-spacing:-.075em;text-wrap:balance;}
.ref-hero-copy p{max-width:720px;color:rgba(255,255,255,.82)!important;}
.ref-hero-device{
  width:min(100%,590px)!important;
  max-width:590px!important;
  min-height:560px!important;
  margin:0 auto!important;
  contain:layout;
  filter:drop-shadow(0 32px 66px rgba(0,0,0,.24));
}
.ref-device-glow{
  inset:6% 6% 11% 6%!important;
  border-radius:42px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(24,200,255,.14))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 30px 80px rgba(0,0,0,.18)!important;
}
.ref-main-fridge{
  top:15%!important;right:8%!important;left:auto!important;width:78%!important;height:352px!important;
  border-radius:30px!important;border:8px solid rgba(255,255,255,.42)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.08)!important;
}
.ref-float-card{
  width:clamp(172px,12vw,214px)!important;max-width:34%!important;
  border-radius:22px!important;background:rgba(255,255,255,.94)!important;
  box-shadow:0 22px 50px rgba(0,23,74,.22)!important;border:1px solid rgba(255,255,255,.75)!important;
}
.ref-float-card img{height:clamp(82px,6.4vw,108px)!important;object-fit:cover!important;}
.ref-float-card.card-a{left:1.5%!important;top:36%!important;right:auto!important;}
.ref-float-card.card-b{right:1.5%!important;bottom:12%!important;left:auto!important;}
.ref-float-card:hover{scale:1.04;box-shadow:0 28px 70px rgba(0,59,130,.30),0 0 32px rgba(24,200,255,.20)!important;}
.ref-proof-row>div{transition:transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease;}
.ref-proof-row>div:hover{transform:translateY(-6px);border-color:rgba(24,200,255,.32);background:rgba(255,255,255,.12);box-shadow:0 22px 45px rgba(0,0,0,.14);}

/* Botones premium con brillo celeste */
.btn,.wa-main-link,.wa-toggle,.call-link{
  position:relative;overflow:hidden;transform:translateZ(0);
  transition:transform .24s ease, box-shadow .24s ease, filter .24s ease, background .24s ease!important;
}
.btn::after,.wa-main-link::after,.wa-toggle::after{
  content:'';position:absolute;inset:-2px auto -2px -55%;width:42%;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-18deg) translateX(-130%);transition:transform .58s ease;
}
.btn:hover::after,.wa-main-link:hover::after,.wa-toggle:hover::after{transform:skewX(-18deg) translateX(420%);}
.btn:hover,.wa-main-link:hover,.wa-toggle:hover{transform:translateY(-3px);filter:saturate(1.08);box-shadow:0 18px 42px rgba(0,119,255,.28)!important;}
.btn-primary,.wa-main-link,.wa-toggle{background:linear-gradient(135deg,var(--premium-blue-2),var(--premium-cyan))!important;color:#fff!important;}
.btn-secondary{background:rgba(255,255,255,.96)!important;color:#071b3a!important;box-shadow:0 14px 34px rgba(0,45,118,.12)!important;}
.wa-toggle{animation:premiumPulse 3.2s ease-in-out infinite;}
@keyframes premiumPulse{0%,100%{box-shadow:0 16px 40px rgba(0,119,255,.24)}50%{box-shadow:0 18px 58px rgba(24,200,255,.34)}}

/* Transiciones suaves entre bloques */
.section,.ref-services,.ref-about,.ref-values,.ref-steps,.gallery-section,.ref-testimonial-section{position:relative;}
.section::before,.ref-services::before,.ref-about::before,.ref-values::before,.ref-steps::before{
  content:'';position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(24,200,255,.22),transparent);
}
.ref-strip{padding-top:clamp(34px,5vw,72px)!important;padding-bottom:clamp(22px,4vw,44px)!important;background:linear-gradient(180deg,#fff 0%,#f1f9ff 100%)!important;}
.ref-strip .container{max-width:1320px;}
.ref-parts-marquee,.brand-marquee,.ref-logo-marquee{
  overflow:hidden!important;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.ref-parts-track,.brand-track,.brand-track-logos-only,.ref-logo-strip{
  display:flex!important;align-items:center;width:max-content;will-change:transform;
  animation:premiumMarquee 32s linear infinite!important;
}
.ref-logo-strip,.brand-track-logos-only{gap:clamp(42px,6vw,88px)!important;}
.ref-parts-track{gap:clamp(38px,5vw,76px)!important;}
.ref-parts-track:hover,.brand-track:hover,.brand-track-logos-only:hover,.ref-logo-strip:hover{animation-play-state:paused!important;}
@keyframes premiumMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.ref-logo-strip img,.brand-track img,.brand-logos img,.brand img,.footer img,.logo-plate img{filter:none!important;mix-blend-mode:normal!important;background:transparent!important;}

/* Cards consistentes */
.card,.service-card,.ref-service-card,.step,.ref-process .step,.gallery-item,.mini-stat-card,.proof-card,.ref-testimonial,.wa-panel,.seo-content{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease,filter .28s ease;
}
.card:hover,.service-card:hover,.ref-service-card:hover,.step:hover,.ref-process .step:hover,.gallery-item:hover,.mini-stat-card:hover,.proof-card:hover{
  transform:translateY(-8px) scale(1.01);
  border-color:var(--premium-line)!important;
  box-shadow:var(--premium-shadow)!important;
}
.card,.service-card,.ref-service-card,.step,.ref-process .step,.seo-content{
  border-color:rgba(24,200,255,.14)!important;
  box-shadow:var(--premium-soft-shadow);
}
.card-media img,.gallery-item img,.ref-service-card img{transition:transform .45s ease,filter .35s ease;}
.card:hover .card-media img,.gallery-item:hover img,.ref-service-card:hover img{transform:scale(1.055);filter:saturate(1.08) contrast(1.03);}

/* Scroll reveal más pulido */
[data-reveal],.premium-reveal{opacity:0;transform:translateY(26px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1);}
[data-reveal].is-visible,.premium-reveal.is-visible{opacity:1;transform:translateY(0);}

/* Responsive: menos carga en móvil */
@media (max-width:1120px){
  .ref-hero-grid{grid-template-columns:1fr!important;gap:34px!important;text-align:left;}
  .ref-hero-copy{max-width:820px;margin-inline:auto;}
  .ref-hero-device{max-width:610px!important;min-height:520px!important;}
}
@media (max-width:760px){
  .ref-navbar .nav-inner{min-height:66px;}
  .ref-hero{min-height:auto;padding-bottom:46px!important;}
  .ref-hero-copy h1{font-size:clamp(3.1rem,14vw,5rem)!important;line-height:.92!important;}
  .ref-hero-copy p{font-size:1rem!important;line-height:1.7!important;}
  .ref-hero-device{min-height:430px!important;max-width:520px!important;}
  .ref-main-fridge{height:264px!important;width:86%!important;right:7%!important;border-radius:24px!important;border-width:6px!important;}
  .ref-float-card{width:138px!important;max-width:42%!important;border-radius:18px!important;padding:8px!important;}
  .ref-float-card img{height:66px!important;border-radius:12px!important;}
  .ref-float-card span{font-size:.76rem!important;}
  .ref-float-card.card-a{left:1%!important;top:37%!important;}
  .ref-float-card.card-b{right:1%!important;bottom:12%!important;}
  .ref-proof-row{grid-template-columns:1fr!important;gap:12px!important;}
}
@media (max-width:480px){
  .ref-hero-device{min-height:360px!important;}
  .ref-main-fridge{height:230px!important;}
  .ref-float-card.card-a{display:none!important;}
  .ref-float-card.card-b{right:2%!important;bottom:8%!important;}
  .ref-parts-track img{width:116px!important;height:72px!important;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
  [data-reveal],.premium-reveal{opacity:1!important;transform:none!important;}
}


/* === gallery-mosaic-fill.css === */
/* Ajuste final de galeria: conserva el mosaico y rellena espacios vacios */
#galeria .work-gallery{
  grid-auto-flow: dense;
  align-items: stretch;
}

#galeria .gallery-item{
  min-height: 0;
  isolation: isolate;
}

#galeria .gallery-item img{
  object-position: center center;
}

/* Mantiene el look tipo mosaico, pero reparte mejor las nuevas fotos */
#galeria .gallery-item:nth-child(9){
  grid-column: span 1;
}

#galeria .gallery-item:nth-child(10){
  grid-column: span 1;
}

#galeria .gallery-item:nth-child(11){
  grid-row: span 2;
}

#galeria .gallery-item:nth-child(12){
  grid-column: span 2;
}

@media (max-width: 980px){
  #galeria .gallery-item:nth-child(11),
  #galeria .gallery-item:nth-child(12){
    grid-column: span 1;
    grid-row: span 1;
  }
}

@media (max-width: 760px){
  #galeria .work-gallery{
    grid-auto-flow: row;
  }
}


/* === gallery-lightbox.css === */
/* Galeria final: relleno visual + visor ampliado dentro de la misma pagina */
#galeria .work-gallery{
  grid-auto-flow: dense;
  grid-auto-rows: 190px;
}

#galeria .gallery-item{
  cursor: zoom-in;
}

#galeria .gallery-item::before{
  content: "Ver foto";
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  color: var(--navy);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: -.01em;
  box-shadow: 0 10px 24px rgba(6,24,63,.16);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .25s ease, transform .25s ease;
}

#galeria .gallery-item:hover::before,
#galeria .gallery-item:focus-within::before{
  opacity: 1;
  transform: translateY(0);
}

/* Rellena el espacio inferior sin romper el mosaico anterior */
#galeria .gallery-item:nth-child(13){grid-column: span 1;grid-row: span 1;}
#galeria .gallery-item:nth-child(14){grid-column: span 1;grid-row: span 1;}
#galeria .gallery-item:nth-child(15){grid-column: span 1;grid-row: span 1;}
#galeria .gallery-item:nth-child(16){grid-column: span 2;grid-row: span 1;}
#galeria .gallery-item:nth-child(17){grid-column: span 1;grid-row: span 1;}
#galeria .gallery-item:nth-child(n+13) img{object-position:center center;}

.gallery-lightbox{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 28px 72px;
  background: rgba(3,13,35,.82);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

.gallery-lightbox.is-open{
  opacity: 1;
  pointer-events: auto;
}

.gallery-lightbox-frame{
  width: min(1080px, 100%);
  max-height: min(82vh, 820px);
  margin: 0;
  display: grid;
  gap: 12px;
  justify-items: center;
}

.gallery-lightbox-frame img{
  max-width: 100%;
  max-height: 78vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 28px 90px rgba(0,0,0,.42);
}

.gallery-lightbox-frame figcaption{
  color: #fff;
  font-weight: 800;
  text-align: center;
  text-shadow: 0 2px 18px rgba(0,0,0,.36);
}

.gallery-lightbox-close,
.gallery-lightbox-nav{
  position: fixed;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  color: var(--navy);
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 16px 40px rgba(0,0,0,.25);
  transition: transform .2s ease, background .2s ease;
}

.gallery-lightbox-close:hover,
.gallery-lightbox-nav:hover{
  transform: scale(1.06);
  background: #fff;
}

.gallery-lightbox-close{
  top: 22px;
  right: 22px;
  width: 46px;
  height: 46px;
  font-size: 2rem;
  line-height: 1;
}

.gallery-lightbox-nav{
  top: 50%;
  width: 54px;
  height: 54px;
  font-size: 2.7rem;
  line-height: 1;
  transform: translateY(-50%);
}

.gallery-lightbox-nav:hover{transform: translateY(-50%) scale(1.06);}
.gallery-lightbox-prev{left: 18px;}
.gallery-lightbox-next{right: 18px;}

body.gallery-lightbox-open{overflow: hidden;}

@media (max-width: 980px){
  #galeria .work-gallery{grid-auto-rows: 175px;}
  #galeria .gallery-item:nth-child(16){grid-column: span 1;}
  .gallery-lightbox{padding: 24px 58px;}
}

@media (max-width: 760px){
  #galeria .work-gallery{grid-auto-rows: 165px;}
  #galeria .gallery-item:nth-child(n+13){grid-column: span 1;grid-row: span 1;}
  .gallery-lightbox{padding: 70px 16px 26px;}
  .gallery-lightbox-frame img{max-height: 70vh;border-radius: 18px;}
  .gallery-lightbox-nav{top: auto;bottom: 18px;width: 48px;height: 48px;font-size: 2.2rem;transform:none;}
  .gallery-lightbox-nav:hover{transform: scale(1.05);}
  .gallery-lightbox-prev{left: calc(50% - 58px);}
  .gallery-lightbox-next{right: calc(50% - 58px);}
}


/* === gallery-premium-fix-final.css === */
/* Corrección definitiva de galería: mosaico cerrado, sin huecos y con lightbox estable */
#galeria.gallery-section{
  padding-bottom: clamp(74px, 8vw, 120px);
}

#galeria .section-head{
  align-items: end;
}

#galeria .gallery-mosaic-clean{
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(8, clamp(82px, 7.4vw, 126px)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: 116px !important;
  gap: 18px !important;
  align-items: stretch !important;
  margin-top: 30px;
}

#galeria .gallery-mosaic-clean .gallery-tile{
  position: relative;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #eef9ff, #ffffff) !important;
  border: 1px solid rgba(14, 139, 255, .14) !important;
  box-shadow: 0 18px 46px rgba(5, 35, 86, .11) !important;
  cursor: zoom-in;
  transform: translateZ(0);
}

#galeria .gallery-mosaic-clean .gallery-tile::after{
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2,14,40,0) 58%, rgba(2,14,40,.18) 100%);
  opacity: 0;
  transition: opacity .28s ease;
  pointer-events: none;
}

#galeria .gallery-mosaic-clean .gallery-tile:hover::after{
  opacity: 1;
}

#galeria .gallery-mosaic-clean .gallery-tile img{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  transition: transform .55s ease, filter .35s ease !important;
}

#galeria .gallery-mosaic-clean .gallery-tile:hover img{
  transform: scale(1.065) !important;
  filter: saturate(1.08) contrast(1.04) !important;
}

#galeria .gallery-mosaic-clean .tile-01{grid-column: 1 / 4 !important; grid-row: 1 / 5 !important;}
#galeria .gallery-mosaic-clean .tile-02{grid-column: 4 / 7 !important; grid-row: 1 / 3 !important;}
#galeria .gallery-mosaic-clean .tile-03{grid-column: 7 / 10 !important; grid-row: 1 / 3 !important;}
#galeria .gallery-mosaic-clean .tile-04{grid-column: 10 / 13 !important; grid-row: 1 / 3 !important;}
#galeria .gallery-mosaic-clean .tile-05{grid-column: 4 / 10 !important; grid-row: 3 / 5 !important;}
#galeria .gallery-mosaic-clean .tile-06{grid-column: 10 / 13 !important; grid-row: 3 / 5 !important;}
#galeria .gallery-mosaic-clean .tile-07{grid-column: 1 / 4 !important; grid-row: 5 / 7 !important;}
#galeria .gallery-mosaic-clean .tile-08{grid-column: 4 / 7 !important; grid-row: 5 / 7 !important;}
#galeria .gallery-mosaic-clean .tile-09{grid-column: 7 / 10 !important; grid-row: 5 / 7 !important;}
#galeria .gallery-mosaic-clean .tile-10{grid-column: 10 / 13 !important; grid-row: 5 / 7 !important;}
#galeria .gallery-mosaic-clean .tile-11{grid-column: 1 / 7 !important; grid-row: 7 / 9 !important;}
#galeria .gallery-mosaic-clean .tile-12{grid-column: 7 / 13 !important; grid-row: 7 / 9 !important;}

/* Recortes manuales para que técnicos y equipos no queden mal cortados */
#galeria .gallery-mosaic-clean .tile-01 img{object-position: center center !important;}
#galeria .gallery-mosaic-clean .tile-02 img{object-position: center 52% !important;}
#galeria .gallery-mosaic-clean .tile-03 img{object-position: center 52% !important;}
#galeria .gallery-mosaic-clean .tile-04 img{object-position: center 55% !important;}
#galeria .gallery-mosaic-clean .tile-05 img{object-position: center center !important;}
#galeria .gallery-mosaic-clean .tile-06 img{object-position: center 55% !important;}
#galeria .gallery-mosaic-clean .tile-07 img{object-position: center 52% !important;}
#galeria .gallery-mosaic-clean .tile-08 img{object-position: center 45% !important;}
#galeria .gallery-mosaic-clean .tile-09 img{object-position: center 55% !important;}
#galeria .gallery-mosaic-clean .tile-10 img{object-position: center center !important;}
#galeria .gallery-mosaic-clean .tile-11 img{object-position: center center !important;}
#galeria .gallery-mosaic-clean .tile-12 img{object-position: center center !important;}

/* Lightbox: estado por atributo + clase para evitar conflictos */
.gallery-lightbox[aria-hidden="true"]{
  opacity: 0 !important;
  pointer-events: none !important;
}
.gallery-lightbox[aria-hidden="false"],
.gallery-lightbox.is-open{
  opacity: 1 !important;
  pointer-events: auto !important;
}

.gallery-lightbox{
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 34px 80px !important;
  background: rgba(2, 11, 31, .88) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  transition: opacity .25s ease !important;
}

.gallery-lightbox-frame{
  width: min(1120px, 100%) !important;
  max-height: 86vh !important;
  margin: 0 !important;
  display: grid !important;
  justify-items: center !important;
  gap: 14px !important;
}

.gallery-lightbox-frame img{
  max-width: 100% !important;
  max-height: 78vh !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 34px 90px rgba(0,0,0,.46) !important;
}

.gallery-lightbox-frame figcaption{
  color: #f4fbff !important;
  font-weight: 800 !important;
  text-align: center !important;
  font-size: .98rem !important;
}

.gallery-lightbox-close,
.gallery-lightbox-nav{
  position: fixed !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.96) !important;
  color: #061a40 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.28) !important;
  transition: transform .2s ease, background .2s ease !important;
}

.gallery-lightbox-close:hover,
.gallery-lightbox-nav:hover{background:#fff !important;}
.gallery-lightbox-close{top: 22px !important; right: 22px !important; width: 48px !important; height: 48px !important; font-size: 2rem !important; line-height: 1 !important;}
.gallery-lightbox-nav{top: 50% !important; width: 56px !important; height: 56px !important; font-size: 2.6rem !important; line-height: 1 !important; transform: translateY(-50%) !important;}
.gallery-lightbox-nav:hover{transform: translateY(-50%) scale(1.06) !important;}
.gallery-lightbox-prev{left: 20px !important;}
.gallery-lightbox-next{right: 20px !important;}
body.gallery-lightbox-open{overflow: hidden !important;}

@media (max-width: 980px){
  #galeria .gallery-mosaic-clean{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-rows: 150px !important;
    gap: 14px !important;
  }
  #galeria .gallery-mosaic-clean .tile-01{grid-column: 1 / 4 !important; grid-row: span 3 !important;}
  #galeria .gallery-mosaic-clean .tile-02{grid-column: 4 / 7 !important; grid-row: span 2 !important;}
  #galeria .gallery-mosaic-clean .tile-03{grid-column: 4 / 7 !important; grid-row: span 2 !important;}
  #galeria .gallery-mosaic-clean .tile-04{grid-column: 1 / 4 !important; grid-row: span 2 !important;}
  #galeria .gallery-mosaic-clean .tile-05{grid-column: 4 / 7 !important; grid-row: span 2 !important;}
  #galeria .gallery-mosaic-clean .tile-06{grid-column: 1 / 4 !important; grid-row: span 2 !important;}
  #galeria .gallery-mosaic-clean .tile-07{grid-column: 4 / 7 !important; grid-row: span 2 !important;}
  #galeria .gallery-mosaic-clean .tile-08{grid-column: 1 / 4 !important; grid-row: span 2 !important;}
  #galeria .gallery-mosaic-clean .tile-09{grid-column: 4 / 7 !important; grid-row: span 2 !important;}
  #galeria .gallery-mosaic-clean .tile-10{grid-column: 1 / 4 !important; grid-row: span 2 !important;}
  #galeria .gallery-mosaic-clean .tile-11{grid-column: 1 / 4 !important; grid-row: span 2 !important;}
  #galeria .gallery-mosaic-clean .tile-12{grid-column: 4 / 7 !important; grid-row: span 2 !important;}
  .gallery-lightbox{padding: 28px 60px !important;}
}

@media (max-width: 640px){
  #galeria .section-head{align-items:start;}
  #galeria .gallery-mosaic-clean{
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
    gap: 14px !important;
  }
  #galeria .gallery-mosaic-clean .gallery-tile{
    grid-column: auto !important;
    grid-row: auto !important;
    height: 238px !important;
    border-radius: 20px !important;
  }
  #galeria .gallery-mosaic-clean .tile-01,
  #galeria .gallery-mosaic-clean .tile-04,
  #galeria .gallery-mosaic-clean .tile-08{height: 310px !important;}
  .gallery-lightbox{padding: 72px 14px 78px !important;}
  .gallery-lightbox-frame img{max-height: 70vh !important; border-radius: 18px !important;}
  .gallery-lightbox-close{width:44px !important;height:44px !important;}
  .gallery-lightbox-nav{top: auto !important; bottom: 18px !important; width: 48px !important; height: 48px !important; font-size: 2.15rem !important; transform: none !important;}
  .gallery-lightbox-nav:hover{transform: scale(1.05) !important;}
  .gallery-lightbox-prev{left: calc(50% - 58px) !important;}
  .gallery-lightbox-next{right: calc(50% - 58px) !important;}
}


/* === mobile-premium.css === */
/* Mobile Premium View: vista independiente para celulares */
.ref-mobile-hero-card{display:none;}

@media (max-width: 760px){
  html{scroll-padding-top:76px;}
  .topbar.ref-topbar{display:none!important;}
  .navbar.ref-navbar{
    top:0!important;
    background:rgba(255,255,255,.92)!important;
    border-bottom:1px solid rgba(10,91,190,.10)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .ref-navbar .nav-inner{height:66px!important;}
  .ref-navbar .brand img{height:44px!important;width:auto!important;}
  .ref-navbar .nav-actions .btn{display:none!important;}
  .ref-navbar .menu-btn{
    min-height:38px!important;
    padding:9px 13px!important;
    border-radius:999px!important;
    color:#08316f!important;
    background:#eef8ff!important;
    border:1px solid rgba(0,140,255,.18)!important;
  }
  .ref-navbar .nav-links.open{
    top:74px!important;
    left:14px!important;
    right:14px!important;
    padding:12px!important;
    border-radius:22px!important;
    box-shadow:0 22px 52px rgba(6,24,63,.18)!important;
  }

  .ref-hero{
    min-height:auto!important;
    padding:84px 0 42px!important;
    background:
      linear-gradient(180deg, rgba(2,14,42,.88) 0%, rgba(4,32,78,.82) 48%, rgba(237,248,255,1) 100%),
      url('../assets/fotos/atencion-tecnica-local-lima.avif') center top/cover no-repeat!important;
    overflow:hidden!important;
  }
  .ref-hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 20% 18%, rgba(0,190,255,.24), transparent 34%),
      linear-gradient(180deg, rgba(4,24,60,.10), rgba(237,248,255,.94) 88%);
    pointer-events:none;
    z-index:0;
  }
  .ref-hero::after{
    content:'';
    position:absolute;
    left:-24%;right:-24%;bottom:-74px;height:150px;
    background:#eef8ff;
    border-radius:50% 50% 0 0;
    z-index:0;
  }
  .ref-hero-bg{display:none!important;}
  .ref-hero-grid{
    display:block!important;
    position:relative!important;
    z-index:2!important;
  }
  .ref-hero-copy{
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .ref-hero-copy .eyebrow{
    align-self:flex-start!important;
    font-size:.67rem!important;
    letter-spacing:.105em!important;
    padding:8px 12px!important;
    color:#eaf8ff!important;
    background:rgba(229,247,255,.16)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    backdrop-filter:blur(10px)!important;
  }
  .ref-hero-copy h1{
    max-width:11ch!important;
    margin:15px 0 12px!important;
    font-size:clamp(2.55rem, 13.6vw, 3.85rem)!important;
    line-height:.92!important;
    letter-spacing:-.064em!important;
    color:#fff!important;
    text-wrap:balance!important;
  }
  .ref-hero-copy p{
    font-size:.98rem!important;
    line-height:1.58!important;
    max-width:95%!important;
    margin:0 0 15px!important;
    color:rgba(239,250,255,.88)!important;
  }
  .ref-hero-device{display:none!important;}
  .ref-mobile-hero-card{
    display:block!important;
    position:relative!important;
    margin:8px 0 18px!important;
    height:min(58vh, 328px)!important;
    min-height:258px!important;
    border-radius:28px!important;
    overflow:hidden!important;
    background:#08234f!important;
    border:1px solid rgba(255,255,255,.28)!important;
    box-shadow:0 24px 70px rgba(0,22,64,.38)!important;
  }
  .ref-mobile-hero-card img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center 43%!important;
    filter:saturate(1.05) contrast(1.03)!important;
  }
  .ref-mobile-hero-card::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,18,48,0) 45%, rgba(3,19,49,.76) 100%);
    pointer-events:none;
  }
  .ref-mobile-hero-card figcaption{
    position:absolute;
    left:14px;right:14px;bottom:14px;
    display:grid;
    gap:2px;
    padding:13px 14px;
    border-radius:20px;
    background:rgba(255,255,255,.94);
    color:#071c42;
    box-shadow:0 16px 38px rgba(0,0,0,.20);
    backdrop-filter:blur(12px);
  }
  .ref-mobile-hero-card figcaption strong{
    font-size:.98rem;
    font-weight:900;
    letter-spacing:-.01em;
  }
  .ref-mobile-hero-card figcaption span{
    font-size:.76rem;
    color:#33628f;
    font-weight:800;
  }
  .ref-mobile-hero-card i{
    position:absolute;
    top:12px;right:12px;
    font-style:normal;
    padding:8px 11px;
    border-radius:999px;
    color:#eaf8ff;
    background:rgba(0,124,255,.72);
    border:1px solid rgba(255,255,255,.22);
    font-size:.75rem;
    font-weight:900;
    box-shadow:0 12px 28px rgba(0,24,70,.26);
  }
  .ref-hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin-top:0!important;
    order:5!important;
  }
  .ref-hero-actions .btn{
    min-height:50px!important;
    padding:13px 10px!important;
    border-radius:999px!important;
    font-size:.86rem!important;
    white-space:normal!important;
    text-align:center!important;
    box-shadow:0 14px 32px rgba(4,80,190,.22)!important;
  }
  .ref-proof-row{
    order:4!important;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:8px!important;
    margin:0 0 14px!important;
    max-width:none!important;
  }
  .ref-proof-row div{
    padding:11px 8px!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(0,127,255,.12)!important;
    box-shadow:0 12px 28px rgba(5,35,86,.12)!important;
    backdrop-filter:blur(12px)!important;
  }
  .ref-proof-row strong{
    color:#071c42!important;
    font-size:1.04rem!important;
    line-height:1.05!important;
    letter-spacing:-.02em!important;
  }
  .ref-proof-row span{
    display:block!important;
    margin-top:4px!important;
    color:#4d6f91!important;
    font-size:.55rem!important;
    line-height:1.18!important;
    letter-spacing:.055em!important;
  }

  .ref-strip{
    margin-top:0!important;
    padding:16px 0 34px!important;
    background:#eef8ff!important;
  }
  .ref-parts-marquee{
    border-radius:22px!important;
    padding:12px!important;
    box-shadow:0 14px 36px rgba(5,35,86,.10)!important;
  }
  .ref-parts-track{gap:18px!important;animation-duration:34s!important;}
  .ref-parts-track img{
    width:104px!important;
    height:68px!important;
    border-radius:14px!important;
  }
  .ref-feature-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:16px!important;
  }
  .ref-feature-grid article{
    display:grid!important;
    grid-template-columns:92px 1fr!important;
    align-items:center!important;
    gap:12px!important;
    text-align:left!important;
    padding:12px!important;
    border-radius:20px!important;
  }
  .ref-feature-grid img{height:86px!important;border-radius:16px!important;}
  .ref-feature-grid h3{margin:0 0 4px!important;font-size:1.02rem!important;line-height:1.05!important;}
  .ref-feature-grid p{margin:0!important;font-size:.82rem!important;line-height:1.45!important;}

  .section{padding:54px 0!important;}
  .section-head{
    display:block!important;
    margin-bottom:22px!important;
  }
  .section-head h2{
    font-size:clamp(2rem, 10vw, 2.72rem)!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
    max-width:12ch!important;
  }
  .section-head p{margin-top:10px!important;font-size:.94rem!important;line-height:1.55!important;}
  .grid-3.service-photo-grid,
  .ref-pro-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .service-card{
    display:grid!important;
    grid-template-columns:116px 1fr!important;
    gap:13px!important;
    align-items:center!important;
    padding:12px!important;
    border-radius:22px!important;
  }
  .service-card .card-media{margin:0!important;height:112px!important;border-radius:17px!important;}
  .service-card h3{font-size:1rem!important;line-height:1.05!important;margin:0 0 5px!important;}
  .service-card p{font-size:.82rem!important;line-height:1.42!important;margin:0!important;}

  #galeria.gallery-section{padding-top:46px!important;padding-bottom:62px!important;background:#f6fbff!important;}
  #galeria .section-head h2{max-width:9.5ch!important;}
  #galeria .gallery-mosaic-clean{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
    grid-auto-rows:118px!important;
    gap:10px!important;
    margin-top:20px!important;
  }
  #galeria .gallery-mosaic-clean .gallery-tile{
    grid-column:auto!important;
    grid-row:span 1!important;
    height:auto!important;
    min-height:0!important;
    border-radius:18px!important;
    box-shadow:0 12px 30px rgba(5,35,86,.10)!important;
  }
  #galeria .gallery-mosaic-clean .tile-01,
  #galeria .gallery-mosaic-clean .tile-04,
  #galeria .gallery-mosaic-clean .tile-08{
    height:auto!important;
  }
  #galeria .gallery-mosaic-clean .tile-01{grid-row:span 2!important;}
  #galeria .gallery-mosaic-clean .tile-05{grid-column:1 / -1!important;grid-row:span 2!important;}
  #galeria .gallery-mosaic-clean .tile-08{grid-row:span 2!important;}
  #galeria .gallery-mosaic-clean .tile-11{grid-column:1 / -1!important;grid-row:span 2!important;}
  #galeria .gallery-mosaic-clean .tile-12{grid-column:1 / -1!important;grid-row:span 2!important;}
  #galeria .gallery-mosaic-clean .gallery-tile img{object-fit:cover!important;}
  #galeria .gallery-mosaic-clean .gallery-tile:hover img{transform:scale(1.035)!important;}

  .gallery-lightbox{padding:74px 14px 82px!important;}
  .gallery-lightbox-frame{gap:10px!important;}
  .gallery-lightbox-frame img{
    max-height:68vh!important;
    border-radius:20px!important;
    box-shadow:0 24px 70px rgba(0,0,0,.42)!important;
  }
  .gallery-lightbox-frame figcaption{font-size:.86rem!important;line-height:1.35!important;}

  .float-wa{right:12px!important;bottom:12px!important;}
  .wa-toggle{padding:11px 12px!important;border-radius:999px!important;gap:8px!important;}
  .wa-toggle span:first-of-type{font-size:.84rem!important;}
  .wa-toggle small{font-size:.68rem!important;}
}

@media (max-width: 390px){
  .ref-hero-copy h1{font-size:clamp(2.34rem, 13.2vw, 3.3rem)!important;}
  .ref-mobile-hero-card{height:286px!important;min-height:244px!important;border-radius:24px!important;}
  .ref-proof-row{gap:7px!important;}
  .ref-proof-row div{padding:10px 6px!important;}
  .ref-proof-row strong{font-size:.96rem!important;}
  .ref-proof-row span{font-size:.5rem!important;}
  .ref-hero-actions .btn{font-size:.8rem!important;padding-inline:7px!important;}
  .service-card{grid-template-columns:104px 1fr!important;}
  .service-card .card-media{height:104px!important;}
  #galeria .gallery-mosaic-clean{grid-auto-rows:106px!important;}
}


/* === mobile-card-balance-fix.css === */
/* Mobile premium card balance fix: image + title/description together */
@media (max-width: 720px){
  .ref-feature-grid article,
  .ref-pro-grid .service-card,
  .grid-3.service-photo-grid .service-card,
  .ref-professional .service-card{
    display:grid !important;
    grid-template-columns:88px minmax(0, 1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    column-gap:14px !important;
    row-gap:5px !important;
    min-height:128px !important;
    height:auto !important;
    padding:14px !important;
    border-radius:24px !important;
    background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
    border:1px solid rgba(0,127,255,.13) !important;
    box-shadow:0 14px 32px rgba(5,35,86,.09) !important;
    overflow:hidden !important;
    text-align:left !important;
  }

  .ref-feature-grid article > img,
  .ref-pro-grid .service-card > .card-media,
  .grid-3.service-photo-grid .service-card > .card-media,
  .ref-professional .service-card > .card-media{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    align-self:center !important;
    justify-self:start !important;
    width:88px !important;
    height:88px !important;
    min-width:88px !important;
    min-height:88px !important;
    max-width:88px !important;
    max-height:88px !important;
    margin:0 !important;
    border-radius:18px !important;
    overflow:hidden !important;
    box-shadow:0 10px 24px rgba(5,35,86,.12) !important;
  }

  .ref-pro-grid .service-card > .card-media img,
  .grid-3.service-photo-grid .service-card > .card-media img,
  .ref-professional .service-card > .card-media img,
  .ref-feature-grid article > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .ref-feature-grid article > h3,
  .ref-pro-grid .service-card > h3,
  .grid-3.service-photo-grid .service-card > h3,
  .ref-professional .service-card > h3{
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:end !important;
    margin:0 !important;
    padding:0 !important;
    color:#061b43 !important;
    font-size:.96rem !important;
    line-height:1.22 !important;
    letter-spacing:-.025em !important;
    max-width:100% !important;
  }

  .ref-feature-grid article > p,
  .ref-pro-grid .service-card > p,
  .grid-3.service-photo-grid .service-card > p,
  .ref-professional .service-card > p{
    grid-column:2 !important;
    grid-row:2 !important;
    align-self:start !important;
    margin:0 !important;
    padding:0 !important;
    color:#47627f !important;
    font-size:.79rem !important;
    line-height:1.42 !important;
    max-width:100% !important;
  }

  .ref-feature-grid article > *,
  .service-card > *{
    min-width:0 !important;
  }

  .ref-feature-grid,
  .ref-pro-grid,
  .grid-3.service-photo-grid{
    gap:12px !important;
  }
}

@media (max-width: 390px){
  .ref-feature-grid article,
  .ref-pro-grid .service-card,
  .grid-3.service-photo-grid .service-card,
  .ref-professional .service-card{
    grid-template-columns:76px minmax(0, 1fr) !important;
    column-gap:12px !important;
    min-height:116px !important;
    padding:12px !important;
    border-radius:22px !important;
  }

  .ref-feature-grid article > img,
  .ref-pro-grid .service-card > .card-media,
  .grid-3.service-photo-grid .service-card > .card-media,
  .ref-professional .service-card > .card-media{
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
    min-height:76px !important;
    max-width:76px !important;
    max-height:76px !important;
    border-radius:16px !important;
  }

  .ref-feature-grid article > h3,
  .ref-pro-grid .service-card > h3,
  .grid-3.service-photo-grid .service-card > h3,
  .ref-professional .service-card > h3{
    font-size:.88rem !important;
    line-height:1.2 !important;
  }

  .ref-feature-grid article > p,
  .ref-pro-grid .service-card > p,
  .grid-3.service-photo-grid .service-card > p,
  .ref-professional .service-card > p{
    font-size:.735rem !important;
    line-height:1.38 !important;
  }
}


/* === premium-solution-cta.css === */
/* Bloque CTA premium final */
.premium-solution-cta{
  position:relative;
  padding:clamp(72px,8vw,130px) 18px;
  background:
    radial-gradient(circle at 14% 18%, rgba(0,178,255,.16), transparent 30%),
    radial-gradient(circle at 85% 20%, rgba(19,99,255,.12), transparent 32%),
    linear-gradient(180deg,#f8fcff 0%,#eef8ff 100%);
  overflow:hidden;
}
.premium-solution-cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.45),transparent 40%,rgba(255,255,255,.25));
  pointer-events:none;
}
.premium-solution-wrap{
  position:relative;
  max-width:1280px;
  margin:0 auto;
  border-radius:40px;
  padding:clamp(30px,5vw,68px);
  background:
    linear-gradient(135deg,rgba(3,22,62,.98) 0%,rgba(4,55,125,.96) 52%,rgba(0,178,239,.92) 100%);
  box-shadow:0 34px 90px rgba(2,38,91,.24), inset 0 1px 0 rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.22);
  overflow:hidden;
}
.premium-solution-wrap::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-150px;
  top:-170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%);
}
.premium-solution-wrap::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);
}
.premium-solution-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  gap:clamp(26px,5vw,72px);
  align-items:center;
  z-index:1;
}
.premium-solution-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  padding:9px 15px;
  border-radius:999px;
  color:#dff6ff;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.18);
  font-weight:900;
  font-size:.76rem;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.premium-solution-eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#30d5ff;
  box-shadow:0 0 18px rgba(48,213,255,.9);
}
.premium-solution-title{
  max-width:760px;
  margin:0;
  color:#fff;
  font-size:clamp(2.55rem,5.2vw,5.7rem);
  line-height:.92;
  letter-spacing:-.075em;
  text-wrap:balance;
}
.premium-solution-title span{
  color:#bfeeff;
}
.premium-solution-text{
  max-width:720px;
  margin:24px 0 0;
  color:rgba(235,249,255,.88);
  font-size:clamp(1rem,1.25vw,1.18rem);
  line-height:1.75;
}
.premium-solution-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:32px;
}
.premium-solution-btn,
.premium-solution-call{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:0 24px;
  border-radius:999px;
  font-weight:900;
  text-decoration:none;
  transition:transform .28s ease,box-shadow .28s ease,background .28s ease;
}
.premium-solution-btn{
  color:#fff;
  background:linear-gradient(135deg,#0877ff,#00c2f6);
  box-shadow:0 18px 40px rgba(0,147,255,.34);
}
.premium-solution-call{
  color:#eaf9ff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
}
.premium-solution-btn:hover,
.premium-solution-call:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 48px rgba(0,147,255,.38);
}
.premium-solution-panel{
  position:relative;
  border-radius:30px;
  padding:28px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 60px rgba(1,15,45,.18);
  backdrop-filter:blur(14px);
}
.premium-panel-top{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:16px;
  align-items:start;
  color:#fff;
}
.premium-panel-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#06316d;
  background:#dff7ff;
  font-size:1.4rem;
  font-weight:900;
  box-shadow:0 14px 34px rgba(0,183,255,.28);
}
.premium-panel-top strong{display:block;font-size:1.25rem;margin-bottom:6px;}
.premium-panel-top p{margin:0;color:rgba(237,250,255,.82);line-height:1.55;}
.premium-panel-list{
  display:grid;
  gap:12px;
  margin-top:24px;
}
.premium-panel-list div{
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
}
.premium-panel-list b{display:block;color:#fff;font-size:1.05rem;}
.premium-panel-list span{display:block;margin-top:4px;color:rgba(235,249,255,.76);font-size:.9rem;}
.premium-solution-details{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:30px;
}
.premium-detail-card{
  padding:24px;
  border-radius:26px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(194,226,246,.9);
  box-shadow:0 24px 60px rgba(3,36,82,.18);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.premium-detail-card:hover{
  transform:translateY(-6px);
  border-color:rgba(0,178,239,.55);
  box-shadow:0 30px 68px rgba(3,36,82,.22);
}
.premium-detail-card span{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:14px;
  color:#0476d9;
  background:#e8f8ff;
  font-weight:900;
  margin-bottom:12px;
}
.premium-detail-card h3{
  margin:0 0 10px;
  color:#071b49;
  font-size:1.08rem;
  letter-spacing:-.02em;
}
.premium-detail-card p{
  margin:0;
  color:#5d6d8c;
  line-height:1.68;
}
@media (max-width:900px){
  .premium-solution-cta{padding:58px 14px;}
  .premium-solution-wrap{border-radius:30px;padding:28px;}
  .premium-solution-grid{grid-template-columns:1fr;gap:24px;}
  .premium-solution-title{font-size:clamp(2.15rem,10vw,3.2rem);letter-spacing:-.06em;}
  .premium-solution-panel{padding:22px;}
  .premium-solution-details{grid-template-columns:1fr;margin-top:18px;}
}
@media (max-width:520px){
  .premium-solution-cta{padding:44px 10px;}
  .premium-solution-wrap{padding:22px;border-radius:26px;}
  .premium-solution-eyebrow{font-size:.67rem;padding:8px 12px;}
  .premium-solution-text{font-size:.96rem;line-height:1.65;margin-top:18px;}
  .premium-solution-actions{gap:10px;margin-top:22px;}
  .premium-solution-btn,.premium-solution-call{width:100%;min-height:52px;}
  .premium-panel-top{grid-template-columns:46px 1fr;gap:12px;}
  .premium-panel-icon{width:46px;height:46px;border-radius:16px;}
  .premium-panel-list div{padding:14px;}
  .premium-detail-card{padding:20px;border-radius:22px;}
}


/* === premium-footer-parallax.css === */
/* Premium parallax footer */
.premium-parallax-footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:0;
  color:#eaf8ff;
  background:#031733;
  min-height:560px;
}
.premium-parallax-footer .footer-bg{
  position:absolute;
  inset:0;
  z-index:-3;
  overflow:hidden;
}
.premium-parallax-footer .footer-bg img{
  width:100%;
  height:125%;
  object-fit:cover;
  object-position:center;
  filter:saturate(1.06) contrast(1.04) brightness(.72);
  transform:translateY(-5%);
}
.premium-parallax-footer::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 18% 18%, rgba(0,194,255,.34), transparent 30%),
    radial-gradient(circle at 82% 24%, rgba(0,111,255,.28), transparent 34%),
    linear-gradient(135deg, rgba(1,13,39,.95) 0%, rgba(3,34,78,.82) 42%, rgba(0,168,255,.44) 100%);
}
.premium-parallax-footer .footer-overlay{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg, rgba(229,246,255,.16), rgba(0,168,255,.10) 35%, rgba(0,36,91,.88)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.055) 0 1px, transparent 1px 22px);
  backdrop-filter:blur(2px);
}
.premium-footer-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);
  gap:24px;
  align-items:stretch;
  padding-top:82px;
  padding-bottom:34px;
}
.footer-brand-card,
.footer-contact-card,
.footer-glass-panel{
  border:1px solid rgba(180,235,255,.22);
  background:linear-gradient(145deg, rgba(232,248,255,.18), rgba(0,168,255,.08));
  box-shadow:0 34px 90px rgba(0,16,45,.34), inset 0 1px 0 rgba(255,255,255,.20);
  backdrop-filter:blur(18px);
}
.footer-brand-card{
  border-radius:36px;
  padding:34px;
  overflow:hidden;
  position:relative;
}
.footer-brand-card::after{
  content:"";
  position:absolute;
  right:-70px;
  top:-90px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(125,228,255,.34), transparent 68%);
}
.footer-logo{
  width:min(230px,62vw);
  height:auto;
  max-height:86px;
  object-fit:contain;
  display:block;
  padding:10px 14px;
  border-radius:20px;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 16px 34px rgba(0,20,55,.18);
  filter:none!important;
  mix-blend-mode:normal!important;
}
.footer-pill,
.footer-mini-title{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-top:22px;
  border:1px solid rgba(173,235,255,.34);
  border-radius:999px;
  padding:9px 13px;
  background:rgba(220,248,255,.14);
  color:#9fe9ff;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.footer-brand-card h2{
  max-width:820px;
  margin:20px 0 14px;
  font-family:var(--font-display);
  color:#fff;
  font-size:clamp(2rem,4vw,4.2rem);
  line-height:.95;
  letter-spacing:-.055em;
}
.footer-brand-card p,
.footer-contact-card p,
.footer-note-panel p{
  color:rgba(235,249,255,.78);
  line-height:1.75;
}
.footer-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  margin-top:26px;
}
.footer-cta{
  box-shadow:0 22px 46px rgba(0,168,255,.34)!important;
}
.footer-call{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  border-radius:999px;
  padding:0 18px;
  color:#eaf8ff!important;
  font-weight:950;
  border:1px solid rgba(186,237,255,.34);
  background:rgba(255,255,255,.10);
}
.footer-contact-card{
  border-radius:34px;
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:100%;
}
.footer-contact-card strong{
  display:block;
  margin-top:18px;
  font-family:var(--font-display);
  color:#fff;
  font-size:clamp(2.2rem,4vw,4.6rem);
  line-height:.92;
  letter-spacing:-.055em;
}
.footer-trust-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:24px;
}
.footer-trust-grid div{
  border-radius:22px;
  border:1px solid rgba(180,235,255,.22);
  background:rgba(255,255,255,.12);
  padding:16px;
}
.footer-trust-grid b{
  display:block;
  color:#fff;
  font-family:var(--font-display);
  font-size:1.65rem;
  line-height:1;
}
.footer-trust-grid span{
  display:block;
  margin-top:7px;
  color:rgba(235,249,255,.72);
  font-size:.82rem;
  font-weight:800;
}
.premium-footer-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  padding-bottom:34px;
}
.footer-glass-panel{
  border-radius:26px;
  padding:23px;
  min-height:210px;
  transition:transform .25s ease, border-color .25s ease, background .25s ease;
}
.footer-glass-panel:hover{
  transform:translateY(-6px);
  border-color:rgba(153,231,255,.52);
  background:linear-gradient(145deg, rgba(232,248,255,.24), rgba(0,168,255,.12));
}
.footer-glass-panel h3{
  margin:0 0 14px;
  color:#fff;
  font-family:var(--font-display);
  font-size:1.28rem;
  letter-spacing:-.02em;
}
.footer-glass-panel ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}
.footer-glass-panel li,
.footer-glass-panel a{
  color:rgba(235,249,255,.78)!important;
  font-weight:750;
}
.footer-glass-panel li::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:50%;
  margin-right:9px;
  background:#7de4ff;
  box-shadow:0 0 0 4px rgba(125,228,255,.10);
}
.footer-glass-panel a:hover{
  color:#fff!important;
}
.premium-footer-bottom{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px;
  border-top:1px solid rgba(190,239,255,.18);
  padding:20px 0 28px;
  color:rgba(235,249,255,.62);
  font-size:.88rem;
}
@supports (background-attachment: fixed){
  .premium-parallax-footer{
    background-image:linear-gradient(135deg, rgba(1,13,39,.92), rgba(0,168,255,.28)), url('../assets/fotos/taller-refrigeradoras-lima.avif');
    background-attachment:fixed;
    background-position:center;
    background-size:cover;
  }
  .premium-parallax-footer .footer-bg img{opacity:.42;}
}
@media (max-width:980px){
  .premium-footer-hero{grid-template-columns:1fr;padding-top:62px;}
  .premium-footer-grid{grid-template-columns:1fr 1fr;}
  .footer-contact-card{min-height:auto;}
}
@media (max-width:620px){
  .premium-parallax-footer{min-height:auto;background-attachment:scroll;}
  .premium-footer-hero{padding-top:42px;padding-bottom:20px;gap:16px;}
  .footer-brand-card,.footer-contact-card{border-radius:28px;padding:22px;}
  .footer-brand-card h2{font-size:2.15rem;line-height:1.02;}
  .footer-brand-card p,.footer-contact-card p,.footer-note-panel p{font-size:.95rem;line-height:1.65;}
  .footer-cta-row{display:grid;grid-template-columns:1fr;}
  .footer-cta-row .btn,.footer-call{width:100%;}
  .footer-contact-card strong{font-size:2.45rem;}
  .footer-trust-grid{grid-template-columns:1fr;}
  .premium-footer-grid{grid-template-columns:1fr;gap:12px;}
  .footer-glass-panel{min-height:auto;border-radius:22px;padding:19px;}
  .premium-footer-bottom{padding-bottom:96px;font-size:.78rem;}
}


/* === footer-dedup-logo-fix.css === */
/* Footer final: sin repeticion de contenido y logo con mayor presencia */
.footer-dedup-premium{
  min-height:auto;
  padding:0;
}

.footer-institutional-wrap{
  position:relative;
  display:grid;
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.25fr);
  gap:22px;
  align-items:stretch;
  padding-top:78px;
  padding-bottom:34px;
}

.footer-institutional-brand,
.footer-dedup-premium .footer-glass-panel{
  border:1px solid rgba(180,235,255,.24);
  background:linear-gradient(145deg, rgba(232,248,255,.20), rgba(0,168,255,.09));
  box-shadow:0 34px 90px rgba(0,16,45,.34), inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter:blur(18px);
}

.footer-institutional-brand{
  border-radius:38px;
  padding:34px;
  position:relative;
  overflow:hidden;
}

.footer-institutional-brand::after{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  right:-90px;
  top:-90px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(125,228,255,.30), transparent 68%);
  pointer-events:none;
}

.footer-logo-link{
  display:inline-flex;
  text-decoration:none;
}

.footer-logo-large,
.footer-dedup-premium .footer-logo{
  width:clamp(260px,22vw,380px) !important;
  max-width:100% !important;
  max-height:165px !important;
  height:auto !important;
  object-fit:contain !important;
  display:block;
  padding:16px 20px !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 22px 48px rgba(0,20,55,.22) !important;
  filter:none !important;
  -webkit-filter:none !important;
  mix-blend-mode:normal !important;
}

.footer-institutional-brand h2{
  max-width:650px;
  margin:22px 0 14px;
  font-family:var(--font-display);
  color:#fff;
  font-size:clamp(2rem,3.6vw,3.9rem);
  line-height:.96;
  letter-spacing:-.055em;
}

.footer-institutional-brand p{
  color:rgba(235,249,255,.80);
  line-height:1.75;
  max-width:680px;
  margin:0;
}

.footer-brand-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.footer-brand-tags span{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(173,235,255,.30);
  border-radius:999px;
  padding:9px 12px;
  background:rgba(220,248,255,.12);
  color:#dff8ff;
  font-size:.82rem;
  font-weight:900;
}

.footer-institutional-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.footer-dedup-premium .footer-glass-panel{
  min-height:0;
  border-radius:28px;
  padding:24px;
}

.footer-dedup-premium .footer-glass-panel h3{
  font-size:1.35rem;
}

.footer-dedup-premium .footer-note-panel p{
  margin:0 0 12px;
}

.footer-dedup-premium .footer-contact-panel a{
  color:#fff !important;
}

.footer-bottom-dedup{
  margin-top:0;
}

@media (max-width:980px){
  .footer-institutional-wrap{
    grid-template-columns:1fr;
    padding-top:60px;
  }
}

@media (max-width:620px){
  .footer-institutional-wrap{
    padding-top:40px;
    padding-bottom:20px;
    gap:14px;
  }
  .footer-institutional-brand,
  .footer-dedup-premium .footer-glass-panel{
    border-radius:24px;
    padding:20px;
  }
  .footer-logo-large,
  .footer-dedup-premium .footer-logo{
    width:min(260px,86vw) !important;
    max-height:132px !important;
    padding:13px 16px !important;
  }
  .footer-institutional-brand h2{
    font-size:2.05rem;
    line-height:1.02;
  }
  .footer-institutional-brand p{
    font-size:.95rem;
  }
  .footer-institutional-columns{
    grid-template-columns:1fr;
    gap:12px;
  }
}


/* === final-palette-premium-fix.css === */
/* Ajuste final: bloque CTA sin fondo blanco y paleta azul/celeste unificada */
:root{
  --navy:#06183f;
  --navy-2:#082a68;
  --blue:#0078ff;
  --blue-2:#0a63d8;
  --cyan:#00c8ff;
  --cyan-soft:#bfeeff;
  --ice:#eaf8ff;
  --glass-blue:rgba(255,255,255,.12);
  --glass-line:rgba(191,238,255,.22);
  --blue-shadow:rgba(0,120,255,.30);
}

.premium-solution-cta{
  padding:clamp(72px,8vw,120px) 18px;
  background:
    radial-gradient(circle at 12% 8%, rgba(0,200,255,.22), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(0,120,255,.20), transparent 34%),
    linear-gradient(180deg, #eaf8ff 0%, #dff4ff 18%, #071f4b 18%, #06183f 100%) !important;
}

.premium-solution-cta::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.40) 0%, rgba(255,255,255,.10) 16%, transparent 34%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.045) 0 1px, transparent 1px 28px) !important;
}

.premium-solution-wrap{
  background:
    radial-gradient(circle at 8% 16%, rgba(0,200,255,.18), transparent 28%),
    linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 58%, var(--blue) 100%) !important;
  border:1px solid rgba(191,238,255,.30) !important;
  box-shadow:0 34px 90px rgba(6,24,63,.28), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.premium-solution-title span,
.premium-solution-eyebrow{
  color:var(--cyan-soft) !important;
}

.premium-solution-eyebrow{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(191,238,255,.28) !important;
}

.premium-solution-eyebrow::before{
  background:var(--cyan) !important;
  box-shadow:0 0 18px rgba(0,200,255,.85) !important;
}

.premium-solution-text,
.premium-panel-top p,
.premium-panel-list span,
.premium-detail-card p{
  color:rgba(234,248,255,.82) !important;
}

.premium-solution-btn,
.btn-primary,
.wa-main-link,
.wa-toggle{
  background:linear-gradient(135deg, var(--blue), var(--cyan)) !important;
  box-shadow:0 18px 42px rgba(0,120,255,.30) !important;
}

.premium-solution-call,
.premium-solution-panel,
.premium-panel-list div,
.premium-detail-card,
.footer-institutional-brand,
.footer-dedup-premium .footer-glass-panel{
  background:linear-gradient(145deg, rgba(255,255,255,.14), rgba(0,200,255,.08)) !important;
  border-color:var(--glass-line) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.premium-solution-panel,
.premium-detail-card,
.footer-institutional-brand,
.footer-dedup-premium .footer-glass-panel{
  box-shadow:0 26px 70px rgba(0,18,55,.24), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.premium-panel-icon,
.premium-detail-card span{
  background:rgba(191,238,255,.92) !important;
  color:var(--navy-2) !important;
  box-shadow:0 14px 34px rgba(0,200,255,.22) !important;
}

.premium-panel-top strong,
.premium-panel-list b,
.premium-detail-card h3{
  color:#ffffff !important;
}

.premium-detail-card:hover{
  border-color:rgba(0,200,255,.45) !important;
  box-shadow:0 30px 76px rgba(0,120,255,.22), inset 0 1px 0 rgba(255,255,255,.20) !important;
}

/* Footer con la misma gama: azul profundo, azul marca y celeste */
.premium-parallax-footer{
  background:var(--navy) !important;
}

.premium-parallax-footer::before{
  background:
    radial-gradient(circle at 16% 18%, rgba(0,200,255,.26), transparent 31%),
    radial-gradient(circle at 84% 20%, rgba(0,120,255,.24), transparent 34%),
    linear-gradient(135deg, rgba(6,24,63,.96) 0%, rgba(8,42,104,.86) 54%, rgba(0,120,255,.44) 100%) !important;
}

.premium-parallax-footer .footer-overlay{
  background:
    linear-gradient(180deg, rgba(191,238,255,.10), rgba(0,200,255,.08) 34%, rgba(6,24,63,.90)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.045) 0 1px, transparent 1px 24px) !important;
}

.footer-pill,
.footer-mini-title,
.footer-brand-tags span{
  color:var(--cyan-soft) !important;
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(191,238,255,.26) !important;
}

.footer-glass-panel li::before{
  background:var(--cyan) !important;
  box-shadow:0 0 0 4px rgba(0,200,255,.10) !important;
}

.footer-logo-large,
.footer-dedup-premium .footer-logo{
  width:clamp(290px,24vw,410px) !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 24px 52px rgba(0,18,55,.24) !important;
}

/* Mejora adicional: evita duplicidad visual y deja el cierre más limpio */
.footer-institutional-brand h2{
  max-width:620px;
}
.footer-institutional-brand p{
  max-width:640px;
}
.footer-bottom-dedup{
  border-top-color:rgba(191,238,255,.18) !important;
}

@supports (background-attachment: fixed){
  .premium-parallax-footer{
    background-image:linear-gradient(135deg, rgba(6,24,63,.94), rgba(0,120,255,.28)), url('../assets/fotos/taller-refrigeradoras-lima.avif') !important;
  }
}

@media (max-width:900px){
  .premium-solution-cta{
    background:
      radial-gradient(circle at 20% 8%, rgba(0,200,255,.18), transparent 34%),
      linear-gradient(180deg, #eaf8ff 0%, #dff4ff 12%, #071f4b 12%, #06183f 100%) !important;
  }
}

@media (max-width:520px){
  .premium-solution-cta{
    padding:46px 10px;
  }
  .premium-detail-card,
  .premium-solution-panel{
    background:linear-gradient(145deg, rgba(255,255,255,.13), rgba(0,200,255,.075)) !important;
  }
  .footer-logo-large,
  .footer-dedup-premium .footer-logo{
    width:min(285px,88vw) !important;
  }
}


/* === footer-minimal-premium-fix.css === */
/* Footer premium minimal: menos cuadros, una sola pieza visual */
.footer-minimal-premium{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#eaf8ff;
  padding:0;
  min-height:auto;
  background:#06183f !important;
}

.footer-minimal-premium .footer-bg,
.footer-minimal-premium .footer-bg img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.footer-minimal-premium .footer-bg{z-index:-3; overflow:hidden;}
.footer-minimal-premium .footer-bg img{
  object-fit:cover;
  object-position:center;
  filter:saturate(1.02) contrast(1.04) brightness(.58);
  transform:scale(1.08);
}

.footer-minimal-premium::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 12% 18%, rgba(0,200,255,.28), transparent 32%),
    radial-gradient(circle at 90% 8%, rgba(0,120,255,.20), transparent 36%),
    linear-gradient(135deg, rgba(6,24,63,.96) 0%, rgba(8,42,104,.88) 56%, rgba(0,200,255,.38) 100%) !important;
}

.footer-minimal-premium .footer-overlay{
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg, rgba(191,238,255,.08), rgba(6,24,63,.92));
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.footer-minimal-wrap{
  position:relative;
  padding-top:clamp(56px,7vw,92px);
  padding-bottom:28px;
}

.footer-minimal-card{
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
  gap:clamp(24px,4vw,54px);
  align-items:center;
  border:1px solid rgba(191,238,255,.24);
  border-radius:44px;
  padding:clamp(26px,4vw,52px);
  background:
    linear-gradient(145deg, rgba(255,255,255,.16), rgba(0,200,255,.08)),
    rgba(6,24,63,.44) !important;
  box-shadow:0 36px 96px rgba(0,18,55,.34), inset 0 1px 0 rgba(255,255,255,.20);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  overflow:hidden;
  position:relative;
}

.footer-minimal-card::after{
  content:"";
  position:absolute;
  right:-110px;
  bottom:-140px;
  width:360px;
  height:360px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(0,200,255,.24), transparent 68%);
  pointer-events:none;
}

.footer-minimal-brand{
  position:relative;
  z-index:1;
}

.footer-minimal-premium .footer-logo-link{
  display:inline-flex;
  text-decoration:none;
}

.footer-minimal-premium .footer-logo-large,
.footer-minimal-premium .footer-logo{
  width:clamp(260px,26vw,430px) !important;
  max-width:100% !important;
  max-height:180px !important;
  height:auto !important;
  object-fit:contain !important;
  display:block;
  padding:16px 20px !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 24px 58px rgba(0,18,55,.26) !important;
  filter:none !important;
  -webkit-filter:none !important;
  mix-blend-mode:normal !important;
}

.footer-minimal-brand p{
  max-width:430px;
  margin:22px 0 0;
  color:rgba(234,248,255,.80);
  line-height:1.7;
  font-weight:700;
}

.footer-minimal-content{
  position:relative;
  z-index:1;
  display:grid;
  gap:28px;
}

.footer-minimal-main{
  max-width:780px;
}

.footer-minimal-premium .footer-pill{
  margin:0 0 18px !important;
  color:#bfeeff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(191,238,255,.28) !important;
}

.footer-minimal-main h2{
  margin:0;
  font-family:var(--font-display);
  color:#fff;
  font-size:clamp(2.05rem,4.2vw,4.65rem);
  line-height:.94;
  letter-spacing:-.06em;
}

.footer-minimal-main p{
  max-width:660px;
  margin:20px 0 0;
  color:rgba(234,248,255,.82);
  font-size:1.02rem;
  line-height:1.75;
}

.footer-minimal-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.footer-primary-action,
.footer-secondary-action{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:0 20px;
  text-decoration:none !important;
  font-weight:950;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.footer-primary-action{
  color:#fff !important;
  background:linear-gradient(135deg, #0078ff, #00c8ff) !important;
  box-shadow:0 18px 44px rgba(0,120,255,.34);
}

.footer-secondary-action{
  color:#eaf8ff !important;
  border:1px solid rgba(191,238,255,.30);
  background:rgba(255,255,255,.10);
}

.footer-primary-action:hover,
.footer-secondary-action:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 52px rgba(0,120,255,.28);
}

.footer-minimal-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding-top:4px;
}

.footer-minimal-links a{
  color:#dff8ff !important;
  text-decoration:none !important;
  font-weight:900;
  border:1px solid rgba(191,238,255,.20);
  background:rgba(255,255,255,.08);
  border-radius:999px;
  padding:10px 14px;
  transition:background .2s ease, transform .2s ease, border-color .2s ease;
}

.footer-minimal-links a:hover{
  transform:translateY(-2px);
  background:rgba(0,200,255,.14);
  border-color:rgba(191,238,255,.36);
}

.footer-minimal-bottom{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:12px;
  margin-top:22px;
  padding:18px 4px 0;
  color:rgba(234,248,255,.68);
  font-size:.92rem;
  font-weight:750;
}

/* Neutraliza reglas antiguas del footer para evitar cuadros extra */
.footer-minimal-premium .footer-glass-panel,
.footer-minimal-premium .footer-institutional-brand,
.footer-minimal-premium .premium-footer-grid,
.footer-minimal-premium .footer-institutional-columns{
  display:none !important;
}

@supports (background-attachment: fixed){
  .footer-minimal-premium{
    background-image:linear-gradient(135deg, rgba(6,24,63,.94), rgba(0,120,255,.24)), url('../assets/fotos/taller-refrigeradoras-lima.avif') !important;
    background-attachment:fixed;
    background-size:cover;
    background-position:center;
  }
}

@media (max-width:900px){
  .footer-minimal-card{
    grid-template-columns:1fr;
    border-radius:32px;
  }
  .footer-minimal-main h2{
    max-width:680px;
  }
}

@media (max-width:560px){
  .footer-minimal-wrap{
    padding-top:38px;
    padding-bottom:20px;
  }
  .footer-minimal-card{
    padding:22px;
    border-radius:26px;
    gap:22px;
  }
  .footer-minimal-premium .footer-logo-large,
  .footer-minimal-premium .footer-logo{
    width:min(290px,88vw) !important;
    max-height:140px !important;
    padding:14px 16px !important;
    border-radius:22px !important;
  }
  .footer-minimal-brand p,
  .footer-minimal-main p{
    font-size:.94rem;
  }
  .footer-minimal-main h2{
    font-size:2.1rem;
    line-height:1.02;
  }
  .footer-minimal-actions{
    flex-direction:column;
  }
  .footer-primary-action,
  .footer-secondary-action{
    width:100%;
  }
  .footer-minimal-links{
    gap:8px;
  }
  .footer-minimal-links a{
    padding:9px 11px;
    font-size:.9rem;
  }
  .footer-minimal-bottom{
    display:grid;
    gap:8px;
    font-size:.85rem;
  }
}


/* === footer-clean-premium-final.css === */
/* Footer clean premium final: sin fondo, sin cuadro, sin lineas ni degradados */
.footer-minimal-premium,
.premium-parallax-footer,
.ref-footer.footer-minimal-premium{
  position:relative !important;
  isolation:auto !important;
  overflow:visible !important;
  min-height:auto !important;
  padding:0 !important;
  color:#06183f !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

.footer-minimal-premium::before,
.footer-minimal-premium::after,
.premium-parallax-footer::before,
.premium-parallax-footer::after,
.footer-minimal-premium .footer-bg,
.footer-minimal-premium .footer-overlay,
.premium-parallax-footer .footer-bg,
.premium-parallax-footer .footer-overlay{
  display:none !important;
  content:none !important;
  background:none !important;
}

.footer-minimal-wrap{
  padding-top:clamp(52px,7vw,88px) !important;
  padding-bottom:clamp(24px,4vw,42px) !important;
}

.footer-minimal-card{
  display:grid !important;
  grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr) !important;
  gap:clamp(28px,5vw,72px) !important;
  align-items:start !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
}
.footer-minimal-card::before,
.footer-minimal-card::after{
  display:none !important;
  content:none !important;
}

.footer-minimal-brand{
  position:relative !important;
  z-index:auto !important;
}
.footer-minimal-premium .footer-logo-link{
  display:inline-flex !important;
  align-items:center !important;
  text-decoration:none !important;
  background:transparent !important;
  box-shadow:none !important;
}
.footer-minimal-premium .footer-logo-large,
.footer-minimal-premium .footer-logo,
.footer-logo-large,
.footer-dedup-premium .footer-logo{
  width:clamp(250px,25vw,395px) !important;
  max-width:100% !important;
  max-height:165px !important;
  height:auto !important;
  object-fit:contain !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  mix-blend-mode:normal !important;
}

.footer-minimal-brand p{
  max-width:430px !important;
  margin:22px 0 0 !important;
  color:#4c607e !important;
  line-height:1.65 !important;
  font-weight:750 !important;
}

.footer-minimal-content{
  position:relative !important;
  z-index:auto !important;
  display:grid !important;
  gap:26px !important;
  align-content:start !important;
}
.footer-minimal-main{
  max-width:760px !important;
}
.footer-minimal-premium .footer-pill{
  margin:0 0 16px !important;
  color:#0078ff !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  letter-spacing:.12em !important;
}
.footer-minimal-main h2{
  margin:0 !important;
  color:#06183f !important;
  font-size:clamp(2rem,4.1vw,4.2rem) !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
}
.footer-minimal-main p{
  max-width:650px !important;
  margin:18px 0 0 !important;
  color:#4c607e !important;
  font-size:1.02rem !important;
  line-height:1.72 !important;
  font-weight:650 !important;
}

.footer-minimal-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:26px !important;
}
.footer-primary-action,
.footer-secondary-action{
  min-height:50px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  padding:0 20px !important;
  text-decoration:none !important;
  font-weight:950 !important;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease !important;
}
.footer-primary-action{
  color:#fff !important;
  background:linear-gradient(135deg, #0078ff, #00b9f2) !important;
  box-shadow:0 16px 38px rgba(0,120,255,.23) !important;
  border:0 !important;
}
.footer-secondary-action{
  color:#06183f !important;
  border:1px solid rgba(0,120,255,.22) !important;
  background:transparent !important;
  box-shadow:none !important;
}
.footer-primary-action:hover,
.footer-secondary-action:hover{
  transform:translateY(-2px) !important;
}
.footer-secondary-action:hover{
  background:#eef9ff !important;
}

.footer-minimal-links{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:18px 26px !important;
  padding-top:2px !important;
}
.footer-minimal-links a{
  color:#06183f !important;
  text-decoration:none !important;
  font-weight:900 !important;
  border:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
  position:relative !important;
}
.footer-minimal-links a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:2px;
  border-radius:2px;
  background:#00b9f2;
  transition:width .22s ease;
}
.footer-minimal-links a:hover{
  transform:none !important;
  background:transparent !important;
  color:#0078ff !important;
}
.footer-minimal-links a:hover::after{width:100%;}

.footer-minimal-bottom{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-top:clamp(34px,5vw,58px) !important;
  padding:22px 0 0 !important;
  border-top:1px solid rgba(6,24,63,.11) !important;
  color:#63738d !important;
  font-size:.9rem !important;
  font-weight:750 !important;
}

@media (max-width:900px){
  .footer-minimal-card{
    grid-template-columns:1fr !important;
    gap:30px !important;
  }
  .footer-minimal-brand p{max-width:640px !important;}
}
@media (max-width:560px){
  .footer-minimal-wrap{
    padding-top:42px !important;
    padding-bottom:24px !important;
  }
  .footer-minimal-premium .footer-logo-large,
  .footer-minimal-premium .footer-logo{
    width:min(285px,88vw) !important;
    max-height:140px !important;
  }
  .footer-minimal-main h2{
    font-size:2.25rem !important;
    line-height:1 !important;
  }
  .footer-minimal-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .footer-primary-action,
  .footer-secondary-action{width:100% !important;}
  .footer-minimal-links{gap:14px 18px !important;}
  .footer-minimal-bottom{display:grid !important; gap:8px !important;}
}


/* === solution-section-clean-premium.css === */
/* Ajuste final solicitado: bloque de solución sin fondo dividido ni caja pesada */
.premium-solution-cta{
  padding:clamp(68px,7vw,112px) 18px !important;
  background:#edf8ff !important;
  overflow:hidden !important;
}

.premium-solution-cta::before,
.premium-solution-cta::after{
  display:none !important;
  content:none !important;
}

.premium-solution-wrap{
  max-width:1240px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.premium-solution-wrap::before,
.premium-solution-wrap::after{
  display:none !important;
  content:none !important;
}

.premium-solution-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.82fr) !important;
  gap:clamp(28px,5vw,76px) !important;
  align-items:center !important;
}

.premium-solution-copy{
  position:relative !important;
  padding:clamp(22px,3vw,40px) 0 !important;
}

.premium-solution-eyebrow{
  color:#075ea8 !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(71,177,240,.34) !important;
  box-shadow:0 14px 34px rgba(0,116,197,.08) !important;
}

.premium-solution-eyebrow::before{
  background:#00bdf2 !important;
  box-shadow:0 0 18px rgba(0,189,242,.70) !important;
}

.premium-solution-title{
  max-width:690px !important;
  color:#061a45 !important;
  font-size:clamp(2.7rem,4.9vw,5.2rem) !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
  text-wrap:balance !important;
}

.premium-solution-title span{
  display:inline-block !important;
  color:#078fe8 !important;
  background:linear-gradient(90deg,#078fe8,#00bde8) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}

.premium-solution-text{
  max-width:690px !important;
  color:#405577 !important;
  font-size:clamp(1rem,1.14vw,1.12rem) !important;
  line-height:1.72 !important;
}

.premium-solution-btn{
  color:#fff !important;
  background:linear-gradient(135deg,#0577ff,#00bfee) !important;
  box-shadow:0 18px 42px rgba(0,138,220,.24) !important;
}

.premium-solution-call{
  color:#075ea8 !important;
  background:rgba(255,255,255,.74) !important;
  border:1px solid rgba(68,167,232,.30) !important;
  box-shadow:0 14px 34px rgba(0,85,160,.10) !important;
}

.premium-solution-panel{
  position:relative !important;
  border-radius:34px !important;
  padding:clamp(22px,2.8vw,34px) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(214,244,255,.58)) !important;
  border:1px solid rgba(85,181,240,.28) !important;
  box-shadow:0 28px 70px rgba(4,61,119,.14), inset 0 1px 0 rgba(255,255,255,.84) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}

.premium-panel-top{
  color:#061a45 !important;
}

.premium-panel-icon{
  color:#075ea8 !important;
  background:#d9f6ff !important;
  box-shadow:0 16px 36px rgba(0,174,232,.18) !important;
}

.premium-panel-top strong,
.premium-panel-list b{
  color:#061a45 !important;
}

.premium-panel-top p,
.premium-panel-list span{
  color:#557096 !important;
}

.premium-panel-list div{
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(87,181,236,.23) !important;
  box-shadow:0 12px 32px rgba(0,87,160,.08) !important;
}

.premium-solution-details{
  gap:18px !important;
  margin-top:34px !important;
}

.premium-detail-card{
  border-radius:28px !important;
  padding:26px !important;
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(86,183,239,.24) !important;
  box-shadow:0 24px 60px rgba(4,61,119,.11), inset 0 1px 0 rgba(255,255,255,.78) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

.premium-detail-card:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(0,180,235,.46) !important;
  box-shadow:0 30px 70px rgba(4,61,119,.15), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.premium-detail-card span{
  background:#dff7ff !important;
  color:#075ea8 !important;
  box-shadow:none !important;
}

.premium-detail-card h3{
  color:#061a45 !important;
  letter-spacing:-.015em !important;
  word-spacing:normal !important;
}

.premium-detail-card p{
  color:#556d91 !important;
}

@media (max-width:900px){
  .premium-solution-cta{
    padding:58px 14px !important;
    background:#edf8ff !important;
  }
  .premium-solution-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  .premium-solution-title{
    font-size:clamp(2.3rem,9vw,3.7rem) !important;
    letter-spacing:-.045em !important;
  }
  .premium-solution-details{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:520px){
  .premium-solution-cta{
    padding:44px 12px !important;
  }
  .premium-solution-title{
    font-size:clamp(2.05rem,12vw,2.95rem) !important;
    line-height:1 !important;
  }
  .premium-solution-panel,
  .premium-detail-card{
    border-radius:24px !important;
    padding:20px !important;
  }
  .premium-panel-list div{
    padding:14px !important;
  }
}


/* === whatsapp-footer-mobile-final.css === */
/* Ajustes finales: ocultar WhatsApp al llegar al footer y centrar footer en móvil */
.float-wa{
  transition: opacity .28s ease, transform .28s ease, visibility .28s ease !important;
  will-change: opacity, transform;
}
.float-wa.is-footer-hidden{
  opacity:0 !important;
  transform:translateY(24px) scale(.94) !important;
  pointer-events:none !important;
  visibility:hidden !important;
}
.float-wa.is-footer-hidden .wa-panel{
  display:none !important;
}

@media (max-width:700px){
  .footer-minimal-premium,
  .footer-minimal-wrap,
  .footer-minimal-card,
  .footer-minimal-brand,
  .footer-minimal-content,
  .footer-minimal-main,
  .footer-minimal-links,
  .footer-minimal-bottom{
    text-align:center !important;
    justify-items:center !important;
  }

  .footer-minimal-wrap{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .footer-minimal-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:center !important;
    justify-content:center !important;
    gap:26px !important;
    width:100% !important;
  }

  .footer-minimal-brand{
    display:grid !important;
    place-items:center !important;
    width:100% !important;
  }

  .footer-minimal-premium .footer-logo-link{
    justify-content:center !important;
    margin-inline:auto !important;
  }

  .footer-minimal-premium .footer-logo-large,
  .footer-minimal-premium .footer-logo{
    margin-inline:auto !important;
  }

  .footer-minimal-brand p,
  .footer-minimal-main p{
    margin-left:auto !important;
    margin-right:auto !important;
    max-width:330px !important;
  }

  .footer-minimal-main{
    display:grid !important;
    justify-items:center !important;
    width:100% !important;
  }

  .footer-minimal-main h2{
    max-width:360px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .footer-minimal-actions{
    width:min(100%, 330px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    justify-content:center !important;
  }

  .footer-minimal-links{
    justify-content:center !important;
    width:100% !important;
  }

  .footer-minimal-links a::after{
    left:50% !important;
    transform:translateX(-50%) !important;
  }

  .footer-minimal-bottom{
    display:grid !important;
    justify-content:center !important;
    justify-items:center !important;
    text-align:center !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .footer-minimal-bottom span{
    display:block !important;
    width:100% !important;
    text-align:center !important;
  }
}


/* === navbar-logo-size-fix.css === */
/* Ajuste final: logo del navbar mas grande y cabecera limpia sin numero telefonico */
.navbar.ref-navbar .nav-inner,
.ref-navbar .nav-inner{
  height:104px!important;
}

.navbar.ref-navbar .brand,
.ref-navbar .brand{
  min-width:390px!important;
  flex:0 0 auto!important;
}

.navbar.ref-navbar .brand img,
.ref-navbar .brand img,
.navbar .brand img{
  width:360px!important;
  max-width:360px!important;
  max-height:92px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}

.navbar.ref-navbar .nav-actions .call-link,
.ref-navbar .nav-actions .call-link{
  display:none!important;
}

.navbar.ref-navbar .nav-actions,
.ref-navbar .nav-actions{
  gap:0!important;
}

@media (max-width:1240px){
  .navbar.ref-navbar .brand,
  .ref-navbar .brand{min-width:330px!important;}
  .navbar.ref-navbar .brand img,
  .ref-navbar .brand img,
  .navbar .brand img{
    width:310px!important;
    max-width:310px!important;
    max-height:84px!important;
  }
  .navbar.ref-navbar .nav-links a,
  .ref-navbar .nav-links a{padding:9px 9px!important;font-size:.9rem!important;}
}

@media (max-width:1080px){
  .navbar.ref-navbar .brand,
  .ref-navbar .brand{min-width:285px!important;}
  .navbar.ref-navbar .brand img,
  .ref-navbar .brand img,
  .navbar .brand img{
    width:270px!important;
    max-width:270px!important;
    max-height:78px!important;
  }
}

@media (max-width:980px){
  .navbar.ref-navbar .nav-inner,
  .ref-navbar .nav-inner{height:86px!important;}
  .navbar.ref-navbar .brand,
  .ref-navbar .brand{min-width:250px!important;}
  .navbar.ref-navbar .brand img,
  .ref-navbar .brand img,
  .navbar .brand img{
    width:240px!important;
    max-width:240px!important;
    max-height:72px!important;
  }
}

@media (max-width:620px){
  .navbar.ref-navbar .nav-inner,
  .ref-navbar .nav-inner{height:82px!important;}
  .navbar.ref-navbar .brand,
  .ref-navbar .brand{min-width:230px!important;}
  .navbar.ref-navbar .brand img,
  .ref-navbar .brand img,
  .navbar .brand img{
    width:220px!important;
    max-width:220px!important;
    max-height:68px!important;
  }
}

@media (max-width:390px){
  .navbar.ref-navbar .brand,
  .ref-navbar .brand{min-width:205px!important;}
  .navbar.ref-navbar .brand img,
  .ref-navbar .brand img,
  .navbar .brand img{
    width:198px!important;
    max-width:198px!important;
    max-height:62px!important;
  }
}

/* Ajuste solicitado: logo mas grande con navbar mas delgado */
.navbar.ref-navbar,
.ref-navbar{
  padding-block:0!important;
}
.navbar.ref-navbar .nav-inner,
.ref-navbar .nav-inner{
  height:78px!important;
  min-height:78px!important;
}
.navbar.ref-navbar .brand,
.ref-navbar .brand{
  min-width:360px!important;
  height:78px!important;
  display:flex!important;
  align-items:center!important;
}
.navbar.ref-navbar .brand img,
.ref-navbar .brand img,
.navbar .brand img{
  height:86px!important;
  width:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  transform:translateY(1px);
}
.navbar.ref-navbar .nav-links a,
.ref-navbar .nav-links a{
  padding-top:8px!important;
  padding-bottom:8px!important;
}
.navbar.ref-navbar .nav-actions .btn,
.ref-navbar .nav-actions .btn{
  padding:12px 18px!important;
  min-height:42px!important;
}

@media (max-width:1240px){
  .navbar.ref-navbar .nav-inner,
  .ref-navbar .nav-inner{height:76px!important;min-height:76px!important;}
  .navbar.ref-navbar .brand,
  .ref-navbar .brand{min-width:320px!important;height:76px!important;}
  .navbar.ref-navbar .brand img,
  .ref-navbar .brand img,
  .navbar .brand img{height:82px!important;}
}

@media (max-width:1080px){
  .navbar.ref-navbar .brand,
  .ref-navbar .brand{min-width:285px!important;}
  .navbar.ref-navbar .brand img,
  .ref-navbar .brand img,
  .navbar .brand img{height:78px!important;}
}

@media (max-width:980px){
  .navbar.ref-navbar .nav-inner,
  .ref-navbar .nav-inner{height:72px!important;min-height:72px!important;}
  .navbar.ref-navbar .brand,
  .ref-navbar .brand{min-width:250px!important;height:72px!important;}
  .navbar.ref-navbar .brand img,
  .ref-navbar .brand img,
  .navbar .brand img{height:74px!important;}
}

@media (max-width:620px){
  .navbar.ref-navbar .nav-inner,
  .ref-navbar .nav-inner{height:68px!important;min-height:68px!important;}
  .navbar.ref-navbar .brand,
  .ref-navbar .brand{min-width:218px!important;height:68px!important;}
  .navbar.ref-navbar .brand img,
  .ref-navbar .brand img,
  .navbar .brand img{height:70px!important;}
  .navbar.ref-navbar .nav-links.open,
  .ref-navbar .nav-links.open{top:68px!important;}
}

@media (max-width:390px){
  .navbar.ref-navbar .brand,
  .ref-navbar .brand{min-width:198px!important;}
  .navbar.ref-navbar .brand img,
  .ref-navbar .brand img,
  .navbar .brand img{height:66px!important;}
}

/* Ajuste solicitado: menu centrado entre el logo y el boton de cotizacion */
@media (min-width:981px){
  .navbar.ref-navbar .nav-inner,
  .ref-navbar .nav-inner{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:18px!important;
  }

  .navbar.ref-navbar .brand,
  .ref-navbar .brand{
    justify-self:start!important;
  }

  .navbar.ref-navbar .nav-links,
  .ref-navbar .nav-links{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:4px!important;
    justify-self:center!important;
  }

  .navbar.ref-navbar .nav-actions,
  .ref-navbar .nav-actions{
    justify-self:end!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
  }
}

@media (min-width:981px) and (max-width:1180px){
  .navbar.ref-navbar .nav-inner,
  .ref-navbar .nav-inner{
    column-gap:12px!important;
  }

  .navbar.ref-navbar .nav-links,
  .ref-navbar .nav-links{
    gap:1px!important;
  }

  .navbar.ref-navbar .nav-links a,
  .ref-navbar .nav-links a{
    padding-left:8px!important;
    padding-right:8px!important;
    font-size:.88rem!important;
  }

  .navbar.ref-navbar .nav-actions .btn,
  .ref-navbar .nav-actions .btn{
    padding-left:15px!important;
    padding-right:15px!important;
    white-space:nowrap!important;
  }
}

/* Correccion final: menu centrado visualmente entre el logo real y el CTA */
@media (min-width:981px){
  .navbar.ref-navbar .nav-inner,
  .ref-navbar .nav-inner{
    display:grid!important;
    grid-template-columns:max-content minmax(520px,1fr) max-content!important;
    align-items:center!important;
    column-gap:28px!important;
  }

  .navbar.ref-navbar .brand,
  .ref-navbar .brand{
    min-width:0!important;
    width:auto!important;
    height:78px!important;
    justify-self:start!important;
  }

  .navbar.ref-navbar .brand img,
  .ref-navbar .brand img,
  .navbar .brand img{
    height:86px!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
  }

  .navbar.ref-navbar .nav-links,
  .ref-navbar .nav-links{
    justify-self:center!important;
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:12px!important;
  }

  .navbar.ref-navbar .nav-actions,
  .ref-navbar .nav-actions{
    justify-self:end!important;
    min-width:max-content!important;
  }
}

@media (min-width:981px) and (max-width:1240px){
  .navbar.ref-navbar .nav-inner,
  .ref-navbar .nav-inner{
    grid-template-columns:max-content minmax(420px,1fr) max-content!important;
    column-gap:18px!important;
  }
  .navbar.ref-navbar .nav-links,
  .ref-navbar .nav-links{gap:4px!important;}
  .navbar.ref-navbar .brand img,
  .ref-navbar .brand img,
  .navbar .brand img{height:80px!important;}
}

@media (min-width:981px) and (max-width:1100px){
  .navbar.ref-navbar .nav-links a,
  .ref-navbar .nav-links a{
    padding-left:7px!important;
    padding-right:7px!important;
    font-size:.86rem!important;
  }
  .navbar.ref-navbar .nav-actions .btn,
  .ref-navbar .nav-actions .btn{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}


/* === scroll-premium-motion-final.css === */
/* Scroll premium final v2: clean entrance + directional exit, no blur */
:root{
  --scroll-ease: cubic-bezier(.19,1,.22,1);
}
html{scroll-behavior:smooth;}
body::before{
  content:'';
  position:fixed;
  top:0;
  left:0;
  width:var(--scroll-progress,0%);
  height:3px;
  z-index:9999;
  pointer-events:none;
  background:linear-gradient(90deg,#0078ff,#14bdf2,#b8f4ff);
  box-shadow:0 0 18px rgba(20,189,242,.32);
  transform-origin:left center;
}
.ref-navbar,
.navbar.ref-navbar{
  transition:transform .42s var(--scroll-ease), opacity .28s ease, background-color .28s ease, box-shadow .28s ease!important;
  will-change:transform,opacity;
}
.ref-navbar.nav-hidden,
.navbar.ref-navbar.nav-hidden{
  transform:translate3d(0,-120%,0)!important;
  opacity:0!important;
  pointer-events:none!important;
}
.ref-navbar.nav-scrolling,
.navbar.ref-navbar.nav-scrolling{
  box-shadow:0 14px 34px rgba(6,24,63,.10)!important;
}
.scroll-motion-section,
.scroll-motion-item{
  will-change:transform,opacity;
}
.scroll-motion-section{
  position:relative;
}
.scroll-motion-item{
  opacity:0;
  transform:translate3d(0,42px,0) scale(.975);
  filter:none!important;
  transition:
    opacity .68s var(--scroll-ease),
    transform .74s var(--scroll-ease),
    box-shadow .32s ease,
    border-color .32s ease;
  transition-delay:var(--motion-delay,0ms);
}
.scroll-motion-item.is-inview,
.scroll-motion-section.is-inview .scroll-motion-item.is-inview{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
.scroll-motion-item.is-out-up{
  opacity:0;
  transform:translate3d(0,-34px,0) scale(.985);
  transition-delay:0ms!important;
}
.scroll-motion-item.is-out-down{
  opacity:0;
  transform:translate3d(0,42px,0) scale(.975);
  transition-delay:0ms!important;
}
.scroll-motion-left.is-out-down,
.scroll-motion-left:not(.is-inview){
  transform:translate3d(-42px,30px,0) scale(.975);
}
.scroll-motion-right.is-out-down,
.scroll-motion-right:not(.is-inview){
  transform:translate3d(42px,30px,0) scale(.975);
}
.scroll-motion-left.is-out-up{transform:translate3d(-28px,-30px,0) scale(.985);}
.scroll-motion-right.is-out-up{transform:translate3d(28px,-30px,0) scale(.985);}
.scroll-motion-left.is-inview,
.scroll-motion-right.is-inview,
.scroll-motion-zoom.is-inview{
  transform:translate3d(0,0,0) scale(1)!important;
}
.scroll-motion-zoom.is-out-down{transform:translate3d(0,30px,0) scale(.95);}
.scroll-motion-zoom.is-out-up{transform:translate3d(0,-26px,0) scale(.975);}
.scroll-float-soft{
  animation:scrollFloatSoft 7.2s ease-in-out infinite;
}
@keyframes scrollFloatSoft{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-8px,0)}
}
.scroll-depth{
  transform:translate3d(0,var(--scroll-y,0px),0);
  transition:transform .14s linear;
}
.ref-hero-bg img,
.ref-values-bg,
.footer-clean-bg,
.ref-final::before{
  will-change:transform;
}
.section-head,
.ref-hero-copy,
.ref-hero-device,
.ref-feature-grid article,
.ref-service-pillars article,
.service-card,
.gallery-item,
.ref-testimonial-card,
.ref-testimonial-photo,
.ref-diagnosis-card,
.symptom,
.step,
.faq-item,
.ref-footer-clean .container > *,
.ref-final-footer > *,
footer .container > *{
  backface-visibility:hidden;
}
@media (hover:hover) and (pointer:fine){
  .service-card.is-inview:hover,
  .gallery-item.is-inview:hover,
  .ref-feature-grid article.is-inview:hover,
  .ref-service-pillars article.is-inview:hover{
    transform:translateY(-10px) scale(1.012)!important;
  }
}
@media (max-width:780px){
  body::before{height:2px;}
  .scroll-motion-item{
    transform:translate3d(0,24px,0) scale(.992);
    transition-duration:.56s;
  }
  .scroll-motion-item.is-out-up{transform:translate3d(0,-22px,0) scale(.995);}
  .scroll-motion-left:not(.is-inview),
  .scroll-motion-right:not(.is-inview),
  .scroll-motion-left.is-out-down,
  .scroll-motion-right.is-out-down{
    transform:translate3d(0,24px,0) scale(.992);
  }
  .scroll-motion-left.is-out-up,
  .scroll-motion-right.is-out-up{transform:translate3d(0,-22px,0) scale(.995);}
  .scroll-depth{transform:none!important;}
}
@media (prefers-reduced-motion:reduce){
  body::before{display:none;}
  .ref-navbar,.navbar.ref-navbar{transition:none!important;}
  .scroll-motion-item,.scroll-motion-left,.scroll-motion-right,.scroll-motion-zoom{
    opacity:1!important;transform:none!important;filter:none!important;transition:none!important;animation:none!important;
  }
  .scroll-depth{transform:none!important;}
}


/* === navbar-hide-hero-contain-fix.css === */
/* Final delivery fix: contained hero cards + hide navbar on upward scroll */
.ref-navbar{
  transform: translate3d(0,0,0);
  transition: transform .34s ease, background-color .25s ease, box-shadow .25s ease;
  will-change: transform;
}
.ref-navbar.nav-hidden{
  transform: translate3d(0,-112%,0) !important;
}

.ref-hero{
  overflow: hidden !important;
}
.ref-hero-grid{
  align-items: center !important;
}
.ref-hero-device{
  width: min(100%, 620px) !important;
  max-width: 620px !important;
  min-height: 570px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: visible !important;
  position: relative !important;
  transform: translate3d(0,0,0) !important;
}
.ref-device-glow{
  inset: 5% 5% 9% 5% !important;
  border-radius: 48px !important;
}
.ref-main-fridge{
  top: 13% !important;
  left: 12% !important;
  right: auto !important;
  width: 78% !important;
  height: 375px !important;
  max-width: none !important;
}
.ref-float-card{
  width: clamp(176px, 13vw, 218px) !important;
  max-width: 36% !important;
}
.ref-float-card.card-a,
.card-a.ref-float-card{
  left: 0 !important;
  right: auto !important;
  top: 36.5% !important;
  bottom: auto !important;
}
.ref-float-card.card-b,
.card-b.ref-float-card{
  right: 0 !important;
  left: auto !important;
  bottom: 8.5% !important;
  top: auto !important;
}

@media (min-width:1240px){
  .ref-hero-grid{
    grid-template-columns: minmax(0,1.06fr) minmax(500px,.88fr) !important;
    gap: clamp(38px, 4vw, 68px) !important;
  }
  .ref-hero-device{
    width: min(100%, 600px) !important;
    max-width: 600px !important;
  }
}

@media (max-width:1120px){
  .ref-hero-device{
    width: min(100%, 620px) !important;
    max-width: 620px !important;
    min-height: 540px !important;
  }
  .ref-main-fridge{
    left: 11% !important;
    width: 80% !important;
    height: 350px !important;
  }
  .ref-float-card.card-a,
  .card-a.ref-float-card{left: 0 !important; top: 37% !important;}
  .ref-float-card.card-b,
  .card-b.ref-float-card{right: 0 !important; bottom: 9% !important;}
}

@media (max-width:760px){
  .ref-hero-device{
    min-height: 475px !important;
    max-width: 560px !important;
  }
  .ref-main-fridge{
    left: 10% !important;
    width: 84% !important;
    height: 300px !important;
  }
  .ref-float-card{
    width: 154px !important;
    max-width: 42% !important;
  }
  .ref-float-card.card-a,
  .card-a.ref-float-card{left: 0 !important; top: 35% !important;}
  .ref-float-card.card-b,
  .card-b.ref-float-card{right: 0 !important; bottom: 10% !important;}
}

@media (max-width:620px){
  .ref-hero-device{
    min-height: 420px !important;
  }
  .ref-main-fridge{
    left: 7% !important;
    width: 86% !important;
    height: 270px !important;
  }
  .ref-float-card{
    width: 136px !important;
  }
  .ref-float-card.card-a,
  .card-a.ref-float-card{top: 33% !important; left: 0 !important;}
  .ref-float-card.card-b,
  .card-b.ref-float-card{right: 0 !important; bottom: 8% !important;}
}


/* SEO deep internal link block */
.seo-guide-links{margin-top:28px;padding:18px 20px;border:1px solid rgba(26,154,255,.22);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(226,246,255,.72));box-shadow:0 18px 50px rgba(5,41,92,.08);display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.seo-guide-links strong{color:#06326f;margin-right:8px}
.seo-guide-links a{display:inline-flex;align-items:center;border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.72);border:1px solid rgba(0,130,220,.14);color:#075a9b;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.seo-guide-links a:hover{transform:translateY(-2px);background:#fff;box-shadow:0 12px 24px rgba(0,110,190,.12)}
.seo-page{background:linear-gradient(180deg,#f4fbff,#ffffff);color:#082b5f}.seo-page .seo-article{max-width:920px;margin:0 auto;padding:120px 20px 70px}.seo-page h1{font-family:Outfit,sans-serif;font-size:clamp(2.2rem,5vw,4rem);line-height:1.02;color:#06245a;margin:0 0 20px}.seo-page h2{font-family:Outfit,sans-serif;color:#06326f;font-size:clamp(1.45rem,3vw,2.25rem);margin-top:36px}.seo-page p,.seo-page li{font-size:1.05rem;line-height:1.75;color:#32506f}.seo-page .seo-box{margin:28px 0;padding:24px;border-radius:26px;background:#fff;border:1px solid rgba(0,120,210,.12);box-shadow:0 20px 55px rgba(4,39,87,.09)}.seo-page .seo-cta{display:inline-flex;margin-top:22px;padding:14px 20px;border-radius:999px;background:#0077d9;color:#fff;text-decoration:none;font-weight:900}.seo-page .seo-back{display:inline-flex;margin-bottom:26px;color:#075a9b;font-weight:900;text-decoration:none}.seo-page .seo-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.seo-page .seo-links a{padding:10px 14px;border-radius:999px;background:#e8f7ff;color:#075a9b;text-decoration:none;font-weight:800}
@media(max-width:700px){.seo-guide-links{justify-content:center;text-align:center}.seo-guide-links strong{width:100%;margin-right:0}.seo-page .seo-article{padding-top:90px}}


/* Final icon refinements: WhatsApp button and chat avatar */
.wa-avatar{background:#ffffff!important;padding:4px!important;overflow:hidden!important;}
.wa-avatar img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;border-radius:50%!important;}
.wa-toggle-icon{background:transparent!important;box-shadow:none!important;overflow:visible!important;}
.wa-toggle-icon img{width:30px!important;height:30px!important;object-fit:contain!important;display:block!important;filter:none!important;}
@media (max-width:640px){.wa-toggle-icon img{width:28px!important;height:28px!important;}}

.footer-credit-link {
  color: inherit;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(14, 165, 233, 0.35);
  transition: color .25s ease, border-color .25s ease, opacity .25s ease;
}
.footer-credit-link:hover {
  color: #0284c7;
  border-color: rgba(14, 165, 233, 0.85);
  opacity: .95;
}

/* Anchor offset for quick guide return links */
#guias-rapidas {
  scroll-margin-top: 96px;
}
@media (max-width: 760px) {
  #guias-rapidas { scroll-margin-top: 76px; }
}


/* === mobile-scroll-crash-fix.css === */
/* Estabilidad móvil: evita pull-to-refresh accidental y apaga animaciones pesadas que podían dejar la web en blanco durante el scroll. */
html,
body{
  overscroll-behavior-y: contain;
}
@media (hover:none), (pointer:coarse), (max-width:780px){
  html{scroll-behavior:auto !important;}
  body::before{display:none !important;}
  .mobile-scroll-safe [data-reveal],
  .mobile-scroll-safe [data-reveal].visible,
  .mobile-scroll-safe [data-reveal].is-visible,
  .mobile-scroll-safe .premium-reveal,
  .mobile-scroll-safe .premium-reveal.is-visible,
  .mobile-scroll-safe .card,
  .mobile-scroll-safe .service-card,
  .mobile-scroll-safe .ref-service-card,
  .mobile-scroll-safe .symptom,
  .mobile-scroll-safe .step,
  .mobile-scroll-safe .quote,
  .mobile-scroll-safe .faq-item,
  .mobile-scroll-safe .district-cloud span,
  .mobile-scroll-safe .scroll-motion-item,
  .mobile-scroll-safe .scroll-motion-section,
  .mobile-scroll-safe .scroll-motion-left,
  .mobile-scroll-safe .scroll-motion-right,
  .mobile-scroll-safe .scroll-motion-zoom,
  .mobile-scroll-safe .scroll-depth,
  .mobile-scroll-safe .section-head{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
    filter:none !important;
    will-change:auto !important;
  }
  .mobile-scroll-safe .ref-navbar,
  .mobile-scroll-safe .navbar.ref-navbar{
    transform:none !important;
    opacity:1 !important;
    pointer-events:auto !important;
    will-change:auto !important;
  }
  .mobile-scroll-safe .float-soft,
  .mobile-scroll-safe .scroll-float-soft,
  .mobile-scroll-safe .experience-badge,
  .mobile-scroll-safe .review-card,
  .mobile-scroll-safe .wa-toggle{
    animation:none !important;
    transform:none !important;
  }
  .mobile-scroll-safe .parallax-banner,
  .mobile-scroll-safe [style*="background-attachment: fixed"]{
    background-attachment:scroll !important;
  }
}

/* === mobile-fridge-slider.css === */
/* Modelos de refrigeradoras solo para mobile, debajo del titular principal */
.mobile-fridge-slider{
  display:none;
}

@media (max-width: 760px){
  .ref-hero-copy .mobile-fridge-slider{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:360px!important;
    height:252px!important;
    margin:4px auto 16px!important;
    overflow:hidden!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
    isolation:isolate!important;
  }

  .ref-hero-copy .mobile-fridge-slider::before{
    content:'';
    position:absolute;
    left:14%;
    right:14%;
    bottom:6px;
    height:28px;
    background:rgba(0,20,52,.22);
    filter:blur(13px);
    border-radius:50%;
    z-index:0;
  }

  .ref-hero-copy .mobile-fridge-slide{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center center!important;
    opacity:0;
    transform:translate3d(22px,0,0) scale(.985);
    filter:drop-shadow(0 20px 34px rgba(0,18,50,.30));
    animation:mobileFridgeOneByOne 16s infinite ease-in-out;
    will-change:opacity, transform;
  }

  .ref-hero-copy .mobile-fridge-slide.slide-1{animation-delay:0s;}
  .ref-hero-copy .mobile-fridge-slide.slide-2{animation-delay:4s;}
  .ref-hero-copy .mobile-fridge-slide.slide-3{animation-delay:8s;}
  .ref-hero-copy .mobile-fridge-slide.slide-4{animation-delay:12s;}

  .ref-hero-copy > p{
    margin-top:0!important;
  }

  .ref-mobile-hero-card{
    display:block!important;
    margin-top:14px!important;
  }
}

@keyframes mobileFridgeOneByOne{
  0%, 4%{
    opacity:0;
    transform:translate3d(24px,0,0) scale(.985);
  }
  10%, 22%{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
  28%, 100%{
    opacity:0;
    transform:translate3d(-22px,0,0) scale(.985);
  }
}

@media (max-width: 390px){
  .ref-hero-copy .mobile-fridge-slider{
    max-width:318px!important;
    height:218px!important;
    margin:2px auto 14px!important;
  }
}

@media (prefers-reduced-motion: reduce){
  .ref-hero-copy .mobile-fridge-slide{
    animation:none!important;
    opacity:0!important;
    transform:none!important;
  }
  .ref-hero-copy .mobile-fridge-slide.slide-1{
    opacity:1!important;
  }
}

/* === mobile-center-section-texts.css === */
/* Centrado solicitado: títulos, etiquetas y textos introductorios en móvil. */
@media (max-width: 760px){
  .ref-hero-copy,
  .section-head,
  .ref-about-grid > div:last-child,
  .ref-values-content,
  .ref-blue-cta .container,
  .districts .section-head,
  .premium-testimonial-copy,
  .ref-steps .section-head,
  .premium-solution-copy{
    text-align:center !important;
  }

  .ref-hero-copy .eyebrow,
  .section-head .eyebrow,
  .ref-about-grid .eyebrow,
  .ref-values-content .eyebrow,
  .ref-blue-cta .eyebrow,
  .premium-testimonial-copy .eyebrow,
  .premium-solution-eyebrow{
    margin-left:auto !important;
    margin-right:auto !important;
    justify-content:center !important;
  }

  .section-head{
    display:block !important;
    max-width:720px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .section-head > div,
  .section-head h2,
  .section-head p,
  .ref-hero-copy h1,
  .ref-hero-copy p,
  .ref-about-grid .headline,
  .ref-about-grid > div:last-child > p,
  .ref-values-content h2,
  .ref-values-content p,
  .ref-blue-cta h2,
  .ref-blue-cta p,
  .premium-testimonial-copy h2,
  .premium-testimonial-lead,
  .premium-solution-title,
  .premium-solution-text{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .ref-hero-actions,
  .premium-solution-actions,
  .value-pills{
    justify-content:center !important;
  }

  .ref-proof-row,
  .stats-grid,
  .ref-process{
    text-align:center !important;
  }

  .check-list{
    max-width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width: 520px){
  .section-head h2,
  .ref-about-grid .headline,
  .ref-values-content h2,
  .ref-blue-cta h2,
  .premium-testimonial-copy h2,
  .premium-solution-title{
    text-wrap:balance;
  }
}

/* === mobile-compact-headlines-final.css === */
/* Ajuste final mobile: usa todo el ancho disponible y reduce suavemente el tamano para evitar titulos partidos en demasiadas filas. */
@media (max-width: 760px){
  .section-head,
  .section-head > div{
    width:100%!important;
    max-width:100%!important;
  }

  .section-head h2,
  #galeria .section-head h2,
  .ref-about-grid .headline,
  .ref-values-content h2,
  .ref-blue-cta h2,
  .premium-testimonial-copy h2,
  .premium-solution-title,
  .ref-final-inner h2,
  .ref-laundry-row h2{
    width:100%!important;
    max-width:100%!important;
    text-wrap:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    line-height:1.02!important;
    letter-spacing:-.052em!important;
  }

  .section-head h2,
  #galeria .section-head h2{
    font-size:clamp(2rem, 8.4vw, 2.55rem)!important;
  }

  .ref-about-grid .headline,
  .ref-values-content h2,
  .ref-blue-cta h2,
  .premium-testimonial-copy h2,
  .premium-solution-title,
  .ref-final-inner h2,
  .ref-laundry-row h2{
    font-size:clamp(2rem, 8.8vw, 2.65rem)!important;
  }
}

@media (max-width: 420px){
  .section-head h2,
  #galeria .section-head h2{
    font-size:clamp(1.86rem, 7.9vw, 2.22rem)!important;
  }

  .ref-about-grid .headline,
  .ref-values-content h2,
  .ref-blue-cta h2,
  .premium-testimonial-copy h2,
  .premium-solution-title,
  .ref-final-inner h2,
  .ref-laundry-row h2{
    font-size:clamp(1.9rem, 8.2vw, 2.34rem)!important;
  }
}


/* === header-phone-highlight === */
.navbar.ref-navbar .nav-inner,
.ref-navbar .nav-inner{
  justify-content:flex-start!important;
  gap:clamp(10px,1.8vw,22px)!important;
}

.navbar.ref-navbar .nav-links,
.ref-navbar .nav-links{
  margin-left:auto!important;
}

.nav-phone-highlight{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#075bb8!important;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(1.06rem,1.4vw,1.34rem);
  letter-spacing:-.02em;
  text-decoration:none;
  white-space:nowrap;
  line-height:1;
  padding:8px 14px;
  border-radius:999px;
  transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.nav-phone-highlight img{
  width:32px;
  height:32px;
  object-fit:contain;
  display:block;
  flex:0 0 auto;
}

.nav-phone-highlight:hover{
  background:rgba(7,91,184,.08);
  box-shadow:0 10px 24px rgba(7,91,184,.12);
  transform:translateY(-1px);
}

@media (max-width: 1180px){
  .nav-phone-highlight{
    font-size:1.02rem;
    padding:8px 10px;
    gap:8px;
  }

  .nav-phone-highlight img{
    width:28px;
    height:28px;
  }
}

@media (max-width: 980px){
  .navbar.ref-navbar .nav-inner,
  .ref-navbar .nav-inner{
    gap:8px!important;
  }

  .nav-phone-highlight{
    margin-left:auto;
    margin-right:auto;
    padding:6px 8px;
    font-size:.96rem;
    gap:7px;
  }

  .nav-phone-highlight img{
    width:24px;
    height:24px;
  }
}

@media (max-width: 620px){
  .nav-phone-highlight{
    font-size:.92rem;
    letter-spacing:-.015em;
    padding:4px 6px;
    max-width:calc(100vw - 220px);
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .nav-phone-highlight span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}

@media (max-width: 420px){
  .nav-phone-highlight{
    gap:6px;
    font-size:.84rem;
    max-width:calc(100vw - 196px);
  }

  .nav-phone-highlight img{
    width:20px;
    height:20px;
  }
}



/* === Teléfono centrado SOLO EN MOBILE === */

/* Desktop: no aparece y no mueve nada */
.nav-phone-highlight{
  display:none !important;
}

/* Desktop: mantener header normal */
@media (min-width:981px){
  .navbar.ref-navbar .nav-inner,
  .ref-navbar .nav-inner{
    justify-content:space-between !important;
    gap:22px !important;
    position:relative;
  }

  .navbar.ref-navbar .nav-links,
  .ref-navbar .nav-links{
    margin-left:0 !important;
  }
}

/* Mobile: número exactamente al centro */
@media (max-width:980px){
  .navbar.ref-navbar .nav-inner,
  .ref-navbar .nav-inner{
    position:relative !important;
    justify-content:space-between !important;
  }

  .nav-phone-highlight{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:6px;

    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%) !important;

    margin:0 !important;
    padding:4px 6px !important;
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;

    color:#075bb8 !important;
    font-family:var(--font-display);
    font-weight:900;
    font-size:.88rem;
    letter-spacing:-.015em;
    text-decoration:none;
    white-space:nowrap;
    line-height:1;
    z-index:3;
  }

  .nav-phone-highlight img{
    width:21px !important;
    height:21px !important;
    object-fit:contain;
    display:block;
    flex:0 0 auto;
  }

  .nav-phone-highlight span{
    display:block;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  .ref-navbar .menu-btn{
    position:relative;
    z-index:4;
  }

  .ref-navbar .brand{
    position:relative;
    z-index:4;
  }
}

/* Celulares muy pequeños */
@media (max-width:390px){
  .nav-phone-highlight{
    font-size:.8rem !important;
    gap:5px;
  }

  .nav-phone-highlight img{
    width:19px !important;
    height:19px !important;
  }
}