:root{--blue:#213B8B;--blue-dark:#14275f;--yellow:#F3C03A;--gray:#4E5D6C;--ink:#172033;--muted:#667085;--bg:#f5f7fb;--white:#fff;--shadow:0 18px 50px rgba(18,36,76,.14);--radius:18px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Open Sans",sans-serif;color:var(--ink);background:var(--white);line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.skip-link{position:fixed;left:10px;top:-60px;background:var(--yellow);padding:10px 14px;z-index:999}.skip-link:focus{top:10px}.site-header{position:fixed;inset:0 0 auto;z-index:100;padding:16px 0;transition:.3s;background:linear-gradient(to bottom,rgba(7,16,43,.76),transparent)}.site-header.scrolled{background:rgba(20,39,95,.96);padding:9px 0;box-shadow:0 5px 25px rgba(0,0,0,.18);backdrop-filter:blur(10px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center}.brand img{width:166px;height:auto;filter:brightness(0) invert(1);transition:.25s}.site-header.scrolled .brand img{width:150px}.main-nav{display:flex;align-items:center;gap:30px;color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:.93rem}.main-nav>a:not(.btn){position:relative}.main-nav>a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--yellow);transition:.25s}.main-nav>a:hover::after{right:0}.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle span{display:block;width:27px;height:2px;background:#fff;margin:6px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:#172033;padding:14px 24px;border-radius:999px;font:700 .9rem Montserrat,sans-serif;transition:.2s;box-shadow:0 8px 22px rgba(243,192,58,.25)}.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn-small{padding:10px 18px}.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.65);box-shadow:none}.hero{min-height:760px;height:100svh;position:relative;display:grid;place-items:center;background-image:url('../img/hero-ecr.webp');background-position:center 48%;background-size:cover;background-repeat:no-repeat;color:#fff}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,55,.94) 0%,rgba(18,42,105,.79) 43%,rgba(8,19,50,.26) 78%,rgba(8,19,50,.12) 100%)}.hero-content{position:relative;padding-top:70px}.hero h1{max-width:900px;margin:.25rem 0 1.2rem;font:800 clamp(2.7rem,6vw,5.3rem)/1.03 Montserrat,sans-serif;letter-spacing:-.045em}.hero-copy{max-width:690px;font-size:1.18rem;color:rgba(255,255,255,.87)}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.15em;color:var(--yellow);font:700 .78rem Montserrat,sans-serif}.eyebrow.dark{color:var(--blue)}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.hero-tags span{padding:8px 13px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(13,31,77,.34);backdrop-filter:blur(8px);font:600 .75rem Montserrat,sans-serif;letter-spacing:.03em}.hero-actions{display:flex;gap:14px;margin-top:28px}.scroll-cue{position:absolute;bottom:24px;left:50%;font-size:1.7rem;animation:bob 1.7s infinite}@keyframes bob{50%{transform:translateY(7px)}}.stats{position:relative;margin-top:-48px;z-index:4}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.stats article{padding:30px;border-right:1px solid #e7eaf0}.stats article:last-child{border:0}.stats strong{display:block;color:var(--blue);font:800 clamp(1.7rem,3vw,2.5rem) Montserrat,sans-serif}.stats span{font-size:.9rem;color:var(--muted)}.section{padding:110px 0}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.split.reverse{grid-template-columns:.95fr 1.05fr}.media-card{position:relative}.media-card:before{content:"";position:absolute;inset:25px -25px -25px 25px;background:var(--yellow);border-radius:var(--radius);z-index:-1}.media-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}h2{font:800 clamp(2rem,4vw,3.45rem)/1.08 Montserrat,sans-serif;letter-spacing:-.035em;margin:.25rem 0 1.25rem}.section-copy p{color:var(--muted)}.text-link{display:inline-flex;gap:9px;margin-top:12px;color:var(--blue);font-weight:700}.services{background:var(--bg)}.section-heading{max-width:720px;margin-bottom:44px}.section-heading>p:last-child{color:var(--muted)}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 32px rgba(18,36,76,.08);transition:.25s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.card-image{overflow:hidden}.card-image img{width:100%;height:230px;object-fit:cover;transition:.5s}.service-card:hover img{transform:scale(1.045)}.card-body{padding:26px}.card-body>span{color:var(--yellow);font:800 .8rem Montserrat,sans-serif}.card-body h3{font:700 1.25rem Montserrat,sans-serif;margin:8px 0}.card-body p{margin:0;color:var(--muted);font-size:.94rem}.projects{background:var(--blue-dark);color:#fff}.section-heading.light>p:last-child{color:rgba(255,255,255,.68)}.project-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:repeat(2,300px);gap:22px}.project{position:relative;overflow:hidden;border-radius:var(--radius)}.project-wide{grid-row:1/3}.project img{width:100%;height:100%;object-fit:cover;transition:.6s}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,13,35,.92),transparent 65%)}.project>div{position:absolute;z-index:2;left:28px;right:28px;bottom:24px}.project span{color:var(--yellow);font:700 .72rem Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.12em}.project h3{font:700 1.45rem Montserrat,sans-serif;margin:6px 0}.project p{margin:0;color:rgba(255,255,255,.75);font-size:.9rem}.project:hover img{transform:scale(1.045)}.safety{background:#fff}.safety-panel{background:var(--blue);color:#fff;padding:50px;border-radius:var(--radius);box-shadow:var(--shadow)}.safety-panel>span{color:var(--yellow);font-weight:700}.safety-panel blockquote{font:600 clamp(1.35rem,3vw,2.2rem)/1.35 Montserrat,sans-serif;margin:24px 0}.safety-panel p{color:rgba(255,255,255,.68)}.check-list{list-style:none;padding:0}.check-list li{position:relative;padding-left:30px;margin:12px 0;color:var(--muted)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}.cta{padding:90px 0;background:linear-gradient(125deg,var(--blue),var(--blue-dark));color:#fff}.cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.cta h2{margin-bottom:12px}.cta-grid>div>p:last-child{color:rgba(255,255,255,.75)}.contact-card{background:#fff;color:var(--ink);border-radius:var(--radius);padding:30px;display:grid;gap:18px}.contact-card a:not(.btn),.contact-card div{display:grid}.contact-card strong{font:700 .78rem Montserrat,sans-serif;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}.contact-card span{color:var(--muted)}.site-footer{background:#10182a;color:#fff;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-grid img{width:170px;filter:brightness(0) invert(1)}.footer-grid p,.footer-grid a,.footer-grid span{color:rgba(255,255,255,.64);display:block;margin:7px 0}.footer-grid h3{font:700 1rem Montserrat,sans-serif}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;color:rgba(255,255,255,.48);font-size:.82rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav-toggle{display:block;z-index:2}.main-nav{position:fixed;inset:0 0 0 25%;background:var(--blue-dark);padding:110px 35px;flex-direction:column;align-items:flex-start;transform:translateX(100%);transition:.3s}.main-nav.open{transform:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats article:nth-child(2){border-right:0}.split,.split.reverse,.cta-grid{grid-template-columns:1fr;gap:45px}.cards-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr;grid-template-rows:400px 280px 280px}.project-wide{grid-row:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:620px){.hero{background-image:url('../img/hero-ecr-mobile.webp');background-position:63% center}.container{width:min(calc(100% - 28px),var(--container))}.hero{min-height:700px}.hero h1{font-size:2.65rem}.hero-copy{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.stats{margin-top:0}.stats-grid{border-radius:0}.stats article{padding:22px 16px}.section{padding:78px 0}.cards-grid{grid-template-columns:1fr}.project-grid{grid-template-rows:350px 270px 270px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{gap:15px;flex-direction:column}.media-card:before{inset:15px -10px -15px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue{animation:none}}
.page-hero{min-height:500px;padding:170px 0 90px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(90deg,rgba(8,20,55,.93),rgba(33,59,139,.58)),url('../img/hero-ecr.webp') center/cover}.page-hero h1{max-width:900px;font:800 clamp(2.5rem,5vw,4.8rem)/1.04 Montserrat,sans-serif;letter-spacing:-.04em;margin:.2rem 0 1rem}.page-hero p:last-child{max-width:700px;font-size:1.1rem;color:rgba(255,255,255,.82)}.page-hero-company{background-image:linear-gradient(90deg,rgba(8,20,55,.93),rgba(33,59,139,.58)),url('../img/equipo.webp')}.page-hero-services{background-image:linear-gradient(90deg,rgba(8,20,55,.93),rgba(33,59,139,.55)),url('../img/proyecto-linea.webp')}.page-hero-projects{background-image:linear-gradient(90deg,rgba(8,20,55,.93),rgba(33,59,139,.55)),url('../img/piscinas.webp')}.page-hero-machinery{background-image:linear-gradient(90deg,rgba(8,20,55,.93),rgba(33,59,139,.55)),url('../img/maquinaria.webp')}.page-hero-contact{background-image:linear-gradient(90deg,rgba(8,20,55,.93),rgba(33,59,139,.55)),url('../img/hero-ecr.webp')}.bg-soft{background:var(--bg)}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.info-grid article{background:#fff;padding:30px;border-radius:var(--radius);box-shadow:0 10px 30px rgba(18,36,76,.07);border-top:5px solid var(--yellow)}.info-grid h3{font:700 1.15rem Montserrat,sans-serif;color:var(--blue)}.info-grid p{color:var(--muted);margin-bottom:0}.center-action{text-align:center;margin:40px 0 0}.light-action{margin-top:36px}.detail-list{display:grid;gap:60px}.detail-card{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.detail-card.reverse img{order:2}.detail-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.portfolio-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 32px rgba(18,36,76,.09)}.portfolio-card img{width:100%;height:310px;object-fit:cover}.portfolio-card div{padding:28px}.portfolio-card span{color:var(--blue);font:700 .76rem Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.08em}.portfolio-card h2{font-size:1.55rem;margin:.5rem 0}.portfolio-card p{color:var(--muted)}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.equipment-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 30px rgba(18,36,76,.08)}.equipment-card img{width:100%;height:220px;object-fit:cover}.equipment-card div{padding:24px}.equipment-card h2{font-size:1.2rem;margin:0 0 8px}.equipment-card p{color:var(--muted);margin:0}.note-box{margin-top:35px;padding:22px;background:var(--bg);border-left:5px solid var(--yellow);color:var(--muted)}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.contact-details{display:grid;gap:18px;margin-top:30px}.contact-details a,.contact-details div{display:grid;padding:20px;background:var(--bg);border-radius:12px}.contact-details strong{font:700 .78rem Montserrat,sans-serif;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}.contact-details span{color:var(--muted)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--bg);padding:32px;border-radius:var(--radius)}.contact-form label{display:grid;gap:7px;font:600 .88rem Montserrat,sans-serif}.contact-form label:nth-of-type(5),.contact-form label:nth-of-type(6),.contact-form .btn,.form-note{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #ccd3df;border-radius:9px;padding:13px 14px;background:#fff;font:inherit}.contact-form textarea{resize:vertical}.hp-field{position:absolute!important;left:-9999px!important}.form-note,.small-note{font-size:.82rem;color:var(--muted)}
@media(max-width:900px){.info-grid{grid-template-columns:repeat(2,1fr)}.detail-card,.detail-card.reverse,.contact-layout{grid-template-columns:1fr}.detail-card.reverse img{order:0}.equipment-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.page-hero{min-height:430px;padding:140px 0 60px}.info-grid,.portfolio-grid,.equipment-grid,.contact-form{grid-template-columns:1fr}.contact-form label:nth-of-type(n){grid-column:1}.portfolio-card img{height:240px}}
.form-status{position:fixed;z-index:9999;top:15px;left:50%;transform:translateX(-50%);background:#fff;color:var(--ink);padding:14px 22px;border-radius:10px;box-shadow:var(--shadow);border-left:5px solid var(--yellow)}