/* ===================================================================
 * # services editorial
 * Sección Servicios — layout editorial uniforme, 5 bloques.
 * Sistema: bloque horizontal texto / imagen, alternancia impar/par.
 *
 * Spacing system (base 8px / 10px root):
 *   0.8rem · 1.6rem · 2.4rem · 3.2rem · 4.8rem · 6.4rem · 8rem
 * ------------------------------------------------------------------- */

.services-editorial {
    width: 89%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 0;
}

/* -------------------------------------------------------------------
 * ## header editorial
 * ------------------------------------------------------------------- */
.services-editorial__header {
    padding-bottom: 4.8rem;
    border-bottom: 1px solid rgba(31, 41, 55, 0.07);
}

.services-editorial__header .ui.grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.services-editorial__header .display-1 {
    margin-bottom: 3.2rem;
}

/* -------------------------------------------------------------------
 * ## service-feature block
 * ------------------------------------------------------------------- */
.service-feature {
    padding: 6.4rem 0;
    border-bottom: 1px solid rgba(31, 41, 55, 0.07);
}

.service-feature:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* Desactivar márgenes negativos del grid SUI en este contexto */
.service-feature .ui.grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: center;
}

/* -------------------------------------------------------------------
 * ## columnas: texto
 * ------------------------------------------------------------------- */
.service-feature .column.service-feature__text {
    padding: 0 4.8rem;
}

.service-feature__text h4 {
    font-family: "Asap", sans-serif;
    font-size: 2.8rem;
    font-weight: 600;
    color: #1F2937;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin: 0 0 3.2rem 0;
    padding: 0;
}

.service-feature__text p {
    margin-bottom: 1.6rem;
    line-height: 1.7;
    color: #1F2937;
    max-width: 60ch;
}

.service-feature__text p:last-child {
    margin-bottom: 0;
}

/* -------------------------------------------------------------------
 * ## columnas: imagen
 * ------------------------------------------------------------------- */
.service-feature .column.service-feature__media {
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-feature__media img {
    display: block;
    width: 65%;
    height: 286px;
    object-fit: cover;
    border-radius: 6px;
    margin: 0 auto;
}

/* -------------------------------------------------------------------
 * ## mobile
 * ------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
    .services-editorial {
        width: auto;
        padding: 0 25px;
    }

    .service-feature {
        padding: 4.8rem 0;
    }

    /* Siempre: texto primero, imagen debajo (independiente del orden DOM) */
    .service-feature__text {
        order: 1;
        padding: 0 0 3.2rem 0 !important;
    }

    .service-feature__media {
        order: 2;
    }

    .service-feature__media img {
        height: 143px;
        width: 100%;
    }

    .service-feature .column.service-feature__text {
        padding: 0 0 3.2rem 0;
    }

    .service-feature__text p {
        max-width: none;
    }
}

@media only screen and (max-width: 400px) {
    .service-feature__media img {
        height: 117px;
        border-radius: 4px;
    }
}