.elementor-52 .elementor-element.elementor-element-49bc095{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-52 .elementor-element.elementor-element-49bc095.elementor-element{--align-self:center;}/* Start custom CSS for html, class: .elementor-element-49bc095 */.elementor-52 .elementor-element.elementor-element-49bc095 {
    position: relative;
    display: block !important;
    width: 40% !important;
    margin: 0 auto !important;
    padding: 0 0 0 0 !important;
    text-align: center !important;
    
    /* Fonte Urbanist ExtraBold */
    font-family: 'Urbanist', sans-serif !important;
    font-weight: 800 !important;
    font-style: normal !important;

    /* Cor do título */
    color: #EE2823 !important;
}

/* Linha inferior */
.elementor-52 .elementor-element.elementor-element-49bc095::before {
    content: "";
    position: absolute;
    left: 80px;
    right: 80px;
    bottom: 0;
    height: 1px;
    background: #333;
}

/* Três traços diagonais */
.elementor-52 .elementor-element.elementor-element-49bc095::after {
    content: "";
    position: absolute;
    right: 70px;
    bottom: -10px;
    width: 40px;
    height: 50px;

    background:
        linear-gradient(
            125deg,
            transparent 0 42%,
            #333 43% 45%,
            transparent 46%
        ),
        linear-gradient(
            125deg,
            transparent 0 56%,
            #333 57% 59%,
            transparent 60%
        ),
        linear-gradient(
            125deg,
            transparent 0 70%,
            #333 71% 73%,
            transparent 74%
        );

    background-repeat: no-repeat;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92ddad6 *//* Container do FAQ em 2 Colunas */
.rutilo-faq-container {
    width: 100%;
    max-width: 1145px;
    margin: 0 auto;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    /* Configuração para 2 colunas */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 20px; /* 16px vertical, 20px horizontal entre as colunas */
}

/* Item do FAQ */
.rutilo-faq-item {
    margin-bottom: 0; /* O espaçamento vertical agora é controlado pelo gap do container */
    border: none;
    outline: none;
}

/* Layout Flex do Summary com Espaçamento Físico (Gap) */
.rutilo-faq-summary {
    display: flex;
    align-items: flex-start;
    gap: 12px; /* Afastamento entre a caixa do ícone e o card da pergunta */
    cursor: pointer;
    list-style: none;
    user-select: none;
}

/* Oculta marcadores nativos */
.rutilo-faq-summary::-webkit-details-marker,
.rutilo-faq-summary::marker {
    display: none !important;
}

/* 1. Caixa Independente do Ícone (Esquerda) */
.rutilo-faq-icon-box {
    width: 52px;
    height: 52px;
    min-width: 52px;
    background: #FFFFFF;
    border: 2px solid #EE2823;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    box-sizing: border-box;
    transition: all 0.25s ease-in-out; /* Transição sutil no hover */
}

.rutilo-icon {
    width: 20px;
    height: 20px;
    transition: transform 0.25s ease-in-out;
}

/* Seta apontada para baixo quando fechado */
.rutilo-faq-item:not([open]) .rutilo-icon {
    transform: rotate(180deg);
}

/* 2. Card do Conteúdo Principal (Direita - Título + Resposta) */
.rutilo-faq-card {
    flex: 1;
    background: #FFFFFF;
    border: 2px solid #EE2823;
    border-radius: 10px;
    padding: 14px 20px;
    box-sizing: border-box;
    transition: all 0.25s ease-in-out; /* Transição sutil no hover */
}

/* Texto do Título da Pergunta */
.rutilo-faq-title-text {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    line-height: 1.4;
    display: block;
}

/* Oculta a resposta por padrão */
.rutilo-faq-body {
    display: none;
}

/* 3. Linha Divisória de Borda Sutil do Conteúdo */
.rutilo-faq-divider {
    border: none;
    height: 1.5px;
    background-color: #222222;
    margin: 14px 0 14px 0;
}

/* Parágrafo de Resposta */
.rutilo-faq-body p {
    font-size: 14px;
    line-height: 1.6;
    color: #111111;
    margin: 0;
}

/* --- ESTADO EXPANDIDO ([open]) --- */

/* Exibe o corpo da resposta */
.rutilo-faq-item[open] .rutilo-faq-body {
    display: block;
}

/* Quando expandido, preenche o ícone de vermelho e coloca a seta branca */
.rutilo-faq-item[open] .rutilo-faq-icon-box {
    background: #EE2823;
    color: #FFFFFF;
}

/* --- EFEITO SUTIL DE HOVER (Passar o Mouse) --- */

/* Efeito sutil na caixa do ícone ao passar o mouse */
.rutilo-faq-summary:hover .rutilo-faq-icon-box {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(238, 40, 35, 0.15);
}

/* Efeito sutil no card da pergunta ao passar o mouse */
.rutilo-faq-summary:hover .rutilo-faq-card {
    border-color: #d81f1b; /* Vermelho levemente mais escuro ao passar o mouse */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

/* Ajuste Responsivo para Dispositivos Móveis e Celulares */
@media (max-width: 850px) {
    .rutilo-faq-container {
        grid-template-columns: 1fr; /* Em telas menores, volta a ser 1 coluna */
    }
}

@media (max-width: 600px) {
    .rutilo-faq-summary {
        gap: 8px;
    }

    .rutilo-faq-icon-box {
        width: 44px;
        height: 44px;
        min-width: 44px;
    }

    .rutilo-faq-card {
        padding: 12px 14px;
    }

    .rutilo-faq-title-text {
        font-size: 14px;
    }
}/* End custom CSS */