/* ========================= */
/* TOMO PAGE */
/* ========================= */

.tomo-page {
    overflow-x: hidden;
}

/* ========================= */
/* HERO (evitar franja negra) */
/* ========================= */

.tomo-hero {
    min-height: 100vh;
    height: auto;

    background-attachment: scroll;
}

/* ========================= */
/* CONTENEDOR PRINCIPAL */
/* ========================= */

.about-overlay-box.tomo-box {

    position: relative;

    min-height: 100vh;
    height: auto !important;

    max-width: 900px;
    margin: 0 auto;

    padding: 110px 70px 70px 70px;

    text-align: left;
}

/* ========================= */
/* TÍTULO */
/* ========================= */

.tomo-box h1 {

    font-size: 3rem;
    margin-bottom: 45px;
    letter-spacing: 2px;

    text-align: center;
}

/* ========================= */
/* TEXTO */
/* ========================= */

.tomo-text p {

    font-size: 1.05rem;
    line-height: 1.9;

    margin-bottom: 28px;

    opacity: 0.92;

    text-align: justify;
    text-justify: inter-word;
}

/* ========================= */
/* DESTACADO FINAL */
/* ========================= */

.tomo-text .about-highlight {

    margin-top: 35px;
    font-size: 1.2rem;

    text-align: center;
}

/* ========================= */
/* RESPONSIVE */
/* ========================= */

@media (max-width: 768px){

.tomo-box{

    padding:120px 28px 60px 28px;

}

.tomo-box h1{

    font-size:2.2rem;

}

.tomo-text p{

    font-size:0.98rem;
    line-height:1.8;

}

}