/* .parent {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 8px;
} */

.parent {
    height: 95vh;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 35px;
    padding-top: 6%;
    padding-left: 6%;
    padding-right: 6%;

}

.div1 {
    /* background: red; */
    grid-column: span 3 / span 3;
}

.div1 h2 {
    position: relative;
    top: 35%;
    font-size: 4.4rem;
}

.div2 {
    grid-row: span 5 / span 5;
    grid-column-start: 4;
    background-image: url('imgReferencias/webServer.webp');
    background-size: 100% 100%;
    border-radius: 80px;
    box-shadow: 15px 25px 15px rgba(0, 0, 0, 0.3);
}

.div3 {
    grid-column: span 3 / span 3;
    grid-row: span 3 / span 3;
    grid-row-start: 2;
    /* background: yellow; */
}

.div3 p {
    font-size: 2.8rem;
}

.div4 {
    /* position: fixed; */

    grid-row-start: 5;
    border-radius: 80px;
    background: linear-gradient(99deg, rgba(200, 0, 255, 1) 0%, rgba(229, 134, 255, 1) 40%, rgba(56, 139, 255, 1) 60%, rgba(0, 106, 255, 1) 100%);
    padding: 10px;
    display: inline-block;
    cursor: pointer;
}

.div5 {
    grid-row-start: 5;
    /* background: green; */
    background: linear-gradient(99deg, rgba(200, 0, 255, 1) 0%, rgba(229, 134, 255, 1) 40%, rgba(56, 139, 255, 1) 60%, rgba(0, 106, 255, 1) 100%);
    border-radius: 80px;
    padding: 10px;
    display: inline-block;
    cursor: pointer;
}

.div6 {
    grid-row-start: 5;
    background: linear-gradient(99deg, rgba(200, 0, 255, 1) 0%, rgba(229, 134, 255, 1) 40%, rgba(56, 139, 255, 1) 60%, rgba(0, 106, 255, 1) 100%);
    padding: 10px;
    border-radius: 80px;
    display: inline-block;
    /* o block, según tu necesidad */
    cursor: pointer;
}

/* Estilo de contenedor de Mision Vision y Valores */
.div4_Interno,
.div5_Interno,
.div6_Interno {

    background: rgb(0, 0, 0);
    border-radius: 80px;
    padding: 1px;
    height: 100%;

}

/* Texto y Estilo de fuente en Mision,Vision,Valores */
.div4 p,
.div5 p,
.div6 p {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;

    font-size: 4.4rem;
    -webkit-text-fill-color: white;
}

/* Estilo de texto de los MODALS */


.texto-modal-mision {
    font-size: 2.4rem;
    text-align: center;
}