.seccion_titulo {
    width: 100%;
    height: auto;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-color: var(--blanco);
    .titulo_body {
        width: 80%;
        height: auto;
        padding: 50px 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
        .fecha {
            width: 100px;
            font-size: .85em;
        }
        .cuerpo_superior {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 10px;
            width: 70%;
            min-width: 450px;
            font-family: "Montserrat", sans-serif;
            .titulo_superior {
                font-size: 3.2em;
                font-weight: 600;
                padding-bottom: 20px;
            }
            .elementos {
                display: grid;
                width: 100%;
                max-width: 850px;
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
                .elementos_item {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: flex-start;
                    gap: 10px;
                    .item_tittle {
                        font-size: 1em;
                        font-weight: 600;
                        text-transform: uppercase;
                        letter-spacing: .25em;
                    }
                    .item_description {
                        font-size: .85em;
                        font-weight: normal;
                        color: var(--gris);
                    }
                }
            }
        }
    }
            .contacta {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-end;
            gap: 10px;
            width: auto;
            height: 200px;
            }
}



@media screen and (max-width: 1550px) {
    .seccion_titulo {
        .titulo_body {
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 20px;

            .fecha {
                width: 100%;
                text-align: center;
            }

            .cuerpo_superior {
                width: 90%;
            }
            .cuerpo_superior_servicios {
                .elementos_servicios{
                    justify-content: center;
                }

            }

            .contacta {
                width: 80%;
                height: auto;
                padding: 20px 0;
                align-items: center;
                justify-content: center;
            }
        }
    }
}
