body{
font-family: 'Montserrat', sans-serif;
}

a, button, .btn, input {

transition: all .25s ease;

}

::selection {

background:#4e91ce;
color:white;

}

html {

scroll-behavior:smooth;

}
html, body{
overflow-x:hidden;
}

*{
box-sizing:border-box;
}

img{
max-width:100%;
height:auto;
}


/* scrollbar */

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-track{

background:#0f1a3d;

}

::-webkit-scrollbar-thumb{

background:#4e91ce;
border-radius:10px;

}

::-webkit-scrollbar-thumb:hover{

background:#6eaee0;

}

/* NAVBAR */

.custom-navbar{

background-image: url('../images/menu-bg.jpg');
background-size: cover;
background-position: center;
padding: 18px 0;
box-shadow:0 6px 18px rgba(0,0,0,0.5);
}

/* links */

.nav-link{
color:white;
font-weight:500;
margin:0 18px;
letter-spacing:1px;
transition:all .3s;
}

.nav-link:hover{
color:#4e91ce;
}
/* boton contacto */

.contacto-btn{

background:white;
color:#2c3a5b;
padding:8px 22px;
border-radius:25px;
font-weight:600;
letter-spacing:2px;
font-size:14px;
}

.contacto-btn:hover{

background:#e9e9e9;
}

.navbar-toggler{
border:none;
}

.navbar-toggler:focus{
box-shadow:none;
}

.navbar-toggler{
border:none;
}

.navbar-toggler-icon{
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler:focus{
box-shadow:none;
}

@media (max-width: 991px){

.custom-navbar{

background-image:url('../images/menu-bg-mobile.jpg');
background-size:cover;
background-position:center;
padding: 8px 0;
}

.navbar-collapse{

background-size:cover;
padding:30px;
border-radius:10px;

}

.nav-link{

margin:12px 0;
font-size:18px;

}

}


/* ============================= */
/* EIZEN SLIDER */
/* ============================= */

.eizen-slider-wrapper{

width:100%;
position:relative;
background:#0b1f35;

/* evita que el navbar fijo tape el slider */

padding-top:76px;

}

/* SLIDER */

#eizenSlider,
.carousel-inner,
.carousel-item{

width:100%;
position:relative;

}

/* CONTENEDOR IMAGEN */

.slide-bg{

display:flex;
justify-content:center;
align-items:center;

width:100%;

}

/* IMAGEN */

.slide-bg img{

width:100%;
height:auto;

max-width:1920px;

animation:zoomSlider 18s ease-in-out infinite alternate;

}

/* ZOOM SUAVE */

@keyframes zoomSlider{

0%{ transform:scale(1); }
100%{ transform:scale(1); }

}

/* ============================= */
/* BULLETS */
/* ============================= */
/* ============================= */
/* BULLETS SLIDER */
/* ============================= */

.carousel-indicators{

bottom:35px;
display:flex;
align-items:center;
justify-content:center;
gap:8px;

}

/* BULLET NORMAL */

.carousel-indicators button{

width:26px;
height:4px;

border-radius:10px;

background:white;

opacity:1;
border:none;

transition:all .35s ease;

}

/* BULLET ACTIVO */

.carousel-indicators .active{

width:48px;

background:#015e95;
height: 3px;

}

/* ============================= */
/* SCROLL DOWN */
/* ============================= */
/* ============================= */
/* SCROLL DOWN */
/* ============================= */

.scroll-down{

position:absolute;

bottom:12px;
left:50%;

transform:translateX(-50%);

font-size:26px;

color:white;

text-decoration:none;

opacity:1 !important;
visibility:visible !important;

animation:scrollAnim 2s infinite;

z-index:5;

}

.scroll-down:hover{

color:white;

}

/* ANIMACION */

@keyframes scrollAnim{

0%{ transform:translate(-50%,0); }
50%{ transform:translate(-50%,10px); }
100%{ transform:translate(-50%,0); }

}

/* ===================================== */
/* SECCION PILARES EIZEN */
/* ===================================== */

.eizen-pilares{

background:#141e4a;
padding:110px 0 130px;

color:white;
font-family:'Montserrat', sans-serif;

position:relative;

}


/* COLUMNAS */

.pilares-item{

padding:0 35px;

}


/* ICONOS */

.pilares-icon{

height:64px;
width:auto;

margin-bottom:22px;

opacity:.95;

object-fit:contain;

}


/* TITULOS */

.pilares-title{

font-size:26px;
font-weight:600;

letter-spacing:4px;

margin-bottom:10px;

}


/* LINEA DECORATIVA */

.pilares-line{

width:40px;
height:4px;

background:#015e95;

margin:16px auto 24px;

border-radius:3px;

}


/* SUBTITULO */

.pilares-sub{

font-size:21px;
font-weight:600;

margin-bottom:18px;
line-height:1.3;

min-height:60px;

display:flex;
align-items:center;
justify-content:center;

}


/* TEXTO */
.pilares-text{
font-size:15.5px;
line-height:1.7;
max-width:320px;
margin:0 auto 32px;
opacity:.9;
text-align:justify;
}
/* BOTONES */

.eizen-btn-outline{

display:inline-block;

padding:12px 28px;

border-radius:40px;

border:2px solid #015e95;

color:white;

text-decoration:none;

transition:.25s;

font-size:15px;

}


.eizen-btn-outline:hover{

background:#015e95;
color:white;

}


/* BOTONES PEQUEÑOS */

.pilares-buttons{

display:flex;
justify-content:center;

gap:14px;

}

.pilares-buttons,
.eizen-btn-outline{

margin-top:auto;

}
.eizen-btn-outline.small{

padding:9px 20px;

font-size:14px;

}


/* ===================================== */
/* ICONO HEXAGONAL ENTRE SECCIONES */
/* ===================================== */

.eizen-section-divider{

position:absolute;

left:47%;
bottom:-55px;

transform:translateX(-50%);

z-index:5;

}


.eizen-section-divider img{

width:110px;

height:auto;

filter:drop-shadow(0px 10px 20px rgba(0,0,0,.35));

}


/* ===================================== */
/* RESPONSIVE */
/* ===================================== */

@media (max-width:992px){

.eizen-pilares{

padding:90px 0 120px;

}


.pilares-item{

padding:0 35px;

display:flex;
flex-direction:column;
align-items:center;

height:100%;
margin-bottom:60px;

}

.pilares-text{

max-width:100%;

}


.eizen-section-divider img{

width:75px;

}

}

/* ================================= */
/* SECCION INVERSION SEGURA */
/* ================================= */

.eizen-inversion{

position:relative;

padding:110px 0;

background-image:url("../images/sections/eizen-inversion-bg.png");

background-size:cover;
background-position:center;

background-attachment:fixed;

color:white;

overflow:hidden;


}

/* overlay degradado */

.eizen-inversion::before{

content:"";

position:absolute;
top:0;
left:0;

width:100%;
height:100%;

background:linear-gradient(
90deg,
rgba(22,39,84,0.4) 0%,
rgba(22,39,84,0.7) 40%,
rgba(5,20,60,0.95) 80%
);

z-index:1;

}

/* contenido */

.contenido-inversion{

position:relative;
z-index:2;

}

/* texto superior */

.inv-top{

font-size:32px;
font-weight:600;

color:#66a9d9;

margin-bottom:6px;
text-align: center;
margin-top: -17px;

}

/* simbolos */

.inv-symbol{

font-size:40px;

margin:4px 0;

font-weight:600;
text-align: center;
margin-top: -17px;
}

/* titulo principal */

.inv-main{

font-size:46px;
font-weight:700;

margin:14px 0 22px;

letter-spacing:2px;
text-align: center;

}

/* boton */

.eizen-btn-primary{

display:block;

background:#1b6d97;

color:white;

padding:14px 36px;

border-radius:40px;

text-decoration:none;

font-weight:500;

letter-spacing:2px;

transition:.3s;
margin:20px auto 0;
text-align: center;
width: 280px;
}

.eizen-btn-primary:hover{

background:#015e95;

}

.eizen-inversion::after{

content:"";

position:absolute;

top:-40px;
left:0;

width:100%;
height:80px;

background:linear-gradient(
to bottom,
rgba(0,0,0,0.55),
rgba(0,0,0,0)
);

z-index:2;

}

/* ================================= */
/* CTA INVERSION */
/* ================================= */

.eizen-cta{

position:relative;

padding:80px 0;

background:#f2f2f2;

}

/* sombra superior */

.eizen-cta::before{

content:"";

position:absolute;

top:-50px;
left:0;

width:100%;
height:80px;

background:linear-gradient(
to bottom,
rgba(0,0,0,0.35),
rgba(0,0,0,0)
);

pointer-events:none;

}

/* imagen */

.cta-img{

height:300px;

overflow:hidden;

}

.cta-img img{

width:100%;
height:100%;
object-fit:cover;

}

/* bloque azul */

.cta-content{

background:#005e95;

padding:35px 50px;

color:white;

text-align:center;
height:300px;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;



}

/* titulo */

.cta-title{

font-size:34px;

font-weight:600;

line-height:1.3;

margin-bottom:10px;
line-height: 40px;

}

/* precio */

.cta-price{

font-size:56px;

font-weight:700;

margin-bottom:0px;

line-height: 70px;

}

/* boton */

.cta-btn{

display:inline-block;

background:#1d2554;

color:white;

padding:16px 40px;

border-radius:40px;

text-decoration:none;

letter-spacing:3px;

font-weight:500;

transition:.3s;

}

.cta-btn:hover{

background:#12193f;

}

.cta-img{

overflow:hidden;

}

.cta-img img{

width:100%;
height:100%;

object-fit:cover;

transform:scale(1.05);

transition:transform 2s ease;

}

/* cuando aparece */

.cta-img.aos-animate img{

transform:scale(1);

}

/* ============================= */
/* CTA RESPONSIVE MOVIL */
/* ============================= */

@media (max-width: 768px){

.cta-content{

padding:35px 25px;

height:auto;

}

.cta-title{

font-size:24px;

line-height:26px;

margin-bottom:0px;

}

.cta-price{

font-size:36px;

margin-bottom:0px;

}

.cta-btn{

padding:10px 25px;

font-size:13px;

letter-spacing:2px;

}

.cta-img{

height:260px;

}

}

/* ================================= */
/* EXPERIENCIA */
/* ================================= */

.eizen-experiencia{

position:relative;

padding:120px 0;

background-image:url("../images/sections/eizen-bg-experiencia-01.jpg");

background-size:cover;
background-position:center;

background-attachment:fixed;

color:white;

text-align:center;

/* sombra real */

box-shadow: inset 0 40px 60px rgba(0,0,0,0.45);

}

/* overlay oscuro */

.eizen-experiencia::before{

content:"";

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.35);

z-index:1;

}



/* contenido */

.contenido-experiencia{

position:relative;

z-index:2;

}

/* numero */

.exp-numero{

font-size:50px;

font-weight:700;

letter-spacing:4px;

margin-bottom:10px;

}

/* texto */

.exp-texto{

font-size:22px;

letter-spacing:4px;

line-height:1.5;

}

/* ================================= */
/* FOOTER */
/* ================================= */

.eizen-footer{

background:#141e4a;

color:white;

padding:120px 0 40px;

position:relative;

}

/* logo */
.footer-logo-wrapper{

margin-bottom:40px;

}

.footer-col-content{

margin-top:20px;

}


.footer-logo{

width:260px;

margin-bottom:0px;

}

/* texto */

.footer-text{

font-size:15px;

opacity:.85;

margin-bottom:25px;

line-height:1.6;

}

/* links */

.footer-links{

list-style:none;

padding:0;
color: #fff;

}

.footer-links li{

margin-bottom:8px;

opacity:.85;

cursor:pointer;

transition:.2s;

text-transform: uppercase;

}

.footer-links a{

color: #fff;

text-decoration: none;

}
.footer-links li:hover{


color:#015e95;

opacity:1;

transform:translateX(3px);
}


.footer-link{

color:white;

text-decoration:none;

opacity:.9;

transition:.2s;

}

.footer-link:hover{

color:#015e95;

opacity:1;

}
/* titulos */

.footer-title{

font-weight:600;

margin-top:25px;

margin-bottom:6px;

letter-spacing:1px;

}
.footer-broker{

display:inline-block;

margin-top:20px;

background:#dcdcdc;

color:#015e95;

padding:10px 30px;

border-radius:30px;

text-decoration:none;

font-weight:600;

letter-spacing:3px;

transition:.25s;

}

/* hover */

.footer-broker:hover{

background:#015e95;

color:white;

transform:translateY(-2px);

box-shadow:0 6px 15px rgba(0,0,0,.25);

}

/* formulario */

.footer-form input{

width:100%;

background:transparent;

border:1px solid rgba(255,255,255,.5);

border-radius:8px;

padding:12px 16px;

margin-bottom:14px;

color:white;

transition:.25s;

}

.footer-form input::placeholder{

color:rgba(255,255,255,.6);

}

/* efecto elegante */

.footer-form input:focus{

outline:none;

border-color:#4e91ce;

box-shadow:0 0 0 2px rgba(78,145,206,.2);

}

/* boton */
.footer-btn{

width:100%;

background:#015e95;

border:none;

padding:12px;

border-radius:30px;

color:white;

letter-spacing:4px;

margin-top:10px;

transition:.25s;

}

.footer-btn:hover{

background:#4e91ce;

}
/* ============================= */
/* REDES SOCIALES */
/* ============================= */

.footer-social{

margin-top:25px;

}

.footer-social p{

margin-bottom:12px;

font-size:14px;

opacity:.85;

}

.footer-social a{

display:inline-flex;

align-items:center;
justify-content:center;

width:38px;
height:38px;

margin-right:10px;

border-radius:50%;

border:1px solid rgba(255,255,255,.4);

color:white;

font-size:16px;

transition:.25s;

text-decoration: none;
}

/* hover elegante */

.footer-social a:hover{

background:#015e95;

border-color:#015e95;

transform:translateY(-2px);

}

/* bottom */

.footer-bottom{

display:flex;

justify-content:space-between;

align-items:center;

margin-top:50px;

padding-top:20px;

font-size:14px;

opacity:.8;

position:relative;

}

.footer-bottom::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:1px;

background:linear-gradient(
to right,
transparent,
rgba(255,255,255,.3),
transparent
);

}

.footer-bottom a{

color:white;

text-decoration:none;

opacity:.8;

transition:.2s;

}

.footer-bottom a:hover{

opacity:1;

color:#4e91ce;

}


/* =============================== */
/* WHATSAPP FLOAT */
/* =============================== */

.whatsapp-float{

position:fixed;

bottom:25px;
right:25px;

width:60px;
height:60px;

background:#25D366;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

box-shadow:0 10px 25px rgba(0,0,0,.25);

z-index:999;

transition:.3s;

}

/* hover */

.whatsapp-float:hover{

transform:scale(1.1);

}

/* animación respiración */

.whatsapp-float::before{

content:"";

position:absolute;

width:60px;
height:60px;

border-radius:50%;

background:#25D366;

opacity:.5;

animation:whatsapp-pulse 2s infinite;

z-index:-1;

}

@keyframes whatsapp-pulse{

0%{

transform:scale(1);
opacity:.5;

}

70%{

transform:scale(1.6);
opacity:0;

}

100%{

opacity:0;

}

}

/* ============================= */
/* HERO PAGINAS INTERNAS */
/* ============================= */

.inner-hero{

position:relative;

height:320px;

background-image:url("../images/sections/eizen-hero-nosotros-01.jpg");

background-size:cover;
background-position:center;

background-attachment:fixed; /* PARALLAX */

display:flex;
align-items:center;
justify-content:center;

overflow:hidden;

}

.inner-hero-overlay{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

background:linear-gradient(
90deg,
rgba(10,20,50,.65),
rgba(20,40,90,.75)
);

z-index:1;

}

.hero-content{

position:relative;

z-index:2;

text-align:center;

}

.hero-logo{

width:300px;

height:auto;

margin-top: 80px;

}



@media (max-width:768px){

.inner-hero{

background-attachment:scroll;

height:300px;

}

}

/* ============================= */
/* EXPERIENCIA */
/* ============================= */

.experiencia-section{

background:#182654;

color:white;

padding:120px 0;

position:relative;

overflow:hidden;

}

/* casco */

.inversion-casco{

position:absolute;

left:8%;
bottom:-60px;

width:260px;

z-index:5;

animation:cascoFloat 4s ease-in-out infinite;

filter:drop-shadow(0 25px 30px rgba(0,0,0,.35));

}

@keyframes cascoFloat{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-12px);
}

100%{
transform:translateY(0);
}

}
.casco-experiencia{

position:absolute;

bottom:0px;

right:0px;

width:620px;

height:auto;

pointer-events:none;

filter:drop-shadow(0 25px 45px rgba(0,0,0,.25));

z-index:2;

}

.casco-experiencia:hover{

transform:translateY(-5px) scale(1.05);

}
@media (max-width:768px){

.casco-experiencia{

width:320px;

opacity:.8;

}

}
.section-title{

font-family:'Montserrat', sans-serif;

font-weight:600;

letter-spacing:6px;

font-size:38px;

margin-bottom:10px;
text-align: center;

}

.section-title-blue{

font-family:'Montserrat', sans-serif;

font-weight:600;

letter-spacing:6px;

font-size:38px;

margin-bottom:10px;
text-align: center;

}
.section-title-small{

font-family:'Montserrat', sans-serif;

font-weight:600;

letter-spacing:6px;

font-size:38px;

margin-bottom:10px;
text-align: center;

}


.title-line{

width:60px;
height:4px;

background:#015e95;

margin:15px auto 60px auto;

border-radius:4px;

}


/* métricas */

.exp-list{

list-style:none;

padding:0;

font-size:18px;

line-height:32px;

}


.exp-list li{


display:flex;

align-items:flex-start; /* <-- aquí está la corrección */

gap:12px;

margin-bottom:18px;


}


.exp-list i{

color:#015e95;

font-size:22px;

}


/* mapa */

.experiencia-mapa{

margin-top:70px;

align-items:center;

}


.mapa-mexico{

max-width:420px;

width:100%;

}


/* ubicaciones */

.ubicaciones h4{

margin-top:25px;

font-weight:600;

}


.ubicaciones ul{

padding-left:18px;

line-height:26px;

}

.experiencia-mapa{

margin-top:80px;

}


.experiencia-mapa-img{

max-width: 600px;
  width: 100%;
  height: auto;
  float: left;

}

/* ============================= */
/* SECCION VIDEO */
/* ============================= */

.video-section{

background:#f2f2f2;

padding:120px 0;

position:relative;

}

/* ================================= */
/* SECCION VIDEO */
/* ================================= */

.video-section{

background:#d4dadf;

padding:120px 0;

position:relative;

}


/* sombra superior entre secciones */

.video-section::before{



}


/* contenedor del video */

.video-wrapper{

position:relative;

width:100%;

max-width:1000px;

margin:0 auto;

padding-bottom:56.25%; /* relación 16:9 */

height:0;

overflow:hidden;

border-radius:10px;

box-shadow:0 25px 50px rgba(0,0,0,.25);

background:#000;

z-index:2;

}


/* iframe */

.video-wrapper iframe{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

border:0;

}


/* ================================= */
/* RESPONSIVE */
/* ================================= */

@media (max-width:992px){
.section-title-small{

font-family:'Montserrat', sans-serif;

font-weight:600;

letter-spacing:6px;

font-size:28px;

margin-bottom:10px;
text-align: center;
color: #fff;

}


.video-section{

padding:100px 0;

}

.video-wrapper{

max-width:90%;

}

}


@media (max-width:768px){

.video-section{

padding:80px 0;

}

.video-wrapper{

border-radius:6px;

}

}


/* ============================
GALERÍA
============================ */

.gallery-section{

background: #d4dadf;
  padding: 0px 0 100px;
  text-align: center;
  animation: fadeSection 1s ease;

}

.section-title{

font-size:34px;
letter-spacing:6px;
color:#fff;
margin-bottom:10px;
font-weight: 600;

}

.title-line{

width:50px;
height:4px;
background:#015e95;
margin:0 auto 60px auto;

}


/* GRID */

.gallery-grid{

width:85%;
margin:auto;

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}
.gallery-grid img{

transition: transform .35s ease;

}


/* IMÁGENES */

.gallery-item{

width:100%;
height:260px;

object-fit:cover;

cursor:pointer;

transition:all .4s ease;

opacity:0;
transform:translateY(30px);

animation:fadeUp .8s ease forwards;
overflow: hidden;

}
.gallery-item img{

width:100%;
display:block;
transition: transform .4s ease;

}

.gallery-item:hover img{

transform:scale(1.06);

}

/* HOVER */

.gallery-item:hover{

transform:scale(1.05);

}


/* ANIMACIÓN ESCALONADA */

.gallery-item:nth-child(1){animation-delay:.1s;}
.gallery-item:nth-child(2){animation-delay:.2s;}
.gallery-item:nth-child(3){animation-delay:.3s;}
.gallery-item:nth-child(4){animation-delay:.4s;}
.gallery-item:nth-child(5){animation-delay:.5s;}
.gallery-item:nth-child(6){animation-delay:.6s;}
.gallery-item:nth-child(7){animation-delay:.7s;}
.gallery-item:nth-child(8){animation-delay:.8s;}
.gallery-item:nth-child(9){animation-delay:.9s;}


/* ============================
LIGHTBOX
============================ */

#lightbox{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,.9);

display:none;

justify-content:center;
align-items:center;

z-index:9999;

animation:fadeLightbox .3s ease;

}


.lightbox-content{

position:relative;

max-width:900px;
width:80%;

}


/* IMAGEN GRANDE */

#lightbox-img{

width:100%;
border-radius:6px;

}

.about-mision{

width:420px;

}

.about-vision{

width:620px;

}
/* BOTÓN CERRAR */

.close-lightbox{

position:absolute;

top:40px;
right:60px;

color:white;

font-size:40px;

cursor:pointer;

transition:.3s;

}

.close-lightbox:hover{

opacity:.7;

}


/* FLECHAS */

.prev,
.next{

position:absolute;

top:50%;

transform:translateY(-50%);

background:none;

border:none;

color:white;

font-size:50px;

cursor:pointer;

transition:.3s;

}

.prev{

left:-70px;

}

.next{

right:-70px;

}

.prev:hover,
.next:hover{

opacity:.7;

}


/* ============================
ANIMACIONES
============================ */

@keyframes fadeUp{

to{

opacity:1;
transform:translateY(0);

}

}

@keyframes fadeLightbox{

from{

opacity:0;

}

to{

opacity:1;

}

}

@keyframes fadeSection{

from{

opacity:0;
transform:translateY(40px);

}

to{

opacity:1;
transform:translateY(0);

}

}


.projects-section{

background:#141e4a;
padding:40px 0 120px;
text-align:center;

}

.projects-grid{

width:85%;
margin:auto;

display:grid;
grid-template-columns:1fr 1fr;
gap:80px;

margin-top:80px;

}

.project-card{

background:white;
overflow:hidden;

box-shadow:0 20px 40px rgba(0,0,0,.2);

transition:.4s;

}

.project-card:hover{

transform:translateY(-8px);

}


.project-image{

position:relative;

}

.project-image img{

width:100%;
display:block;

}

.project-item{

text-align:center;

}


.project-card{

background:white;

box-shadow:0 20px 40px rgba(0,0,0,.2);

overflow:hidden;
margin-bottom: 30px;
}


.project-info{

padding:35px;

text-align:center;

}
/* ============================
RESPONSIVE
============================ */

@media(max-width:1024px){

.gallery-grid{

grid-template-columns:repeat(2,1fr);

}

}

.about-grid{

width:85%;
margin:auto;

display: flex;
align-items:stretch;

gap:60px;

margin-top:60px;

}



@media (max-width:768px){


.about-grid{

width:90%;
margin:auto;

display:grid !important;
justify-content:center;
align-items:stretch;
margin-top:60px;
 grid-template-columns:1fr !important;
}

.projects-grid{
    grid-template-columns:1fr;
    width:90%;
    gap:40px;
}

}
@media(max-width:768px){

.gallery-grid{

grid-template-columns:1fr;
gap:20px;

}

.gallery-item{

height:200px;

}

.prev{

left:-40px;

}

.next{

right:-40px;

}

}


/* ============================
NOSOTROS
============================ */

.about-section{

background:#f2f2f2;
padding:120px 0;
text-align:center;

}


/* GRID */



/* TARJETAS */

.about-card{

background:white;

padding:60px;

box-shadow:0 18px 25px rgba(0,0,0,0.12);

transition:.4s ease;

text-align:center;

}

.about-card:hover{

transform:translateY(-6px);

box-shadow:0 28px 40px rgba(0,0,0,0.16);

}


/* ANCHOS DIFERENTES */



/* HOVER */

.about-card:hover{

transform:translateY(-8px);

box-shadow:0 30px 60px rgba(0,0,0,0.12);

}


/* ICONOS */

.about-icon{

width:90px;
margin-bottom:20px;

}


/* TITULOS */

.about-card h3{

font-size:38px;
letter-spacing:4px;

color:#2f3b6c;

margin-bottom:20px;

}


/* TEXTO JUSTIFICADO */

.about-card p{

font-size:16px;

line-height:1.7;

color:#6f6f6f;

text-align:justify;

}


/* ============================
ANIMACIÓN
============================ */

.fade-up{

opacity:0;
transform:translateY(40px);

animation:fadeUp 1s ease forwards;

}

.fade-up:nth-child(1){

animation-delay:.2s;

}

.fade-up:nth-child(2){

animation-delay:.4s;

}

@keyframes fadeUp{

to{

opacity:1;
transform:translateY(0);

}



}
/* =================================
HERO DESARROLLADORA
================================= */

.desarrolladora-hero{

height:270px;

background-image:
url("../images/eizen-hero-desarrolladora.jpg");

background-size:contain;
background-position:center;

background-attachment:fixed;

display:flex;
align-items:center;

}


/* CONTENEDOR GENERAL */

.container{

width:85%;
margin:auto;

}


/* HEADER HERO */

.desarrolladora-header{

display:flex;
justify-content:space-between;
align-items:center;

}


/* TITULO */

.desarrolladora-header h1{

font-size: 40px;
  letter-spacing: 4px;
  color: white;
  font-weight: 600;
  margin-top: 80px;

}


/* LOGO */

.hero-logo{

width:320px;

}


/* =================================
BLOQUE TEXTO
================================= */

.desarrolladora-text{

background:#141e4a;

padding:60px 0;

text-align:center;

}


/* TEXTO */

.desarrolladora-text p{

max-width:900px;
margin:auto;

font-size:18px;
line-height:1.6;

color:white;

text-align:center;

}

.mision-vision{
display:flex;
align-items:center;
gap:40px;
}


@media (max-width:768px){

.mision-vision{
flex-direction:column;
text-align:center;
}

}
.mision-vision img{
max-width:120px;
height:auto;
}


.hero-logo-des {
    width: 300px;
    height: auto;
    margin-top: 0px;
}

.hero-content img {
    width: 300px;
}


.desarrolladora-hero{

height:270px;

background-image:
url("../images/eizen-hero-desarrolladora.jpg");

background-size:cover;
background-position:center;

background-attachment:fixed;

display:flex;
align-items:center;

}


.desarrolladora-header{

flex-direction:column;
gap:20px;

}

.desarrolladora-header h1{

font-size:24px;
margin-top: 120px;
}

.hero-logo{

width:120px;

}

.desarrolladora-text p{

font-size:18px;
padding:0 20px;

}

}



/* BOTONES FUERA DE LA TARJETA */

.project-buttons{

margin-top:25px;

display:flex;

justify-content:center;

gap:30px;

}


/* STATUS */

.status{

position:absolute;
top:20px;
right:0px;

padding:8px 18px;

font-size:16px;
font-weight:600;

color:white;

}

.status.proceso{

background:#015e95

}

.status.terminado{

background:#ff3b3b;

}


/* INFO */

.project-info{

padding:35px;

text-align:center;

}

.project-info h3{

font-size:34px;
color:#2f3b6c;
margin-bottom:10px;
font-weight: 700;

}

.project-info h5{

font-size:26px;
color:#2f3b6c;
margin-bottom:10px;
font-weight: 700;

}

.project-info h4{

letter-spacing: 4px;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 600;

}

.project-info p{

color:#7a7a7a;
margin-bottom:0px;

}


/* BOTONES */

.project-buttons{

display:flex;
gap:20px;
justify-content:center;

}

.btn-outline{

border:2px solid #015e95;

padding:12px 28px;

border-radius:40px;

color:#fff;

text-decoration:none;

transition:.3s;

background: none;
display:inline-flex;
align-items:center;
justify-content:center;
}

.btn-outline:hover{

background:#015e95;
color:white;

}

/* LIGHTBOX PROYECTOS */

#project-lightbox{

position:fixed;
top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,.9);

display:none;

justify-content:center;
align-items:center;

z-index:9999;

}

#project-lightbox img{

max-width:90%;
max-height:85%;

box-shadow:0 25px 60px rgba(0,0,0,.6);

}

.close-lightbox{

position:absolute;
top:40px;
right:60px;

font-size:40px;
color:white;

cursor:pointer;

}

.prev,
.next{

position:absolute;
top:50%;

transform:translateY(-50%);

background:none;
border:none;

font-size:45px;
color:white;

cursor:pointer;

}

.prev{
left:40px;
}

.next{
right:40px;
}

#project-lightbox{
animation:fadeLightbox .35s ease;
}

@keyframes fadeLightbox{

from{
opacity:0;
}

to{
opacity:1;
}

}

#lightbox-title{

position:absolute;
top:40px;
left:50%;

transform:translateX(-50%);

color:white;
font-size:22px;
font-weight:600;
letter-spacing:1px;

}

#lightbox-title{
text-transform:uppercase;
}

/* HERO PARQUES */

.parque-hero{

background:#141e4a;

padding-top:80px;

}

.parque-title{

display:flex;
align-items:center;
justify-content:center;

gap:40px;

padding:10px 0;

color:white;

}

.parque-title h1{

font-size:56px;
font-weight:700;
letter-spacing:2px;

margin:0;

}

.parque-title h2{

font-size:22px;
letter-spacing:6px;
font-weight:400;

margin:0;

opacity:.9;

}

/* imagen */

.parque-image img{

width:100%;
height:auto;
display:block;

}

.parque-image img{

width:100%;
height:400px;

object-fit:cover;

}

/* caja ubicación */

.parque-location{

position: relative;
  bottom: 70px;
  right: 0;
  background: #f3f3f3;
  padding: 10px 30px;
  display: flex;
  align-items: center;
  gap: 15px;
  border-radius: 0;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  width: 300px;
  float: right;

}

.parque-location i{

font-size:28px;
color:#2b6aa5;

}

.parque-location span{

font-weight:600;

color:#666;

display:block;

}

.parque-location p{

margin:0;

font-size:18px;

color:#444;

}


@media (max-width:768px){
.about-mision{

width:100%;

}

.about-vision{

width:100%;

}
.parque-header{
display:flex;
flex-direction:column;
align-items:flex-start;
padding:40px 20px;
}

.parque-title{
font-size:56px;
line-height:1;
margin-bottom:10px;
}

.parque-subtitle{
font-size:20px;
letter-spacing:3px;
}

}

@media (max-width:768px){

.parque-title{
display:flex;
flex-direction:column;
align-items:center;
padding:20px 20px 10px;
text-align: center;
gap: 10px;
}

.parque-title h1{
font-size:36px;
line-height:1;
margin-bottom:0px;
}

.parque-title h2{
font-size:14px;
letter-spacing:3px;
}

.parque-image img{

width:100%;
height:auto;
object-fit:contain;

}

.parque-hero{
padding-top:80px;
}

}
@media (max-width:768px){

.parque-location{

bottom:40px;
padding:8px 18px;
gap:10px;

width:220px;

float:none;
margin:0 auto;

}

.parque-location i{

font-size:22px;

}

.parque-location span{

font-size:14px;

}

.parque-location p{

font-size:15px;

}

}


.parque-beneficios{

background:url("../images/ui/eizen-textura-concreto.jpg") center/cover no-repeat;

padding:90px 0;

}

.beneficios-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:40px;

text-align:center;

}
.beneficio{

transition:all .35s ease;

}

.beneficio img{

transition:transform .35s ease, filter .35s ease;

}

.beneficio:hover img{

transform:translateY(-6px) scale(1.05);

}

.beneficio:hover h3{

color:#2b6aa5;

}
.beneficio img{

width:70px;

margin-bottom:15px;

}

.beneficio h3{

font-size:22px;

color:#1d2c5b;

margin-bottom:6px;

font-weight: 600;

}

.beneficio p{

color:#555;

font-size:16px;

margin:0;

}

@media (max-width:768px){

.beneficios-grid{

grid-template-columns:repeat(2,1fr);

gap:35px;

}

.beneficio img{

width:55px;

}

.beneficio h3{

font-size:18px;

}

.beneficio p{

font-size:14px;

}

}

.parque-ubicacion-section{

background:#141e4a;

padding:120px 0;

color:white;

/* sombra superior */
box-shadow: inset 0 40px 60px -40px rgba(0,0,0,0.6);
}

.ubicacion-title{

font-size:42px;

font-weight:700;

margin-bottom:60px;

}

.ubicacion-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:60px;

align-items:center;

}

/* MAPA */

.mapa-wrapper{

width:100%;

height:500px;

background:#ddd;

border-radius:6px;

overflow:hidden;

}

/* DIAGRAMA */

.ubicacion-diagrama{

text-align:center;

}

.ubicacion-diagrama img{

max-width:420px;

margin-bottom:30px;

}

.ubicacion-diagrama h3{

letter-spacing:4px;

font-size:22px;

margin-bottom:10px;

font-weight: 600;

}

.ubicacion-diagrama p{

font-size:18px;

margin-bottom:35px;

color:#d4d4d4;

}

.precio-btn{

display:inline-block;

padding:10px 50px;

border-radius:40px;

background:linear-gradient(135deg,#3ab0ff,#113454);

color:white;

text-decoration:none;

position:relative;

overflow:hidden;

transition:.35s;

}

.precio-btn span{

display:block;

font-size:14px;

letter-spacing:3px;
margin-top: 4px;
margin-bottom: 10px;

}

.precio-btn strong{

font-size:35px;
line-height: 20px;

}

.precio-btn:hover{

transform:translateY(-4px);

box-shadow:0 15px 35px rgba(0,0,0,.25);

}

/* brillo animado */

.precio-btn::after{

content:"";

position:absolute;

top:0;

left:-100%;

width:100%;

height:100%;

background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);

transition:.6s;

}

.precio-btn:hover::after{

left:100%;

}


@media (max-width:768px){

.ubicacion-grid{

grid-template-columns:1fr;

gap:50px;

}

.mapa-wrapper{

height:350px;
width: 100%;
}

.ubicacion-title{

font-size:30px;

text-align:center;

}

.ubicacion-diagrama img{

max-width:300px;

margin-bottom:30px;

}

}

.masterplan-section{

background:#f2f2f2;

padding:120px 0;

/* sombra superior igual que otras secciones */

box-shadow: inset 0 40px 60px -40px rgba(0,0,0,0.6);

}

/* contenedor del plano */

.masterplan-wrapper{

background:white;

padding:60px;

display:flex;

justify-content:center;

align-items:center;

box-shadow:0 20px 50px rgba(0,0,0,.15);

}

/* imagen */

.masterplan-wrapper img{

max-width:800px;

width:100%;

height:auto;

transition:transform .4s ease;

}

/* micro animación */

.masterplan-wrapper:hover img{

transform:scale(1.03);

}

@media (max-width:768px){

.masterplan-wrapper{

padding:30px;

}

.masterplan-wrapper img{

max-width:100%;

}

}


.galeria-section{

background:#293972;

padding:120px 0;

text-align:center;
box-shadow: inset 0 40px 60px -40px rgba(0,0,0,0.6);

color: #fff;

}

.galeria-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:60px;

}

.galeria-grid img{

width:100%;

cursor:pointer;

transition:.35s;

}

.galeria-grid img:hover{

transform:scale(1.05);

}


@media (max-width:768px){

.galeria-grid{

grid-template-columns:repeat(2,1fr);

gap:20px;

}

}

.modelos-section{

background:#f3f3f3;

padding:120px 0;

box-shadow: inset 0 40px 60px -40px rgba(0,0,0,0.6);

}
.modelo-planta img{

transition: transform .4s ease;

}

.modelo-planta:hover img{

transform: scale(1.06);

}
.modelo-card{

background:white;

display:grid;


grid-template-columns:1fr 1fr 1.4fr;
align-items:center;

gap:40px;

padding:0px;

margin-top:50px;

box-shadow:0 15px 40px rgba(0,0,0,.12);

transition:.3s;

}

.modelo-card:hover{

transform:translateY(-5px);

}
.modelo-planta{

display:flex;

justify-content:center;

}
.modelo-img img,
.modelo-planta img{

width:100%;

height:auto;
overflow: hidden;

}
.modelo-img img,
.modelo-planta img{

transition: transform .4s ease;}

.modelo-img:hover img,
.modelo-planta:hover img{

transform: scale(1.06);

}
.modelo-info h3{

font-size:36px;

color:#141e4a;

margin-bottom:10px;

font-weight: 600;

}

.modelo-info p{

font-size:20px;

color:#141e4a;
}

@media (max-width:768px){

.modelo-card{

grid-template-columns:1fr;

text-align:center;

padding:0px;

gap:30px;

}

.modelo-info h3{

font-size:28px;

}

.modelo-info p{

font-size:18px;

}

}


.constructora-hero{

background-image:linear-gradient(
90deg,
rgba(5,18,60,0.95) 0%,
rgba(9,35,95,0.85) 45%,
rgba(0,0,0,0) 70%
),
url("../images/constructora-hero.jpg");

background-size:cover;
background-position:right center;
background-repeat:no-repeat;

padding:140px 0;
color:white;

}

/* contenido */

.constructora-content{

max-width:560px;

}

.constructora-logo{

width: 240px;
  margin-bottom: 40px;
  margin-left: -20px;

}

.constructora-content h1{

font-size:34px;
font-weight:700;
margin-bottom:15px;

}

.constructora-content p{

font-size:20px;
opacity:.9;
margin-bottom:40px;

}

/* stats */

.constructora-stats{

display:flex;
gap:20px;

}

.stat-box{

background:white;
color:#1b2b55;

padding:25px;
width:200px;
text-align:center;

box-shadow:0 20px 40px rgba(0,0,0,.25);

transition: transform .35s ease, box-shadow .35s ease;

}

.stat-box:hover{

transform: scale(1.05);

box-shadow:0 25px 50px rgba(0,0,0,.35);

}

.stat-box img{

width:80px;
margin-bottom:12px;
transition: transform .35s ease;

}
.stat-box:hover img{

transform: translateY(-5px);

}
.stat-box span{

font-weight:600;

}

@media (max-width:768px){

.constructora-hero{

background-image:url("../images/constructora-hero.jpg");
background-repeat:no-repeat;

background-size:contain;   /* MUESTRA LA IMAGEN COMPLETA */
background-position:center bottom;

background-color:#0b2a63;

padding:110px 0 140px 0;

}

/* ocultar logo */

.constructora-logo{
display:none;
}

/* texto centrado */

.constructora-content{
text-align:center;
margin:auto;
}

/* iconos en una sola línea */

.constructora-stats{

display:flex;
flex-direction:row;
justify-content:center;
gap:12px;

}

.stat-box{

width:48%;
padding:18px;

}

.stat-box img{
width:50px;
}

.constructora-content h1{
font-size:30px;
}

.constructora-content p{
font-size:18px;
}

}


.constructora-tipos{

background:#2f3f78;
padding:120px 0;

position:relative;
box-shadow: inset 0 40px 60px -40px rgba(0,0,0,0.6);
}

/* sombra superior igual que otras secciones */

.constructora-tipos::before{

content:"";
position:absolute;
top:-60px;
left:0;

width:100%;
height:80px;
}

.constructora-desc{

max-width:820px;
margin:0 auto 70px auto;

text-align:center;
font-size:20px;

color:white;
opacity:.9;

}

.constructora-grid{

display:grid;
grid-template-columns:repeat(5,1fr);
gap:30px;
width:100%;

}

.tipo-card{

text-align:center;
cursor:pointer;

transition:transform .35s ease;

}

.tipo-card img{

width:100%;
display:block;

box-shadow:0 20px 40px rgba(0,0,0,.35);

transition:transform .35s ease;

}

.tipo-card span{

display:block;
margin-top:18px;

color:white;
font-weight:600;
letter-spacing:2px;

}

/* hover */

.tipo-card:hover img{

transform:scale(1.05);

}

/* uniformar imágenes en constructora */

.constructora-grid img{
width:100%;
height:360px;
object-fit:cover;
display:block;

}

.constructora-grid > div{

	width:100%;
max-width:100%;
display:block;
flex-direction:column;
}
@media(max-width:768px){

.constructora-grid{
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: stretch;
    max-width:100%;

}
.constructora-grid > *{
    width: 100%;
}

.constructora-grid img{
    width: 100%;
    height: 260px;
    display: block;
    aspect-ratio: 3 / 4;
object-fit: cover;
}
.constructora-desc{

font-size:18px;
padding:0 20px;

}

/* última tarjeta centrada */

.tipo-card:last-child{
grid-column:1 / -1;
max-width:300px;
margin:auto;
}

}


.disciplinas-section{

background:#f1f2f4;
padding:120px 0;
text-align:center;

}

.disciplinas-grid{

display:grid;
grid-template-columns:repeat(8,1fr);
gap:30px;
margin-top:70px;

}

.disciplina-item{

transition:transform .35s ease;

}

.disciplina-item img{

width:70px;
margin-bottom:15px;
transition:transform .35s ease;

}

.disciplina-item p{

font-weight:600;
font-size:15px;
color:#2b3f6a;

}

.disciplina-item:hover{

transform:translateY(-5px);

}

.disciplina-item:hover img{

transform:scale(1.1);

}

@media(max-width:768px){

.disciplinas-grid{

grid-template-columns:repeat(3,1fr);
gap:25px;

}

.disciplina-item img{

width:55px;

}

.disciplina-item p{

font-size:13px;

}

}

.tipos-proyectos-section{

background:#141e4a;
padding:120px 0;
text-align:center;

}

.tipos-subtitle{

color:white;
font-size:20px;
margin-top:10px;
opacity:.9;

}

.tipos-grid{


display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

max-width:1000px;   /* controla el ancho total */
margin:70px auto 0 auto;

}
.tipo-proyecto-card{

background:white;
overflow:hidden;

box-shadow:0 25px 50px rgba(0,0,0,.35);

transition:transform .35s ease, box-shadow .35s ease;

}

.tipo-img{

overflow:hidden;

}

.tipo-img img{

width:100%;
display:block;

transition:transform .4s ease;

}

.tipo-content{

padding:30px;

}

.tipo-content h3{

color:#2a3f73;
font-size:20px;
font-weight:700;
margin-bottom:10px;

}

.tipo-content p{

color:#555;
font-size:15px;

}

.tipo-proyecto-card:hover{

transform:translateY(-10px);
box-shadow:0 35px 70px rgba(0,0,0,.45);

}

.tipo-proyecto-card:hover img{

transform:scale(1.06);

}

@media(max-width:768px){

.tipos-grid{

grid-template-columns:1fr;
gap:20px;

}

/* última tarjeta centrada */

.tipo-proyecto-card:last-child{


grid-column:auto;
max-width:100%;
margin:0;

}

.tipos-subtitle{

font-size:18px;

}

}

.clientes-section{

background:#15608c;
padding:110px 0 0;
text-align:center;

}

.clientes-title{

color:white;
font-size:36px;
font-weight:700;
margin-bottom:60px;

}

.clientes-wrapper{

background:#f2f2f2;
padding:50px 60px;

display:grid;
grid-template-columns:repeat(6,1fr);
gap:40px;
align-items:center;

box-shadow:0 20px 50px rgba(0,0,0,.25);

}
.cliente-logo{

width:100%;
max-width:120px;
margin:auto;

filter:grayscale(100%);
opacity:.8;

transition:all .35s ease;

}

.cliente-logo:hover{

filter:grayscale(0%);
opacity:1;
transform:translateY(-4px) scale(1.1);

}

@media(max-width:768px){

.clientes-wrapper{

grid-template-columns:repeat(3,1fr);
gap:25px;
padding:40px 20px;

}

.cliente-logo{

max-width:90px;

}

.clientes-title{

font-size:28px;

}

}

.calidad-section{

position:relative;
width:100%;
overflow:visible;

padding:120px 8%;

display:flex;
align-items:center;
justify-content:flex-end;

background:#0c1f4b;
box-shadow: inset 0 40px 60px rgba(0,0,0,0.45);

}


/* imagen full width sin cortar */

.calidad-bg{

position:absolute;
top:0;
left:0;

width:100%;
height:auto;

z-index:0;

}


/* overlay azul */

.calidad-section::after{

content:"";
position:absolute;
inset:0;

z-index:1;

}


/* contenido */

.calidad-content{

position:relative;
z-index:2;

max-width:520px;
color:white;
text-align: center;

}

.calidad-content h2{

font-size: 34px;

font-weight: 600;
letter-spacing: 6px;
text-align: center;

}
.calidad-frase{
font-size: 18px;
text-transform: uppercase;
letter-spacing: 6px;
font-weight: 600;
}
.calidad-content p{

text-align: center; font-size: 18px;


}

.calidad-btn{

display:inline-block;

padding:5px 40px;

background:white;
color:#1c2d5a;

border-radius:40px;

font-weight:600;
letter-spacing:2px;

text-decoration:none;

transition:.35s;

}

.calidad-btn:hover{

transform:scale(1.08);
box-shadow:0 10px 30px rgba(0,0,0,.3);

}

@media (max-width:768px){

.calidad-section{

justify-content:center;
text-align:center;

padding:210px 30px 80px;

}

.calidad-bg{

position:absolute;
width:100%;
height:auto;

}

}

.inversion-hero{

position:relative;

width:100%;
min-height:680px;

padding:120px 8%;

display:flex;
align-items:flex-end;

background-image:url("../images/eizen-inversion-bg.jpg");
background-size:cover;
background-position:top center;

overflow:visible;

}
.inversion-hero::after{

content:"";
position:absolute;
inset:0;

background:linear-gradient(
90deg,
rgba(8,25,66,.85) 15%,
rgba(8,25,66,.65) 45%,
rgba(8,25,66,.2) 75%
);

}
.inversion-logo{

position:absolute;

top:180px;
left:6%;

width:290px;

z-index:3;

animation:fadeUp 1.2s ease;

}

.inversion-casco{

position:absolute;

left:8%;

bottom:-120px;

width:260px;

z-index:3;

z-index:5;

animation:cascoFloat 4s ease-in-out infinite;

filter:drop-shadow(0 25px 30px rgba(0,0,0,.35));

transition:transform .3s ease;

}
.inversion-content {
  position: absolute;
  z-index: 2;
  color: white;
  top: 340px;
}
.inversion-frase{

width:100%;
position:  relative;
background:#1c2d5a;
z-index: 1;
padding:70px 8% 70px 11%;

display:flex;
justify-content:center;
align-items:center;

}

.inversion-frase p{

color:white;

font-size:28px;

max-width:50%;

text-align:left;

font-weight: 600;

line-height:1.4;

margin:0;
right: 16%;
  position: absolute;

}

@media (max-width:768px){

.inversion-hero{

padding:80px 0px;

align-items:center;
text-align:center;

min-height:500px;
background-position: right;
text-align: center;
}

.inversion-content h1{

font-size:48px;

}
.inversion-content {
  position: absolute;
  z-index: 2;
  color: white;
  top: 303px;
  text-align: center;
  width: 100%;
}
.inversion-logo{

left:50%;
transform:translateX(-50%);
top:40px;

width:160px;
visibility: hidden;

}


.inversion-casco{

width:150px;

left:37%;
transform:translateX(-50%);

bottom:-20px;

}



}
.inversion-content h1{

font-size: 70px;
  letter-spacing: 4px;
  font-weight: 700;

}

.inversion-content p{

font-size:28px;

}


@keyframes cascoFloat{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-10px);
}

100%{
transform:translateY(0);
}

}

.inversiont{
  font-size: 34px;
}

@media (max-width:768px){
.inversiont{
  font-size: 22px; letter-spacing: 0;
}
.inversion-hero{

padding:80px 30px;

text-align:center;

align-items:center;

}

.inversion-logo{

left:50%;
transform:translateX(-50%);
top:40px;

width:160px;

}

.inversion-content h1{

font-size:48px;

}

.inversion-content p{

font-size:18px;

}


.inversion-frase {
  width: 100%;
  position: relative;
  background: #1c2d5a;
  z-index: 1;
  padding: 50px 8% 50px 11%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inversion-frase p{

color:white;

font-size:18px;

max-width:100%;

text-align:left;

font-weight: 600;

line-height:1.4;

margin:0;

padding: 40px 9px 38px 40px


}

}


.inversion-opciones{

background:#d4dadf;

padding:120px 8%;

text-align:center;

}
.cards-inversion{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

margin-top:70px;

justify-content:center;

}

.card-inversion{

position:relative;

padding:70px 40px 50px;

border-radius:30px;

color:white;

box-shadow:0 25px 40px rgba(0,0,0,.15);

transition:all .35s ease;

}

.card-nave{

background:#1c2d5a;

}

.card-ticket{

background:#015e95;

}


.card-inversion:hover{

transform:translateY(-10px) scale(1.02);

box-shadow:0 35px 60px rgba(0,0,0,.25);

}

.card-badge{

position:absolute;

top:-25px;
left:50%;

transform:translateX(-50%);

padding:14px 40px;

border-radius:40px;

font-weight:700;

letter-spacing:6px;

font-size:22px;

color:#1c2d5a;

background:linear-gradient(145deg,#f4f4f4,#cfcfcf);

box-shadow:
0 6px 10px rgba(0,0,0,.15),
inset 0 2px 4px rgba(255,255,255,.8);

}

.card-inversion ul{

list-style:none;

padding:0;

margin:0 0 40px;

}

.card-inversion li{

padding:18px 0;

border-bottom:1px solid rgba(255,255,255,.2);

font-size:18px;

}
.btn-invertir{

display:inline-block;

margin-top:20px;

padding:16px 40px;

border-radius:40px;

font-weight:700;

letter-spacing:2px;

text-decoration:none;

color:#1c2d5a;

background:linear-gradient(145deg,#f4f4f4,#cfcfcf);

box-shadow:
0 8px 15px rgba(0,0,0,.2),
inset 0 2px 5px rgba(255,255,255,.8);

transition:all .35s ease;

position:relative;
overflow:hidden;

}
.btn-invertir::after{

content:"";

position:absolute;

top:0;
left:-100%;

width:100%;
height:100%;

background:linear-gradient(
120deg,
transparent,
rgba(255,255,255,.6),
transparent
);

transition:.6s;

}

.btn-invertir:hover::after{

left:100%;

}
.btn-invertir:hover{

transform:translateY(-3px) scale(1.05);

box-shadow:
0 15px 30px rgba(0,0,0,.25),
inset 0 2px 5px rgba(255,255,255,.8);

}
@media (max-width:900px){

.cards-inversion{

grid-template-columns:1fr;

gap:60px;

}

.card-inversion{

padding:60px 30px;

}

}

.gestion-section{

background:#d4dadf;

padding:90px 8%;

border-top:2px solid #1c2d5a;

}

.gestion-container{

display:grid;

grid-template-columns:1fr 1fr;

gap:60px;

align-items:center;

}
.gestion-left h2{

font-size:48px;

letter-spacing:6px;

color:#1c2d5a;

margin-bottom:10px;
font-weight: 600;

}

.gestion-sub{

font-size:30px;

color:#015e95;

font-weight:600;

}

.gestion-item{

display:flex;

align-items:flex-start;

gap:20px;

margin-bottom:25px;

font-size:20px;

color:#1c2d5a;

}

.check-icon{

width:36px;
height:36px;

border-radius:50%;

background:#e8eef6;

color:#015e95;

display:flex;
align-items:center;
justify-content:center;

font-weight:700;

transition:.3s;

}

.gestion-item:hover .check-icon{

transform:scale(1.15);

background:#015e95;

color:white;

}

@media (max-width:900px){

.gestion-container{

grid-template-columns:1fr;

text-align:center;

}

.gestion-item{

justify-content:center;

}

}

.contacto-section{

background:url("../images/eizen-contacto-bg.jpg") center/cover no-repeat;

padding:120px 8%;

position:relative;

}

.contacto-section::before{

content:"";

position:absolute;

inset:0;


}
.contacto-grid{

position:relative;

display:grid;

grid-template-columns:1fr 520px;

gap:60px;

align-items:center;

}

.contacto-info{

color:white;

max-width:520px;

}

.contacto-logo{

width: 280px;
  margin-bottom: 40px;
  margin-left: -20px;

}

.contacto-info h2{

font-size:46px;

line-height:1.1;

margin-bottom:0px;
font-weight: 600;
}

.contacto-info h3{

font-size:36px;

line-height:1.1;

margin-bottom:25px;
font-weight: 600;
}
.contacto-info p{

font-size: 18px;
  opacity: .9;
  text-align: justify;
  width: 80%;

}

.contacto-sub{
  color:#293972;
}
.contacto-form{

background:#f2f4f7;

padding:50px;

border-radius:12px;

box-shadow:0 30px 60px rgba(0,0,0,.25);

}
.contacto-form input,
.contacto-form textarea{

width:100%;

border:none;

background:#e9edf2;

padding:18px 22px;

border-radius:30px;

margin-bottom:15px;

font-size:16px;
color: #015e95;

}
label {
  display: inline-block;
  color: #015e95;}
.contacto-form textarea{

border-radius:18px;

height:120px;

resize:none;

}

.radio-group{

display:flex;
flex-direction:column;
align-items:flex-start;
gap:14px;

margin:12px 0 20px;

}

.radio-group label{

display:flex;
align-items:center;
justify-content:flex-start;

gap:10px;

font-size:16px;

cursor:pointer;

}

.radio-group input{

margin:0;

}

.privacidad{

display:flex;
align-items:center;
justify-content:flex-start;

gap:10px;

width:100%;

text-align:left;

margin:20px 0 25px;

}

.privacidad input{

flex:0 0 auto;
margin:0;
width: 8%;

}

.privacidad span{

flex:0 0 auto;

}

.btn-primary{

background:#16618b;

color:white;

padding:6px 40px;

border:none;

border-radius:40px;

font-weight:700;

letter-spacing:2px;

cursor:pointer;

transition:.3s;

}

.btn-primary:hover{

transform:scale(1.05);

box-shadow:0 10px 25px rgba(0,0,0,.25);

}

@media (max-width:900px){

.contacto-grid{

grid-template-columns:1fr;

}

.contacto-info{

text-align:center;

margin-bottom:40px;

}

.contacto-logo{

margin:auto auto 30px;

}

.contacto-info h2{

font-size:38px;

}

.contacto-form{

padding:35px;

}

.contacto-info p {
  font-size: 18px;
  opacity: .9;
  text-align: justify;
  width: 100%;
}

}

.contacto-cards{

background:#15608c;

padding:120px 8%;

}

.contacto-cards-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:60px;

max-width:1100px;

margin:auto;

}

.contacto-card{

background:#f2f4f7;

padding:50px 40px;

text-align:center;

box-shadow:0 25px 45px rgba(0,0,0,.25);

transition:.35s;

}

.contacto-card a{

color:#1f5f8c;

text-decoration:none;

font-weight:600;

transition:.25s;

}

.contacto-card a:hover{

opacity:.7;

}
.contacto-card:hover{

transform:translateY(-8px);

box-shadow:0 35px 65px rgba(0,0,0,.35);

}
.contacto-icon{

width:70px;

margin-bottom:20px;

transition:.35s;

}
.contacto-card:hover .contacto-icon{

transform:scale(1.12);

}
.contacto-card h3{

letter-spacing:6px;

margin-bottom:15px;

color:#1c2d5a;

}

.contacto-card p{

font-size:18px;

color:#1f5f8c;

}

.contacto-tel{

font-size:26px;

font-weight:700;

margin:10px 0;

}
@media (max-width:900px){

.contacto-cards-grid{

grid-template-columns:1fr;

gap:40px;

}

.contacto-card{

padding:40px 30px;

}

.contacto-tel{

font-size:22px;

}

}

/* Ajuste móvil Misión y Visión */

@media (max-width:768px){

  section .col-lg-6,
  section .col-md-6{
    width:100% !important;
    float:none !important;
    display:block !important;
  }

}
/* Ajuste móvil misión y visión */


@media (max-width:768px){

.row{
flex-direction: column !important;
}

.col-lg-6,
.col-md-6{
width:100% !important;
max-width:100% !important;
flex:0 0 100% !important;
text-align:center;
margin-bottom:30px;
}

.col-lg-6 img,
.col-md-6 img{
margin:auto;
display:block;
height:auto;
}

}

@media (max-width:768px){

.container{
padding-left:20px;
padding-right:20px;
}

}


iframe{
max-width:100%;
display:block;
}

.map-container{
width:100%;
overflow:hidden;
}

.map-container iframe{
width:100% !important;
max-width:100%;
}