.elementor-kit-5{--e-global-color-primary:#52141E;--e-global-color-secondary:#321016;--e-global-color-text:#F3EEE6;--e-global-color-accent:#E9E1D6;--e-global-color-f5d622d:#21191A;--e-global-color-f654c15:#21191A2E;--e-global-color-99f3bca:#FFFFFF2E;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:600;--e-global-typography-accent-font-family:"Georgia";--e-global-typography-accent-font-weight:700;--e-global-typography-e9f6fec-font-family:"Miracle";}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================
   IMPRONTA: CSS GLOBAL
   ========================================== */

:root {
    --imp-radius: 12px;   /* raio padrão dos botões do site */
    --seta-w: 16px;       /* comprimento da seta */
    --seta-gap: 12px;     /* distância entre o texto e a seta */
}

/* ==========================================
   1. BASE COMUM DOS BOTÕES
   ========================================== */
.btn-clareza .elementor-button,
.btn-solucoes .elementor-button,
.btn-fundo-escuro .elementor-button,
.btn-fundo-claro .elementor-button,
.btn-vazado-escuro .elementor-button,
.btn-vazado-claro .elementor-button {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    border-radius: var(--imp-radius) !important;
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.4s ease,
        background 0.4s ease,
        background-color 0.4s ease,
        border-color 0.4s ease,
        color 0.4s ease !important;
}

.btn-clareza .elementor-button-content-wrapper,
.btn-solucoes .elementor-button-content-wrapper,
.btn-fundo-escuro .elementor-button-content-wrapper,
.btn-fundo-claro .elementor-button-content-wrapper,
.btn-vazado-escuro .elementor-button-content-wrapper,
.btn-vazado-claro .elementor-button-content-wrapper {
    position: relative !important;
    z-index: 2 !important;
}

/* O texto é o "âncora" da seta */
.btn-clareza .elementor-button-text,
.btn-solucoes .elementor-button-text,
.btn-fundo-escuro .elementor-button-text,
.btn-fundo-claro .elementor-button-text,
.btn-vazado-escuro .elementor-button-text,
.btn-vazado-claro .elementor-button-text {
    position: relative !important;
    display: inline-block !important;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), color 0.4s ease !important;
}

/* Seta fina baseada na cor específica de cada botão */
.btn-clareza .elementor-button-text::after,
.btn-fundo-escuro .elementor-button-text::after,
.btn-vazado-escuro .elementor-button-text::after {
    background-color: #321016 !important; /* Seta escura para fundos claros */
}

.btn-solucoes .elementor-button-text::after,
.btn-fundo-claro .elementor-button-text::after,
.btn-vazado-claro .elementor-button-text::after {
    background-color: #F3EEE6 !important; /* Seta clara para fundos escuros */
}

/* Regras gerais da seta */
.btn-clareza .elementor-button-text::after,
.btn-solucoes .elementor-button-text::after,
.btn-fundo-escuro .elementor-button-text::after,
.btn-fundo-claro .elementor-button-text::after,
.btn-vazado-escuro .elementor-button-text::after,
.btn-vazado-claro .elementor-button-text::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: calc(100% + var(--seta-gap)) !important;
    width: 0 !important;
    height: 9px !important;
    margin-top: -4.5px !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' fill='none' stroke='black' stroke-width='1'%3E%3Cpath d='M0 4.5H15.5M11.5 1L15.5 4.5L11.5 8'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' fill='none' stroke='black' stroke-width='1'%3E%3Cpath d='M0 4.5H15.5M11.5 1L15.5 4.5L11.5 8'/%3E%3C/svg%3E") !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: left center !important;
    mask-position: left center !important;
    -webkit-mask-size: 16px 9px !important;
    mask-size: 16px 9px !important;
    opacity: 0 !important;
    transition:
        width 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.3s ease !important;
    pointer-events: none !important;
}

/* Reflexo que atravessa */
.btn-clareza .elementor-button::before,
.btn-fundo-escuro .elementor-button::before,
.btn-fundo-claro .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -120% !important;
    width: 70% !important;
    height: 100% !important;
    z-index: 1 !important;
    background: linear-gradient(100deg, transparent 0%, rgba(184, 154, 94, 0.4) 50%, transparent 100%) !important;
    transform: skewX(-20deg) !important;
    transition: left 0.8s ease !important;
    pointer-events: none !important;
}

/* Clique e foco */
.btn-clareza .elementor-button:active,
.btn-solucoes .elementor-button:active,
.btn-fundo-escuro .elementor-button:active,
.btn-fundo-claro .elementor-button:active,
.btn-vazado-escuro .elementor-button:active,
.btn-vazado-claro .elementor-button:active {
    transform: translateY(-1px) scale(0.98) !important;
}

.btn-clareza .elementor-button:focus-visible,
.btn-solucoes .elementor-button:focus-visible,
.btn-fundo-escuro .elementor-button:focus-visible,
.btn-fundo-claro .elementor-button:focus-visible,
.btn-vazado-escuro .elementor-button:focus-visible,
.btn-vazado-claro .elementor-button:focus-visible {
    outline: 2px solid #D9C18A !important;
    outline-offset: 3px !important;
}

/* ==========================================
   2. HERO: PRIMÁRIO (btn-clareza)
   ========================================== */
.btn-clareza .elementor-button {
    background: linear-gradient(180deg, #F7F3EC 0%, #EDE6DA 100%) !important;
    color: #321016 !important;
    font-weight: 600 !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

.btn-clareza .elementor-button .elementor-button-text {
    color: #321016 !important;
}

/* ==========================================
   3. HERO: SECUNDÁRIO (btn-solucoes)
   ========================================== */
.btn-solucoes .elementor-button {
    background: rgba(243, 238, 230, 0.03) !important;
    color: #F3EEE6 !important;
    font-weight: 500 !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    border: 1px solid rgba(243, 238, 230, 0.3) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
}

.btn-solucoes .elementor-button .elementor-button-text {
    color: #F3EEE6 !important;
}

.btn-solucoes .elementor-button-text::after {
    background-color: #D9C18A !important; /* Seta dourada refinada */
}

.btn-solucoes .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background: linear-gradient(90deg, rgba(184, 154, 94, 0.26) 0%, rgba(184, 154, 94, 0.08) 100%) !important;
    transform: scaleX(0) !important;
    transform-origin: left center !important;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important;
    pointer-events: none !important;
}

/* ==========================================
   4. BOTÃO SÓLIDO SOBRE FUNDO ESCURO (btn-fundo-escuro)
   ========================================== */
.btn-fundo-escuro .elementor-button,
a.btn-fundo-escuro {
    background-color: #F3EEE6 !important;
    background: #F3EEE6 !important;
    color: #321016 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    border: 1px solid #F3EEE6 !important;
    border-radius: var(--imp-radius) !important;
    padding: 14px 30px !important;
    display: inline-block !important;
    text-align: center !important;
}

.btn-fundo-escuro .elementor-button .elementor-button-text {
    color: #321016 !important;
}

/* ==========================================
   5. BOTÃO SÓLIDO SOBRE FUNDO CLARO (btn-fundo-claro)
   ========================================== */
.btn-fundo-claro .elementor-button,
a.btn-fundo-claro {
    background-color: #321016 !important;
    background: #321016 !important;
    color: #F3EEE6 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    border: 1px solid #321016 !important;
    border-radius: var(--imp-radius) !important;
    padding: 14px 30px !important;
    display: inline-block !important;
    text-align: center !important;
}

.btn-fundo-claro .elementor-button .elementor-button-text {
    color: #F3EEE6 !important;
}

/* ==========================================
   6. BOTÃO VAZADO SOBRE FUNDO ESCURO (btn-vazado-escuro)
   ========================================== */
.btn-vazado-escuro .elementor-button,
a.btn-vazado-escuro {
    background-color: transparent !important;
    background: transparent !important;
    color: #F3EEE6 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    border: 1px solid rgba(243, 238, 230, 0.4) !important;
    border-radius: var(--imp-radius) !important;
    padding: 14px 30px !important;
    display: inline-block !important;
    text-align: center !important;
}

.btn-vazado-escuro .elementor-button .elementor-button-text {
    color: #F3EEE6 !important;
}

/* ==========================================
   7. BOTÃO VAZADO SOBRE FUNDO CLARO (btn-vazado-claro)
   ========================================== */
.btn-vazado-claro .elementor-button,
a.btn-vazado-claro {
    background-color: transparent !important;
    background: transparent !important;
    color: #321016 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    border: 1px solid rgba(50, 16, 22, 0.35) !important;
    border-radius: var(--imp-radius) !important;
    padding: 14px 30px !important;
    display: inline-block !important;
    text-align: center !important;
}

.btn-vazado-claro .elementor-button .elementor-button-text {
    color: #321016 !important;
}


/* ==========================================
   8. HOVER DOS BOTÕES (só em dispositivos com mouse)
   ========================================== */
@media (hover: hover) {

    /* Hero primário */
    .btn-clareza .elementor-button:hover {
        transform: translateY(-3px) !important;
        background: linear-gradient(180deg, #FFFFFF 0%, #F7F3EC 100%) !important;
        box-shadow:
            0 14px 30px rgba(0, 0, 0, 0.38),
            0 0 0 1px rgba(184, 154, 94, 0.5),
            0 0 26px rgba(184, 154, 94, 0.28),
            inset 0 1px 0 #FFFFFF !important;
    }

    /* Hero secundário */
    .btn-solucoes .elementor-button:hover {
        transform: translateY(-3px) !important;
        border-color: rgba(184, 154, 94, 0.75) !important;
        box-shadow:
            0 12px 28px rgba(0, 0, 0, 0.35),
            0 0 22px rgba(184, 154, 94, 0.18) !important;
    }

    .btn-solucoes .elementor-button:hover .elementor-button-text {
        color: #FFFFFF !important;
    }

    .btn-solucoes .elementor-button:hover::before {
        transform: scaleX(1) !important;
    }

    /* Fundo-escuro: inverte para vazado */
    .btn-fundo-escuro .elementor-button:hover,
    a.btn-fundo-escuro:hover {
        background-color: transparent !important;
        background: transparent !important;
        color: #F3EEE6 !important;
        border-color: #F3EEE6 !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35), 0 0 22px rgba(184, 154, 94, 0.2) !important;
    }

    .btn-fundo-escuro .elementor-button:hover .elementor-button-text {
        color: #F3EEE6 !important;
    }

    /* Garante a seta clara no hover do fundo-escuro */
    .btn-fundo-escuro .elementor-button:hover .elementor-button-text::after {
        background-color: #F3EEE6 !important;
    }

    /* Fundo-claro: inverte para vazado */
    .btn-fundo-claro .elementor-button:hover,
    a.btn-fundo-claro:hover {
        background-color: transparent !important;
        background: transparent !important;
        color: #321016 !important;
        border-color: #321016 !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 12px 26px rgba(50, 16, 22, 0.18) !important;
    }

    .btn-fundo-claro .elementor-button:hover .elementor-button-text {
        color: #321016 !important;
    }

    /* Garante a seta escura no hover do fundo-claro */
    .btn-fundo-claro .elementor-button:hover .elementor-button-text::after {
        background-color: #321016 !important;
    }

    /* Vazado Escuro: ganha fundo claro no hover */
    .btn-vazado-escuro .elementor-button:hover,
    a.btn-vazado-escuro:hover {
        background-color: #F3EEE6 !important;
        background: #F3EEE6 !important;
        color: #321016 !important;
        border-color: #F3EEE6 !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35) !important;
    }

    .btn-vazado-escuro .elementor-button:hover .elementor-button-text {
        color: #321016 !important;
    }

    /* Garante a seta escura no hover do vazado escuro (pois o fundo fica claro) */
    .btn-vazado-escuro .elementor-button:hover .elementor-button-text::after {
        background-color: #321016 !important;
    }

    /* Vazado Claro: ganha fundo escuro no hover */
    .btn-vazado-claro .elementor-button:hover,
    a.btn-vazado-claro:hover {
        background-color: #321016 !important;
        background: #321016 !important;
        color: #F3EEE6 !important;
        border-color: #321016 !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 12px 26px rgba(50, 16, 22, 0.2) !important;
    }

    .btn-vazado-claro .elementor-button:hover .elementor-button-text {
        color: #F3EEE6 !important;
    }

    /* Garante a seta clara no hover do vazado claro (pois o fundo fica escuro) */
    .btn-vazado-claro .elementor-button:hover .elementor-button-text::after {
        background-color: #F3EEE6 !important;
    }

    /* Efeitos comuns: reflexo, seta desenhada e deslize do texto */
    .btn-clareza .elementor-button:hover::before,
    .btn-fundo-escuro .elementor-button:hover::before,
    .btn-fundo-claro .elementor-button:hover::before {
        left: 140% !important;
    }

    .btn-clareza .elementor-button:hover .elementor-button-text::after,
    .btn-solucoes .elementor-button:hover .elementor-button-text::after,
    .btn-fundo-escuro .elementor-button:hover .elementor-button-text::after,
    .btn-fundo-claro .elementor-button:hover .elementor-button-text::after,
    .btn-vazado-escuro .elementor-button:hover .elementor-button-text::after,
    .btn-vazado-claro .elementor-button:hover .elementor-button-text::after {
        width: var(--seta-w) !important;
        opacity: 1 !important;
    }

    /* O texto desliza metade do espaço da seta */
    .btn-clareza .elementor-button:hover .elementor-button-text,
    .btn-solucoes .elementor-button:hover .elementor-button-text,
    .btn-fundo-escuro .elementor-button:hover .elementor-button-text,
    .btn-fundo-claro .elementor-button:hover .elementor-button-text,
    .btn-vazado-escuro .elementor-button:hover .elementor-button-text,
    .btn-vazado-claro .elementor-button:hover .elementor-button-text {
        transform: translateX(calc((var(--seta-w) + var(--seta-gap)) / -2)) !important;
    }
}

/* ==========================================
   9. MENU DESKTOP
   ========================================== */
@media (min-width: 1025px) {
    .elementor-widget-nav-menu .elementor-nav-menu a::before,
    .elementor-widget-nav-menu .elementor-nav-menu a::after {
        display: none !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu > li:not(.botao-destaque-mobile) > a:not(.elementor-item-cta) {
        color: #F3EEE6 !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        padding: 8px 14px !important;
        border-radius: 10px !important;
        transition: all 0.3s ease !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu > li:not(.botao-destaque-mobile) > a:not(.elementor-item-cta):hover {
        background-color: rgba(243, 238, 230, 0.08) !important;
        color: #FFFFFF !important;
    }

    /* CTA do menu */
    .elementor-widget-nav-menu .elementor-nav-menu .botao-destaque-mobile > a,
    .elementor-widget-nav-menu .elementor-nav-menu a.elementor-item-cta {
        position: relative !important;
        overflow: hidden !important;
        background-color: #F3EEE6 !important;
        color: #321016 !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        padding: 11px 20px !important;
        border-radius: var(--imp-radius) !important;
        margin-left: 12px !important;
        transition:
            transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
            box-shadow 0.35s ease,
            background-color 0.35s ease !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu .botao-destaque-mobile > a::before,
    .elementor-widget-nav-menu .elementor-nav-menu a.elementor-item-cta::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: -120% !important;
        width: 70% !important;
        height: 100% !important;
        background: linear-gradient(100deg, transparent 0%, rgba(184, 154, 94, 0.35) 50%, transparent 100%) !important;
        transform: skewX(-20deg) !important;
        transition: left 0.7s ease !important;
        pointer-events: none !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu .botao-destaque-mobile > a:hover,
    .elementor-widget-nav-menu .elementor-nav-menu a.elementor-item-cta:hover {
        transform: translateY(-2px) !important;
        background-color: #FFFFFF !important;
        color: #321016 !important;
        box-shadow:
            0 10px 24px rgba(0, 0, 0, 0.35),
            0 0 0 1px rgba(184, 154, 94, 0.45),
            0 0 20px rgba(184, 154, 94, 0.25) !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu .botao-destaque-mobile > a:hover::before,
    .elementor-widget-nav-menu .elementor-nav-menu a.elementor-item-cta:hover::before {
        left: 140% !important;
    }
}

/* ==========================================
   10. MENU MOBILE / TABLET
   ========================================== */
@media (max-width: 1024px) {

    .elementor-widget-nav-menu .elementor-menu-toggle {
        background-color: rgba(243, 238, 230, 0.06) !important;
        border: 1px solid rgba(243, 238, 230, 0.2) !important;
        border-radius: 10px !important;
        padding: 8px 12px !important;
    }

    .elementor-widget-nav-menu .elementor-menu-toggle i,
    .elementor-widget-nav-menu .elementor-menu-toggle svg {
        color: #F3EEE6 !important;
        fill: #F3EEE6 !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu--dropdown {
        position: fixed !important;
        top: 88px !important;
        left: 16px !important;
        right: 16px !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        transform-origin: top center !important;

        background: linear-gradient(145deg, rgba(50, 16, 22, 0.88) 0%, rgba(28, 8, 12, 0.92) 100%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
        backdrop-filter: blur(20px) saturate(140%) !important;
        border: 1px solid rgba(243, 238, 230, 0.14) !important;
        box-shadow:
            0 20px 40px rgba(0, 0, 0, 0.55),
            inset 0 1px 0 rgba(243, 238, 230, 0.1) !important;

        border-radius: 16px !important;
        padding: 16px !important;
        box-sizing: border-box !important;
        max-height: calc(100vh - 110px) !important;
        overflow-y: auto !important;
        z-index: 99999 !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu--dropdown a {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        color: #F3EEE6 !important;
        padding: 14px 16px !important;
        margin: 0 0 4px 0 !important;
        border: none !important;
        border-radius: 10px !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        background: transparent !important;
        transition: background-color 0.25s ease, color 0.25s ease !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu--dropdown a:hover,
    .elementor-widget-nav-menu .elementor-nav-menu--dropdown a.elementor-item-active {
        background-color: rgba(243, 238, 230, 0.08) !important;
        color: #FFFFFF !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu--dropdown .botao-destaque-mobile > a,
    .elementor-widget-nav-menu .elementor-nav-menu--dropdown a.elementor-item-cta {
        background-color: #F3EEE6 !important;
        color: #321016 !important;
        font-weight: 600 !important;
        text-align: center !important;
        margin-top: 12px !important;
        padding: 15px 16px !important;
        border-radius: var(--imp-radius) !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu--dropdown .botao-destaque-mobile > a:hover,
    .elementor-widget-nav-menu .elementor-nav-menu--dropdown a.elementor-item-cta:hover {
        background-color: #FFFFFF !important;
        color: #321016 !important;
    }
}

/* ---------- TABLET (768px – 1024px) ---------- */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-widget-nav-menu .elementor-nav-menu--dropdown {
        top: 96px !important;
        left: auto !important;
        right: 32px !important;
        width: 440px !important;
        padding: 20px !important;
        border-radius: 18px !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu--dropdown a {
        font-size: 12.5px !important;
        padding: 16px 20px !important;
        margin-bottom: 2px !important;
    }

    .elementor-widget-nav-menu .elementor-nav-menu--dropdown .botao-destaque-mobile > a,
    .elementor-widget-nav-menu .elementor-nav-menu--dropdown a.elementor-item-cta {
        margin-top: 16px !important;
        padding: 17px 20px !important;
    }
}

/* ==========================================
   11. BARRA DE ROLAGEM PERSONALIZADA (GLOBAL)
   ========================================== */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background-color: #210A0E;
}

::-webkit-scrollbar-thumb {
    background-color: #F3EEE6;
    border-radius: 20px;
    border: 3px solid #210A0E;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(243, 238, 230, 0.7);
}

@supports not .elementor-kit-5(::-webkit-scrollbar) {
    * {
        scrollbar-width: thin;
        scrollbar-color: #F3EEE6 #210A0E;
    }
}

/* ==========================================
   12. ACESSIBILIDADE
   ========================================== */
@media (prefers-reduced-motion: reduce) {
    .btn-clareza .elementor-button,
    .btn-clareza .elementor-button::before,
    .btn-clareza .elementor-button-text,
    .btn-clareza .elementor-button-text::after,
    .btn-solucoes .elementor-button,
    .btn-solucoes .elementor-button::before,
    .btn-solucoes .elementor-button-text,
    .btn-solucoes .elementor-button-text::after,
    .btn-fundo-escuro .elementor-button,
    .btn-fundo-escuro .elementor-button::before,
    .btn-fundo-escuro .elementor-button-text,
    .btn-fundo-escuro .elementor-button-text::after,
    .btn-fundo-claro .elementor-button,
    .btn-fundo-claro .elementor-button::before,
    .btn-fundo-claro .elementor-button-text,
    .btn-fundo-claro .elementor-button-text::after,
    .btn-vazado-escuro .elementor-button,
    .btn-vazado-escuro .elementor-button::before,
    .btn-vazado-escuro .elementor-button-text,
    .btn-vazado-escuro .elementor-button-text::after,
    .btn-vazado-claro .elementor-button,
    .btn-vazado-claro .elementor-button::before,
    .btn-vazado-claro .elementor-button-text,
    .btn-vazado-claro .elementor-button-text::after,
    .elementor-widget-nav-menu .elementor-nav-menu a,
    .elementor-widget-nav-menu .elementor-nav-menu a::before {
        transition: none !important;
    }
}

/* ==========================================
   13. HERO: FONTE MENOR NO TABLET E CELULAR
   ========================================== */
@media (max-width: 1024px) {
    .btn-clareza .elementor-button,
    .btn-solucoes .elementor-button,
    .btn-vazado-escuro .elementor-button,
    .btn-vazado-claro .elementor-button {
        font-size: 12px !important;
    }
}/* End custom CSS */