/*==================================================

                HERO NOSOTROS

==================================================*/



.hero-nosotros{



    position:relative;

    overflow:hidden;



    padding:170px 0 120px;



    background:linear-gradient(

        135deg,

        #0B3D91 0%,

        #1558C0 50%,

        #1E88E5 100%

    );



}



.hero-nosotros::before{



    content:"";



    position:absolute;



    width:700px;

    height:700px;



    background:rgba(255,255,255,.06);



    border-radius:50%;



    top:-320px;

    right:-200px;



}



.hero-nosotros-grid{



    display:grid;



    grid-template-columns:1fr 1fr;



    gap:70px;



    align-items:center;



}



.hero-info{



    color:#fff;



    position:relative;



    z-index:2;



}



.hero-tag{



    display:inline-block;



    background:rgba(255,255,255,.15);



    padding:10px 22px;



    border-radius:40px;



    margin-bottom:25px;



    font-weight:600;



}



.hero-info h1{



    font-size:62px;



    line-height:1.1;



    margin-bottom:25px;



}



.hero-info p{



    font-size:20px;



    line-height:1.9;



    margin-bottom:35px;



}



.hero-image{



    position:relative;



    z-index:2;



}



.hero-image img{



    width:100%;



    border-radius:35px;



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



}







/*==================================================

                NUESTRA HISTORIA

==================================================*/



.historia{



    padding:120px 0;



    background:#fff;



}



.historia-grid{



    display:grid;



    grid-template-columns:48% 52%;



    gap:70px;



    align-items:center;



}



.historia-img{



    position:relative;



    overflow:hidden;



    border-radius:28px;



    box-shadow:0 30px 70px rgba(0,0,0,.18);



}



.historia-img img{



    width:100%;



    display:block;



    transition:.6s;



}



.historia-img:hover img{



    transform:scale(1.05);



}



.historia-badge{



    position:absolute;



    left:25px;



    bottom:25px;



    background:#fff;



    padding:18px 24px;



    border-radius:18px;



    display:flex;



    align-items:center;



    gap:18px;



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



}



.historia-badge i{



    font-size:34px;



    color:#0B3D91;



}



.historia-badge strong{



    display:block;



    color:#0B3D91;



    font-size:20px;



}



.historia-badge span{



    color:#666;



    font-size:15px;



}



.section-tag{



    display:inline-block;



    background:#E8F1FF;



    color:#0B3D91;



    padding:10px 22px;



    border-radius:40px;



    font-weight:600;



    margin-bottom:25px;



}



.historia-content h2{



    font-size:50px;



    color:#0B3D91;



    line-height:1.2;



    margin-bottom:25px;



}



.historia-content p{



    color:#555;



    font-size:18px;



    line-height:1.9;



    margin-bottom:20px;



}



.historia-lista{



    margin:35px 0;



}



.historia-lista .item{



    display:flex;



    align-items:center;



    gap:15px;



    margin-bottom:18px;



}



.historia-lista .item i{



    color:#00B050;



    font-size:22px;



}



.historia-lista .item span{



    font-size:18px;



    color:#333;



}





/*==================================================

                RESPONSIVE BLOQUE 1

==================================================*/



@media(max-width:992px){



.hero-nosotros-grid,

.historia-grid{



    grid-template-columns:1fr;



}



.hero-info,

.historia-content{



    text-align:center;



}



.historia-lista .item{



    justify-content:center;



}



.hero-info h1{



    font-size:46px;



}



}

/*==================================================

                MISION Y VISION

==================================================*/



.mision-vision{



    padding:120px 0;



    background:#F8FBFF;



}



.mv-grid{



    margin-top:70px;



    display:grid;



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



    gap:40px;



}



.mv-card{



    background:#fff;



    padding:45px;



    border-radius:25px;



    box-shadow:0 20px 60px rgba(0,0,0,.08);



    transition:.4s;



    position:relative;



    overflow:hidden;



}



.mv-card::before{



    content:"";



    position:absolute;



    top:0;

    left:0;



    width:100%;



    height:6px;



    background:linear-gradient(90deg,#0B3D91,#00B050);



}



.mv-card:hover{



    transform:translateY(-10px);



    box-shadow:0 30px 70px rgba(0,0,0,.15);



}



.mv-icon{



    width:80px;



    height:80px;



    border-radius:50%;



    background:#EAF3FF;



    display:flex;



    align-items:center;



    justify-content:center;



    margin-bottom:25px;



}



.mv-icon i{



    font-size:34px;



    color:#0B3D91;



}



.mv-card h3{



    font-size:34px;



    color:#0B3D91;



    margin-bottom:20px;



}



.mv-card p{



    font-size:18px;



    color:#555;



    line-height:1.9;



}



@media(max-width:992px){



.mv-grid{



    grid-template-columns:1fr;



}



}

/*==================================================

                    VALORES

==================================================*/



.valores{



    padding:120px 0;



    background:#ffffff;



}



.valores-grid{



    margin-top:70px;



    display:grid;



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



    gap:35px;



}



.valor-card{



    background:#fff;



    border-radius:24px;



    padding:40px;



    text-align:center;



    box-shadow:0 20px 60px rgba(0,0,0,.08);



    transition:.35s;



    border-top:6px solid #0B3D91;



}



.valor-card:hover{



    transform:translateY(-12px);



    box-shadow:0 30px 70px rgba(0,0,0,.15);



}



.valor-card i{



    font-size:55px;



    color:#0B3D91;



    margin-bottom:25px;



}



.valor-card h3{



    font-size:28px;



    color:#0B3D91;



    margin-bottom:18px;



}



.valor-card p{



    color:#666;



    line-height:1.8;



    font-size:17px;



}



@media(max-width:992px){



.valores-grid{



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



}



}



@media(max-width:768px){



.valores-grid{



    grid-template-columns:1fr;



}



}

/*==================================================

            TIMELINE RED EMPRENDER

==================================================*/



.rede-timeline{



    padding:130px 0;



    background:#F7FAFF;



}



.rede-linea{



    position:relative;



    max-width:1200px;



    margin:80px auto 0;



}



.rede-linea::before{



    content:"";



    position:absolute;



    left:50%;



    top:0;



    transform:translateX(-50%);



    width:5px;



    height:100%;



    background:#0B3D91;



    border-radius:20px;



}



.rede-item{



    width:50%;



    position:relative;



    margin-bottom:70px;



}



.rede-item.left{



    padding-right:70px;



}



.rede-item.right{



    margin-left:50%;



    padding-left:70px;



}



.rede-card{



    background:#fff;



    padding:35px;



    border-radius:25px;



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



    transition:.35s;



}



.rede-card:hover{



    transform:translateY(-10px);



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



}



.rede-card::before{



    content:"";



    position:absolute;



    width:22px;



    height:22px;



    background:#0B3D91;



    border:5px solid #fff;



    border-radius:50%;



    top:45px;



}



.rede-item.left .rede-card::before{



    right:-82px;



}



.rede-item.right .rede-card::before{



    left:-82px;



}



.rede-year{



    display:inline-block;



    padding:8px 18px;



    background:#0B3D91;



    color:#fff;



    border-radius:40px;



    font-weight:700;



    margin-bottom:18px;



}



.rede-card h3{



    color:#0B3D91;



    font-size:28px;



    margin-bottom:15px;



}



.rede-card p{



    color:#666;



    line-height:1.8;



}



@media(max-width:992px){



.rede-linea::before{



    left:30px;



}



.rede-item{



    width:100%;



    margin-left:0;



    padding-left:90px;



    padding-right:0;



}



.rede-item.right{



    margin-left:0;



}



.rede-item.left .rede-card::before,



.rede-item.right .rede-card::before{



    left:-72px;



}



}

/*==================================================

            RED EMPRENDER

==================================================*/



.red-emprender{



    padding:130px 0;



    background:#ffffff;



}



.red-grid{



    display:grid;



    grid-template-columns:1fr 1fr;



    gap:70px;



    align-items:center;



}



.red-content h2{



    font-size:50px;



    color:#0B3D91;



    margin:25px 0;



    line-height:1.2;



}



.red-content p{



    color:#555;



    line-height:1.9;



    margin-bottom:22px;



    font-size:18px;



}



.red-image{



    overflow:hidden;



    border-radius:30px;



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



}



.red-image img{



    width:100%;



    transition:.5s;



}



.red-image:hover img{



    transform:scale(1.05);



}



.red-stats{



    display:grid;



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



    gap:20px;



    margin-top:40px;



}



.red-stat{



    background:#F7FAFF;



    padding:30px;



    border-radius:20px;



    text-align:center;



}



.red-stat h3{



    color:#0B3D91;



    font-size:38px;



    margin-bottom:10px;



}



.red-stat span{



    color:#666;



}



@media(max-width:992px){



.red-grid{



    grid-template-columns:1fr;



}



.red-content{



    text-align:center;



}



}

/*==================================================

                ALIADOS

==================================================*/



.aliados{



    padding:120px 0;



    background:#F8FBFF;



}



.aliados-grid{



    display:grid;



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



    gap:35px;



    margin-top:60px;



}



.aliado-card{



    background:#fff;



    border-radius:22px;



    padding:35px;



    display:flex;



    align-items:center;



    justify-content:center;



    min-height:170px;



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



    transition:.35s;



}



.aliado-card:hover{



    transform:translateY(-10px);



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



}



.aliado-card img{



    max-width:170px;



    max-height:90px;



    object-fit:contain;



    transition:.35s;



}



.aliado-card:hover img{



    transform:scale(1.05);



}



@media(max-width:992px){



.aliados-grid{



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



}



}



@media(max-width:768px){



.aliados-grid{



    grid-template-columns:1fr;



}



}

/*==================================================

                ALIADOS

==================================================*/



/* ...todo el CSS de Aliados... */





/*==================================================

                CTA FINAL

==================================================*/



.nosotros-cta{



    padding:130px 0;



    background:linear-gradient(135deg,#0B3D91,#1E88E5);



}



.cta-box{



    text-align:center;



    color:#fff;



}