* {
    box-sizing: border-box;
    position: relative;
    min-width: 0;
    margin: 0%;
    /*Elimina todo margen que trae por defecto*/
    padding: 0%;
    /*Elimina todo relleno que trae por defecto*/
    font-family: sans-serif;
}



h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
}


body {
    background-color: rgb(190, 220, 120);
}

#grid_container {
    grid-template-areas:
        "intro"
        "dirigen1"
        "dirigen2";

    gap: 1rem;
    width: 100%;
    /* height: 80%; */
    padding: 1rem;
    justify-items: center;
    margin: 0;
    padding: 0;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 5vh;
}

.area1 {
    grid-area: intro;
}

.area2 {
    grid-area: dirigen1;
}

.area3 {
    grid-area: dirigen2;
}



.grid_item {
    background-color: whitesmoke;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    /* justify-content: ; */
    padding: 2rem;
    border-radius: 10px;
    max-width: 30rem;
    box-shadow: 0.1vw 0.1vw 0.1vw 0.1vw rgba(38, 41, 43, 0.8);
    margin: 2rem;
}

.title {
    color: var(--color_titulos);
    font-size: 2rem;
    align-items: center;
    padding: 1rem;
}

.textBody {
    color: var(--color_texto_plano);
    font-size: 1.5rem;
    padding: 1rem;
    text-align: justify;
    /* font-weight: bold; */
}

@media (min-width: 801px) {
    .grid_item {
        max-width: 50vw;
    }
}

@media (max-width: 800px) {
    .textBody {

        font-size: 1.2rem;
    }

    .grid_item {
        padding: 1rem;
    }

    #grid_container {
        border: 0;
        padding: 0;
    }
}