*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#17354a;background:#fff}.topbar{position:fixed;z-index:20;top:14px;left:3%;right:3%;height:76px;display:flex;align-items:center;gap:32px;padding:0 28px;border:1px solid #dcece5;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-radius:24px;box-shadow:0 14px 40px rgba(20,70,55,.09)}.brand{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;text-decoration:none;min-width:245px}.brand-mark{font-size:25px;font-weight:900;color:#078246}.brand b{font-size:25px;color:#ff6b00}.brand small{grid-column:1/3;color:#49636f;font-size:10px}.topbar nav{display:flex;gap:25px;margin-left:auto}.topbar nav a{color:#183448;text-decoration:none;font-weight:750;font-size:14px}.contact-top,.btn{border:0;cursor:pointer;font-weight:800}.contact-top{padding:16px 22px;border-radius:20px;background:#eaf7ef;color:#087942;font-size:15px}.hero{min-height:560px;padding:125px 5% 35px;display:grid;grid-template-columns:44% 56%;align-items:center;overflow:hidden;background:radial-gradient(circle at 18% 20%,#eaf9f3 0,transparent 35%),linear-gradient(110deg,#fff 0,#f7fcfa 50%,#eef8fb 100%)}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:900;letter-spacing:3px;color:#087c4c;margin-bottom:18px}.hero h1{font-size:64px;line-height:.98;letter-spacing:-3px;margin:0 0 25px;color:#0b2c48}.hero h1 span{background:linear-gradient(90deg,#14b77a,#47c7aa,#2da9ef,#ff7b17);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.55;color:#4d6774;max-width:680px}.actions{display:flex;gap:14px;margin-top:25px}.btn{padding:16px 24px;border-radius:28px;text-decoration:none}.primary{background:#079348;color:#fff}.secondary{background:#fff;color:#078246;border:1px solid #4eaa79}.hero-visual{height:390px;display:flex;align-items:center;justify-content:center}.hero-visual img{width:100%;height:100%;object-fit:cover;border-radius:34px;box-shadow:0 28px 70px rgba(23,72,58,.15)}.ecosystem{padding:48px 4% 30px;display:grid;grid-template-columns:250px 1fr;gap:28px;background:#fbfefd}.section-intro h2{font-size:31px;line-height:1.15;margin:0;color:#102e49}.section-intro h2 span{color:#0b9852}.section-intro p{color:#657b86;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{min-width:0;padding:20px;border-radius:22px;border:1px solid #dfece7;background:#fff;box-shadow:0 14px 35px rgba(29,77,59,.06);display:flex;flex-direction:column}.card img{width:100%;height:120px;object-fit:contain;object-position:center}.card h3{font-size:20px;margin:12px 0 8px}.card strong{font-size:13px;line-height:1.4;color:#078449;min-height:55px}.card p{font-size:14px;line-height:1.55;color:#637881;flex:1}.card a{font-weight:850;color:#078449;text-decoration:none}.retail{background:linear-gradient(180deg,#f3fcf7,#fff)}.territorial{background:linear-gradient(180deg,#f7f5ff,#fff)}.med{background:linear-gradient(180deg,#fff8f3,#fff)}.pets{background:linear-gradient(180deg,#fff5f8,#fff)}.trust{display:grid;grid-template-columns:repeat(5,1fr);padding:28px 5%;border-top:1px solid #edf3f0;border-bottom:1px solid #edf3f0;background:#fff}.trust div{padding:8px 24px;border-right:1px solid #e5eeea}.trust div:last-child{border:0}.trust b,.trust span{display:block}.trust b{color:#12334c}.trust span{font-size:12px;color:#75878f;margin-top:5px}.why{padding:55px 5%;display:grid;grid-template-columns:28% 72%;background:#fff}.why h2{font-size:34px;color:#0e2f4a}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-grid article{padding:22px;border-left:1px solid #e4eeea}.why-grid p{font-size:13px;color:#6a7e87;line-height:1.5}.detail{min-height:310px;padding:75px 8%;display:flex;align-items:center;background:linear-gradient(135deg,#f3fbf7,#fff)}.detail.alt{background:linear-gradient(135deg,#f4f8ff,#fff)}.detail>div{max-width:850px}.detail span{font-size:12px;font-weight:900;letter-spacing:2px;color:#0a8b50}.detail h2{font-size:42px;margin:10px 0;color:#10324b}.detail p{font-size:18px;line-height:1.7;color:#617783}footer{padding:35px 5%;display:flex;justify-content:space-between;background:#092f29;color:#fff}.chat-launch,.whatsapp{position:fixed;right:22px;z-index:30;border:0;border-radius:24px;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 12px 35px rgba(0,100,55,.22)}.chat-launch{bottom:76px;padding:15px 20px;background:#078d49;cursor:pointer}.whatsapp{bottom:20px;padding:14px 20px;background:#0aaf55}.chat{display:none;position:fixed;z-index:40;right:22px;bottom:135px;width:360px;background:#fff;border-radius:22px;box-shadow:0 25px 80px rgba(0,45,30,.25);overflow:hidden;border:1px solid #dcebe5}.chat.open{display:block}.chat-head{padding:16px 18px;background:#087e45;color:#fff;display:flex;justify-content:space-between}.chat-head small,.chat-head b{display:block}.chat-head button{border:0;background:none;color:#fff;font-size:24px}.messages{height:260px;overflow:auto;padding:16px;background:#f7fbf9}.bot,.user{padding:11px 13px;border-radius:14px;margin:8px 0;font-size:13px;line-height:1.45}.bot{background:#fff;border:1px solid #e0ebe6}.user{background:#e3f7eb;margin-left:35px}.chat form{display:flex;padding:10px;border-top:1px solid #e4ece8}.chat input{flex:1;border:0;outline:0;padding:12px}.chat form button{border:0;background:#078d49;color:#fff;border-radius:12px;padding:0 15px}@media(max-width:1100px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:125px}.hero-visual{margin-top:30px}.ecosystem{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.why{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar{left:12px;right:12px;padding:0 15px}.brand{min-width:150px}.contact-top{padding:12px}.hero{padding:115px 22px 30px}.hero h1{font-size:44px}.hero-visual{height:260px}.cards{grid-template-columns:1fr}.trust{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr}.chat{left:12px;right:12px;width:auto}.detail h2{font-size:34px}}

/* ===== Ajuste v2: portada compacta, logo oficial y scroll dinámico ===== */
.topbar{height:72px;top:12px;padding:0 24px}
.brand{display:flex!important;align-items:center;min-width:230px!important;height:58px}
.brand img{display:block;width:205px;height:56px;object-fit:contain;object-position:left center}
.hero{min-height:500px!important;padding:105px 4.5% 26px!important;grid-template-columns:43% 57%!important;gap:34px}
.hero h1{font-size:58px!important}
.hero p{font-size:17px!important;max-width:650px}
.hero-visual{height:360px!important;padding:0 8px}
.hero-visual img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:55% 48%!important;border-radius:30px!important;
}
.ecosystem{padding:38px 3.5% 34px!important;grid-template-columns:225px 1fr!important;gap:22px!important}
.section-intro h2{font-size:29px!important}
.cards{gap:12px!important}
.card{padding:16px!important;border-radius:20px!important;min-height:390px}
.card img{height:98px!important;margin-bottom:2px}
.card h3{font-size:18px!important;margin:8px 0 6px!important}
.card strong{font-size:12px!important;min-height:48px!important}
.card p{font-size:13px!important;line-height:1.48!important;margin:9px 0 12px!important}
.trust{padding:20px 4.5%!important}
.why{padding:48px 5%!important}
.detail{min-height:270px!important;padding:60px 8%!important}
.capabilities{padding:65px 5%;display:grid;grid-template-columns:30% 70%;gap:38px;background:linear-gradient(135deg,#f8fcfa,#f3f8ff);border-top:1px solid #edf4f1;border-bottom:1px solid #edf4f1}
.cap-title h2{font-size:38px;line-height:1.08;margin:0;color:#10324b}.cap-title h2 span{color:#0a9553}
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cap-grid article{background:#fff;border:1px solid #e1ece7;border-radius:22px;padding:22px;box-shadow:0 12px 35px rgba(28,74,56,.05)}
.cap-grid article span{font-size:11px;font-weight:900;color:#ff7200}.cap-grid article b{display:block;font-size:17px;color:#12354c;margin:9px 0}.cap-grid article p{font-size:13px;line-height:1.55;color:#6b7e87;margin:0}

/* Entrada progresiva al bajar */
.reveal,.reveal-left,.reveal-right,.reveal-stagger .card{opacity:0;transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.reveal{transform:translateY(30px)}.reveal-left{transform:translateX(-38px)}.reveal-right{transform:translateX(38px)}
.reveal.is-visible,.reveal-left.is-visible,.reveal-right.is-visible{opacity:1;transform:none}
.reveal-stagger .card{transform:translateY(28px)}
.reveal-stagger.is-visible .card{opacity:1;transform:none}
.reveal-stagger.is-visible .card:nth-child(1){transition-delay:.05s}.reveal-stagger.is-visible .card:nth-child(2){transition-delay:.12s}.reveal-stagger.is-visible .card:nth-child(3){transition-delay:.19s}.reveal-stagger.is-visible .card:nth-child(4){transition-delay:.26s}.reveal-stagger.is-visible .card:nth-child(5){transition-delay:.33s}
@media(prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right,.reveal-stagger .card{opacity:1!important;transform:none!important;transition:none!important}}
@media(max-width:1100px){
 .hero{grid-template-columns:1fr!important}.hero-visual{height:330px!important}
 .ecosystem{grid-template-columns:1fr!important}.capabilities{grid-template-columns:1fr}.cap-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
 .brand{min-width:145px!important}.brand img{width:145px;height:46px}.hero{padding-top:100px!important}.hero h1{font-size:43px!important}
 .hero-visual{height:245px!important}.cards{grid-template-columns:1fr!important}.cap-grid{grid-template-columns:1fr}
}


/* ===== v3: hero limpio + secciones internas con contenido real ===== */
.hero{grid-template-columns:42% 58%!important;gap:28px!important}
.hero-copy{padding-right:10px}
.hero-visual{overflow:hidden!important;background:#f3faf7;border-radius:30px}
.hero-visual img{object-fit:cover!important;object-position:center center!important;transform:scale(1.02)}
.ecosystem{align-items:start}
.cards{align-items:stretch}
.card{min-height:365px!important}
.card img{height:90px!important}
.solution-detail{
  scroll-margin-top:105px;
  min-height:0!important;
  padding:54px 7%!important;
  display:grid!important;
  grid-template-columns:34% 66%;
  align-items:center;
  gap:50px;
  background:linear-gradient(135deg,#f5fbf8,#fff);
  border-top:1px solid #e9f1ed;
}
.solution-detail.alt{background:linear-gradient(135deg,#f5f8fd,#fff)}
.solution-logo{height:210px;background:#fff;border:1px solid #e1ebe6;border-radius:28px;display:flex;align-items:center;justify-content:center;padding:28px;box-shadow:0 18px 45px rgba(20,70,55,.07)}
.solution-logo img{width:100%;height:100%;object-fit:contain}
.solution-copy{max-width:900px}
.solution-copy>span,.cta-final span{font-size:11px;font-weight:900;letter-spacing:2.4px;color:#07884c}
.solution-copy h2{font-size:38px;line-height:1.08;color:#10324b;margin:10px 0 14px}
.solution-copy p{font-size:16px;line-height:1.65;color:#617984;max-width:850px;margin:0 0 22px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.feature-grid b{font-size:13px;color:#173b4d;background:#fff;border:1px solid #dfeae5;border-radius:14px;padding:13px 14px;box-shadow:0 6px 18px rgba(24,75,55,.035)}
.feature-grid b:before{content:"✓";color:#07914f;margin-right:8px}
.cta-final{margin:0;padding:58px 7%;display:flex;align-items:center;justify-content:space-between;gap:35px;background:linear-gradient(110deg,#073e35,#0a6b4c);color:#fff}
.cta-final>div{max-width:800px}.cta-final span{color:#74e6ae}.cta-final h2{font-size:38px;line-height:1.12;margin:10px 0}.cta-final p{color:#d3e9e0;line-height:1.6;margin:0}.cta-final .btn{white-space:nowrap;background:#fff;color:#087b45}
@media(max-width:900px){.solution-detail{grid-template-columns:1fr!important;gap:24px}.solution-logo{height:160px}.feature-grid{grid-template-columns:repeat(2,1fr)}.cta-final{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.solution-detail{padding:38px 22px!important}.solution-copy h2{font-size:31px}.feature-grid{grid-template-columns:1fr}.cta-final{padding:42px 22px}.cta-final h2{font-size:31px}}


/* ===== v4: HERO refinado ===== */
.hero{
  min-height:0!important;
  padding:92px 4.5% 28px!important;
  grid-template-columns:44% 56%!important;
  gap:38px!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 72% 42%,rgba(27,190,123,.10),transparent 30%),
    linear-gradient(110deg,#f7fcfa 0%,#f5fbf8 48%,#edf8f7 100%)!important;
}
.hero-copy{padding:4px 0 2px!important;max-width:690px}
.hero .eyebrow{font-size:11px!important;letter-spacing:3px!important;margin-bottom:18px!important}
.hero h1{
  font-size:54px!important;
  line-height:.99!important;
  letter-spacing:-2.6px!important;
  margin:0 0 22px!important;
}
.hero p{
  max-width:620px!important;
  font-size:16px!important;
  line-height:1.6!important;
  margin-bottom:24px!important;
}
.hero-actions{gap:12px!important}
.hero-actions .btn{height:48px!important;padding:0 25px!important}
.hero-visual{
  height:330px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid rgba(18,126,84,.10)!important;
  background:#fff!important;
  box-shadow:0 24px 65px rgba(22,80,62,.12)!important;
}
.hero-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 48%!important;
  transform:none!important;
  border-radius:26px!important;
}
.ecosystem{padding-top:30px!important}
@media(max-width:1100px){
 .hero{grid-template-columns:1fr!important;padding-top:100px!important}
 .hero-copy{max-width:800px}.hero-visual{height:340px!important}
}
@media(max-width:650px){
 .hero{padding:94px 22px 25px!important}.hero h1{font-size:42px!important;letter-spacing:-1.8px!important}
 .hero-visual{height:235px!important}.hero-actions{flex-wrap:wrap}
}

/* ===== v5: hero final ultra compacto ===== */
.hero{padding:82px 4.5% 20px!important;grid-template-columns:43% 57%!important;gap:30px!important;min-height:0!important}
.hero-copy{padding:0!important}
.hero .eyebrow{margin-bottom:12px!important}
.hero h1{font-size:49px!important;line-height:.98!important;margin-bottom:17px!important}
.hero p{font-size:15px!important;line-height:1.5!important;margin-bottom:18px!important;max-width:590px!important}
.hero-actions .btn{height:44px!important;padding:0 22px!important}
.hero-visual{height:285px!important;border-radius:24px!important}
.hero-visual img{object-fit:cover!important;object-position:center center!important;border-radius:24px!important}
.ecosystem{padding-top:22px!important}
@media(max-width:1100px){.hero{grid-template-columns:1fr!important}.hero-visual{height:300px!important}}
@media(max-width:650px){.hero h1{font-size:39px!important}.hero-visual{height:215px!important}}