/* Panorámica */
@media (min-width: 2401px) {
/* Estilos específicos para pantallas panorámicas mayores a 2400px */
}

/* Escritorios grandes */
@media (max-width: 2400px) {
/* Estilos específicos para pantallas de escritorio entre 1367px y 2400px */
}

/* Laptops estándar */
@media (max-width: 1366px) {
/* Estilos específicos para laptops hasta 1366px */
}

/* Tablet (Horizontal) */
@media (max-width: 1024px) {
    .service__presentation__header {
        grid-template-columns: 1fr;
    }

    .service__presentation__text h2,
    .service__presentation__text p,
    .service__presentation__claim h2 {
        width: auto;
    }

    .service__content__header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .service__content__header__title {
        font-size: 40px;
        text-wrap-style: balance;
    }

    .service__content__header {
        display: flex;
        flex-direction: column;
    }

    .service__content__header__title {
        font-size: 30px;
        letter-spacing: -0.7px;
        max-width: none;
        text-wrap-style: auto;
    }

    .service__content__header__right {
        flex-direction: row-reverse;
        width: 70%;
        justify-content: flex-end;
    }

    .service__content__header__right .service__content__header__text h2 {
        text-align: left;
    }

    .service__content__article__content {
        display: flex;
        flex-direction: column;
        grid-template-columns: 1fr;
        gap: 2rem;
        padding: calc( var(--inner-pad) * 2 ) 0;
    }

    .service__content__article__content img {
        width: 100%;
    }

    .service__content__container {
        padding: 0;
    }
}

/* Móviles grandes */
@media (max-width: 768px) {

    /* Hero */
    .hero-global__content {
        grid-template-columns: 0.7fr 1fr;
        gap: 2rem;
    }

    .hero-global__title {
        font-size: 50px;
        letter-spacing: -1.02px;
    }

    .service__hero__subtitle {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .service__hero__subtitle h2 {
        font-size: 33px;
        letter-spacing: -1.5px;
    }

    .service__hero__subtitle img {
        width: 55px;
    }

    .service__hero__subtitle__content {
        width: auto;
    }

    .service__presentation__container {
        gap: 3rem;
    }

    /* Presentation */

    .service__presentation {
        padding: 0 0 var(--inner-pad) 0;
    }

    .service__presentation__header {
        transform: translateY(0);
        display: flex;
        flex-direction: column;
    }

    .service__presentation__text {
        display: flex;
        flex-direction: column;
        padding: var(--inner-pad);
    }

    .service__presentation__text h2 {
        font-size: 25px;
        letter-spacing: -0.7px;
    }

    .service__presentation__text h2,
    .service__presentation__text p {
        width: 100%;
    }

    .service__presentation__claim {
        padding: var(--inner-pad);
    }
}

/* Móviles muy pequeños */
@media (max-width: 575px) {
    .hero-global__content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .service__hero__subtitle {
        flex-direction: column;
    }

    .service__content__header__right {
        width: 100%;
    }

    .service__content__header__img {
        width: 35px;
        height: auto;
    }
}