
:root{
  --paper:#f7f7f3;--paper2:#efeee8;--ink:#111817;--dark:#15201e;--dark2:#1b2623;
  --accent:#9ab413;--muted:#5f6864;--line:#d8d9d2;--white:#fff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.45}
h1,h2,h3,p{margin-top:0}.topbar{height:82px;display:grid;grid-template-columns:240px 1fr auto;align-items:center;padding:0 4.2vw;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #eee}
.brand img{width:164px;display:block}.nav{display:flex;gap:30px;justify-content:center}.nav a,.top-actions a{text-decoration:none;color:#111;font-size:14px}.top-actions{display:flex;align-items:center;gap:18px}.lang{border:0;background:transparent;font-size:13px;cursor:pointer}.talk{background:var(--dark);color:#fff!important;padding:13px 20px;border-radius:2px}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:555px;background:#fff}.hero-copy{padding:80px 5vw 64px 6.4vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#4f5753}.hero h1,.col-copy h2,.manufacturer-copy h2,.solar h2,.about h2,.contact h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero h1{font-size:clamp(58px,6vw,88px);line-height:.93;margin:20px 0 28px}.hero h1 em,.manifesto h2 em{font-style:normal;color:#7f951b}.lede{font-size:17px;max-width:560px;color:#4f5853;line-height:1.7}.hero-buttons{display:flex;gap:16px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;padding:16px 18px;border-radius:2px;font-size:14px}.btn-primary{background:#809900;color:white}.btn-outline{border:1px solid #242b28;color:#171d1b}.btn-dark{background:var(--dark);color:#fff;margin-top:16px}.btn.small{padding:13px 16px;margin-top:20px}.hero-photo{background:linear-gradient(90deg,#fff 0%,transparent 14%),url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1600&q=85') center/cover no-repeat;position:relative}.hero-photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(16,24,22,.08))}
.manifesto{display:grid;grid-template-columns:1.25fr 2.75fr;padding:42px 6vw;background:linear-gradient(90deg,#f4f2ee,#fbfbf8);gap:45px;align-items:center}.manifesto h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:38px;line-height:1.25;margin:0}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.benefits article{padding-right:8px}.ico,.mini-ico,.lineico{color:#809900;font-size:31px}.benefits h3{font-size:16px;margin:8px 0}.benefits p{font-size:13px;color:#5b625f;margin:0}
.solutions{background:var(--dark);color:white;padding:24px 2.5vw 18px}.section-kicker{text-align:center;font-size:10px;letter-spacing:.2em;margin:0 0 18px;color:#e6e8e6}.solution-grid{display:grid;grid-template-columns:repeat(5,1fr)}.solution-card{border-right:1px solid rgba(255,255,255,.11)}.solution-card:last-child{border-right:0}.solution-image{height:165px;background-size:cover;background-position:center;position:relative}.img-excavation{background-image:url('solutions/excavacion-inteligente.jpg')}.img-special{background-image:url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?auto=format&fit=crop&w=900&q=80')}.img-circular{background-image:url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=900&q=80')}.img-digital{background-image:url('https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=900&q=80')}.img-solar{background-image:url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=900&q=80')}.research{position:absolute;top:0;right:0;background:#8fa60f;color:#fff;font-size:9px;padding:8px 10px}.solution-body{padding:15px 12px 18px}.solution-body h3{font-family:Georgia,'Times New Roman',serif;font-size:23px;font-weight:400;line-height:1.05;margin:8px 0 10px}.solution-body p{font-size:13px;color:#d3d7d5;min-height:80px}.solution-body a{color:#fff;text-decoration:none;font-size:12px}
.colombia{display:grid;grid-template-columns:1.15fr 1.1fr 1.35fr;gap:30px;align-items:center;padding:54px 6vw;background:#f7f7f3}.col-copy h2{font-size:38px;line-height:1.15;margin:14px 0}.col-copy p{font-size:14px;color:#555e59}.map-wrap{position:relative;height:370px}.map-wrap img{width:100%;height:100%;object-fit:contain;filter:sepia(.13) saturate(.8);opacity:.9}.pin{position:absolute;display:flex;gap:7px;align-items:center;font-size:10px;font-weight:700;color:#2b322f;white-space:nowrap}.pin i{width:10px;height:10px;border-radius:50%;background:#94ae14;border:3px solid white;box-shadow:0 0 0 1px #9da79f}.p1{left:28%;top:10%}.p2{left:21%;top:16%}.p3{left:31%;top:40%}.p4{left:49%;top:51%}.p5{left:27%;top:61%}.p6{left:51%;top:31%}.country-points{display:grid;gap:22px}.country-points article{display:grid;grid-template-columns:45px 1fr;gap:12px}.country-points h3{font-size:16px;margin:0 0 5px}.country-points p{font-size:12px;color:#5a625f;margin:0}
.manufacturers{display:grid;grid-template-columns:1.05fr .95fr;background:var(--dark);color:white}.manufacturer-copy{padding:36px 5vw 38px 6vw}.eyebrow.light{color:#d6dad8}.manufacturer-copy h2{font-size:39px;margin:8px 0 10px}.manufacturer-copy>p{color:#d4d8d6;max-width:650px}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:start;gap:10px;margin-top:18px}.steps div{text-align:center}.steps b{display:block;color:#9fba16;font-size:24px}.steps span{font-size:10px}.steps i{color:#8fa80f;font-style:normal;margin-top:10px}.manufacturer-photo{background:url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1400&q=85') center/cover no-repeat;min-height:355px}
.solar{display:grid;grid-template-columns:1fr 1fr;background:#fff}.solar-copy{padding:60px 6vw}.solar h2{font-size:48px;line-height:1.05;margin:14px 0 18px}.solar-copy>p{color:#58615c;max-width:650px}.solar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.solar-grid article{border-top:1px solid #cfd2cc;padding-top:13px}.solar-grid b{color:#8ba310;font-size:22px}.solar-grid h3{font-size:13px;margin-top:8px}.solar-photo{min-height:430px;background:url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1600&q=85') center/cover no-repeat}
.about{padding:70px 15vw;background:#f0efe9;text-align:center}.about h2{font-size:48px}.about p:last-child{max-width:820px;margin:0 auto;color:#58615c;font-size:16px;line-height:1.7}.contact{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;background:#15201e;color:#fff;padding:55px 6vw}.contact h2{font-size:43px;max-width:760px;margin-bottom:0}.contact-mail{color:#a6c21f;text-decoration:none;font-size:18px;white-space:nowrap}footer{background:#0f1715;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:24px 6vw}footer img{width:160px;filter:brightness(0) invert(1)}
@media(max-width:1000px){
 .topbar{grid-template-columns:190px 1fr}.desktop{display:none}.hero,.manufacturers,.solar{grid-template-columns:1fr}.hero-photo{min-height:420px}.manifesto{grid-template-columns:1fr}.benefits{grid-template-columns:repeat(2,1fr)}.solution-grid{grid-template-columns:repeat(2,1fr)}.colombia{grid-template-columns:1fr}.map-wrap{height:430px}.manufacturer-photo{min-height:300px}
}
@media(max-width:620px){
 .topbar{height:70px;padding:0 20px}.brand img{width:135px}.top-actions{gap:8px}.talk{padding:10px 12px;font-size:12px}.hero-copy{padding:55px 24px}.hero h1{font-size:53px}.hero-photo{min-height:310px}.manifesto{padding:36px 24px}.manifesto h2{font-size:32px}.benefits{grid-template-columns:1fr 1fr}.solution-grid{grid-template-columns:1fr}.solution-image{height:220px}.colombia{padding:44px 24px}.map-wrap{height:360px}.manufacturer-copy,.solar-copy{padding:45px 24px}.steps{grid-template-columns:1fr 1fr;gap:14px}.steps i{display:none}.solar-grid{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr;padding:44px 24px}.contact h2{font-size:34px}.contact-mail{font-size:14px}footer{padding:22px 24px}
}

/* V6 — professional contact experience */
.talk-btn{border:0;cursor:pointer;font:inherit}
.contact-sub{color:#c9cfcc;max-width:760px;margin:12px 0 0}
.contact-main-btn{border:1px solid #68736d;background:transparent;color:#fff;padding:16px 19px;display:flex;align-items:center;gap:28px;font-size:14px;cursor:pointer}
.contact-main-btn:hover{border-color:#a6c21f;color:#a6c21f}
body.modal-open{overflow:hidden}
.contact-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px}
.contact-modal.is-open{display:flex}
.contact-backdrop{position:absolute;inset:0;background:rgba(9,15,13,.72);backdrop-filter:blur(7px)}
.contact-dialog{position:relative;z-index:1;width:min(980px,96vw);max-height:92vh;overflow:auto;background:#f7f7f3;color:#111817;padding:42px 44px 36px;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.modal-close{position:absolute;right:20px;top:14px;border:0;background:transparent;font-size:34px;line-height:1;cursor:pointer;color:#1c2421}
.modal-intro{max-width:690px;margin-bottom:28px}
.modal-intro h2{font-family:Georgia,'Times New Roman',serif;font-size:42px;font-weight:400;line-height:1.05;margin:10px 0 12px}
.modal-intro p:last-child{color:#5b635f}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#37403c}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #c7cbc4;background:#fff;color:#111817;font:inherit;font-size:15px;padding:13px 14px;outline:none}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#93aa19;box-shadow:0 0 0 2px rgba(147,170,25,.13)}
.message-field{margin-top:18px}.contact-form textarea{resize:vertical;min-height:130px}
.contact-note{margin-top:16px;padding:12px 14px;border-left:3px solid #9ab413;background:#eceee5;color:#5b635f;font-size:12px}
.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.modal-cancel,.modal-submit{cursor:pointer}
.form-status{font-size:12px;color:#66706a;margin:12px 0 0;text-align:right}
@media(max-width:720px){
  .contact-dialog{padding:34px 22px 28px}.modal-intro h2{font-size:34px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}
}
