/*
 * Ajustes responsivos isolados para páginas legadas do editor.
 * Os seletores usam o slug da página para não alterar outros templates.
 */

.conteudo-pagina--responsiva-revisada #vvveb-page-content,
.conteudo-pagina--responsiva-revisada #vvveb-page-content > * {
    min-width: 0;
    max-width: 100%;
}

.conteudo-pagina--responsiva-revisada #vvveb-page-content img,
.conteudo-pagina--responsiva-revisada #vvveb-page-content video,
.conteudo-pagina--responsiva-revisada #vvveb-page-content iframe {
    max-width: 100% !important;
}

@media (max-width: 1024px) {
    .conteudo-pagina--responsiva-revisada #vvveb-page-content > section.container,
    .conteudo-pagina--responsiva-revisada #vvveb-page-content > section > .container,
    .conteudo-pagina--responsiva-revisada #vvveb-page-content > div > section.container,
    .conteudo-pagina--responsiva-revisada #vvveb-page-content > div > section > .container {
        width: min(100% - 48px, 1200px) !important;
        max-width: 1200px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .conteudo-pagina--responsiva-revisada #vvveb-page-content [class*="col-"] {
        min-width: 0;
    }
}

@media (max-width: 767px) {
    .conteudo-pagina--responsiva-revisada {
        margin-top: 58px;
    }

    .conteudo-pagina--responsiva-revisada #vvveb-page-content br {
        display: none;
    }

    .conteudo-pagina--responsiva-revisada #vvveb-page-content p,
    .conteudo-pagina--responsiva-revisada #vvveb-page-content .f-large {
        overflow-wrap: anywhere;
    }
}

/* Presença Global -------------------------------------------------------- */
@media (max-width: 900px) {
    .conteudo-pagina--presenca-global #vvveb-page-content > section > .container > .row,
    .conteudo-pagina--presenca-global #vvveb-page-content > section.container > .row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 28px !important;
        padding: 36px 0 !important;
        margin: 0 !important;
    }

    .conteudo-pagina--presenca-global #vvveb-page-content > section > .container > .row > [class*="col-"],
    .conteudo-pagina--presenca-global #vvveb-page-content > section.container > .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .conteudo-pagina--presenca-global .stat-box {
        min-height: 0;
        margin: 0 !important;
        padding: 24px !important;
    }

    .conteudo-pagina--presenca-global .cta-global .cardend {
        align-items: flex-start !important;
        padding: 28px !important;
        border-radius: 16px !important;
    }
}

/* Nossos Números -------------------------------------------------------- */
@media (max-width: 900px) {
    .conteudo-pagina--nossos-numeros #vvveb-page-content > section .row {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .conteudo-pagina--nossos-numeros #vvveb-page-content > section .row.align-items-center,
    .conteudo-pagina--nossos-numeros #vvveb-page-content > section:last-child .row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 28px !important;
    }

    .conteudo-pagina--nossos-numeros #vvveb-page-content > section .row.align-items-center > [class*="col-"],
    .conteudo-pagina--nossos-numeros #vvveb-page-content > section:last-child .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .conteudo-pagina--nossos-numeros .row.text-center.mb-5 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .conteudo-pagina--nossos-numeros .row.text-center.mb-5 > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .conteudo-pagina--nossos-numeros .stat-box {
        height: 100%;
        padding: 22px 14px !important;
    }
}

@media (max-width: 480px) {
    .conteudo-pagina--nossos-numeros .row.text-center.mb-5 {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* Cases ----------------------------------------------------------------- */
@media (max-width: 900px) {
    .conteudo-pagina--cases .bx-container,
    .conteudo-pagina--cases .bx-main-wrapper > section > .container {
        width: min(100% - 48px, 1140px) !important;
        max-width: 1140px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .conteudo-pagina--cases .bx-hero-content,
    .conteudo-pagina--cases .bx-impact-flex,
    .conteudo-pagina--cases .bx-feature-item,
    .conteudo-pagina--cases .bx-feature-item.bx-reverse {
        align-items: stretch !important;
        flex-direction: column !important;
        gap: 24px !important;
    }

    .conteudo-pagina--cases .bx-hero-content > *,
    .conteudo-pagina--cases .bx-hero-media,
    .conteudo-pagina--cases .bx-feature-img,
    .conteudo-pagina--cases .bx-feature-info {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .conteudo-pagina--cases .bx-stats-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px !important;
    }

    .conteudo-pagina--cases .bx-stats-grid > * {
        min-width: 0;
    }

    .conteudo-pagina--cases .bx-feature-img {
        flex: none !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
    }

    .conteudo-pagina--cases .bx-feature-info {
        flex: none !important;
        padding: 30px !important;
    }

    .conteudo-pagina--cases .bx-impact-banner {
        padding: 56px 0 !important;
    }

    .conteudo-pagina--cases .bx-impact-text {
        padding: 0 !important;
        border: 0 !important;
    }

    .conteudo-pagina--cases .bx-cta-box {
        padding: 36px 28px !important;
        border-radius: 18px !important;
    }
}

@media (max-width: 600px) {
    .conteudo-pagina--cases .bx-stats-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .conteudo-pagina--cases .bx-feature-info {
        padding: 24px 20px !important;
    }
}

/* Conheça Nossas Máquinas ---------------------------------------------- */
@media (max-width: 900px) {
    .conteudo-pagina--conheca-nossas-maquinas #bralyx-root {
        width: min(100% - 48px, 1100px) !important;
        max-width: 1100px !important;
        margin: 16px auto !important;
    }

    .conteudo-pagina--conheca-nossas-maquinas #bralyx-root .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .conteudo-pagina--conheca-nossas-maquinas .bx-nav {
        gap: 0;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
    }

    .conteudo-pagina--conheca-nossas-maquinas .bx-tab {
        flex: 0 0 auto;
        width: auto !important;
        min-width: 170px;
        scroll-snap-align: start;
    }

    .conteudo-pagina--conheca-nossas-maquinas .bx-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 14px 20px;
        padding: 18px 14px !important;
    }

    .conteudo-pagina--conheca-nossas-maquinas .bx-col-name {
        grid-column: 1 / -1;
    }

    .conteudo-pagina--conheca-nossas-maquinas .bx-col-links,
    .conteudo-pagina--conheca-nossas-maquinas .bx-col-social {
        min-width: 0;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 540px) {
    .conteudo-pagina--conheca-nossas-maquinas .bx-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .conteudo-pagina--conheca-nossas-maquinas .bx-col-name,
    .conteudo-pagina--conheca-nossas-maquinas .bx-col-links,
    .conteudo-pagina--conheca-nossas-maquinas .bx-col-social {
        grid-column: 1;
    }
}

/* Nossa Produção -------------------------------------------------------- */
@media (max-width: 900px) {
    .conteudo-pagina--nossa-producao #producao-page .row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 28px !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .conteudo-pagina--nossa-producao #producao-page .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .conteudo-pagina--nossa-producao .video-wrapper iframe {
        display: block;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
    }

    .conteudo-pagina--nossa-producao .factory-card img {
        height: auto !important;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

    .conteudo-pagina--nossa-producao .bannercinza.container {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 20px;
    }

    .conteudo-pagina--nossa-producao #ih87p {
        text-align: left !important;
    }
}

/* Assistência Técnica --------------------------------------------------- */
@media (max-width: 900px) {
    .conteudo-pagina--assistencia-tecnica .bx-container,
    .conteudo-pagina--assistencia-tecnica .bx-feature-row.container {
        width: min(100% - 48px, 1140px) !important;
        max-width: 1140px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .conteudo-pagina--assistencia-tecnica .bx-feature-row,
    .conteudo-pagina--assistencia-tecnica .bx-feature-row.bx-reverse,
    .conteudo-pagina--assistencia-tecnica .bx-form-flex {
        align-items: stretch !important;
        flex-direction: column !important;
        gap: 28px !important;
    }

    .conteudo-pagina--assistencia-tecnica .bx-feature-img,
    .conteudo-pagina--assistencia-tecnica .bx-feature-text,
    .conteudo-pagina--assistencia-tecnica .bx-form-info,
    .conteudo-pagina--assistencia-tecnica .bx-form-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .conteudo-pagina--assistencia-tecnica .bx-form-card {
        padding: 28px 0 !important;
    }

    .conteudo-pagina--assistencia-tecnica .bx-form-card input,
    .conteudo-pagina--assistencia-tecnica .bx-form-card select,
    .conteudo-pagina--assistencia-tecnica .bx-form-card textarea {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Perguntas Frequentes -------------------------------------------------- */
@media (max-width: 900px) {
    .conteudo-pagina--perguntas-frequentes .bx-container,
    .conteudo-pagina--perguntas-frequentes #i14q39 > .container,
    .conteudo-pagina--perguntas-frequentes #ijysov-2 > .container {
        width: min(100% - 48px, 1100px) !important;
        max-width: 1100px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .conteudo-pagina--perguntas-frequentes .tab-geral-navigation {
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        overflow-x: auto;
        padding-bottom: 8px;
        scrollbar-width: thin;
    }

    .conteudo-pagina--perguntas-frequentes .tab-geral-btn {
        flex: 0 0 auto;
        width: auto !important;
        max-width: none !important;
        white-space: nowrap;
    }

    .conteudo-pagina--perguntas-frequentes .faq-item {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .conteudo-pagina--perguntas-frequentes .faq-item > div:first-child {
        gap: 16px;
        text-align: left;
    }

    .conteudo-pagina--perguntas-frequentes .apps {
        width: 100%;
        max-width: 100%;
        padding: 28px 22px !important;
    }
}

/* Contato e Trabalhe Conosco ------------------------------------------- */
@media (max-width: 900px) {
    .conteudo-pagina--contato-bralyx .contato-wrapper,
    .conteudo-pagina--trabalhe-conosco .contato-wrapper {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 28px !important;
        width: min(100% - 48px, 1000px) !important;
        max-width: 1000px !important;
        padding: 40px 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .conteudo-pagina--contato-bralyx .contato-info,
    .conteudo-pagina--contato-bralyx .contato-form,
    .conteudo-pagina--trabalhe-conosco .contato-info,
    .conteudo-pagina--trabalhe-conosco .contato-form {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: left !important;
    }

    .conteudo-pagina--contato-bralyx .contato-info h2,
    .conteudo-pagina--contato-bralyx .contato-info p,
    .conteudo-pagina--trabalhe-conosco .contato-info h2,
    .conteudo-pagina--trabalhe-conosco .contato-info p {
        width: auto !important;
        max-width: 100% !important;
        text-align: left !important;
    }

    .conteudo-pagina--contato-bralyx .contato-form input,
    .conteudo-pagina--contato-bralyx .contato-form select,
    .conteudo-pagina--contato-bralyx .contato-form textarea,
    .conteudo-pagina--trabalhe-conosco .contato-form input,
    .conteudo-pagina--trabalhe-conosco .contato-form select,
    .conteudo-pagina--trabalhe-conosco .contato-form textarea {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
    }

    .conteudo-pagina--contato-bralyx .steps-header,
    .conteudo-pagina--contato-bralyx .form-actions {
        flex-wrap: wrap;
    }

    .conteudo-pagina--contato-bralyx #ixtbvd .apps {
        max-width: 100%;
        padding: 28px 22px !important;
    }

    .conteudo-pagina--trabalhe-conosco #vvveb-page-content .conteudo-pagina,
    .conteudo-pagina--trabalhe-conosco #vvveb-page-content .conteudo-pagina > .container {
        display: contents;
    }
}

@media (max-width: 560px) {
    .conteudo-pagina--contato-bralyx .form-actions,
    .conteudo-pagina--contato-bralyx .form-actions button,
    .conteudo-pagina--trabalhe-conosco .btn-enviar1 {
        width: 100%;
    }
}

/* Bralyxpedia usa um template próprio ---------------------------------- */
@media (max-width: 1024px) {
    .bralypedia > .geral > .container,
    .bralypedia > .tabs.container,
    .bralypedia > .tab-content.container {
        width: min(100% - 48px, 1200px) !important;
        max-width: 1200px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .bralypedia .geral {
        padding-top: 32px !important;
        margin-top: 0 !important;
    }

    .bralypedia .bralypedia-header {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 14px;
    }

    .bralypedia .bralixpediahero {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 28px;
    }

    .bralypedia .mini-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-bottom: 0 !important;
    }

    .bralypedia .tabs.container {
        margin-top: 56px !important;
        overflow-x: auto;
    }

    .bralypedia .tabs .tab {
        flex: 0 0 auto;
        min-width: 150px;
    }

    .bralypedia .grid,
    .bralypedia #video-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .bralypedia .custom-pagination {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
}

@media (max-width: 767px) {
    .bralypedia {
        padding-top: 0 !important;
    }

    .bralypedia .mini-cards,
    .bralypedia .grid,
    .bralypedia #video-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .bralypedia .hero-image img,
    .bralypedia .video-wrapper iframe {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

    .bralypedia .articles-header,
    .bralypedia .filters {
        align-items: stretch !important;
        flex-direction: column !important;
        gap: 16px;
    }

    .bralypedia .filters input {
        width: 100% !important;
    }

    .bralypedia .faq-question {
        gap: 16px;
    }
}

@media (max-width: 380px) {
    .conteudo-pagina--responsiva-revisada #vvveb-page-content > section.container,
    .conteudo-pagina--responsiva-revisada #vvveb-page-content > section > .container,
    .conteudo-pagina--responsiva-revisada #vvveb-page-content > div > section.container,
    .conteudo-pagina--responsiva-revisada #vvveb-page-content > div > section > .container,
    .conteudo-pagina--cases .bx-container,
    .conteudo-pagina--assistencia-tecnica .bx-container,
    .conteudo-pagina--perguntas-frequentes .bx-container,
    .conteudo-pagina--contato-bralyx .contato-wrapper,
    .conteudo-pagina--trabalhe-conosco .contato-wrapper,
    .bralypedia > .geral > .container,
    .bralypedia > .tabs.container,
    .bralypedia > .tab-content.container {
        width: calc(100% - 40px) !important;
    }
}