:root{--coal:#121416;--gold:#ffad14;--paper:#f5f3ee;--white:#fff;--ink:#17191a;--muted:#686b6a;--line:#d8d5ce;--display:"Manrope",Arial,sans-serif;--body:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.55}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:99;padding:.7rem;background:var(--gold)}.site-header{min-height:86px;padding:0 clamp(1.25rem,5vw,5.5rem);display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center}.brand img{width:175px;height:auto}.main-nav{display:flex;align-items:center;gap:1.7rem}.main-nav>a{font-weight:700;font-size:.87rem;color:var(--ink);text-decoration:none}.main-nav>a:hover,.main-nav>a.active{color:#b56e00}
.nav-dropdown{position:relative}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:.35rem;border:0;background:transparent;font:700 .87rem var(--body);color:var(--ink);cursor:pointer;padding:0}.nav-dropdown-trigger:after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.nav-dropdown-trigger:hover,.nav-dropdown-trigger.active,.nav-dropdown-trigger[aria-expanded="true"]{color:#b56e00}.nav-dropdown-trigger[aria-expanded="true"]:after{transform:rotate(-135deg) translateY(1px)}
.nav-dropdown-panel{display:none;position:absolute;top:calc(100% + 1.4rem);left:50%;transform:translateX(-50%);min-width:300px;padding:.6rem;background:#fff;border:1px solid var(--line);box-shadow:0 1.5rem 3rem -1rem #00000026;z-index:20}
.nav-dropdown-panel a{display:block;padding:.7rem .8rem;text-decoration:none;color:var(--ink)}.nav-dropdown-panel a:hover,.nav-dropdown-panel a.active{background:var(--paper)}.nav-dropdown-panel a strong{display:block;font-size:.88rem;font-weight:700}.nav-dropdown-panel a span{display:block;margin-top:.15rem;font-size:.78rem;color:var(--muted)}
.nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown.is-open .nav-dropdown-panel{display:block}
.timeline{border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:120px 1fr;gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--line)}.timeline-row strong{font:800 1.6rem var(--display);color:#b56e00;letter-spacing:-.03em}.timeline-row h3{margin:0 0 .4rem;font-size:1.25rem}.timeline-row p{margin:0;color:var(--muted);font-size:.95rem;max-width:640px}
.coverage-list{border-top:1px solid var(--line)}.coverage-row{display:grid;grid-template-columns:1fr auto;gap:.3rem 1.5rem;align-items:baseline;padding:1.3rem 0;border-bottom:1px solid var(--line)}.coverage-row h3{margin:0;font-size:1.1rem}.coverage-row .coverage-tag{font:800 .72rem var(--body);letter-spacing:.08em;text-transform:uppercase;color:#b56e00}.coverage-row p{grid-column:1/-1;margin:0;color:var(--muted);font-size:.9rem}.nav-cta,.button{display:inline-flex;gap:.55rem;align-items:center;justify-content:center;text-decoration:none;font-weight:700;transition:.2s}.nav-cta{padding:.65rem 1rem;color:#fff!important;background:var(--coal)}.nav-cta:hover{background:var(--gold)!important;color:var(--coal)!important}.menu-toggle{display:none}.page-hero{--hero-image:none;position:relative;isolation:isolate;min-height:540px;padding:clamp(4.5rem,9vw,9rem) clamp(1.25rem,10vw,11rem);display:flex;align-items:end;overflow:hidden;background:var(--coal);color:#fff}.page-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.36)),var(--hero-image) center/cover}.page-hero:after{content:"";position:absolute;right:-5vw;top:-10%;height:130%;width:30%;border-left:1px solid #ffffff55;transform:rotate(22deg)}.home{min-height:680px;--hero-image:url("../../images/brand/Gemini_Generated_Image_2jxdxq2jxdxq2jxd.jpeg")}.company{--hero-image:url("../../images/brand/Gemini_Generated_Image_cqvee4cqvee4cqve.jpeg")}.services{--hero-image:url("../../images/brand/Gemini_Generated_Image_7evte87evte87evt.jpeg")}.projects{--hero-image:url("../../images/brand/Gemini_Generated_Image_5xsc9u5xsc9u5xsc.jpeg")}.contact{--hero-image:url("../../images/brand/consystec-login-background.jpg")}.historia{--hero-image:url("../../images/brand/Gemini_Generated_Image_cqvee4cqvee4cqve.jpeg")}.cobertura{--hero-image:url("../../images/brand/Gemini_Generated_Image_8aoqrl8aoqrl8aoq.jpeg")}.obra-civil{--hero-image:url("../../images/brand/obra-puente.jpg")}.agua-saneamiento{--hero-image:url("../../images/brand/obra-agua.jpg")}.urbanizacion{--hero-image:url("../../images/brand/obra-pavimentacion.jpg")}.edificacion{--hero-image:url("../../images/brand/Gemini_Generated_Image_5xsc9u5xsc9u5xsc.jpeg")}.telecom{--hero-image:url("../../images/brand/Gemini_Generated_Image_7evte87evte87evt.jpeg")}.privacidad{--hero-image:url("../../images/brand/Gemini_Generated_Image_8aoqrl8aoqrl8aoq.jpeg")}.hero-content{max-width:870px}.eyebrow{margin:0 0 1rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:.72rem;color:var(--gold)}h1,h2,h3{font-family:var(--display);letter-spacing:-.055em;line-height:1.04}h1{margin:0;font-size:clamp(3.2rem,7.5vw,7.5rem)}h1 em{font-style:normal;color:var(--gold)}.hero-copy{max-width:580px;margin:1.8rem 0;color:#e1e1de;font-size:1.15rem}.hero-actions{display:flex;gap:1.3rem;align-items:center;margin-top:2.2rem}.button{padding:.92rem 1.2rem}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:var(--coal)}.button-light{background:#fff;color:var(--coal)}.text-link{color:inherit;text-decoration:none;font-weight:700}.text-link:hover{color:var(--gold)}.hero-index{position:absolute;right:5vw;bottom:2rem;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.14em}.section{padding:clamp(4.5rem,9vw,9rem) clamp(1.25rem,10vw,11rem)}.section-dark{color:#fff;background:var(--coal)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3.5rem}.section-heading h2,.split h2,.statement h2,.contact-panel h2{max-width:820px;margin:0;font-size:clamp(2.3rem,4.8vw,5rem)}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,10vw,10rem)}.split p{font-size:1.08rem;color:var(--muted)}.split .lead{margin-top:0;color:var(--ink);font-size:1.25rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.stat{padding:1.7rem 1rem 1.7rem 0}.stat+.stat{padding-left:1.5rem;border-left:1px solid var(--line)}.stat strong{display:block;color:#b56e00;font:800 clamp(2.5rem,4vw,4.4rem)/1 var(--display);letter-spacing:-.07em}.stat span,.notice{font-size:.82rem;color:var(--muted)}.services-list{border-top:1px solid #ffffff55}.service-row{display:grid;grid-template-columns:70px minmax(190px,.85fr) 1.2fr auto;gap:1.5rem;align-items:center;padding:1.6rem 0;border-bottom:1px solid #ffffff55}.service-row span,.card span{color:var(--gold);font-weight:800;font-size:.78rem}.service-row h3{margin:0;font-size:1.65rem}.service-row p{margin:0;color:#c7c8c5}.service-row a{color:var(--gold);font-size:1.4rem;text-decoration:none}.image-band{min-height:500px;background:linear-gradient(90deg,#0003,#0001),url("../../images/brand/Gemini_Generated_Image_8aoqrl8aoqrl8aoq.jpeg") center/cover}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{--image:none;min-height:410px;padding:1.5rem;display:flex;flex-direction:column;justify-content:end;color:#fff;position:relative;isolation:isolate;overflow:hidden}.card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#000b,transparent 70%),var(--image) center/cover;transition:transform .5s}.card:hover:before{transform:scale(1.04)}.card:nth-child(1){--image:url("../../images/brand/obra-puente.jpg")}.card:nth-child(2){--image:url("../../images/brand/Gemini_Generated_Image_5xsc9u5xsc9u5xsc.jpeg")}.card:nth-child(3){--image:url("../../images/brand/obra-pavimentacion.jpg")}.card h3{margin:.35rem 0;font-size:1.9rem}.card p{margin:0}.statement{padding:clamp(4.5rem,9vw,9rem) clamp(1.25rem,10vw,11rem);background:var(--gold)}.statement h2{color:var(--coal)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.process article{padding:1.5rem;background:var(--paper);color:var(--ink)}.process span{color:#b56e00;font-weight:800}.process h3{margin:2.5rem 0 .5rem;font-size:1.35rem}.process p{margin:0;color:var(--muted);font-size:.94rem}.certification{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,10vw,10rem);padding:clamp(4.5rem,8vw,8rem) clamp(1.25rem,10vw,11rem);background:#e8e5dd}.certification h2{margin:0;font-size:clamp(2rem,4vw,4.2rem)}.certification ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.certification li{padding:1.2rem 0;border-bottom:1px solid var(--line)}.certification li:before{content:"✓";display:inline-block;width:2rem;color:#b56e00;font-weight:800}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem}.project{position:relative;min-height:440px;overflow:hidden;background:var(--coal);color:#fff}.project-tall{grid-row:span 2;min-height:900px}.project img{position:absolute;width:100%;height:100%;object-fit:cover;transition:.5s}.project:hover img{transform:scale(1.03)}.project figcaption{position:absolute;inset:auto 0 0;padding:5rem 1.5rem 1.4rem;background:linear-gradient(transparent,#000c)}.project small{color:var(--gold);font-weight:800;letter-spacing:.12em}.project h3{font-size:1.7rem;margin:.3rem 0}.project p{margin:0;color:#eee;font-size:.9rem}.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,9vw,8rem);padding:clamp(4.5rem,8vw,8rem) clamp(1.25rem,10vw,11rem);background:var(--coal);color:#fff}.contact-details{border-top:1px solid #ffffff44}.contact-details div{padding:1.2rem 0;border-bottom:1px solid #ffffff44}.contact-details small{color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.12em}.contact-details p{margin:.4rem 0;color:#ddd}.contact-form{display:grid;gap:1rem}.contact-form label{font-size:.8rem;font-weight:700}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:.4rem;padding:.85rem;border:1px solid #777;background:transparent;color:#fff;font:inherit}.contact-form textarea{min-height:120px;resize:vertical}.form-note{min-height:1.5rem;margin:0;color:var(--gold);font-size:.85rem}.form-note[data-type="error"]{color:#ff8a7a}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.site-footer{display:grid;grid-template-columns:1fr auto;gap:2rem;padding:2.2rem clamp(1.25rem,5vw,5.5rem);background:#080909;color:#aaa}.site-footer .brand img{width:150px}.footer-meta{grid-column:1/-1;margin:0;padding-top:1.4rem;border-top:1px solid #363838;font-size:.75rem}.footer-meta span{float:right}@media(max-width:820px){.main-nav{display:none;position:absolute;z-index:10;top:86px;left:0;width:100%;max-height:calc(100vh - 86px);overflow-y:auto;padding:1rem 1.25rem 1.5rem;background:#fff;flex-direction:column;align-items:stretch;gap:.3rem;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav>a,.nav-dropdown-trigger{padding:.6rem 0}.nav-dropdown-trigger{justify-content:space-between;width:100%}.nav-dropdown-trigger:after{display:none}.nav-dropdown-panel{display:block!important;position:static;transform:none;min-width:0;padding:0 0 .5rem 1rem;border:0;box-shadow:none}.nav-dropdown-panel a{padding:.5rem 0}.menu-toggle{display:flex;gap:4px;align-items:center;border:0;background:transparent;font:700 .72rem var(--body);text-transform:uppercase;letter-spacing:.1em}.menu-toggle i{width:14px;height:1px;background:var(--ink)}.hero-index{display:none}.split,.certification,.contact-panel{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.card{min-height:320px}.service-row{grid-template-columns:42px 1fr;gap:.5rem 1rem}.service-row p{grid-column:2}.service-row a{display:none}.project-grid{grid-template-columns:1fr}.project,.project-tall{min-height:450px}.stats{grid-template-columns:1fr}.stat+.stat{padding-left:0;border-left:0;border-top:1px solid var(--line)}.process{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr}.footer-meta span{display:block;float:none;margin-top:.5rem}.timeline-row{grid-template-columns:1fr}.timeline-row strong{font-size:1.2rem}}@media(max-width:460px){.brand img{width:145px}.hero-actions{flex-direction:column;align-items:start}.process{grid-template-columns:1fr}}
.section-dark .split p,.section-dark .split .lead{color:#c7c8c5}
.site-footer{grid-template-columns:1.45fr .8fr .9fr 1.15fr;padding-top:4.5rem}.footer-brand p{max-width:245px;margin:1.2rem 0 0;color:#aaa;font-size:.9rem}.footer-column{display:flex;flex-direction:column;gap:.55rem}.footer-column strong{margin-bottom:.55rem;color:var(--gold);font:800 .72rem var(--body);letter-spacing:.13em;text-transform:uppercase}.footer-column a{color:#ddd;text-decoration:none;font-size:.86rem}.footer-column a:hover{color:var(--gold)}.footer-location p{margin:.1rem 0 .5rem;color:#aaa;font-size:.85rem}.site-footer .footer-meta{grid-column:1/-1}.page-hero .hero-content{animation:hero-in .85s .1s both cubic-bezier(.2,.7,.2,1)}.service-row,.card,.stat,.process article{transition:transform .25s ease,background .25s ease}.service-row:hover{transform:translateX(10px)}.stat:hover{background:#ece9e1}.process article:hover{background:var(--gold);transform:translateY(-6px)}@keyframes hero-in{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.page-hero .hero-content{animation:none}.service-row:hover,.process article:hover,.card:hover:before,.project:hover img{transform:none}}@media(max-width:820px){.site-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-location{grid-column:1/-1}.site-footer .footer-meta{grid-column:1/-1}}@media(max-width:460px){.site-footer{grid-template-columns:1fr}.footer-brand,.footer-location,.site-footer .footer-meta{grid-column:auto}}
.contract-list{border-top:1px solid var(--line)}.contract-row{display:grid;grid-template-columns:1fr auto;gap:.15rem 1.5rem;align-items:baseline;padding:1.35rem 0;border-bottom:1px solid var(--line)}.contract-row h3{margin:0;font-size:1.08rem;font-weight:700;font-family:var(--body);letter-spacing:0}.contract-row .contract-amount{font:800 1.4rem var(--display);color:#b56e00;white-space:nowrap;letter-spacing:-.03em}.contract-row .contract-meta{grid-column:1/-1;margin:0;color:var(--muted);font-size:.85rem}.contract-row .contract-meta span+span:before{content:"·";margin:0 .5rem;color:var(--line)}.contract-foot{margin:1.5rem 0 0;color:var(--muted);font-size:.82rem}@media(max-width:600px){.contract-row{grid-template-columns:1fr}.contract-amount{font-size:1.15rem}}