:root{--blue:#082b7c;--navy:#06172e;--green:#b7e600;--green2:#00c86b;--ink:#111820;--muted:#5d6875;--soft:#eef7f5;--orange:#ff5b17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:auto;padding:0 24px}.topbar{background:var(--navy);color:#fff;font-size:14px}.topbar-inner{height:34px;display:flex;gap:28px;align-items:center}.topbar a{color:#fff}.top-social{margin-left:auto;display:flex;gap:22px}.site-header{background:#fff;border-bottom:1px solid #e5e9ef;position:sticky;top:0;z-index:30}.header-main{height:100px;display:flex;align-items:center;gap:32px}.brand img{width:160px;display:block}.main-nav{margin-left:auto;display:flex;gap:28px;font-weight:900;text-transform:uppercase}.main-nav a{padding:39px 0;border-bottom:4px solid transparent}.main-nav a.active,.main-nav a:hover{color:var(--blue);border-color:var(--green)}.quote-btn,.hero-content a,.primary-link,.footer-btn,.cta-final a,.contact-form button{background:var(--blue);color:#fff;font-weight:900;text-transform:uppercase;padding:18px 30px;display:inline-flex;align-items:center;justify-content:center;border:0}.quote-btn{background:#123a98}.menu-toggle{display:none;background:#fff;border:1px solid #ddd;width:62px;height:62px;font-size:30px}.mobile-panel{position:fixed;inset:0 auto 0 0;width:min(88vw,420px);background:#fff;z-index:100;transform:translateX(-105%);transition:.28s;padding:26px;box-shadow:20px 0 60px rgba(0,0,0,.22);display:flex;flex-direction:column}.mobile-panel.open{transform:none}.mobile-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:28px}.mobile-head img{width:165px}.menu-close{width:58px;height:58px;border:0;background:var(--green);font-size:36px}.mobile-panel>a{font-size:24px;font-weight:900;padding:18px 0;border-bottom:1px solid #ddd}.mobile-quote{background:var(--blue)!important;color:#fff!important;text-align:center;margin-top:26px;border:0!important}.hero{min-height:680px;position:relative;overflow:hidden;background:#111}.hero-slide{position:absolute;inset:0;display:flex;align-items:center;background-size:cover;background-position:center;opacity:0;transition:.6s}.hero-slide.active{opacity:1;z-index:1}.hero-content{color:#fff}.hero-content span,.eyebrow,.section-head span,.page-hero span,.cta-final span,.counter-head span{display:inline-block;background:var(--green);color:var(--navy);font-weight:950;text-transform:uppercase;padding:13px 22px;margin-bottom:22px}.hero-content h1{font-size:78px;line-height:.95;text-transform:uppercase;max-width:900px;margin:0 0 24px;font-weight:950}.hero-content p{font-size:22px;line-height:1.55;max-width:760px;margin:0 0 34px}.hero-content a{background:var(--green);color:var(--navy)}.hero-arrows{position:absolute;z-index:3;right:42px;bottom:42px;display:flex;gap:12px}.hero-arrows button{border:0;background:var(--green);width:58px;height:58px;font-size:34px;font-weight:900}.intro{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;padding-top:92px;padding-bottom:92px}.intro h2,.section-head h2,.page-hero h1,.cta-final h2{font-size:54px;line-height:1.05;text-transform:uppercase;margin:0 0 22px}.intro p,.contact p,.detail p{font-size:20px;line-height:1.72;color:var(--muted)}.intro-media{background:var(--soft);padding:28px;min-height:430px}.intro-media img,.image img,.detail-img{width:100%;height:100%;object-fit:cover;display:block}.text-link,.section-head a{color:#4d9300;font-weight:900;text-transform:uppercase}.solutions-preview{background:#f3f7f8;padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:36px}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tile-grid article{background:#fff;padding:38px;min-height:320px;border-top:5px solid var(--green);box-shadow:0 18px 42px rgba(0,0,0,.07)}.tile-grid i{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--green);font-style:normal;font-size:34px;margin-bottom:26px;color:var(--navy)}.tile-grid h3{font-size:30px;line-height:1.08;text-transform:uppercase;margin:0 0 16px}.tile-grid p,.item-card p{font-size:18px;line-height:1.62;color:var(--muted)}.tile-grid a{font-weight:900;color:#519100}.counter-video{background-size:cover;background-position:center;padding:88px 0 0;color:#fff}.counter-head{text-align:center;margin-bottom:54px}.counter-head h2{font-size:48px;text-transform:uppercase;margin:0}.play-btn{width:72px;height:72px;border-radius:50%;border:0;background:var(--green2);color:#fff;font-size:28px;margin-top:22px;box-shadow:0 0 0 18px rgba(0,200,107,.15)}.counters{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center;padding-bottom:52px}.counters b{font-size:64px;color:var(--green2);font-weight:950}.counters p{font-size:20px;font-weight:900}.counter-note{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;transform:translateY(50px)}.counter-note div{background:var(--green2);padding:34px;color:#fff}.counter-note h3{font-size:30px;margin:0 0 16px}.counter-note p{line-height:1.6}.counter-note blockquote{font-size:24px;font-weight:900;line-height:1.55;border-left:5px solid var(--green2);padding-left:28px}.list-section,.projects-strip{padding:100px 0}.projects-strip{background:#f5fbfa}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.item-card{background:#fff;box-shadow:0 18px 42px rgba(0,0,0,.08)}.item-card .image{height:262px;background:#eef7f6;padding:24px}.item-card small{display:block;color:#579500;font-weight:950;text-transform:uppercase;margin:28px 28px 10px;letter-spacing:.3px}.item-card h3{font-size:30px;line-height:1.08;margin:0 28px 16px}.item-card p{margin:0 28px 24px}.item-card a{display:inline-block;margin:0 28px 32px;color:#4d9300;font-weight:950}.page-hero{background-size:cover;background-position:center;color:#fff;padding:120px 0}.detail{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:52px;padding-top:88px;padding-bottom:88px}.detail-img{height:460px;margin-bottom:34px}.detail h2{font-size:50px;line-height:1.05;text-transform:uppercase;margin:0 0 22px}.detail .lead{font-size:24px;color:var(--ink);font-weight:700}.detail aside{position:sticky;top:130px;align-self:start;background:#f3f7f8;padding:28px}.detail aside h3{font-size:28px;margin:0 0 18px;text-transform:uppercase}.detail aside a{display:block;padding:14px 0;border-bottom:1px solid #dce4e8;font-weight:800}.primary-link{margin-top:18px;background:var(--green);color:var(--navy)}.contact{padding:90px 24px;display:grid;grid-template-columns:1fr 1.2fr;gap:56px}.contact-form{display:grid;gap:16px}.contact-form input,.contact-form textarea{border:1px solid #d8dee5;padding:18px;font-size:17px}.contact-form textarea{min-height:150px}.contact-form button{background:var(--green);color:var(--navy);cursor:pointer}.map-section iframe{display:block;width:100%;height:430px;border:0;filter:saturate(.85)}.cta-final{background-size:cover;background-position:center;color:#fff;padding:80px 0}.cta-final-inner{display:grid;grid-template-columns:1fr auto;gap:44px;align-items:center}.cta-final h2{color:#fff}.cta-final p{font-size:19px;line-height:1.65;max-width:780px}.cta-final a{background:#123a98}.footer{background:#171717;color:#dce4ec;padding-top:70px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:70px}.footer-logo{width:255px;margin-bottom:28px}.footer h3{font-size:32px;color:var(--green);margin:0 0 22px}.footer p,.footer a{display:block;color:#dce4ec;line-height:1.7}.footer-btn{margin-top:16px;background:#123a98!important;color:#fff!important}.copyright{border-top:1px solid #333;margin-top:50px;padding:22px 24px;display:flex;justify-content:space-between}.copyright a{display:inline;color:#aeb8c2}.wa-float,.to-top{position:fixed;right:28px;border-radius:50%;z-index:60;display:flex;align-items:center;justify-content:center}.wa-float{bottom:26px;width:70px;height:70px;background:#27d366;box-shadow:0 12px 35px rgba(39,211,102,.35)}.wa-float img{width:36px}.to-top{bottom:110px;width:58px;height:58px;background:var(--navy);color:#fff;font-size:34px}
@media(max-width:900px){.topbar-inner{overflow:hidden;white-space:nowrap}.top-social,.main-nav,.quote-btn{display:none}.menu-toggle{display:block;margin-left:auto}.header-main{height:96px}.brand img{width:154px}.hero{min-height:650px}.hero-content h1{font-size:48px}.hero-content p{font-size:18px}.intro,.contact,.cta-final-inner,.footer-grid,.detail,.counter-note{grid-template-columns:1fr}.tile-grid,.card-grid,.counters{grid-template-columns:1fr}.intro h2,.section-head h2,.page-hero h1,.cta-final h2,.detail h2{font-size:40px}.section-head{display:block}.counter-note{transform:none}.detail aside{position:static}.copyright{display:block}.hero-arrows{right:20px;bottom:22px}.footer-logo{width:220px}.wa-float{width:62px;height:62px}.to-top{width:52px;height:52px;bottom:96px}.map-section iframe{height:330px}.item-card .image{height:230px}}

/* Ajustes v6: logo, textos compactos, clientes y paginas internas. */
.brand img{width:190px}
.footer-logo{width:290px}
.main-nav{gap:22px;font-size:14px}
.quote-btn,.hero-content a,.primary-link,.footer-btn,.cta-final a,.contact-form button{font-size:14px;padding:16px 26px}
.hero-content span,.eyebrow,.section-head span,.page-hero span,.cta-final span,.counter-head span{font-size:13px;padding:11px 20px;letter-spacing:0}
.item-card small{font-size:13px;letter-spacing:0}
.mobile-head img{width:185px}
.mobile-panel>a{font-size:22px}
.solution-image{height:180px;background:#eef7f6;margin:-38px -38px 28px}
.solution-image img{width:100%;height:100%;object-fit:cover;display:block}
.tile-grid i{display:none}
.tile-grid article{overflow:hidden}
.dual-image{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dual-image img:first-child{transform:translateY(-18px)}
.dual-image img:last-child{transform:translateY(18px)}
.section-head p{max-width:430px;color:var(--muted);line-height:1.6}
.clients-section{padding:90px 0;background:#fff;overflow:hidden}
.clients-rail{width:100%;overflow:hidden;border-top:1px solid #e2e7ec;border-bottom:1px solid #e2e7ec;background:#f8fafb}
.clients-track{display:flex;gap:24px;width:max-content;padding:26px 24px;animation:clientScroll 34s linear infinite}
.client-logo{width:210px;height:118px;background:#fff;display:flex;align-items:center;justify-content:center;padding:18px;box-shadow:0 12px 28px rgba(0,0,0,.06)}
.client-logo img{max-width:100%;max-height:100%;object-fit:contain}
.clients-rail:hover .clients-track{animation-play-state:paused}
@keyframes clientScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.about-values{background:#f3f7f8;padding:84px 0}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.value-grid article{background:#fff;border-top:5px solid var(--green);padding:32px;box-shadow:0 18px 42px rgba(0,0,0,.06)}
.value-grid span{font-size:13px;text-transform:uppercase;font-weight:950;color:#579500}
.value-grid h3{font-size:30px;text-transform:uppercase;margin:14px 0}
.value-grid p{font-size:18px;line-height:1.65;color:var(--muted)}
.detail-features{background:#f3f7f8;padding:28px;margin-top:28px}
.detail-features h3{font-size:26px;text-transform:uppercase;margin:0 0 16px}
.detail-features li{font-size:18px;line-height:1.7;color:var(--muted);margin-bottom:8px}
.detail-actions{display:flex;gap:14px;flex-wrap:wrap}
.doc-link{background:var(--blue);color:#fff}
.wa-float{width:76px;height:76px}
.wa-float img{width:46px}
.to-top{bottom:118px}
.hero-content span,.eyebrow,.section-head span,.page-hero span,.cta-final span,.counter-head span,.quote-btn,.hero-content a,.primary-link,.footer-btn,.cta-final a,.contact-form button,.mobile-quote{border-radius:6px}
.hero-arrows button,.menu-toggle,.menu-close{border-radius:6px}
.hero-content{width:100%}
.maintenance-public{min-height:100vh;background:linear-gradient(135deg,rgba(3,18,40,.94),rgba(8,43,124,.84)),url('../assets/ai/hero-ptar.png') center/cover;color:#fff;display:grid;place-items:center;padding:28px}
.maintenance-public main{width:min(760px,100%);text-align:center;background:rgba(6,23,46,.72);border:1px solid rgba(255,255,255,.16);padding:46px 34px;border-radius:8px;box-shadow:0 28px 80px rgba(0,0,0,.32)}
.maintenance-public img{width:min(300px,80vw);display:block;margin:0 auto 26px}
.maintenance-public span{display:inline-block;background:var(--green);color:var(--navy);font-size:13px;font-weight:950;text-transform:uppercase;padding:11px 20px;border-radius:6px}
.maintenance-public h1{font-size:52px;line-height:1.05;text-transform:uppercase;margin:22px 0 18px}
.maintenance-public p{font-size:20px;line-height:1.7;color:#dce7f1;margin:0 auto 28px;max-width:620px}
.maintenance-public a{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:var(--navy);font-size:14px;font-weight:950;text-transform:uppercase;padding:16px 26px;border-radius:6px}
.about-collage{position:relative;display:block;min-height:500px;padding:0;background:linear-gradient(135deg,#edf8f5,#f7fbfa);overflow:visible}
.about-collage::before{content:'';position:absolute;inset:34px 30px auto auto;width:78%;height:70%;background:#b7e600;border-radius:8px;opacity:.18}
.about-collage img{position:absolute;object-fit:cover;box-shadow:0 22px 48px rgba(6,23,46,.18);border-radius:8px}
.about-collage img:first-child{inset:36px 36px auto auto;width:82%;height:62%;z-index:2}
.about-collage img:last-child{left:28px;bottom:30px;width:52%;height:42%;z-index:3;border:10px solid #fff}
.clean-image{background:transparent;padding:0;min-height:0}
.clean-image img{width:100%;height:auto;aspect-ratio:16/11;object-fit:cover;border-radius:8px;box-shadow:0 22px 48px rgba(6,23,46,.14)}
@media(max-width:900px){
  .brand img{width:176px}
  .footer-logo{width:245px}
  .dual-image,.value-grid{grid-template-columns:1fr}
  .dual-image img:first-child,.dual-image img:last-child{transform:none}
  .client-logo{width:180px;height:104px}
  .clients-track{animation-duration:26s}
  .wa-float{width:68px;height:68px}
  .wa-float img{width:42px}
  .to-top{bottom:104px}
  .maintenance-public h1{font-size:36px}
  .maintenance-public main{padding:34px 22px}
  .about-collage{min-height:auto;padding:18px;display:grid;grid-template-columns:1fr;gap:14px;background:#edf8f5}
  .about-collage::before{display:none}
  .about-collage img{position:static;width:100%!important;height:auto!important;aspect-ratio:16/10;transform:none!important;border:0!important}
  .about-collage img:last-child{aspect-ratio:16/9}
  .clean-image{padding:0;background:transparent}
  .clean-image img{aspect-ratio:16/10}
}

/* Ajustes finales solicitados: cabecera, clientes y WhatsApp. */
.header-main{height:120px}
.brand img{width:228px}
.main-nav a{padding:49px 0}
.clients-section{padding:100px 0}
.clients-track{gap:34px;padding:34px 28px;animation-duration:40s}
.client-logo{width:320px;height:178px;padding:22px}
.wa-float img{width:62px}
@media(max-width:900px){
  .header-main{height:115px}
  .brand img{width:210px}
  .client-logo{width:250px;height:140px;padding:18px}
  .wa-float img{width:56px}
}

/* Ajuste extra: mas presencia visual en cabecera/clientes y WhatsApp sin agrandar el circulo. */
.header-main{height:145px}
.brand img{width:280px}
.main-nav a{padding:61px 0}
.clients-track{gap:44px;padding:44px 32px;animation-duration:46s}
.client-logo{width:430px;height:240px;padding:26px}
.wa-float{width:76px;height:76px;overflow:hidden}
.wa-float img{display:none}
.wa-float::before{content:'';width:60px;height:60px;display:block;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M32 6C17.6 6 6 17.3 6 31.2c0 4.9 1.5 9.7 4.3 13.8L7.6 58 21 55.2c3.4 1.8 7.2 2.7 11 2.7 14.4 0 26-11.3 26-25.2S46.4 6 32 6zm0 47.3c-3.5 0-6.9-.9-9.8-2.7l-.7-.4-7.9 1.7 1.6-7.6-.5-.8c-2.6-3.6-4-7.8-4-12.2C10.7 19.8 20.2 10.5 32 10.5s21.3 9.3 21.3 20.7S43.8 53.3 32 53.3z'/%3E%3Cpath fill='%23fff' d='M43.8 36.8c-.6-.3-3.7-1.8-4.3-2-.6-.2-1-.3-1.4.3-.4.6-1.6 2-2 2.4-.4.4-.7.5-1.3.2-.6-.3-2.7-1-5.1-3.1-1.9-1.7-3.2-3.8-3.5-4.4-.4-.6 0-.9.3-1.2.3-.3.6-.7.9-1.1.3-.4.4-.6.6-1 .2-.4.1-.8 0-1.1-.2-.3-1.4-3.4-1.9-4.7-.5-1.2-1-1-1.4-1h-1.2c-.4 0-1.1.2-1.7.8-.6.6-2.2 2.1-2.2 5.2 0 3.1 2.3 6 2.6 6.5.3.4 4.5 6.8 10.9 9.5 1.5.7 2.7 1.1 3.7 1.4 1.5.5 2.9.4 4 .2 1.2-.2 3.7-1.5 4.2-3 .5-1.5.5-2.8.4-3.1-.2-.3-.6-.5-1.2-.8z'/%3E%3C/svg%3E")}
@media(max-width:900px){
  .header-main{height:132px}
  .brand img{width:245px}
  .client-logo{width:320px;height:180px;padding:22px}
  .wa-float{width:68px;height:68px}
  .wa-float::before{width:55px;height:55px}
}

/* Contacto: datos visibles y boton de cotizacion centrado. */
.contact-info{margin-top:26px;padding:22px 0;border-top:1px solid #dce4e8;border-bottom:1px solid #dce4e8}
.contact-info p{margin:0 0 10px}
.contact-info p:last-child{margin-bottom:0}
.footer-btn{width:100%;text-align:center}

/* Ajustes footer y boton subir. */
.to-top{font-size:0;line-height:1}
.to-top::before{content:'⌃';font-size:36px;line-height:1;display:block;transform:translateY(2px)}
.footer{padding-top:42px}
.footer-grid{align-items:start}
.footer-logo{width:300px;height:auto;object-fit:contain;object-position:center;margin-bottom:-18px;display:block}
.footer-grid>div:first-child{margin-top:-12px}
.footer-grid>div:first-child p{margin:0;line-height:1.6}
.main-nav a{position:relative;border-bottom:0!important}
.main-nav a::after{content:'';position:absolute;left:0;right:0;bottom:33px;height:4px;background:var(--green);opacity:0;transition:.2s}
.main-nav a.active::after,.main-nav a:hover::after{opacity:1}
@media(max-width:900px){
  .footer-logo{width:260px;height:auto;margin-bottom:-12px}
  .footer-grid>div:first-child{margin-top:0}
}

/* Mantenimiento: aviso privado para admin y vista movil clara. */
.maintenance-admin-banner{position:sticky;top:0;z-index:120;background:var(--green);color:var(--navy);border-bottom:1px solid rgba(6,23,46,.16);box-shadow:0 10px 28px rgba(6,23,46,.14)}
.maintenance-admin-banner .container{min-height:48px;display:flex;align-items:center;gap:16px}
.maintenance-admin-banner strong{font-weight:950;text-transform:uppercase}
.maintenance-admin-banner span{font-weight:750}
.maintenance-admin-banner a{margin-left:auto;background:var(--navy);color:#fff;font-weight:950;text-transform:uppercase;padding:10px 15px;border-radius:6px}
@media(max-width:900px){
  .maintenance-admin-banner .container{display:block;padding-top:12px;padding-bottom:12px}
  .maintenance-admin-banner span{display:block;margin-top:4px;line-height:1.35}
  .maintenance-admin-banner a{display:inline-flex;margin:10px 0 0}
  .maintenance-public{background:#fff;color:var(--ink);padding:22px;place-items:center}
  .maintenance-public main{width:min(100%,560px);margin:0 auto;background:#fff;color:var(--ink);border:1px solid #dce4e8;padding:32px 22px;border-radius:8px;box-shadow:0 18px 44px rgba(6,23,46,.12)}
  .maintenance-public img{width:min(260px,78vw)}
  .maintenance-public p{color:var(--muted)}
}
