/* Start custom CSS *//* ==========================================================
   COR DE FUNDO GLOBAL – ELIMINA ESPAÇOS BRANCOS ENTRE SEÇÕES
   ========================================================== */
html,
body {
    background-color: #06090E; /* cor do tema */
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

/* ==========================================================
   APENAS CONTENÇÃO DE LARGURA – NÃO MEXE EM DISPLAY, FLEX OU OVERFLOW
   ========================================================== */

/* 1. Garante que todos os elementos (exceto os do slider) respeitem a largura */
*:not(.swiper-slide):not(.slick-slide):not(.swiper-wrapper):not(.slick-list):not(.elementor-widget-image-carousel):not(.swiper-container):not(.slick-slider) {
    max-width: 100% !important;
    box-sizing: border-box; /* já incluso */
}

/* 2. Quebra de palavras longas em todos os elementos de texto, exceto no slider */
*:not(.swiper-slide):not(.slick-slide):not(.swiper-wrapper):not(.slick-list) {
    word-break: break-word;
    overflow-wrap: break-word;
}

/* 3. Imagens, vídeos, iframes – responsivos, exceto os do slider */
img:not(.swiper-slide img):not(.slick-slide img),
video:not(.swiper-slide video):not(.slick-slide video),
iframe:not(.swiper-slide iframe):not(.slick-slide iframe) {
    max-width: 100% !important;
    height: auto !important;
    display: block; /* opcional, mas ajuda a evitar espaços extras */
}

/* 4. Tabelas – rolagem horizontal, exceto no slider */
table:not(.swiper-slide table):not(.slick-slide table) {
    display: block;
    overflow-x: auto;
    max-width: 100%;
    white-space: nowrap; /* ou normal, depende do caso */
}

/* 5. Elementos com largura fixa (inline style) – limitados, exceto no slider */
[style*="width:"]:not(.swiper-slide):not(.slick-slide):not(.elementor-widget-image-carousel) {
    max-width: 100% !important;
}

/* 6. Botões – responsivos (não forçam largura total, apenas contêm) */
.btn:not(.swiper-slide .btn):not(.slick-slide .btn),
.button:not(.swiper-slide .button):not(.slick-slide .button),
.elementor-button:not(.swiper-slide .elementor-button):not(.slick-slide .elementor-button),
.wp-block-button__link:not(.swiper-slide .wp-block-button__link):not(.slick-slide .wp-block-button__link) {
    max-width: 100% !important;
    white-space: normal;
    word-break: break-word;
    box-sizing: border-box;
    height: auto;
}

/* ==========================================================
   MOBILE – EMPILHA COLUNAS (mas NÃO as do slider)
   ========================================================== */
@media (max-width: 768px) {
    .elementor-column:not(.swiper-slide .elementor-column):not(.slick-slide .elementor-column),
    .col:not(.swiper-slide .col):not(.slick-slide .col) {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Opcional: botões em mobile ocupam largura total */
    .btn:not(.swiper-slide .btn):not(.slick-slide .btn),
    .button:not(.swiper-slide .button):not(.slick-slide .button),
    .elementor-button:not(.swiper-slide .elementor-button):not(.slick-slide .elementor-button),
    .wp-block-button__link:not(.swiper-slide .wp-block-button__link):not(.slick-slide .wp-block-button__link) {
        width: 100% !important;
        padding: 0.8rem 1rem !important;
        font-size: 1rem !important;
        text-align: center;
    }

    /* Padding reduzido nas laterais do conteúdo principal */
    .entry-content,
    .page-content,
    .site-main {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* ==========================================================
   CORREÇÃO PARA O SLIDER – APENAS GARANTE QUE ELE NÃO SEJA AFETADO
   (não altera o comportamento, apenas reafirma que ele é independente)
   ========================================================== */
/* Não fazemos nada! O slider mantém seu CSS original. *//* End custom CSS */