.bannerindex {
    height: 100vh;
    padding: 5rem 4rem;
    display: grid;
    align-items: last baseline;
    grid-template-columns: 60% 40%;

    
}

.bannercontent {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.indexanimation {
    margin-top: -0.75rem;
}

.btnbannerindex {
    margin-top: 1rem;
    display: flex;
    gap: 0.5rem;
    overflow-x: hidden;
}

.bannertext {
    color: var(--negro);
    mix-blend-mode: difference;
}

@media (max-width: 900px) {
    .bannerindex {
        height: 95vh;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;

        padding: 6rem 1rem;
    }

    .btnbannerindex {
        flex-direction: column;
        gap: 1rem;
    }

    .btnbannerindex>a>.btn-pri-v, .btnbannerindex>a>.btn-sec-v {
        min-width: 100%;
    }
}

/* SERVICIOS */

.serviciosindex {
    padding: 3rem 4rem;
}

.serviciosgrid {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    gap: 1rem;
}

@media (max-width: 1250px) {
    .serviciosgrid {
        grid-template-columns: repeat(2, 50%);
    }
}

@media (max-width: 900px) {
    .serviciosindex {
        padding: 0rem 1rem;
    }

    .serviciosgrid {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
}

/* NOSOTROS INDEX */

.nosotrosindex {
    overflow: hidden;
    padding: 4rem 4rem;
    height: 75vh;
    background-color: var(--negrod);
    color: var(--blanco);
    

    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: end;
}

.nosotrosindex>h3 {
    width: 50%;
}

.btnnosotros {
    display: flex;
    gap: 0.5rem;
}

@media (max-width: 900px) {
    .nosotrosindex {
        padding: 2rem 1rem;
    }

    .nosotrosindex>h3 {
        width: 100%;
    }

    .btnnosotros {
        flex-direction: column;
        gap: 1rem;
    }

    .btnnosotros>a>.btn-pri-v, .btnnosotros>a>.btn-sec-b {
        width: 100%;
    }
}


/* FORMULARIO */

.formindex {
    margin: auto;
    padding: 3rem 4rem;
}

@media (max-width: 900px) {
    .formindex {
        padding: 0rem 1rem;
    }
}