/* ==========================================================================
   fp-universal.css — Elementos Universais fullProject
   Carregado pelo index.php em TODOS os templates (epema, indsutrio, MyPage
   e futuros). Diferente do fp-carousel.css (exclusivo do hero), este
   arquivo cobre elementos que aparecem fora do hero — botões flutuantes,
   utilitários de página, e qualquer componente global do site.

   Acoplado ao jsoncores.php universal via variáveis CSS semânticas
   (--COR-PRINCIPAL, --COR2, --COR7 etc.) com fallback seguro.
   ========================================================================== */

/* ─── 1. BACK TO TOP ───────────────────────────────────────────────────────
   Usado no index.php universal, fora do escopo de qualquer template.
   ========================================================================== */
.back-to-top,
.scroll-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 25px;
    bottom: 25px;
    z-index: 996;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--COR-PRINCIPAL, #2E6B5E);
    color: var(--COR7, #FFFFFF) !important;
    transition: all 0.4s ease;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
    text-decoration: none;
}

.back-to-top i,
.scroll-top i {
    font-size: 24px;
    line-height: 0;
}

.back-to-top:hover,
.scroll-top:hover {
    background: var(--COR2, #C9824A);
    color: var(--COR7, #FFFFFF) !important;
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}

.back-to-top.active,
.scroll-top.active {
    visibility: visible;
    opacity: 1;
}

/* NOTA: A classe .active é controlada via JavaScript (fp-universal.js),
   que monitora o scroll da página e adiciona/remove .active conforme
   o usuário se afasta ou se aproxima do topo. Sem o JS, o botão fica
   sempre invisível (visibility: hidden por padrão acima). */

@media (max-width: 575.98px) {
    .back-to-top,
    .scroll-top {
        right: 16px;
        bottom: 16px;
        width: 40px;
        height: 40px;
    }
    .back-to-top i,
    .scroll-top i {
        font-size: 20px;
    }
}

/* ─── 2. RESERVADO PARA PRÓXIMOS ELEMENTOS UNIVERSAIS ─────────────────────
   Exemplos futuros: scroll progress bar, cookie consent banner,
   preloader, modal de newsletter, badge de "site em construção" etc.
   Adicionar aqui sempre que o elemento for usado pelo index.php
   universal, fora do contexto de um template específico.
   ========================================================================== */

/* ==========================================================================
   fullProject — CORREÇÃO DO VAZAMENTO DO WHATSAPP
   O whatsapp.php injeta --accent-color: #FF4081 via <style> inline APÓS
   todos os CSS externos. Esta regra no fp-universal.css (carregado por último)
   força o reset para a cor do cliente via COR3.
   ========================================================================== */
:root {
    --accent-color: var(--COR3) !important;
}

/* Garante que botões primários nunca usem o rosa do WhatsApp */
.btn-custom.primary,
.about .bottom-section .action-buttons .btn-custom.primary,
a.btn-custom.primary {
    background-color: var(--COR3) !important;
    color: var(--COR7) !important;
    border-color: var(--COR3) !important;
}

.btn-custom.primary:hover,
.about .bottom-section .action-buttons .btn-custom.primary:hover {
    background-color: var(--COR4) !important;
    border-color: var(--COR4) !important;
    color: var(--COR7) !important;
}