*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8fc;color:#10233f;font-family:Inter,Segoe UI,Arial,sans-serif}.wrap{width:min(1220px,92%);margin:auto}.utility{background:#041d3e;color:#fff;font-size:12px}.utility-inner{height:36px;display:flex;align-items:center;justify-content:space-between}.utility-inner div{display:flex;gap:28px}.utility b{font-weight:600}.header{height:88px;background:#fff;position:sticky;top:0;z-index:60;box-shadow:0 4px 20px #0a2a4d12}.nav{height:100%;display:flex;align-items:center;gap:28px}.brand img{display:block;width:230px}.nav nav{display:flex;gap:31px;margin-left:auto}.nav nav a{text-decoration:none;color:#0d2242;font-weight:800;font-size:14px;position:relative}.nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-11px;height:3px;background:#ff6d13;transition:.25s}.nav nav a:hover:after{right:0}.wa-top{background:#11b652;color:#fff;text-decoration:none;font-weight:900;padding:14px 20px;border-radius:29px;box-shadow:0 8px 24px #11a94c2e}.menu-btn{display:none;background:none;border:0;font-size:29px;margin-left:auto}.hero{background:#061b3a}.slider{height:610px;position:relative;overflow:hidden}.slide{position:absolute;inset:0;background-image:var(--bg);background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity .8s ease,transform 5.5s ease;pointer-events:none}.slide.active{opacity:1;transform:scale(1);pointer-events:auto}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,42,.97) 0%,rgba(4,30,63,.90) 35%,rgba(5,27,55,.36) 66%,rgba(2,17,39,.66) 100%)}.slide-content{height:100%;position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.hero-copy{max-width:610px;color:#fff}.kicker,.section-title>span,.contact span{display:inline-block;color:#38c5ff;font-size:12px;letter-spacing:2px;font-weight:900}.orange-text{color:#ff7b1a}.hero h1{font-size:57px;line-height:1.02;margin:15px 0 17px;letter-spacing:-2px}.hero h1 em{font-style:normal;color:#ff7117}.hero-copy>p{font-size:18px;line-height:1.6;color:#e4effb;max-width:590px}.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.hero-features div{padding-left:13px;border-left:2px solid #28a9ff}.hero-features i{display:block;font-style:normal;font-size:25px;margin-bottom:6px}.hero-features b,.hero-features small{display:block}.hero-features small{font-size:10px;color:#b4c9df;line-height:1.4;margin-top:4px}.btn{display:inline-flex;padding:14px 22px;border-radius:10px;color:#fff;text-decoration:none;font-weight:900;margin-right:8px;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn.blue{background:#0577e7}.btn.green{background:#11b652}.btn.orange{background:linear-gradient(90deg,#ff8b00,#ff5317)}.slide-badge{justify-self:end;width:350px;color:white;border-left:5px solid #ff6b13;padding:22px 0 22px 25px;text-shadow:0 3px 13px #000}.slide-badge span{font-size:11px;color:#ff8b29;font-weight:900;letter-spacing:1.5px}.slide-badge h2{font-size:37px;line-height:1.06;margin:8px 0}.slide-badge p{margin:0;color:#e4edf8}.blue-badge{border-color:#0b8dff}.blue-badge span{color:#59b8ff}.orange-badge{border-color:#ff6813}.arrow{position:absolute;z-index:9;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:#0a2c55;font-size:35px;cursor:pointer;box-shadow:0 6px 20px #0003}.arrow.prev{left:22px}.arrow.next{right:22px}.dots{position:absolute;z-index:10;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.dots button{width:10px;height:10px;border-radius:50%;border:0;background:#d8e4f0;padding:0;cursor:pointer}.dots button.active{background:#ff7117;transform:scale(1.25)}.progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff22;z-index:10}.progress span{display:block;height:100%;width:0;background:#ff7117}.systems{background:#fff;padding:85px 0}.section-title{text-align:center;max-width:790px;margin:0 auto 42px}.section-title>span{color:#0877e6}.section-title h2{font-size:39px;line-height:1.1;margin:8px 0 12px;color:#092b5a}.section-title p{color:#687d95;line-height:1.6}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.system-card{display:grid;grid-template-columns:43% 57%;background:#fff;border:1px solid #dfe9f4;border-radius:20px;overflow:hidden;box-shadow:0 16px 45px #0a315914}.card-image{min-height:370px}.card-image img{width:100%;height:100%;object-fit:cover}.card-body{padding:28px}.icon-title{display:flex;align-items:center;gap:12px}.icon-title>span{width:55px;height:55px;border-radius:14px;display:grid;place-items:center;font-size:27px;background:#0875e6;color:white}.hormi-card .icon-title>span{background:#ff6813}.icon-title h3{font-size:24px;margin:0;color:#0667cf}.hormi-card .icon-title h3{color:#e95700}.icon-title h3 em{font-style:normal;color:#ff6813}.icon-title small{font-weight:700;color:#61768e}.card-body>p{color:#495f78;line-height:1.5}.card-body ul{list-style:none;padding:0;margin:17px 0;display:grid;gap:9px}.card-body li{position:relative;padding-left:21px;font-size:13px;font-weight:650;color:#263d58}.card-body li:before{content:"✓";position:absolute;left:0;color:#0876e8;font-weight:900}.hormi-card li:before{color:#ff6813}.card-link{display:inline-block;text-decoration:none;color:white;font-weight:900;padding:12px 18px;border-radius:9px;margin-top:5px}.card-link.blue{background:#0875e6}.card-link.orange{background:#ff6813}.flow{padding:78px 0;background:#f4f8fc}.flow-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:11px;align-items:center}.flow-row>div{background:#fff;border-radius:16px;padding:22px 12px;text-align:center;box-shadow:0 10px 30px #082a5210}.flow-row i{display:block;font-style:normal;font-size:30px;margin-bottom:8px}.flow-row b,.flow-row small{display:block}.flow-row small{font-size:10px;color:#76899f;margin-top:5px}.flow-row>span{font-size:23px;color:#ff7117}.benefits{background:#061d3d;padding:80px 0;color:white}.section-title.light h2{color:white}.section-title.light span{color:#57c8ff}.benefit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.benefit-grid div{background:#fff;border-radius:16px;padding:26px 12px;text-align:center;color:#10233f;box-shadow:0 14px 35px #0003}.benefit-grid i{display:block;font-style:normal;font-size:34px}.benefit-grid b,.benefit-grid small{display:block}.benefit-grid b{margin-top:12px;font-size:13px}.benefit-grid small{font-size:10px;color:#71849a;line-height:1.4;margin-top:6px}.plans{padding:82px 0}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan-grid article{background:#fff;border-radius:20px;border:1px solid #e2eaf3;padding:29px;box-shadow:0 12px 35px #0a2a5010}.plan-grid small{font-size:10px;letter-spacing:1.5px;color:#0874dc;font-weight:900}.plan-grid h3{font-size:29px;margin:7px 0}.plan-grid p{min-height:75px;color:#687c92;line-height:1.55}.plan-grid a{display:block;text-align:center;background:#e8f3ff;color:#0867ca;padding:12px;border-radius:9px;text-decoration:none;font-weight:900}.plan-grid .featured{background:#092d59;color:#fff;transform:translateY(-10px)}.plan-grid .featured p{color:#bed0e2}.plan-grid .featured a{background:#ff6813;color:#fff}.contact{background:linear-gradient(105deg,#082349,#07588f);color:white;padding:58px 0}.contact-inner{display:grid;grid-template-columns:1fr 430px;align-items:center;gap:30px}.contact h2{font-size:36px;margin:8px 0}.contact p{color:#c7ddef}.contact-inner>a{background:#10b753;color:white;border-radius:18px;padding:21px 28px;text-decoration:none;display:grid;grid-template-columns:1fr auto;align-items:center;box-shadow:0 14px 30px #022b2544}.contact-inner>a small{font-size:12px}.contact-inner>a strong{grid-row:1/3;grid-column:2;font-size:27px}.contact-inner>a b{font-size:11px;margin-top:5px}footer{background:#04152e;color:white;padding:31px 0 0}.footer-inner{display:grid;grid-template-columns:230px 1fr 220px;align-items:center;gap:30px}.footer-inner img{width:210px}.footer-inner b,.footer-inner small{display:block}.footer-inner small{color:#8da7c3;margin-top:6px}.footer-contact{text-align:right}.copyright{text-align:center;border-top:1px solid #ffffff15;margin-top:25px;padding:17px;color:#7893ae;font-size:11px}.floating-wa{position:fixed;z-index:50;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#10b753;color:white;text-decoration:none;font-size:25px;box-shadow:0 8px 26px #086d3c66}@media(max-width:980px){.utility-inner>span{display:none}.utility-inner{justify-content:center}.nav nav{display:none;position:absolute;top:88px;left:0;right:0;background:white;padding:22px;flex-direction:column;box-shadow:0 16px 30px #001a3315}.nav nav.open{display:flex}.menu-btn{display:block}.wa-top{display:none}.slide-content{grid-template-columns:1fr}.slide-badge{display:none}.slider{height:640px}.system-grid{grid-template-columns:1fr}.system-card{grid-template-columns:40% 60%}.benefit-grid{grid-template-columns:repeat(3,1fr)}.flow-row{grid-template-columns:repeat(3,1fr)}.flow-row>span{display:none}.plan-grid{grid-template-columns:1fr}.plan-grid .featured{transform:none}.contact-inner{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-inner img{margin:auto}.footer-contact{text-align:center}}@media(max-width:640px){.utility{display:none}.header{height:76px}.brand img{width:185px}.nav nav{top:76px}.slider{height:690px}.hero h1{font-size:40px}.hero-copy>p{font-size:16px}.hero-features{grid-template-columns:1fr;gap:9px}.hero-features div{display:grid;grid-template-columns:35px 1fr;column-gap:7px}.hero-features i{grid-row:1/3}.hero-buttons{display:grid}.btn{margin:4px 0;justify-content:center}.arrow{width:40px;height:40px}.arrow.prev{left:8px}.arrow.next{right:8px}.section-title h2{font-size:30px}.system-card{grid-template-columns:1fr}.card-image{min-height:220px}.flow-row{grid-template-columns:1fr 1fr}.benefit-grid{grid-template-columns:1fr 1fr}.contact h2{font-size:30px}.contact-inner>a{grid-template-columns:1fr}.contact-inner>a strong{grid-row:auto;grid-column:auto}.utility-inner div{gap:10px}}
/* ===== REPARACION FINAL: SIN IMAGENES MONTADAS NI DISTORSION ===== */
.hero{background:#061b3a}
.simple-slider{
  position:relative;
  height:500px;
  overflow:hidden;
  background:linear-gradient(90deg,#061b3a,#0a3263);
}
.simple-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .35s ease;
}
.simple-slide.active{
  opacity:1;
  visibility:visible;
}
.simple-grid{
  height:100%;
  display:grid;
  grid-template-columns:46% 54%;
  align-items:center;
  gap:35px;
}
.simple-copy{
  color:#fff;
  position:relative;
  z-index:2;
}
.simple-copy h1{
  font-size:46px;
  line-height:1.06;
  margin:12px 0 15px;
}
.simple-copy h1 em{font-style:normal;color:#ff6b13}
.simple-copy>p{
  color:#d9e7f6;
  font-size:16px;
  line-height:1.55;
}
.simple-photo{
  width:100%;
  height:390px;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(0,0,0,.35);
  background:#0b2344;
}
.simple-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
.simple-slider .arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
}
.simple-slider .prev{left:18px}
.simple-slider .next{right:18px}
.simple-dots{
  position:absolute;
  z-index:5;
  bottom:18px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:9px;
}
.simple-dots button{
  width:10px;height:10px;border:0;border-radius:50%;
  background:#cad9e9;padding:0;cursor:pointer;
}
.simple-dots button.active{background:#ff6b13}

.system-card{
  grid-template-columns:42% 58%!important;
  align-items:stretch!important;
}
.card-image{
  min-height:0!important;
  height:100%!important;
  background:#edf4fa;
}
.card-image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}
.card-body{background:#fff;position:relative;z-index:2}
.system-card *{transform:none!important}

@media(max-width:980px){
 .simple-slider{height:610px}
 .simple-grid{grid-template-columns:1fr;gap:16px;padding:35px 0}
 .simple-copy{order:2}
 .simple-photo{order:1;height:250px}
 .simple-copy h1{font-size:37px}
 .system-card{grid-template-columns:1fr!important}
 .card-image{height:240px!important}
}
@media(max-width:640px){
 .simple-slider{height:690px}
 .simple-photo{height:220px}
 .hero-features{grid-template-columns:1fr!important}
}

/* ===== IMAGENES MAS PEQUENAS ===== */
.simple-grid{
  grid-template-columns:55% 45%!important;
  gap:28px!important;
}
.simple-photo{
  width:82%!important;
  height:300px!important;
  justify-self:center!important;
  border-radius:18px!important;
}
.simple-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.system-card{
  grid-template-columns:34% 66%!important;
}
.card-image{
  height:300px!important;
  align-self:center!important;
}
.card-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
@media(max-width:980px){
 .simple-grid{grid-template-columns:1fr!important}
 .simple-photo{width:76%!important;height:220px!important}
 .system-card{grid-template-columns:1fr!important}
 .card-image{height:190px!important}
}
@media(max-width:640px){
 .simple-photo{width:88%!important;height:190px!important}
 .card-image{height:170px!important}
}

/* ===== AJUSTE 17-08-2026: HERO COMPACTO Y SIN DISTORSION ===== */
.simple-slider{height:440px!important;overflow:hidden!important}
.simple-grid{grid-template-columns:58% 42%!important;gap:20px!important;height:100%!important}
.simple-photo{width:72%!important;height:240px!important;max-width:440px!important;justify-self:center!important;border-radius:16px!important;overflow:hidden!important}
.simple-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}
.simple-copy h1{font-size:42px!important}
.simple-copy>p{font-size:15px!important}
.hero-features{margin:20px 0!important}
@media(max-width:980px){
 .simple-slider{height:570px!important}
 .simple-grid{grid-template-columns:1fr!important;padding:24px 0!important;gap:12px!important}
 .simple-photo{width:68%!important;height:200px!important;order:1!important}
 .simple-copy{order:2!important}
 .simple-copy h1{font-size:34px!important}
}
@media(max-width:640px){
 .simple-slider{height:650px!important}
 .simple-photo{width:86%!important;height:175px!important}
 .simple-copy h1{font-size:31px!important}
}