.elementor-16623 .elementor-element.elementor-element-5c0419d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16623 .elementor-element.elementor-element-3b5d623{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-16623 .elementor-element.elementor-element-77047df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16623 .elementor-element.elementor-element-77047df.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16623 .elementor-element.elementor-element-ec25dd4{width:var( --container-widget-width, 68.919% );max-width:68.919%;--container-widget-width:68.919%;--container-widget-flex-grow:0;}.elementor-16623 .elementor-element.elementor-element-ec25dd4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16623 .elementor-element.elementor-element-ec25dd4 img{border-style:none;}.elementor-16623 .elementor-element.elementor-element-17dd131{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16623 .elementor-element.elementor-element-5423a35 .elementor-menu-toggle{margin:0 auto;}.elementor-16623 .elementor-element.elementor-element-739c46e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16623 .elementor-element.elementor-element-faf2e3b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16623 .elementor-element.elementor-element-226c2ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16623 .elementor-element.elementor-element-8da034c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16623 .elementor-element.elementor-element-804e403{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16623 .elementor-element.elementor-element-1df6791{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16623 .elementor-element.elementor-element-a795096{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-16623 .elementor-element.elementor-element-ec25dd4.elementor-element{--align-self:center;}.elementor-16623 .elementor-element.elementor-element-ec25dd4{text-align:center;}}@media(min-width:768px){.elementor-16623 .elementor-element.elementor-element-77047df{--width:45.818%;}.elementor-16623 .elementor-element.elementor-element-17dd131{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-894c122 *//* --- TAB SECTION RESPONSIVE & BLUE THEME --- */

/* Container da Seção de Abas */
.tab-section {
    width: 100%;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
}

/* Container dos Botões - Scroll Horizontal no Mobile */
.tab-container {
    border-bottom: 1px solid #e5e7eb !important;
    display: flex !important;
    overflow-x: auto !important;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; /* Scroll suave no iOS */
    scrollbar-width: thin !important;
    scrollbar-color: #3b82f6 transparent !important;
    background: #f9fafb;
}

/* Estilo dos Botões de Aba */
.tab-button {
    padding: 14px 20px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    color: #6b7280 !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    flex: 1 !important;
    min-width: 120px !important; /* Garante que o texto não quebre no mobile */
    text-align: center !important;
    outline: none !important;
}

/* Estado Ativo - Azul Profundo */
.tab-button.active {
    color: #1e40af !important;
    border-bottom-color: #1e40af !important;
    background: #ffffff !important;
    box-shadow: inset 0 -2px 0 #1e40af;
}

.tab-button:hover:not(.active) {
    color: #3b82f6 !important;
    background: rgba(59, 130, 246, 0.05) !important;
}

/* Conteúdo das Abas */
.tab-content {
    display: none !important;
    padding: 24px !important;
    background: #ffffff !important;
    animation: fadeIn 0.4s ease-out;
}

.tab-content.active {
    display: block !important;
}

/* --- MOBILE RESPONSIVE OPTIMIZATIONS --- */

@media (max-width: 768px) {
    /* Faz a seção ocupar toda a largura no mobile */
    .tab-section {
        margin: 0 -1rem !important;
        width: calc(100% + 2rem) !important;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }

    .tab-button {
        padding: 12px 15px !important;
        font-size: 13px !important;
        min-width: 100px !important; /* Ajuste para caber mais abas visíveis */
        flex: 0 0 auto !important; /* Impede que os botões espremam */
    }

    .tab-container {
        padding: 0 10px !important;
    }

    .tab-content {
        padding: 20px 15px !important;
    }

    /* Ajuste de textos internos das abas no Mobile */
    .tab-content h3 {
        font-size: 1.1rem !important;
        font-weight: 700 !important;
        color: #111827 !important;
    }

    .tab-content p, .tab-content li {
        font-size: 14px !important;
        line-height: 1.6 !important;
        color: #4b5563 !important;
    }
}

/* --- ELEMENTOS ESPECÍFICOS DO TEMA AZUL --- */

/* Barra de Progresso nas Avaliações */
.progress-bar {
    height: 8px !important;
    background: #eff6ff !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

.progress-fill {
    height: 100% !important;
    background: linear-gradient(90deg, #3b82f6, #1e40af) !important;
    border-radius: 4px !important;
}

/* Card de Resumo de Avaliações */
.review-summary {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

/* Botão Carregar Mais */
.load-more-btn {
    width: 100% !important;
    background: #2563eb !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 14px !important;
    border-radius: 8px !important;
    transition: transform 0.2s active !important;
}

.load-more-btn:active {
    transform: scale(0.98) !important;
}

/* Animação */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Scrollbar Customizada para o Menu de Abas */
.tab-container::-webkit-scrollbar {
    height: 3px !important;
}
.tab-container::-webkit-scrollbar-thumb {
    background: #bfdbfe !important;
    border-radius: 10px !important;
}

/* --- AJUSTE DE RESPONSIVIDADE DAS ABAS --- */

/* Container que segura os botões */
.tab-container {
    display: flex !important;
    flex-wrap: nowrap !important; /* Força a mesma linha */
    overflow-x: auto !important;   /* Permite scroll lateral no mobile */
    -webkit-overflow-scrolling: touch;
    gap: 8px !important;
    padding: 10px !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* Esconde a barra de scroll para um visual mais limpo */
.tab-container::-webkit-scrollbar {
    display: none !important;
}

/* Ajuste dos Botões */
.tab-button {
    flex: 1 0 auto !important; /* Permite que cresçam mas não espremam o texto */
    white-space: nowrap !important; /* Impede quebra de texto */
    padding: 10px 20px !important;
    border-radius: 9999px !important; /* Estilo pílula */
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    border: 1px solid #e2e8f0 !important;
    background: white !important;
    color: #64748b !important;
}

/* Estado Ativo */
.tab-button.active {
    background: #2563eb !important;
    color: white !important;
    border-color: #2563eb !important;
    box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.2) !important;
}

/* Ajuste para telas muito pequenas */
@media (max-width: 480px) {
    .tab-button {
        padding: 8px 16px !important;
        font-size: 13px !important;
    }
}/* End custom CSS */