.banner-1{
        background-image: url(../assets/Portada-banner2.png);
        height: 100dvh;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .banner-text{
        font-family: 'Neue Haas', sans-serif;
    }
    
.nosotros{
    height: 100dvh;
}
.btn-comenzar{

    background: white;

    border: 2px solid white;

    color: black;

    transition: all 0.3s ease;

    cursor: pointer;

     font-family: 'Neue Haas', sans-serif;
    font-weight: 900;

    font-size: clamp(14px, 1vw, 18px);

}

/* Hover */
.btn-comenzar:hover{

    color: #050B20;

    background: #85E872;

    transform: translateY(-3px);

    box-shadow: 0 0 15px rgba(133, 232, 114, 0.6);

}

/* Links normales */
    .nav-animate{

        color: white !important;

        position: relative;

        font-weight: 500;

        transition: all 0.3s ease;

    }

    /* Hover texto */
    .nav-animate:hover{

        font-weight: 700;

        transform: translateY(-2px);

    }

    /* Línea animada */
    .nav-animate::after{

        content: "";

        position: absolute;

        left: 0;

        bottom: 0;

        width: 0%;

        height: 2px;

        background: #85E872;

        transition: width 0.3s ease;

    }

    /* Animación línea */
    .nav-animate:hover::after{

        width: 100%;

    }

    /* Link activo */
    .nav-animate.active{

        font-weight: 700;

    }

    .nav-animate.active::after{

        width: 100%;

    }


.whatsapp-float{
        position: fixed;
        bottom: 25px;
        right: 25px;
        z-index: 999;
        transition: all 0.3s ease;
    }

.whatsapp-float:hover{
        transform: scale(1.12) translateY(-5px);
    }


.card-nosotros{

    background: #85E872;

    transition: all 0.4s ease;

    cursor: pointer;

}

/* Hover */
.card-nosotros:hover{

    background: #ffffff;

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

    box-shadow: 0 15px 35px rgba(133, 232, 114, 0.35);

}

/* Título */
.card-nosotros h2{

    transition: all 0.3s ease;

}

/* Hover título */
.card-nosotros:hover h2{

    color: #050B20;

    letter-spacing: 1px;

}

/* Texto */
.card-nosotros p{

    transition: all 0.3s ease;

}

/* Hover texto */
.card-nosotros:hover p{

    color: #222;

}









.card-valores{

    background: #85E872;

    transition: all 0.4s ease;

    cursor: pointer;

}

/* Hover Card */
.card-valores:hover{

    background: white;

    transform: translateY(-12px);

    box-shadow: 0 15px 35px rgba(133, 232, 114, 0.35);

}

/* Imagen */
.card-valores img{

    transition: all 0.4s ease;

}

/* Hover Imagen */
.card-valores:hover img{

    transform: scale(1.1) rotate(5deg);

}

/* Título */
.card-valores h3{

    transition: all 0.3s ease;

}

/* Hover Título */
.card-valores:hover h3{

    color: #050B20;

    letter-spacing: 1px;

}

/* Texto */
.card-valores p{

    transition: all 0.3s ease;

}

/* Hover Texto */
.card-valores:hover p{

    color: #222;

}



.btn-cotizar{

    color: white !important;

    border: 2px solid #85E872 !important;

    background: transparent;

    transition: all 0.35s ease;

}

/* Hover */
.btn-cotizar:hover{

    background: #85E872 !important;;

    color: white !important;

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

    box-shadow: 0 0 18px rgba(133, 232, 114, 0.6);

}

/* =========================
   TIPOGRAFÍAS
========================= */

@font-face {
    font-family: 'Neue Haas';
    src: url('../font/NeueHaasDisplayRoman.ttf');
    font-weight: 400;
}

@font-face {
    font-family: 'Neue Haas';
    src: url('../font/NeueHaasDisplayBold.ttf');
    font-weight: 700;
}

@font-face {
    font-family: 'Neue Haas';
    src: url('../font/NeueHaasDisplayBlack.ttf');
    font-weight: 700;
}

@font-face {
    font-family: 'Neue Haas';
    src: url('../font/NeueHaasDisplayBlackItalic.ttf');
    font-weight: 900;
}

.titulo-nosotros {

    font-family: 'Neue Haas', sans-serif;
    font-weight: 700;

    color: #85E872;

    line-height: 1;

    margin-top: 10px;
}

/* TEXTO PRINCIPAL */

.texto-nosotros {

    font-family: 'Neue Haas', sans-serif;


    line-height: 1.9;

    max-width: 900px;

    margin: auto;

    color: white;
}

.texto-nosotros-full {
    font-family: 'Neue Haas', sans-serif;
    line-height: 1.9;
    width: 100%; /* Ocupa todo el ancho */
    color: white;
}

.text-vision-mision{
    font-family: 'Neue Haas', sans-serif;
    font-weight: 900;
    

}


/* RESPONSIVE */

@media (max-width: 991px) {

    #Nosotros {

        min-height: auto;

        padding-top: 100px;
        padding-bottom: 100px;
    }

    .texto-nosotros {

        width: 100% !important;
    }
    
    .texto-nosotros-full {

        width: 100% !important;
    }

}




















































@media (max-width: 991px) {

    .rounded-5 {
        border-radius: 30px !important;
    }

    h3 {
        font-size: 1.3rem !important;
    }

    p {
        font-size: 0.9rem !important;
    }

}

@media (max-width: 576px) {

    .d-flex.align-items-start {
        flex-direction: column;
        text-align: center;
    }

    .d-flex.align-items-start .me-4 {
        margin-right: 0 !important;
        margin-bottom: 20px;
    }

}





.animacion-pilares{
    transition: all .35s ease;
    cursor: pointer;
    overflow: hidden;
}

.animacion-pilares:hover{
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,.25);
}

.animacion-pilares:hover .titulo-banner-2{
    letter-spacing: 1px;
}

.titulo-banner-2{
    transition: all .35s ease;
}









































.beneficios{
  background: #7EDB69;
}

.beneficio-box{
  background: #03052D;
  border-radius: 18px;
  padding: 18px 22px;
  gap: 14px;
  min-height: 90px;
  transition: .3s ease;
}

.beneficio-box:hover{
  transform: translateY(-4px);
}

.icono{
  width: 42px;
  height: 42px;
  object-fit: contain;
  background: #fff;
  border-radius: 50%;
  padding: 8px;
}

.beneficio-box span{
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1;
  font-style: italic;
}

/* Responsive */
@media(max-width: 768px){

  .beneficio-box{
    justify-content: center;
    text-align: center;
    flex-direction: column;
    padding: 15px;
  }

  .beneficio-box span{
    font-size: .9rem;
  }

}





















.marca-propia{
    background: #f5f5f5;
}

.marca-propia-pc-lp{
    background: #00001D;
}


.descripcion{
    font-size: 2rem;
    font-weight: 300;
    color: #111827;
    line-height: 1.5;
}
.descripcion2{
    font-size: 2rem;
    font-weight: 300;
    color: #111827;
    line-height: 1.5;
}

.logo-box{
    width: 180px;
    height: 180px;
    border: 3px solid transparent;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
}

.logo-dona{
    width: 80%;
    object-fit: contain;
}

/* Responsive */
@media (max-width: 768px){

    .descripcion{
        font-size: 1rem;
        text-align: center;
    }
    .descripcion2{
        font-size: 1rem;
        text-align: center;
    }

    .logo-box{
        width: 140px;
        height: 140px;
        border-width: 7px;
    }

    .logo-dona{
        width: 75px;
    }

}












/* TITULO MISION Y VISION */

.card-nosotros h2 {

    font-family: 'Neue Haas', sans-serif;

    font-weight: 900;

    font-size: clamp(2rem, 2.5vw, 3rem);

    letter-spacing: 1px;
}

/* TEXTO MISION Y VISION */

.card-nosotros p {

    font-family: 'Neue Haas', sans-serif;

    font-size: clamp(1rem, 1vw, 1.15rem);

    line-height: 1.9;

    text-align: center;

    max-width: 95%;

    margin: auto;
}



.sombra-media {
    box-shadow:
        0 10px 30px rgba(0, 0, 0, 1.15),
        0 4px 10px rgba(0, 0, 0, 0.08);
}




.titulo-banner-2{
    font-family: 'Neue Haas', sans-serif;
    font-weight: 900;
    font-size: 18px;
}

.text-banner-2{
    font-family: 'Neue Haas', sans-serif;
    font-weight: 300;
    font-size: 12px;
}


/* Celulares */
@media (max-width: 576px){

    .titulo-banner-2{
        font-size: 14px;
    }

    .text-banner-2{
        font-size: 10px;
    }

}



/* Laptop y PC */
.banner-pilares{
    background: url('../assets/Portada-2.png')
                center center / cover no-repeat;
}

/* Celular */
@media (max-width: 991.98px){

    .banner-pilares{
        background: url('../assets/banner-pilares.png')
                    center center / cover no-repeat;
    }

}












/* Tablet */
@media (min-width: 500px) and (max-width: 991.98px){
    .div-imagen-pilares{
        transform: translateY(-80%);
        width: 350px;
    }
    .centro-pilares{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* Tablet */
@media (min-width: 200px) and (max-width: 499.98px){
    .div-imagen-pilares{
        transform: translateY(0%);
        width: 350px;
    }
    .centro-pilares{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* Laptop y PC */
@media (min-width: 992px){
    .div-imagen-pilares{
        margin-left: 30%;
        transform: translateY(190px);
    }
}