:root {
      --navy:#0f2744;
      --blue:#1278bd;
      --blue-2:#35a7f0;
      --blue-soft:#eaf6fe;
      --ice:#f7fbff;
      --ice-2:#f1f7fc;
      --gray:#607385;
      --gray-2:#98a8b7;
      --line:#dce7f0;
      --white:#ffffff;
      --shadow:0 18px 60px rgba(19,74,125,.10);
      --radius:28px;
      --max:1280px;
    }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; font-family:Inter,Segoe UI,Arial,sans-serif; color:var(--navy); background:linear-gradient(180deg,#fbfdff 0%, #f2f8fd 100%); }
    img { max-width:100%; display:block; }
    a { color:inherit; text-decoration:none; }
    .container { width:min(calc(100% - 32px), var(--max)); margin:0 auto; }
    .topbar { position:fixed; inset:10px 0 auto; z-index:1000; transition:.3s ease; }
    .topbar.scrolled { inset:6px 0 auto; }
    .nav { width:min(calc(100% - 24px), 1320px); margin:0 auto; background: rgba(255,255,255,.70); border:1px solid rgba(255,255,255,.95); box-shadow:0 20px 50px rgba(16,59,99,.10); backdrop-filter:blur(16px); border-radius:24px; padding:10px 16px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
    .brand img { width:154px; height:auto; }
    .menu { display:flex; align-items:center; gap:22px; font-size:14px; color:#35516b; }
    .menu a{position:relative;}
    .menu a::after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--blue-2));transition:.25s ease;}
    .menu a:hover::after{width:100%;}
    .actions { display:flex; align-items:center; gap:12px; }
    .btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 20px; border-radius:999px; border:none; cursor:pointer; font-weight:700; transition:.25s ease; }
    .btn-primary { background:linear-gradient(135deg,var(--blue),var(--blue-2)); color:#fff; box-shadow:0 14px 28px rgba(18,120,189,.22); }
    .btn-secondary { background:#fff; color:var(--navy); border:1px solid var(--line); box-shadow:0 10px 24px rgba(16,59,99,.07); }
    .menu-toggle { display:none; background:none; border:none; width:42px; height:42px; border-radius:14px; }
    .menu-toggle span { display:block; width:22px; height:2px; background:var(--navy); margin:5px auto; }

    .hero {
      min-height:100vh; display:flex; align-items:flex-end; position:relative; overflow:hidden; padding:140px 0 64px;
      background:
        linear-gradient(92deg, rgba(251,253,255,.42) 0%, rgba(247,251,255,.18) 30%, rgba(236,246,254,.10) 56%, rgba(232,243,251,.02) 100%),
        url('../img/hero-main.webp') right center / cover no-repeat;
    }
    .hero::before { content:""; position:absolute; right:-120px; top:-100px; width:420px; height:420px; background:radial-gradient(circle, rgba(53,167,240,.10), transparent 68%); }
    .hero::after { content:""; position:absolute; left:-120px; bottom:-130px; width:420px; height:420px; background:radial-gradient(circle, rgba(18,120,189,.08), transparent 70%); }
        .hero-grid { position:relative; z-index:2; width:min(calc(100% - 32px), 1320px); margin:0 auto; display:grid; grid-template-columns:minmax(0, .78fr) minmax(320px, .52fr); gap:28px; align-items:start; }
    .hero-copy { position:relative; max-width:590px; margin-top:82px; padding:26px 28px 26px; border-radius:34px; background:linear-gradient(180deg, rgba(255,255,255,.46) 0%, rgba(255,255,255,.18) 100%); border:1px solid rgba(255,255,255,.34); box-shadow:0 26px 70px rgba(15,39,68,.07); backdrop-filter:blur(10px); }
    .eyebrow { display:inline-flex; align-items:center; gap:10px; padding:10px 18px; border-radius:999px; background:rgba(255,255,255,.94); border:1px solid rgba(220,234,245,.96); color:var(--blue); font-size:13px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; box-shadow:0 10px 22px rgba(16,59,99,.05); }
    .eyebrow-floating{position:absolute; right:90px; top:18px; z-index:5;}
    .hero h1 { margin:14px 0 16px; font-size:clamp(3rem, 4.7vw, 4.9rem); line-height:.94; letter-spacing:-.045em; max-width:560px; }
    .hero p { margin:0 0 24px; font-size:1.02rem; line-height:1.75; color:#4f667b; max-width:530px; }
    .hero-buttons { display:flex; flex-wrap:wrap; gap:14px; }
    .hero-note { display:none; }
    .hero-panel { max-width:640px; justify-self:center; align-self:end; margin-top:330px; margin-right:40px; background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.58)); border:1px solid rgba(226,236,244,.96); border-radius:32px; padding:22px; box-shadow:0 28px 80px rgba(18,69,118,.10); backdrop-filter:blur(12px); }
    .hero-panel-top { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:18px; }
    .hero-panel h3 { margin:0; font-size:1.52rem; letter-spacing:-.02em; }
    .hero-panel small { color:var(--gray); display:block; line-height:1.7; margin-top:8px; }
    .badge-cold { min-width:96px; text-align:center; padding:12px 12px; border-radius:20px; background:#edf7ff; color:var(--blue); font-weight:800; }
    .panel-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; }
    .stat { padding:20px 16px; border:1px solid rgba(220,231,240,.96); border-radius:24px; background:rgba(255,255,255,.84); text-align:center; }
    .stat .stat-icon { width:56px; height:56px; margin:0 auto 12px; border-radius:18px; background:linear-gradient(180deg,#edf7ff,#f7fbff); border:1px solid #dceaf6; display:grid; place-items:center; color:var(--blue); }
    .stat .stat-icon svg { width:30px; height:30px; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
    .stat strong { display:block; font-size:1.05rem; color:var(--navy); margin-bottom:6px; }
    .stat span { color:var(--gray); font-size:.94rem; line-height:1.6; }
    .panel-list { display:none; }
    .panel-item { display:none; }
    .panel-item i { display:none; }

    section { padding:90px 0; }
    .section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:38px; }
    .title-wrap { max-width:760px; }
    .kicker { color:var(--blue); text-transform:uppercase; font-size:13px; letter-spacing:.14em; font-weight:800; }
    h2 { margin:12px 0 0; font-size:clamp(2rem, 3vw, 3.25rem); line-height:1.04; letter-spacing:-.03em; }
    .section-text { margin:16px 0 0; color:var(--gray); line-height:1.85; font-size:1.02rem; }

    .card { background:rgba(255,255,255,.9); border:1px solid rgba(220,231,240,.92); border-radius:var(--radius); box-shadow:var(--shadow); }
    .about-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
    .about-copy { padding:34px; }
    .about-copy p { color:var(--gray); line-height:1.85; margin:0 0 18px; }
    .bullets { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:24px; }
    .bullet { padding:16px 18px; border-radius:18px; background:var(--blue-soft); color:#1c4a68; font-weight:600; line-height:1.55; }
    .about-visual { padding:18px; display:grid; gap:18px; }
    .visual-main,.visual-sub { position:relative; overflow:hidden; border-radius:24px; }
    .visual-main img { width:100%; height:420px; object-fit:cover; }
    .visual-sub-wrap { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
    .visual-sub img { width:100%; height:220px; object-fit:cover; }
    .visual-caption { position:absolute; left:18px; right:18px; bottom:18px; padding:16px 18px; border-radius:18px; background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(15,39,68,.74)); color:#fff; }
    .visual-caption strong{display:block;margin-bottom:6px;font-size:1rem;}
    .visual-caption span{color:#dbe9f7;font-size:14px;line-height:1.55;}

    .segment-strip { margin-top:28px; background:#f7fbff; border:1px solid #dfebf5; border-radius:30px; padding:26px; box-shadow:var(--shadow); }
    .segment-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
    .segment-item { display:flex; align-items:flex-start; gap:18px; padding:10px 6px; }
    .segment-icon svg { width:76px; height:76px; stroke:#243f8c; stroke-width:1.9; fill:none; stroke-linecap:round; stroke-linejoin:round; }
    .segment-item h3 { margin:4px 0 8px; color:#243f8c; font-size:1.1rem; }
    .segment-item p { margin:0; color:var(--gray); line-height:1.7; font-size:15px; }

    .solutions { background:linear-gradient(180deg,#f7fbff 0%, #fbfdff 100%); }
    .solution-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
    .solution-card { position:relative; overflow:hidden; min-height:470px; border-radius:30px; color:#fff; background:#13345b; box-shadow:0 22px 55px rgba(16,59,99,.10); }
    .solution-card::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,39,68,.05) 0%, rgba(15,39,68,.28) 38%, rgba(15,39,68,.88) 100%); z-index:1; }
    .solution-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    .solution-content { position:absolute; left:24px; right:24px; bottom:24px; z-index:2; }
    .solution-tag { display:inline-flex; padding:9px 14px; border-radius:999px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.18); font-size:12px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; margin-bottom:18px; }
    .solution-content h3 { margin:0 0 12px; font-size:1.5rem; }
    .solution-content p { margin:0 0 18px; color:#dce9f6; line-height:1.7; font-size:15px; }
    .solution-points { display:flex; flex-wrap:wrap; gap:10px; }
    .solution-points span { padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.14); font-size:13px; }

    .services-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:24px; align-items:stretch; }
    .services-copy { padding:34px; }
    .service-list { display:grid; gap:16px; margin-top:24px; }
    .service-row { display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:start; padding:18px; border-radius:22px; background:#f7fbff; border:1px solid #dfebf4; }
    .service-row b{display:block;margin-bottom:6px;font-size:1rem;}
    .service-row p{margin:0;color:var(--gray);line-height:1.7;}
    .ico{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 22px rgba(18,120,189,.18);}
    .service-visual{position:relative;overflow:hidden;border-radius:var(--radius);min-height:100%;}
    .service-visual img{width:100%;height:100%;object-fit:cover;min-height:630px;}
    .service-overlay{position:absolute;left:22px;right:22px;bottom:22px;padding:24px;border-radius:24px;background:rgba(255,255,255,.84);border:1px solid rgba(220,231,240,.94);color:var(--navy);backdrop-filter:blur(10px);}
    .service-overlay h3{margin:0 0 10px;font-size:1.35rem;}
    .service-overlay p{margin:0;color:var(--gray);line-height:1.7;}

    .adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
	adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
    .adv-card{padding:30px; border:1px solid var(--line);}
    .adv-icon{width:88px;height:88px;border-radius:28px;background:linear-gradient(180deg,#f2f9ff 0%, #e9f4fd 100%);display:flex;align-items:center;justify-content:center;color:var(--blue);box-shadow:inset 0 0 0 1px rgba(18,120,189,.08); margin-bottom:10px;}
    .adv-icon svg{width:48px;height:48px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
    .adv-card h3{margin:18px 0 10px;font-size:1.15rem;}
    .adv-card p{margin:0;color:var(--gray);line-height:1.75;}

    .cta-block{position:relative;overflow:hidden;border-radius:36px;padding:42px;background:linear-gradient(115deg, rgba(16,59,99,.96), rgba(16,59,99,.88) 54%, rgba(53,167,240,.82) 100%), url('../img/cta-office.webp') center center / cover no-repeat; box-shadow:0 26px 70px rgba(16,59,99,.16); color:#fff;}
    .cta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center;}
    .cta-block h2{color:#fff;margin-top:8px;}
    .cta-block p{color:#dbe9f7;line-height:1.8;max-width:700px;}
    .cta-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;}
    .cta-card{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:28px;backdrop-filter:blur(10px);}
    .cta-card strong{display:block;font-size:2.2rem;line-height:1;margin-bottom:10px;}
    .cta-card span{color:#dce9f8;line-height:1.65;}

    .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;}
    .contact-panel,.contact-form{padding:34px;}
    .contact-info{display:grid;gap:16px;margin-top:24px;}
    .contact-item{padding:18px 20px;border-radius:20px;background:#f8fbff;border:1px solid #e1ebf4;}
    .contact-item span{display:block;color:var(--gray);font-size:14px;margin-bottom:8px;}
    .contact-item strong{display:block;font-size:1rem;}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
    .field{display:grid;gap:8px;}
    .field label{font-size:14px;font-weight:700;color:#27425e;}
    .field input,.field select,.field textarea{width:100%;border:1px solid #d8e6f2;background:#fbfdff;color:var(--navy);border-radius:18px;padding:15px 16px;font:inherit;outline:none;transition:.25s ease;}
    .field input:focus,.field select:focus,.field textarea:focus{border-color:#8ec8f3;box-shadow:0 0 0 4px rgba(18,120,189,.10);}
    .field textarea{min-height:144px;resize:vertical;}
    .full{grid-column:1 / -1;}
    .contact-note{color:var(--gray);font-size:14px;margin-top:16px;line-height:1.7;}
    .footer{padding:28px 0 50px;color:#58708a;}
    .footer .inner{width:min(calc(100% - 32px), var(--max));margin:0 auto;display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid #d7e5f1;padding-top:20px;}
    .whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:1001;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:999px;background:#11a44b;color:#fff;box-shadow:0 18px 36px rgba(17,164,75,.35);font-weight:800;}

    @media(max-width:1100px){
      .hero-grid,.about-grid,.services-grid,.contact-grid,.cta-grid{grid-template-columns:1fr;}
      .hero-copy{margin-top:0;padding:22px 18px 0;background:none;border:none;box-shadow:none;backdrop-filter:none;}
      .hero-panel{margin-left:0;max-width:none;justify-self:stretch;}
      .solution-grid,.segment-grid,.adv-grid{grid-template-columns:repeat(2,1fr);}
      .service-visual img{min-height:420px;}
    }
    @media(max-width:860px){
      .menu{position:absolute;left:12px;right:12px;top:calc(100% + 10px);display:none;flex-direction:column;align-items:flex-start;gap:14px;padding:20px;background:rgba(255,255,255,.97);border:1px solid rgba(219,231,242,.95);border-radius:24px;box-shadow:var(--shadow);}
      .menu.open{display:flex;}
      .actions .btn-secondary{display:none;}
      .menu-toggle{display:block;}
      .hero{padding-top:126px;padding-bottom:36px;background:linear-gradient(180deg, rgba(251,253,255,.46) 0%, rgba(247,251,255,.26) 52%, rgba(236,246,254,.12) 100%), url('../img/hero-mobile.webp') center top / cover no-repeat;}
      .panel-stats,.solution-grid,.segment-grid,.adv-grid,.bullets,.visual-sub-wrap,.form-grid{grid-template-columns:1fr;}
      .section-head{flex-direction:column;align-items:flex-start;}
      .hero h1{font-size:clamp(2.35rem, 12vw, 4rem);}
      .hero-buttons{flex-direction:column;align-items:flex-start;}
      .visual-main img{height:300px;}
      .cta-block{padding:30px 24px;}
      .contact-panel,.contact-form,.about-copy,.services-copy{padding:26px;}
      .segment-item{padding:4px 0;}
      .segment-icon svg{width:68px;height:68px;}
    }
  
    
    @media (max-width: 1200px) {
      .hero-grid { grid-template-columns: 1fr; gap:20px; }
      .eyebrow-floating { position:static; justify-self:start; margin-top:18px; margin-left:8px; }
      .hero-copy { margin-top:0; max-width:680px; }
      .hero-panel { margin:10px 0 0; max-width:760px; justify-self:start; }
    }
@media (max-width: 1100px){
      .hero{padding:86px 0 42px;}
      .hero-grid{grid-template-columns:1fr; gap:18px;}
      .eyebrow-floating{position:static; margin:0 0 10px;}
      .hero-copy{margin-top:24px; max-width:100%;}
      .hero-panel{margin-top:0; justify-self:stretch; max-width:none;}
    }
    @media (max-width: 720px){
      .nav{padding:10px 12px;}
      .brand img{width:132px;}
      .menu{display:none;}
      .actions .btn-secondary{display:none;}
      .hero{padding:82px 0 34px; background-position:68% center;}
      .hero-copy{padding:16px; border-radius:24px;}
      .hero h1{font-size:clamp(2.3rem, 11vw, 3.5rem);}
      .panel-stats{grid-template-columns:1fr;}
      .adv-grid{grid-template-columns:1fr;}
    }

  
/* Ajustes finos solicitados */
.hero-badge,.premium-fix{
  position:relative;
  top:-8px !important;
  display:inline-flex;
  z-index:3;
}
.hero-copy,.hero-content-left,.hero-left{
  position:relative;
  z-index:3;
}
.hero-copy h1,.hero-left h1,.hero-content-left h1{
  margin-top:10px !important;
}
.hero-panel,.premium-fix-panel,.hero-card,.hero-right{
  background:rgba(255,255,255,.72) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  max-width:460px !important;
  width:min(460px,100%) !important;
  margin-left:auto;
  position:relative;
  right:-16px;
  z-index:2;
}
.hero{
  background-size:cover !important;
  background-position:center center !important;
}
@media (min-width: 1100px){
  .hero-grid,.hero-wrap,.hero-inner{
    align-items:center !important;
    gap:36px !important;
  }
  .hero-copy,.hero-left,.hero-content-left{
    transform:translateY(-12px);
  }
}
@media (max-width: 991px){
  .hero-panel,.premium-fix-panel,.hero-card,.hero-right{
    max-width:100% !important;
    width:100% !important;
    right:0;
    margin-top:18px;
  }
  .hero-copy,.hero-left,.hero-content-left{
    transform:none;
  }
  .hero-badge,.premium-fix{
    top:0 !important;
  }
}



/* Optimización móvil */
@media (max-width: 720px){
  .hero{background-position:center center !important;}
}


/* Ajuste fino hero y logo sin fondo blanco */
.brand{display:flex;align-items:center;}
.brand img{
  width:190px !important;
  height:auto;
  background:transparent !important;
  filter:drop-shadow(0 8px 18px rgba(15,39,68,.08));
}
.topbar{inset:8px 0 auto !important;}
.nav{
  padding:8px 14px !important;
  gap:14px;
  background:rgba(255,255,255,.74) !important;
}
.actions .btn{padding:12px 18px;}

.hero{
  min-height:92vh !important;
  padding:108px 0 32px !important;
  align-items:flex-start !important;
  background-position:center 18% !important;
}
.hero-grid{
  align-items:start !important;
  gap:24px !important;
}
.eyebrow-floating{
  top:8px !important;
  right:64px !important;
}
.hero-copy{
  margin-top:58px !important;
  max-width:560px !important;
  padding:20px 24px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.38) 0%, rgba(255,255,255,.16) 100%) !important;
}
.hero h1{
  font-size:clamp(2.8rem, 4.15vw, 4.25rem) !important;
  max-width:520px !important;
  margin:10px 0 14px !important;
}
.hero p{
  max-width:500px !important;
  margin-bottom:20px !important;
}
.hero-panel,.premium-fix-panel,.hero-card,.hero-right{
  max-width:420px !important;
  width:min(420px,100%) !important;
  margin-top:176px !important;
  margin-right:18px !important;
  padding:18px !important;
  right:0 !important;
  border-radius:28px !important;
}
.hero-panel h3{
  font-size:1.36rem !important;
}
.hero-panel small{
  line-height:1.6 !important;
}
.stat{
  padding:16px 14px !important;
}
.stat span{
  font-size:.88rem !important;
  line-height:1.5 !important;
}

@media (max-width: 1200px){
  .hero{
    padding:102px 0 28px !important;
    background-position:58% 14% !important;
  }
  .hero-copy{
    margin-top:0 !important;
  }
  .hero-panel,.premium-fix-panel,.hero-card,.hero-right{
    margin-top:10px !important;
    margin-right:0 !important;
    max-width:720px !important;
    width:100% !important;
  }
  .eyebrow-floating{
    position:static !important;
    margin:0 0 12px !important;
  }
}

@media (max-width: 720px){
  .nav{padding:8px 12px !important;}
  .brand img{width:150px !important;}
  .hero{
    min-height:auto !important;
    padding:94px 0 26px !important;
    background-position:63% top !important;
  }
  .hero-copy{
    padding:14px !important;
    border-radius:22px !important;
  }
  .hero h1{
    font-size:clamp(2.1rem, 9.5vw, 3.05rem) !important;
    line-height:.96 !important;
  }
  .hero-panel,.premium-fix-panel,.hero-card,.hero-right{
    padding:16px !important;
    border-radius:24px !important;
  }
}


/* Hero final integrado - opción 2 con foco en refrigeración */
.hero.hero-refrigeracion-final{
  position:relative;
  min-height:92vh !important;
  padding:120px 0 56px !important;
  display:flex;
  align-items:center !important;
  background-image:
    linear-gradient(90deg, rgba(239,245,251,.96) 0%, rgba(239,245,251,.86) 26%, rgba(239,245,251,.56) 44%, rgba(239,245,251,.12) 66%, rgba(239,245,251,.02) 100%),
    url('../img/hero-refrigeracion-enfoque.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
}
.hero-grid.hero-grid-focus{
  width:min(1200px, calc(100% - 48px));
  margin:0 auto;
  display:grid !important;
  grid-template-columns:minmax(320px, 540px) 1fr;
  align-items:center !important;
  gap:20px;
}
.hero-copy.hero-copy-focus{
  margin:0 !important;
  max-width:540px !important;
  padding:26px 28px !important;
  border-radius:32px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.44) 0%, rgba(255,255,255,.24) 100%) !important;
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 26px 60px rgba(15,39,68,.10);
  backdrop-filter:blur(10px);
}
.hero-copy-focus .eyebrow{
  display:inline-flex;
  margin-bottom:16px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.84);
  color:#1f7fd0;
}
.hero-copy-focus h1{
  margin:0 0 14px !important;
  max-width:480px;
  font-size:clamp(2.9rem, 4.2vw, 4.55rem) !important;
  line-height:.95 !important;
  letter-spacing:-.04em;
}
.hero-copy-focus p{
  max-width:480px !important;
  margin:0 0 22px !important;
  font-size:1.02rem;
  line-height:1.72;
}
.hero-focus-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.hero-focus-points span{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(31,127,208,.12);
  color:#153a62;
  font-size:.9rem;
  font-weight:700;
}
.hero.hero-refrigeracion-final .hero-buttons .btn{
  box-shadow:0 14px 28px rgba(15,39,68,.08);
}
.hero.hero-refrigeracion-final .hero-buttons .btn-secondary{
  background:rgba(255,255,255,.88);
}
@media (max-width: 1180px){
  .hero.hero-refrigeracion-final{
    min-height:auto !important;
    padding:108px 0 34px !important;
    background-image:
      linear-gradient(180deg, rgba(239,245,251,.90) 0%, rgba(239,245,251,.68) 42%, rgba(239,245,251,.18) 100%),
      url('../img/hero-refrigeracion-enfoque.webp') !important;
    background-position:62% center !important;
  }
  .hero-grid.hero-grid-focus{
    grid-template-columns:1fr;
    width:min(1100px, calc(100% - 28px));
  }
  .hero-copy.hero-copy-focus{
    max-width:680px !important;
    padding:22px 20px !important;
  }
}
@media (max-width: 720px){
  .hero.hero-refrigeracion-final{
    padding:94px 0 24px !important;
    background-position:68% center !important;
  }
  .hero-copy.hero-copy-focus{
    padding:16px !important;
    border-radius:24px !important;
  }
  .hero-copy-focus .eyebrow{
    font-size:.74rem;
    padding:8px 12px;
    margin-bottom:12px;
  }
  .hero-copy-focus h1{
    font-size:clamp(2.15rem, 9vw, 3.05rem) !important;
    max-width:320px;
  }
  .hero-copy-focus p{
    font-size:.95rem;
    line-height:1.6;
    max-width:100% !important;
  }
  .hero-focus-points{
    gap:8px;
  }
  .hero-focus-points span{
    padding:8px 11px;
    font-size:.78rem;
  }
}


/* Ajuste limpio del hero final */
.hero.hero-refrigeracion-final{
  position:relative;
  min-height:92vh !important;
  padding:120px 0 54px !important;
  display:flex;
  align-items:center !important;
  background-image:
    linear-gradient(90deg, rgba(239,245,251,.95) 0%, rgba(239,245,251,.86) 24%, rgba(239,245,251,.60) 42%, rgba(239,245,251,.18) 68%, rgba(239,245,251,.04) 100%),
    url('../img/hero-main.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
}
.hero-grid.hero-grid-focus{
  width:min(1200px, calc(100% - 44px));
  margin:0 auto;
  display:grid !important;
  grid-template-columns:minmax(320px, 520px) minmax(320px, 520px);
  align-items:center !important;
  justify-content:space-between;
  gap:26px;
}
.hero-copy.hero-copy-focus{
  margin:0 !important;
  max-width:520px !important;
  padding:26px 28px !important;
  border-radius:32px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.22) 100%) !important;
  border:1px solid rgba(255,255,255,.40);
  box-shadow:0 24px 60px rgba(15,39,68,.10);
  backdrop-filter:blur(10px);
}
.hero-copy-focus .eyebrow{
  display:inline-flex;
  margin-bottom:16px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#1f7fd0;
}
.hero-copy-focus h1{
  margin:0 0 14px !important;
  max-width:470px;
  font-size:clamp(2.85rem, 4.2vw, 4.45rem) !important;
  line-height:.95 !important;
  letter-spacing:-.04em;
}
.hero-copy-focus p{
  max-width:470px !important;
  margin:0 0 22px !important;
  font-size:1.02rem;
  line-height:1.7;
}
.hero-focus-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.hero-focus-points span{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(31,127,208,.12);
  color:#153a62;
  font-size:.88rem;
  font-weight:700;
}
.hero-showcase{
  display:grid;
  gap:16px;
  width:100%;
  max-width:500px;
  justify-self:end;
}
.showcase-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.showcase-card{
  position:relative;
  overflow:hidden;
  min-height:220px;
  border-radius:28px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(255,255,255,.56);
  box-shadow:0 24px 60px rgba(15,39,68,.12);
}
.showcase-card-large{
  min-height:280px;
}
.showcase-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.showcase-copy{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  padding:14px 16px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(11,24,39,.06) 0%, rgba(11,24,39,.60) 100%);
  color:#fff;
  backdrop-filter:blur(6px);
}
.showcase-copy strong{
  display:block;
  margin-bottom:5px;
  font-size:1.02rem;
}
.showcase-copy span{
  display:block;
  font-size:.84rem;
  line-height:1.45;
  color:rgba(255,255,255,.9);
}
@media (max-width: 1180px){
  .hero.hero-refrigeracion-final{
    min-height:auto !important;
    padding:106px 0 34px !important;
    background-image:
      linear-gradient(180deg, rgba(239,245,251,.92) 0%, rgba(239,245,251,.74) 38%, rgba(239,245,251,.24) 100%),
      url('../img/hero-main.webp') !important;
    background-position:64% center !important;
  }
  .hero-grid.hero-grid-focus{
    width:min(1100px, calc(100% - 28px));
    grid-template-columns:1fr;
  }
  .hero-copy.hero-copy-focus,
  .hero-showcase{
    max-width:680px !important;
    justify-self:start;
  }
}
@media (max-width: 720px){
  .hero.hero-refrigeracion-final{
    padding:94px 0 24px !important;
    background-position:70% center !important;
  }
  .hero-copy.hero-copy-focus{
    padding:16px !important;
    border-radius:24px !important;
  }
  .hero-copy-focus .eyebrow{
    font-size:.74rem;
    padding:8px 12px;
    margin-bottom:12px;
  }
  .hero-copy-focus h1{
    font-size:clamp(2.08rem, 9vw, 3.0rem) !important;
    max-width:320px;
  }
  .hero-copy-focus p{
    font-size:.95rem;
    line-height:1.6;
  }
  .showcase-row{
    grid-template-columns:1fr;
  }
  .showcase-card,
  .showcase-card-large{
    min-height:230px;
    border-radius:24px;
  }
  .showcase-copy{
    left:10px;
    right:10px;
    bottom:10px;
    padding:12px 14px;
    border-radius:16px;
  }
}


/* Hero limpio final con fondo visual de productos */
.hero.hero-refrigeracion-final{
  position:relative;
  min-height:92vh !important;
  padding:120px 0 54px !important;
  display:flex;
  align-items:center !important;
  background-image:
    linear-gradient(90deg, rgba(240,246,252,.92) 0%, rgba(240,246,252,.84) 28%, rgba(240,246,252,.56) 44%, rgba(240,246,252,.14) 62%, rgba(240,246,252,.02) 100%),
    url('../img/hero-clean-composite.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
}
.hero-grid.hero-grid-focus{
  width:min(1180px, calc(100% - 44px));
  margin:0 auto;
  display:grid !important;
  grid-template-columns:minmax(320px, 540px) 1fr;
  align-items:center !important;
  gap:24px;
}
.hero-copy.hero-copy-focus{
  margin:0 !important;
  max-width:540px !important;
  padding:26px 28px !important;
  border-radius:32px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.20) 100%) !important;
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 24px 60px rgba(15,39,68,.10);
  backdrop-filter:blur(8px);
}
.hero-copy-focus .eyebrow{
  display:inline-flex;
  margin-bottom:16px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#1f7fd0;
}
.hero-copy-focus h1{
  margin:0 0 14px !important;
  max-width:490px;
  font-size:clamp(2.8rem, 4.15vw, 4.45rem) !important;
  line-height:.95 !important;
  letter-spacing:-.04em;
}
.hero-copy-focus p{
  max-width:480px !important;
  margin:0 0 22px !important;
  font-size:1.02rem;
  line-height:1.72;
}
.hero-focus-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.hero-focus-points span{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(31,127,208,.12);
  color:#153a62;
  font-size:.88rem;
  font-weight:700;
}
@media (max-width: 1180px){
  .hero.hero-refrigeracion-final{
    min-height:auto !important;
    padding:106px 0 34px !important;
    background-image:
      linear-gradient(180deg, rgba(240,246,252,.92) 0%, rgba(240,246,252,.70) 40%, rgba(240,246,252,.22) 100%),
      url('../img/hero-clean-composite.webp') !important;
    background-position:68% center !important;
  }
  .hero-grid.hero-grid-focus{
    width:min(1080px, calc(100% - 28px));
    grid-template-columns:1fr;
  }
  .hero-copy.hero-copy-focus{
    max-width:680px !important;
  }
}
@media (max-width: 720px){
  .hero.hero-refrigeracion-final{
    padding:94px 0 24px !important;
    background-position:74% center !important;
  }
  .hero-copy.hero-copy-focus{
    padding:16px !important;
    border-radius:24px !important;
  }
  .hero-copy-focus .eyebrow{
    font-size:.74rem;
    padding:8px 12px;
    margin-bottom:12px;
  }
  .hero-copy-focus h1{
    font-size:clamp(2.05rem, 9vw, 3rem) !important;
    max-width:320px;
  }
  .hero-copy-focus p{
    font-size:.95rem;
    line-height:1.6;
  }
  .hero-focus-points{
    gap:8px;
  }
  .hero-focus-points span{
    padding:8px 11px;
    font-size:.78rem;
  }
}