@media (max-width: 900px) {
    body.layout-split .service-detail .container {
        width: min(1200px, calc(100% - 32px));
    }

    .page-servicos .services-hero-v2 {
        min-height: 38vh;
        padding: 96px 0 44px;
    }

    .page-servicos .services-hero-v2__inner {
        width: min(1200px, calc(100% - 32px));
    }

    .page-servicos .services-hero-v2__inner h1 {
        font-size: 36px;
        margin-bottom: 10px;
    }

    .page-servicos .services-hero-v2__inner p {
        font-size: 19px;
        max-width: 100%;
    }

    .service-detail {
        padding: 64px 0;
    }

    .service-detail-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .service-detail-content p {
        font-size: 16px;
        max-width: 100%;
    }

    body.layout-split .service-detail {
        min-height: auto;
        padding: 64px 0;
    }

    body.layout-split .service-detail-grid {
        grid-template-columns: 1fr;
        min-height: auto;
        gap: 16px;
    }

    body.layout-split .service-detail-content {
        order: 2;
        padding: 4px 0 0;
    }

    body.layout-split .service-detail-media {
        order: 1;
        min-height: auto;
    }

    body.layout-split .service-detail-media img {
        min-height: 250px;
        max-height: 360px;
        border-radius: 12px;
    }

    body.layout-split .service-detail-content h2 {
        font-size: 34px;
        margin-bottom: 16px;
        max-width: 100%;
    }

    body.layout-split .service-detail-content p {
        font-size: 16px;
        padding-top: 12px;
        margin-top: 0;
        max-width: 100%;
    }

    body.layout-split .service-detail-content p + p {
        margin-top: 12px;
    }

    body.layout-split .service-detail.split-right .service-detail-content,
    body.layout-split .service-detail.split-left .service-detail-content {
        padding-left: 0;
        padding-right: 0;
    }

    .page-sobre .service-detail-media {
        max-width: 100%;
        aspect-ratio: 1 / 1;
    }

    .page-sobre .service-detail-media img {
        min-height: 100%;
        max-height: none;
    }
}

@media (max-width: 480px) {
    body.layout-split .service-detail .container,
    .page-servicos .services-hero-v2__inner {
        width: min(1200px, calc(100% - 28px));
    }
}

@media (max-width: 360px) {
    body.layout-split .service-detail .container,
    .page-servicos .services-hero-v2__inner {
        width: min(1200px, calc(100% - 24px));
    }
}