.main__Section--wrappa{   
    grid-template-columns: repeat(2, 1fr); /* Crea 3 columnas de igual tamaño */
}

.card__transition:nth-child(9) {
    grid-column: 1 / -1;
    margin: 0;
    flex-direction: row;
    gap: 20px;
    margin: 0;
    
}

.card__transition:nth-child(9) .card__a{
    display: flex;
    order: 1;
    width: 40%;
    margin: 0;
}

.card__transition:nth-child(9) .card__img{
    height: auto;
}

.card__transition:nth-child(9) .card__info{
    width: 60%;
    order: 2;
}

/* Here start footer */

.footer {
    padding: 20px;

}

@media screen and (max-width: 700px) {

    .footer__wrappa{
        flex-direction: column-reverse;
        row-gap: 40px;
    }

}

/* Here start main section quienes somos */



/* Estilos para el menú de navegación en dispositivos móviles */


@media screen and (max-width: 855px) {

    .nav{
        display: none;
    }

    .header__hamburguer{
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 25px;
        z-index: 3000;
    }

    .header__hamburguerSons{
        width: 30px;
        height: 3px;
        border-radius: 25%;
        background-color: var(--button-color);
        /* margin-bottom: 6px; */
        transition: all 0.3s linear;
    }

    /* .main__section--presentacion{
        position: absolute;
    } */
    .mobileMenu{
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0px;
        right: 0;
        background-color: var(--button-color);
        text-align: center;
        z-index: 2000;
        opacity: 100%;
        display: flex;
        align-items: center;
        transform: translateX(1000px);
        animation-name: mobilMenu;
        animation-duration: 400ms;
        animation-timing-function: ease-in-out;
        animation-delay: 100ms;
        animation-fill-mode: forwards;
    }

    .innactive{
        display: none;
    }

    @keyframes mobilMenu{
        0%{
            transform: translateX(190px);
        }
        100%{
            transform: translateX(0px);
        }
    }

    .mobilMenu__ul{
        height: 50%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px 0;
        
    }

    .mobilMenu__a:hover{
        border-bottom:  #738A94;
        border-bottom: 1px solid var(--description-color);
    }

    .mobilMenu__a{
        color: white;
        font-size: 2.4rem;
        text-transform: none;
        font-weight: 400;
    }

    .son1{
        width: 40px;
        height: 2px;
        border-radius: 0;
        /* transform: rotate(46deg); */
        transform: rotate(45deg) translate(5px, 5px);
        margin: 0;
        background-color: black;
    }
    
    .son2{
        
        /* display: none; */
        opacity: 0;
    }
    
    .son3{
        width: 40px;
        /* transform: rotate(-45deg); */
        transform: rotate(-45deg) translate(7px, -6px);
        margin: 0;
        border-radius: 0;
        height: 2px;
        background-color: black;
    }  

    .header__hamburguerAfter{
        
    }

}

/* Principal section style */



@media screen and (max-width: 900px){
    
    .main__section--presentacion h1{
        font-size: 5.4rem;
    }
}


@media screen and (min-width: 905px) and (max-width: 980px){
    
    /* .main__section--presentacion h1{
        margin: 0 40px;
        top: 300px;
    } */
}

@media screen and (max-width: 850px){
    
   
    .main__section--presentacion h1{
        font-size: 5.4rem;
    }
}

@media screen and (min-width: 700px) and (max-width: 830px){
    
    /* .main__section--presentacion h1{
        margin: 0 40px;

    }
    .main__section--presentacion p{
        top: 320px;
    }
    .contact-button{
        top: 420px;
    } */
    
}

@media screen and (min-width: 830px) and (max-width: 980px){
    
    /* .main__section--presentacion p{
        top: 470px;
    }
    .contact-button{
        top: 560px;
    } */
}
@media screen and (min-width: 830px) and (max-width: 902px){
    
    /* .main__section--presentacion p{
        top: 300px;
    }
    .contact-button{
        top: 400px;
    } */
}

/* Main section quienes somos */

.main__section--quienessomos {
    padding: 90px;
}

.main__section--quienessomos__description {
    width: 100%;
}

.main__section--quienessomos__image {
    width: 100%;
}

 /**/

.ourService__information{
    padding-top: 0px;
}

.ourService__card--img img {
    height: 100%;
}

/* Scroll btn */

.scroll-btn {
    display: flex
   
}


.ourService__card{
    display: flex;
    height: 260px;
    width: 100%;
    min-width: 100%;
    gap: 20px;
}

/* Empresas que confian en dvp */

.main__section--empresasQueConfian {
    margin-top: 40px;
    margin-bottom: 40px;
    flex-direction: column;
    padding: 0;
    height: auto;
    gap: 40px;
}

.empresas-fijo {
    margin-right: 0px; /* Espacio antes de la cinta corredora */
    font-size: 4rem;
    font-style: normal;
    /* padding: 0 20px 0 40px; */
}

@media screen and  (max-width: 900px){
    
    .grid-section {
        grid-template-columns: repeat(2, 1fr); /* 4 columnas */
        grid-template-rows: repeat(4, 1fr); /* 4 filas */
        gap: 20px; /* Espacio entre grid items */
    }
}