.site-header{border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,8,53,.9);backdrop-filter:blur(14px)}
.page-nav{gap:.25rem}
.page-nav a{padding:.55rem .62rem;border-radius:6px}
.page-nav a:hover,.page-nav a.is-active{color:var(--teal);background:rgba(19,218,191,.09)}
.page-nav .nav-contact{margin-left:.35rem;padding:.68rem .9rem;background:var(--teal);color:#001733}
.page-nav .nav-contact:hover{background:#5be8d5;color:#001733}
.content-hero{min-height:58vh}
.content-hero .hero-copy{max-width:900px}
.content-hero h1{max-width:900px}
.content-hero .hero-actions{margin-top:1.7rem}
.hero-about{background:linear-gradient(90deg,rgba(0,8,53,.94),rgba(9,34,92,.78) 55%,rgba(19,218,191,.14)),url("../img/reemplazo-reunion-optimized.jpg") center/cover no-repeat}
.hero-services{background:linear-gradient(90deg,rgba(0,8,53,.96),rgba(9,34,92,.8) 58%,rgba(19,218,191,.16)),url("../img/hero-reunion-anyquestion.jpg") center/cover no-repeat}
.hero-cases{background:linear-gradient(90deg,rgba(0,8,53,.96),rgba(9,34,92,.72) 55%,rgba(19,218,191,.15)),url("../img/huelladecarbono.png") center/cover no-repeat}
.hero-methodology{background:linear-gradient(90deg,rgba(0,8,53,.96),rgba(9,34,92,.8) 58%,rgba(19,218,191,.12)),url("../img/process-dashboard.png") center/cover no-repeat}
.hero-security{background:linear-gradient(90deg,rgba(0,8,53,.97),rgba(9,34,92,.82) 62%,rgba(19,218,191,.13)),url("../img/faq-aq-pattern.png") center/cover no-repeat}
.hero-contact{background:linear-gradient(90deg,rgba(0,8,53,.96),rgba(9,34,92,.78) 58%,rgba(19,218,191,.18)),url("../img/imagen-empresa.png") center/cover no-repeat}
.breadcrumbs{margin:0 0 1rem;font-size:.86rem;color:rgba(255,255,255,.68)}
.breadcrumbs a{text-decoration:none;color:inherit}
.breadcrumbs a:hover{color:var(--teal)}
.section-kicker{margin:0 0 .65rem;color:#009e91;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.lead{font-size:1.12rem;color:var(--muted);max-width:840px}
.image-split{display:grid;grid-template-columns:1fr 1fr;gap:2.2rem;align-items:center}
.image-frame{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--soft)}
.image-frame img,.image-frame video{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.metric{padding:1.2rem;border-left:3px solid var(--teal);background:var(--soft)}
.metric strong{display:block;color:var(--blue);font-size:1.5rem;line-height:1.1}
.metric span{display:block;margin-top:.35rem;color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.feature-card{padding:1.35rem;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.feature-card h2,.feature-card h3{margin:.1rem 0 .55rem;color:var(--blue);font-size:1.2rem;line-height:1.25}
.feature-card p{margin:0;color:var(--muted)}
.feature-card a{display:inline-flex;margin-top:1rem;color:#004da7;font-weight:800;text-decoration:none}
.feature-card a:hover{color:#008e83}
.feature-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:.9rem;border-radius:7px;background:#e5f8f6;color:#008f84;font-weight:900}
.case-grid{display:grid;gap:1.2rem}
.case-card{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.case-card img{width:100%;height:100%;min-height:300px;object-fit:cover}
.case-copy{padding:1.6rem}
.case-copy h2{margin:.2rem 0 .7rem;font-size:clamp(1.45rem,2.8vw,2.2rem);line-height:1.08;color:var(--ink)}
.case-copy p{color:var(--muted)}
.tag-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}
.tag-list span{padding:.35rem .58rem;border:1px solid #b8e6df;border-radius:999px;color:#007c72;background:#edfbf9;font-size:.78rem;font-weight:800}
.steps{display:grid;counter-reset:step;gap:.8rem}
.step{display:grid;grid-template-columns:58px 1fr;gap:1rem;padding:1.15rem;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.step::before{counter-increment:step;content:counter(step,decimal-leading-zero);display:grid;place-items:center;width:52px;height:52px;border-radius:7px;background:#e4f8f6;color:#008f84;font-weight:900}
.step h2{margin:.1rem 0 .35rem;font-size:1.18rem;color:var(--blue)}
.step p{margin:0;color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem;align-items:start}
.contact-stack{display:grid;gap:.8rem}
.contact-item{display:grid;grid-template-columns:42px 1fr;gap:.85rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:var(--white)}
.contact-item strong{display:block;color:var(--ink)}
.contact-item span{color:var(--muted);overflow-wrap:anywhere}
.contact-item:hover{border-color:#76d8ca}
.contact-form{display:grid;gap:.85rem;padding:1.4rem;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.contact-form label{display:grid;gap:.35rem;color:var(--ink);font-size:.9rem;font-weight:800}
.contact-form input,.contact-form textarea{width:100%;padding:.82rem .9rem;border:1px solid #cfd8e7;border-radius:6px;font:inherit;color:var(--ink);background:#fff}
.contact-form input:focus,.contact-form textarea:focus{outline:3px solid rgba(19,218,191,.18);border-color:#19bda9}
.contact-form .btn{justify-self:start;cursor:pointer}
.content-footer-links{display:flex;flex-wrap:wrap;gap:.55rem 1rem}
.content-footer-links a{text-decoration:none}
.content-footer-links a:hover{color:var(--teal)}

@media (max-width:960px){
  .page-nav a:not(.nav-contact){display:none}
  .image-split,.contact-layout{grid-template-columns:1fr}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .content-hero{min-height:68vh}
  .metric-row,.feature-grid,.case-card{grid-template-columns:1fr}
  .case-card img{min-height:220px;max-height:300px}
  .step{grid-template-columns:48px 1fr;padding:.95rem}
  .step::before{width:44px;height:44px}
}