@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&family=Outfit:wght@300;400;500;600&display=swap');

:root {
    --azul: #327cf4;
    --azul-profundo: #024772;
    --azul-noche: #000d47;
    --negro: #080a0e;
    --carbon: #10141b;
    --gris: #aab3c0;
    --blanco: #f5f7fa;
    --borde: rgba(255,255,255,.11);
    --sombra: 0 28px 80px rgba(0,0,0,.42);
    --transicion: 320ms cubic-bezier(.22,1,.36,1);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; background: var(--negro); }
body { overflow-x: hidden; background: var(--negro); color: var(--blanco); font-family: 'Outfit',sans-serif; line-height: 1.6; }
a { color: inherit; }
img { display: block; max-width: 100%; }

/* Navegación */
.navegacion-principal {
    position: absolute; top: 0; left: 0; right: 0; z-index: 1000;
    display: grid; grid-template-columns: 180px 1fr 180px; align-items: center;
    width: min(1460px, calc(100% - 8vw)); margin: auto; padding: 22px 0;
    border-bottom: 1px solid rgba(255,255,255,.24);
}
.marca-nav img { width: 138px; max-height: 46px; object-fit: contain; filter: brightness(0) invert(1); }
.nav-enlaces { display: flex; justify-content: center; gap: 38px; }
.nav-link { position: relative; padding: 8px 0; text-decoration: none; color: rgba(255,255,255,.72); font-family: 'Montserrat'; font-size: .73rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; transition: color var(--transicion); }
.nav-link::after { content: ''; position: absolute; right: 0; bottom: 1px; left: 0; height: 2px; background: var(--azul); transform: scaleX(0); transition: transform var(--transicion); }
.nav-link:hover, .nav-link.activo { color: white; }
.nav-link:hover::after, .nav-link.activo::after { transform: scaleX(1); }
.nav-cta { justify-self: end; display: flex; gap: 18px; align-items: center; text-decoration: none; font-family: 'Montserrat'; font-size: .74rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.nav-cta span { display: grid; width: 38px; height: 38px; place-items: center; background: var(--azul); border-radius: 50%; font-size: 1rem; transition: transform var(--transicion); }
.nav-cta:hover span { transform: rotate(45deg); }

/* Hero editorial */
.hero-nuevo { position: relative; min-height: 760px; height: 100svh; overflow: hidden; background: var(--negro); }
.hero-fondo { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,6,10,.9) 0%, rgba(4,6,10,.68) 38%, rgba(4,6,10,.08) 58%, rgba(4,6,10,.22) 100%), linear-gradient(0deg, rgba(4,6,10,.48), transparent 45%), url('principal.png') center/cover; transform: scale(1.01); }
.hero-fondo::before { content: none; }
.hero-fondo::after { content: ''; position: absolute; z-index: 2; inset: 0; opacity: .2; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 72px 72px; }
.hero-contenido { position: relative; z-index: 2; width: min(1460px, calc(100% - 8vw)); height: 100%; margin: auto; padding-top: clamp(190px,24vh,260px); }
.eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; color: #cbd3de; font-family: 'Montserrat'; font-size: .68rem; font-weight: 700; letter-spacing: .19em; text-transform: uppercase; }
.eyebrow span { width: 34px; height: 2px; background: var(--azul); }
.hero-contenido h1 { max-width: 940px; font-family: 'Montserrat'; font-size: clamp(4rem,7.7vw,8.5rem); font-weight: 800; letter-spacing: -.075em; line-height: .85; text-transform: uppercase; }
h1 em, h2 em { color: var(--azul); font-style: normal; }
.hero-descripcion { width: min(540px,100%); margin: 34px 0; color: #c0c7d0; font-size: clamp(1rem,1.25vw,1.2rem); font-weight: 300; line-height: 1.75; }
.hero-acciones { display: flex; align-items: center; gap: 34px; }
.boton { display: inline-flex; align-items: center; justify-content: center; gap: 28px; min-height: 56px; padding: 0 25px; text-decoration: none; font-family: 'Montserrat'; font-size: .71rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; transition: var(--transicion); }
.boton-primario { background: var(--azul); box-shadow: 0 12px 35px rgba(50,124,244,.3); }
.boton-primario:hover { background: #5794f7; transform: translateY(-3px); }
.boton-texto { padding-inline: 0; border-bottom: 1px solid rgba(255,255,255,.35); }
.boton-texto:hover { color: var(--azul); border-color: var(--azul); }
.hero-indice { position: absolute; z-index: 2; right: 4vw; top: 48%; display: flex; align-items: center; gap: 12px; writing-mode: vertical-rl; color: rgba(255,255,255,.62); font-family: 'Montserrat'; font-size: .62rem; font-weight: 700; letter-spacing: .16em; }
.hero-indice div { width: 1px; height: 90px; background: rgba(255,255,255,.35); }
.hero-sello { position: absolute; right: 9vw; bottom: 42px; z-index: 2; display: flex; align-items: center; gap: 14px; padding-left: 18px; border-left: 2px solid var(--azul); }
.hero-sello strong { font: 800 2.4rem/1 'Montserrat'; }.hero-sello span { color: #c3cad4; font: 600 .65rem/1.4 'Montserrat'; letter-spacing: .08em; text-transform: uppercase; }

/* Métricas */
.franja-metricas { display: grid; grid-template-columns: repeat(4,1fr); background: var(--carbon); border-bottom: 1px solid var(--borde); }
.metrica { display: flex; align-items: center; justify-content: center; gap: 18px; min-height: 145px; padding: 25px; border-right: 1px solid var(--borde); }
.metrica:last-child { border-right: 0; }.metrica strong { color: var(--azul); font: 800 clamp(2rem,3vw,3.3rem)/1 'Montserrat'; letter-spacing: -.06em; }.metrica span { max-width: 105px; color: var(--gris); font: 600 .66rem/1.4 'Montserrat'; letter-spacing: .08em; text-transform: uppercase; }

/* Comunes */
.seccion { width: min(1320px,calc(100% - 10vw)); margin: 0 auto; padding: clamp(95px,11vw,170px) 0; }
.seccion-numero { color: #647081; font: 700 .61rem 'Montserrat'; letter-spacing: .16em; }
.seccion h2, .encabezado-seccion h2 { font-family: 'Montserrat'; font-size: clamp(2.7rem,5.2vw,5.7rem); font-weight: 800; letter-spacing: -.065em; line-height: .98; text-transform: uppercase; }

/* Nosotros */
.seccion-presentacion { display: grid; grid-template-columns: 150px 1fr; }
.presentacion-titulo { grid-column: 2; margin-bottom: 70px; }
.presentacion-cuerpo { grid-column: 1/-1; display: grid; grid-template-columns: 1.05fr .75fr; gap: clamp(50px,8vw,120px); align-items: center; }
.presentacion-imagen { position: relative; }.presentacion-imagen::before { content: ''; position: absolute; top: -20px; left: -20px; width: 34%; height: 42%; border-top: 2px solid var(--azul); border-left: 2px solid var(--azul); z-index: 2; }
.presentacion-imagen img { width: 100%; height: clamp(420px,48vw,650px); object-fit: cover; filter: saturate(.72) contrast(1.08); }
.presentacion-imagen span { position: absolute; right: -30px; bottom: 45px; padding: 15px 24px; background: var(--azul); font: 700 .65rem 'Montserrat'; letter-spacing: .13em; text-transform: uppercase; transform: rotate(-90deg) translateX(100%); transform-origin: right bottom; }
.presentacion-texto p { margin-bottom: 24px; color: var(--gris); font-size: 1.08rem; line-height: 1.85; }.presentacion-texto .texto-destacado { color: white; font-size: clamp(1.4rem,2vw,2rem); line-height: 1.45; }
.enlace-flecha { display: inline-flex; gap: 35px; margin-top: 18px; padding-bottom: 8px; border-bottom: 1px solid var(--azul); text-decoration: none; font: 700 .69rem 'Montserrat'; letter-spacing: .12em; text-transform: uppercase; }.enlace-flecha span { color: var(--azul); transition: transform var(--transicion); }.enlace-flecha:hover span { transform: translateX(8px); }

/* Servicios */
.seccion-servicios { width: 100%; padding-inline: max(5vw,calc((100% - 1320px)/2)); background: #0c0f14; }
.encabezado-seccion { display: flex; justify-content: space-between; align-items: end; gap: 50px; margin-bottom: 70px; }.encabezado-seccion > p { width: 360px; color: var(--gris); line-height: 1.7; }
.mosaico-servicios { display: grid; grid-template-columns: 1.15fr .85fr .85fr; grid-template-rows: 260px 260px; gap: 12px; }
.servicio { position: relative; display: flex; flex-direction: column; justify-content: end; overflow: hidden; padding: 32px; background: #151a22; border: 1px solid var(--borde); transition: transform var(--transicion),background var(--transicion); }
.servicio:hover { z-index: 2; transform: translateY(-7px); background: #1a202b; }.servicio-grande { grid-row: 1/3; background: linear-gradient(160deg,#17202d,#10141b); }.servicio-ancho { grid-column: 2/4; }.servicio-azul { background: var(--azul-profundo); }
.servicio-numero { position: absolute; top: 25px; left: 28px; color: #718096; font: 700 .63rem 'Montserrat'; letter-spacing: .13em; }.servicio-icono { position: absolute; top: 22px; right: 27px; color: var(--azul); font-size: 2rem; }.servicio-azul .servicio-icono { color: white; }.servicio h3 { max-width: 460px; font: 700 clamp(1.25rem,2vw,2.2rem)/1.15 'Montserrat'; letter-spacing: -.035em; text-transform: uppercase; }.servicio p { max-width: 430px; margin-top: 15px; color: var(--gris); }

/* Misión */
.manifiesto { display: grid; grid-template-columns: 1fr 1fr; width: 100%; padding: 0; background: #f1f3f6; color: #0c1016; }
.manifiesto-imagen img { width: 100%; height: 100%; min-height: 720px; object-fit: cover; filter: grayscale(.2); }.manifiesto-contenido { display: flex; flex-direction: column; justify-content: center; padding: clamp(55px,8vw,130px); }.manifiesto-contenido .eyebrow { margin-top: 70px; color: #475569; }.manifiesto-contenido h2 { margin-bottom: 38px; font-size: clamp(2.3rem,4vw,4.3rem); }.manifiesto-contenido > p:not(.eyebrow) { margin-bottom: 20px; color: #526070; line-height: 1.8; }

/* Visión */
.vision-editorial { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(50px,8vw,120px); align-items: center; }.vision-texto .eyebrow { margin-top: 70px; }.vision-texto blockquote { margin-bottom: 35px; font: 700 clamp(2rem,3.7vw,4.2rem)/1.15 'Montserrat'; letter-spacing: -.05em; }.vision-texto > p:last-child { color: var(--gris); font-size: 1.08rem; line-height: 1.85; }.vision-imagen { position: relative; }.vision-imagen img { width: 100%; height: 670px; object-fit: cover; }.vision-etiqueta { position: absolute; right: 0; bottom: 0; display: flex; gap: 25px; padding: 18px 25px; background: var(--azul); font: 700 .62rem 'Montserrat'; letter-spacing: .12em; text-transform: uppercase; }

/* Impacto */
.impacto-nuevo { position: relative; min-height: 760px; display: grid; place-items: center; overflow: hidden; }.impacto-fondo,.impacto-overlay { position: absolute; inset: 0; }.impacto-fondo img { width: 100%; height: 100%; object-fit: cover; }.impacto-overlay { background: linear-gradient(90deg,rgba(1,9,20,.94),rgba(2,71,114,.6)),linear-gradient(0deg,rgba(0,0,0,.5),transparent); }.impacto-contenido { position: relative; z-index: 1; width: min(1320px,calc(100% - 10vw)); }.impacto-contenido h2 { margin-bottom: 70px; font: 800 clamp(3rem,6vw,6.8rem)/.95 'Montserrat'; letter-spacing: -.065em; text-transform: uppercase; }.impacto-datos { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.3); }.impacto-datos div { padding: 30px 20px 0 0; border-right: 1px solid rgba(255,255,255,.25); }.impacto-datos div+div { padding-left: 28px; }.impacto-datos strong,.impacto-datos span { display: block; }.impacto-datos strong { font: 800 2.6rem 'Montserrat'; }.impacto-datos span { color: #c5cbd4; font-size: .78rem; text-transform: uppercase; }

/* Clientes */
.clientes-nuevos { overflow: hidden; -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%); mask-image: linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%); }
.clientes-nuevos::after { content: ''; display: block; width: 100%; height: 1px; margin-top: 22px; background: linear-gradient(90deg,var(--azul),rgba(255,255,255,.08) 18%,rgba(255,255,255,.08)); }
.grid-clientes { display: flex; width: max-content; gap: 14px; border: 0; animation: carruselClientes 62s linear infinite; will-change: transform; }
.grid-clientes:hover { animation-play-state: paused; }
.logo-item { display: grid; width: 210px; height: 125px; flex: 0 0 210px; place-items: center; padding: 26px; background: #f5f6f8; border: 1px solid #dfe3e8; transition: background var(--transicion),transform var(--transicion); }
.logo-item img { max-width: 78%; max-height: 68px; object-fit: contain; filter: grayscale(1); opacity: .72; transition: var(--transicion); }
.logo-item:hover { z-index: 1; background: white; transform: translateY(-5px); box-shadow: var(--sombra); }
.logo-item:hover img { filter: none; opacity: 1; }
@keyframes carruselClientes { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 7px)); } }

/* Contacto */
.llamada-contacto { position: relative; padding: clamp(85px,10vw,150px) max(5vw,calc((100% - 1320px)/2)); background: var(--azul); overflow: hidden; }.llamada-contacto::after { content: 'OLIMPO BG'; position: absolute; right: -1vw; bottom: -4vw; color: rgba(255,255,255,.07); font: 900 13vw/1 'Montserrat'; white-space: nowrap; }.llamada-contacto h2 { position: relative; z-index: 1; font: 800 clamp(3.5rem,7vw,8rem)/.9 'Montserrat'; letter-spacing: -.07em; text-transform: uppercase; }.llamada-contacto > a { position: absolute; z-index: 2; right: 9vw; top: 50%; display: grid; width: clamp(90px,11vw,155px); aspect-ratio: 1; place-items: center; background: white; color: var(--azul); border-radius: 50%; text-decoration: none; font-size: 3rem; transform: translateY(-50%); transition: transform var(--transicion); }.llamada-contacto > a:hover { transform: translateY(-50%) rotate(45deg) scale(1.06); }

/* Footer */
.footer-premium { display: grid; grid-template-columns: 1.4fr .8fr .8fr; gap: 70px; padding: 80px max(5vw,calc((100% - 1320px)/2)) 30px; background: #05070a; border-top: 1px solid var(--borde); }.footer-marca img { width: 160px; margin-bottom: 22px; filter: brightness(0) invert(1); }.footer-marca p,.footer-col p { max-width: 360px; color: #7f8997; font-size: .9rem; line-height: 1.8; }.footer-col h3 { margin-bottom: 18px; font: 700 .68rem 'Montserrat'; letter-spacing: .15em; text-transform: uppercase; }.footer-inferior { grid-column: 1/-1; display: flex; justify-content: space-between; margin-top: 30px; padding-top: 25px; border-top: 1px solid var(--borde); color: #606977; font-size: .72rem; text-transform: uppercase; }

/* Loader */
#loader-wrapper { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; background: var(--negro); transition: opacity .6s,visibility .6s; }.loader-content { text-align: center; }.loader-img-logo { width: min(280px,65vw); margin: 0 auto 28px; filter: brightness(0) invert(1); animation: pulso 1.7s infinite ease-in-out; }.loader-line-container { position: relative; width: 180px; height: 2px; margin: auto; overflow: hidden; background: rgba(255,255,255,.1); }.loader-line { position: absolute; left: -70px; width: 70px; height: 100%; background: var(--azul); animation: carga 1.2s infinite ease-in-out; }.loader-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
@keyframes carga { to { left: 180px; } } @keyframes pulso { 50% { opacity: .65; transform: scale(.98); } }
::-webkit-scrollbar { width: 9px; background: var(--negro); } ::-webkit-scrollbar-thumb { background: var(--azul-profundo); border-radius: 10px; }

/* Contenido cargado dinámicamente */
#contenido-principal > .grid, #contenido-principal > .contenedor { margin-top: 120px; }
.titulo-mas-proyectos { margin: 35px 0; text-align: center; color: white; font-family: 'Montserrat'; }

@media (max-width: 1000px) {
    .navegacion-principal { grid-template-columns: 140px 1fr; }.nav-cta { display: none; }
    .franja-metricas { grid-template-columns: repeat(2,1fr); }.metrica:nth-child(2) { border-right: 0; }
    .seccion-presentacion { grid-template-columns: 1fr; }.presentacion-titulo { grid-column: 1; margin-top: 35px; }.presentacion-cuerpo { grid-template-columns: 1fr; }
    .mosaico-servicios { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3,230px); }.servicio-grande { grid-column: 1/3; grid-row: auto; }.servicio-ancho { grid-column: 1/3; }
    .manifiesto { grid-template-columns: 1fr; }.manifiesto-imagen img { min-height: 520px; height: 65vw; }.vision-editorial { grid-template-columns: 1fr; }.vision-imagen img { height: 65vw; min-height: 430px; }
    .footer-premium { grid-template-columns: 1fr 1fr; }.footer-marca { grid-column: 1/-1; }
}

@media (max-width: 680px) {
    .navegacion-principal { position: absolute; grid-template-columns: 1fr; width: calc(100% - 36px); padding: 16px 0; }.marca-nav { display: none; }.nav-enlaces { justify-content: space-between; gap: 10px; }.nav-link { font-size: .62rem; }
    .hero-nuevo { min-height: 680px; height: 100svh; }.hero-fondo { background-position: 62% center; }.hero-contenido { width: calc(100% - 36px); padding-top: 165px; }.hero-contenido h1 { font-size: clamp(3.4rem,17vw,5.3rem); }.hero-descripcion { font-size: .98rem; }.hero-acciones { align-items: flex-start; flex-direction: column; gap: 16px; }.hero-sello { right: 20px; bottom: 22px; }.hero-indice { display: none; }
    .franja-metricas { grid-template-columns: 1fr 1fr; }.metrica { min-height: 115px; flex-direction: column; align-items: flex-start; gap: 8px; padding: 20px; }.metrica:nth-child(odd) { border-right: 1px solid var(--borde); }.metrica strong { font-size: 2rem; }
    .seccion { width: calc(100% - 36px); padding: 90px 0; }.seccion h2,.encabezado-seccion h2 { font-size: 2.7rem; }.presentacion-titulo { margin-bottom: 45px; }.presentacion-imagen img { height: 410px; }.presentacion-imagen span { display: none; }.presentacion-imagen::before { top: -10px; left: -10px; }
    .seccion-servicios { width: 100%; padding-inline: 18px; }.encabezado-seccion { align-items: flex-start; flex-direction: column; margin-bottom: 45px; }.encabezado-seccion > p { width: auto; }.mosaico-servicios { display: flex; flex-direction: column; }.servicio { min-height: 230px; }.servicio-grande { min-height: 330px; }
    .manifiesto { width: 100%; }.manifiesto-imagen img { min-height: 400px; height: 105vw; }.manifiesto-contenido { padding: 65px 24px; }.manifiesto-contenido .eyebrow { margin-top: 45px; }
    .vision-editorial { gap: 30px; }.vision-texto blockquote { font-size: 2.25rem; }.vision-imagen img { height: 115vw; min-height: 430px; }
    .impacto-nuevo { min-height: 820px; }.impacto-contenido { width: calc(100% - 36px); }.impacto-contenido h2 { font-size: 3.2rem; margin-bottom: 45px; }.impacto-datos { grid-template-columns: 1fr 1fr; }.impacto-datos div { padding: 22px 8px!important; border-bottom: 1px solid rgba(255,255,255,.25); }.impacto-datos div:nth-child(even) { padding-left: 20px!important; border-right: 0; }
    .grid-clientes { gap: 10px; animation-duration: 48s; }.logo-item { width: 160px; height: 100px; flex-basis: 160px; padding: 18px; }
    .llamada-contacto { padding: 85px 18px 190px; }.llamada-contacto h2 { font-size: 3.4rem; }.llamada-contacto > a { right: 25px; top: auto; bottom: 40px; width: 105px; transform: none; }.llamada-contacto > a:hover { transform: rotate(45deg); }
    .footer-premium { grid-template-columns: 1fr; gap: 35px; padding: 60px 24px 25px; }.footer-marca { grid-column: auto; }.footer-inferior { flex-direction: column; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto!important; animation-duration: .01ms!important; transition-duration: .01ms!important; }.grid-clientes { width: 100%; overflow-x: auto; } }