@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#14202a;--graphite:#07111a;--graphite2:#101e29;--lime:#a8e900;--blue:#64b9e9;--paper:#f2f5f6;--muted:#64727d;--line:#d5dce1;--white:#fff;--wrap:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(var(--wrap),calc(100% - 48px));margin-inline:auto}.section{padding:96px 0}.site-header{height:86px;padding:0 max(24px,calc((100% - var(--wrap))/2));display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(7,17,26,.98);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;min-width:190px}.brand-logo{width:190px;max-height:62px;object-fit:contain}.nav{display:flex;align-items:center;gap:30px}.nav a{color:#e7edf1;font-size:14px;font-weight:600}.nav a:hover{color:var(--lime)}.nav .nav-cta{border:1px solid rgba(168,233,0,.7);padding:11px 18px;color:var(--lime)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:26px}
.hero{min-height:680px;position:relative;display:flex;align-items:center;background:#07111a;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,21,.94),rgba(5,13,21,.72) 48%,rgba(5,13,21,.16)),linear-gradient(0deg,rgba(5,13,21,.5),transparent 55%)}.hero-content{position:relative;z-index:1;padding-block:100px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.16em;font-weight:700;text-transform:uppercase}.eyebrow{color:#d5e0e7}.eyebrow span{display:inline-block;width:8px;height:8px;background:var(--blue);border-radius:50%;margin-right:10px}.hero h1{font:800 clamp(42px,6vw,76px)/1.04 Manrope,sans-serif;letter-spacing:-.045em;max-width:850px;margin:24px 0}.hero h1 em,.section-head h2 em,.intro h2 em{font-style:normal;color:var(--blue)}.hero-lead{font-size:18px;color:#e1e8ed;max-width:720px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;align-items:center;gap:18px;padding:15px 22px;font-weight:700}.button-primary{background:var(--blue);color:#07111a}.button-primary:hover{background:#8dd0f4}.text-link{color:white;font-weight:600}.text-link span{color:var(--lime);margin-left:8px}.hero-proof{display:flex;align-items:center;gap:16px;margin-top:64px;max-width:420px;color:#d5e0e7;font-size:13px}.hero-proof strong{font:800 26px Manrope;color:var(--lime);white-space:nowrap}.hero-index{position:absolute;right:32px;bottom:30px;color:#d8e0e5;font-size:11px;letter-spacing:.14em}.hero-index span{display:inline-block;width:36px;height:1px;background:var(--lime);vertical-align:middle;margin:0 10px}
.section-kicker{color:#6b7a84}.section-kicker span{color:var(--blue)}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;margin-top:26px}.intro h2,.section-head h2{font:800 clamp(32px,4vw,50px)/1.12 Manrope,sans-serif;letter-spacing:-.035em;margin:0}.intro-grid p,.section-head>p{font-size:17px;color:#5b6973;margin:0}
.solutions{background:#f0f3f5}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:46px}.section-head>p{max-width:390px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d5dce1;border:1px solid #d5dce1}.solution-card{background:#f8fafb;padding:32px 26px;min-height:280px}.solution-number{font:700 12px Manrope;color:#8b99a2}.solution-icon{font-size:26px;color:#1688c1;margin:24px 0}.solution-card h3{font:700 20px/1.25 Manrope;margin:0 0 14px}.solution-card p{font-size:14px;color:#596771}.tag{display:inline-block;color:#167eaf;font-size:12px;margin-top:12px}
.brands{background:#0b1721;color:white}.brands .section-kicker{color:#a9bac5}.brands .section-head h2 em{color:var(--lime)}.brands .section-head>p{color:#b9c5cc}.brand-list{display:flex;flex-wrap:wrap;gap:12px}.brand-list span{border:1px solid #34434e;padding:12px 18px;color:#e5edf1;font-weight:600}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work-grid img{width:100%;height:260px;object-fit:cover}.work-card{background:#f1f4f5}.work-card p{padding:0 18px 16px;color:#53616b;font-size:14px}.work-title{padding:18px 18px 0;font-weight:700}
.about{background:#f0f3f5}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}.about-photo{width:100%;max-height:560px;object-fit:cover}.about h2{font:800 42px/1.1 Manrope;margin:12px 0 20px}.about p{color:#52616b}.coverage{background:#0b1721;color:white}.coverage h2{font:800 clamp(34px,4vw,52px)/1.1 Manrope;margin:14px 0}.coverage p{max-width:760px;color:#c3d0d7;font-size:17px}.coverage strong{color:var(--lime)}
.contact{background:#eaf0f3}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.contact h2{font:800 clamp(36px,4vw,52px)/1.1 Manrope;margin:14px 0}.contact p{color:#52616b}.contact-links{display:flex;flex-direction:column;gap:14px}.contact-links a{font-weight:700;font-size:18px;color:#126d98}.site-footer{background:#07111a;color:#aebbc4;padding:28px 24px;text-align:center;font-size:13px}
@media(max-width:900px){.nav{gap:16px}.nav a{font-size:12px}.solution-grid{grid-template-columns:repeat(2,1fr)}.intro-grid,.about-grid{gap:36px}.section{padding:76px 0}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.site-header{height:72px;padding:0 18px}.brand-logo{width:155px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#07111a;padding:22px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{font-size:15px}.hero{min-height:650px}.hero-content{padding-block:80px}.hero h1{font-size:43px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-proof{margin-top:42px}.hero-index{right:18px;font-size:9px}.section{padding:66px 0}.intro-grid,.section-head,.about-grid,.contact-grid{display:grid;grid-template-columns:1fr;gap:22px}.section-head{align-items:start}.section-head h2,.intro h2{font-size:34px}.solution-grid,.work-grid{grid-template-columns:1fr}.solution-card{min-height:0}.work-grid img{height:230px}.about h2{font-size:34px}}

/* Ajustes de composición para las secciones de proyecto, cobertura, perfil y contacto */
.feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,82px);align-items:center}
.feature-photo{position:relative;min-height:420px;background:#0b1721;overflow:hidden}
.feature-photo img{width:100%;height:100%;min-height:420px;object-fit:cover}
.photo-caption{position:absolute;left:18px;bottom:18px;padding:9px 13px;background:rgba(7,17,26,.82);color:#fff;font-size:10px;letter-spacing:.13em;font-weight:700}
.feature-copy h2{font:800 clamp(32px,4vw,48px)/1.12 Manrope,sans-serif;letter-spacing:-.035em;margin:14px 0 20px}
.feature-copy h2 em{color:#1477ad;font-style:normal}
.feature-copy p,.feature-copy li{color:#596771}
.check-list{list-style:none;padding:0;margin:24px 0}
.check-list li{padding:8px 0 8px 26px;position:relative;border-bottom:1px solid #e1e6e9}
.check-list li:before{content:"✓";position:absolute;left:0;color:#1477ad;font-weight:800}
.arrow-link{font-weight:700;color:#14202a}.arrow-link span{color:#1477ad;margin-left:10px}
.work{background:#0b1721;color:#fff}
.work .section-kicker{color:#64b9e9}.work .section-head h2 em{color:#64b9e9}
.work .section-head>p{color:#bdc9d0}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:245px;gap:14px}
.gallery-item{margin:0;position:relative;overflow:hidden;background:#172632}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gallery-item:hover img{transform:scale(1.035)}
.gallery-item:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(3,10,16,.82))}
.gallery-item figcaption{position:absolute;z-index:1;left:18px;right:18px;bottom:16px;display:flex;flex-direction:column;gap:3px}
.gallery-item figcaption b{font:700 15px Manrope}.gallery-item figcaption span{font-size:12px;color:#d0dbe1}
.gallery-large{grid-row:span 2}.gallery-wide{grid-column:span 2}
.coverage{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,72px);align-items:center}
.coverage-photo{position:relative;min-height:390px;overflow:hidden;background:#0b1721}
.coverage-photo img{width:100%;height:100%;min-height:390px;object-fit:cover}
.coverage-copy h2{font:800 clamp(32px,4vw,49px)/1.1 Manrope;margin:14px 0 20px;letter-spacing:-.035em}
.coverage-copy h2 em{color:#1477ad;font-style:normal}
.coverage-copy p{color:#596771}
.coverage-copy .coverage-lead{font-size:19px;font-weight:800;color:#14202a}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,6vw,82px);align-items:center}
.about-photo{position:relative;min-width:0;max-height:570px;overflow:hidden;background:#dfe6ea}
.about-photo img{width:100%;height:570px;object-fit:cover;object-position:center 35%}
.about-stamp{position:absolute;left:18px;bottom:18px;background:rgba(7,17,26,.88);color:#fff;padding:12px 15px;font:700 11px/1.5 Manrope;letter-spacing:.1em}
.about-copy h2{font:800 clamp(32px,4vw,48px)/1.1 Manrope;letter-spacing:-.035em;margin:14px 0 20px}
.about-copy h2 em{color:#1477ad;font-style:normal}
.about-copy p{color:#596771}
.about-copy .about-lead{font-size:18px;font-weight:700;color:#263844}
.signature{margin-top:26px;font:700 18px Manrope;color:#14202a}
.signature span{font:500 12px "DM Sans",sans-serif;color:#7b8991;letter-spacing:.08em}
.contact{position:relative;overflow:hidden;background:#0d1d2a;color:#fff}
.contact-inner{position:relative;z-index:2}
.contact .section-kicker{color:#64b9e9}
.contact h2{font:800 clamp(36px,5vw,58px)/1.08 Manrope;letter-spacing:-.04em;margin:16px 0}
.contact h2 em{color:#64b9e9;font-style:normal}
.contact-inner>p{max-width:650px;color:#c4d0d7;font-size:17px}
.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 20px}
.button-light{background:#64b9e9;color:#07111a}
.button-outline{border:1px solid rgba(255,255,255,.45);color:#fff}
.contact-email{color:#dbe5eb}.contact-email a{color:#64b9e9}
.contact-inner small{color:#aebdc6}.contact-inner small a{color:#64b9e9}
.contact-orbit{position:absolute;border:1px solid rgba(100,185,233,.18);border-radius:50%;width:540px;height:540px;right:-160px;top:-100px;pointer-events:none}
.orbit-two{width:380px;height:380px;right:-80px;top:-20px}
.footer{background:#070d12;color:#aebbc4;display:flex;align-items:center;justify-content:space-between;padding:24px max(24px,calc((100% - var(--wrap))/2))}
.footer .brand-logo{width:165px}
@media(max-width:760px){
 .feature,.coverage,.about{grid-template-columns:1fr}
 .feature-photo,.feature-photo img{min-height:280px}
 .coverage-photo,.coverage-photo img{min-height:260px}
 .about-photo{max-height:420px}.about-photo img{height:420px}
 .gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px}
 .gallery-large{grid-row:span 1}.gallery-wide{grid-column:span 2}
}
@media(max-width:600px){
 .gallery{grid-template-columns:1fr;grid-auto-rows:230px}
 .gallery-wide{grid-column:span 1}
 .contact-actions{flex-direction:column;align-items:flex-start}
 .footer{gap:18px;flex-direction:column;align-items:flex-start}
}

/* Corrección final de contraste en cobertura sobre fondo oscuro */
.coverage{background:#0b1721;color:#fff}
.coverage .section-kicker{color:#9db4c2}
.coverage-copy h2{color:#fff}
.coverage-copy h2 em{color:#64b9e9}
.coverage-copy p{color:#c5d2da}
.coverage-copy .coverage-lead{color:#a8e900;font-weight:800;font-size:19px}
@media(max-width:760px){.coverage{background:#0b1721}}


/* Misión y visión */
.mission{background:#eef3f6;color:#14202a}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}
.mission-card{background:#fff;border:1px solid #dce5ea;padding:clamp(24px,3.5vw,42px);min-height:100%}
.mission-label{font:700 11px Manrope,sans-serif;letter-spacing:.14em;color:#1477ad}
.mission-card h2{font:800 clamp(27px,3vw,36px)/1.12 Manrope,sans-serif;letter-spacing:-.03em;margin:17px 0}
.mission-card p{color:#596771;max-width:560px}
.mission-quote{margin-top:22px;padding:clamp(26px,4vw,46px);background:#0d1d2a;color:#fff}
.mission-quote>span{font:700 10px Manrope,sans-serif;letter-spacing:.15em;color:#64b9e9}
.mission-quote blockquote{margin:16px 0 0;max-width:980px;font:700 clamp(23px,3.2vw,38px)/1.25 Manrope,sans-serif;letter-spacing:-.025em}
@media(max-width:760px){.mission-grid{grid-template-columns:1fr}}


/* Banner institucional: dos generaciones */
.about{display:block}
.about-banner{width:100%;overflow:hidden;background:#0a1824}
.about-banner img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.about-copy{max-width:1000px;margin:42px auto 0}
.about-copy h2{font:800 clamp(30px,3.5vw,42px)/1.12 Manrope,sans-serif;letter-spacing:-.035em;margin:12px 0 20px}
@media(max-width:650px){
  .about-copy{margin-top:28px}
  .about-banner img{aspect-ratio:16/9}
}