:root {
        --cfc-button-primary-bg: #f0d202;
        --cfc-button-primary-text: #000400;
        --cfc-button-primary-hover: #fff27a;
        --cfc-button-dark-bg: #000400;
        --cfc-button-dark-text: #f0d202;
        --cfc-button-link-text: #000400;
    }
    .hero-cta-morph,
    .pro-whatsapp-cta,
    .services-conditions-button {
        background: var(--cfc-button-primary-bg) !important;
        color: var(--cfc-button-primary-text) !important;
        border-color: color-mix(in srgb, var(--cfc-button-primary-bg) 72%, #ffffff 28%) !important;
    }
    .hero-cta-morph:hover,
    .hero-cta-morph:focus-visible,
    .pro-whatsapp-cta:hover,
    .pro-whatsapp-cta:focus-visible,
    .services-conditions-button:hover,
    .services-conditions-button:focus-visible {
        background: var(--cfc-button-primary-hover) !important;
        color: var(--cfc-button-primary-text) !important;
    }
    .final-cta-button,
    #siteNav > div > a[href*="wa.me"],
    .mobile-nav-whatsapp {
        background: var(--cfc-button-dark-bg) !important;
        color: var(--cfc-button-dark-text) !important;
    }
    #siteNav > div > a[href*="wa.me"]:hover,
    .mobile-nav-whatsapp:hover,
    .final-cta-button:hover,
    .final-cta-button:focus-visible {
        background: var(--cfc-button-primary-bg) !important;
        color: var(--cfc-button-primary-text) !important;
    }
    #servicos a[href*="wa.me"] {
        color: var(--cfc-button-link-text) !important;
        border-bottom-color: transparent !important;
    }
    #servicos a[href*="wa.me"]:hover,
    #servicos a[href*="wa.me"]:focus-visible {
        border-bottom-color: var(--cfc-button-link-text) !important;
    }

.site-footer a {
    text-decoration: none;
}
.site-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#whatsappWidget {
        position: fixed;
        right: 18px;
        bottom: 20px;
        z-index: 1000;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 58px;
        min-width: 58px;
        max-width: 58px;
        height: 58px;
        min-height: 58px;
        max-height: 58px;
        aspect-ratio: 1 / 1;
        border: 0;
        border-radius: 50%;
        background: #25D366;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-decoration: none;
        line-height: 0;
        flex: 0 0 58px;
        transform-origin: center;
        transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
        -webkit-tap-highlight-color: transparent;
    }
    #whatsappWidget::before,
    #whatsappWidget::after {
        content: none !important;
        display: none !important;
    }
    #whatsappWidget img {
        width: 58px;
        height: 58px;
        min-width: 58px;
        min-height: 58px;
        max-width: 58px;
        max-height: 58px;
        display: block;
        object-fit: contain;
        border-radius: 50%;
        flex: 0 0 58px;
        position: relative;
        z-index: 1;
    }
    #whatsappWidget:hover,
    #whatsappWidget:focus-visible {
        transform: translateY(-2px) scale(1.02);
        background: #20c45b;
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26);
        outline: none;
    }
    #alertWapp {
        position: fixed;
        right: 12px;
        bottom: 72px;
        width: 17px;
        height: 17px;
        z-index: 1002;
        background: #ff2b2b;
        color: #fff;
        font-size: 11px;
        text-align: center;
        border-radius: 50%;
        font-weight: 900;
        line-height: 17px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.22);
        visibility: hidden;
    }
    #msgTooltip {
        position: fixed;
        right: 86px;
        bottom: 32px;
        width: 78px;
        background: #fff;
        padding: 6px 8px;
        font-size: 12px;
        line-height: 1.08em;
        border-radius: 9px;
        border: 1px solid #e5e5e5;
        box-shadow: 0 6px 14px rgba(0,0,0,0.14);
        font-family: "Space Grotesk", "Inter", sans-serif;
        font-weight: 700;
        color: #111;
        transform: translateX(12px);
        opacity: 0;
        visibility: hidden;
        transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s linear 0.3s;
        z-index: 1001;
        text-wrap: balance;
        cursor: pointer;
    }
    #msgTooltip.is-visible {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }
    #msgTooltip::after {
        content: "";
        position: absolute;
        right: -7px;
        bottom: 12px;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid #fff;
        z-index: 12;
    }