/* ===================================================
   BRAND.CSS — Samon Barbosa Advogados Associados
   Fonte unica de verdade para tokens de design.
   Atualizado: 2026-04-20
   =================================================== */

:root{
    /* ----- CORES PRIMARIAS ----- */
    --bg: #050507;
    --bg-card: rgba(255,255,255,0.02);
    --bg-card-hover: rgba(255,255,255,0.045);

    /* Bordas */
    --border: rgba(255,255,255,0.06);
    --border-hover: rgba(255,255,255,0.12);

    /* Textos (sobre fundo escuro) */
    --text: #e8e8ec;
    --text2: rgba(255,255,255,0.55);
    --text3: rgba(255,255,255,0.30);

    /* Dourados da marca */
    --gold: #b8a369;
    --gold-light: #d4c490;
    --gold-dark: #a08940;
    --gold-glow: rgba(184,163,105,0.08);
    --gold-gradient: linear-gradient(135deg,#b8a369,#d4c490,#a08940);

    /* ----- CORES SECUNDARIAS ----- */

    /* Verde WhatsApp */
    --green: #25D366;
    --green-hover: #1ebe57;
    --green-glow: rgba(37,211,102,0.25);
    --green-soft: rgba(37,211,102,0.04);
    --green-border: rgba(37,211,102,0.3);

    /* Ambar de alerta (golpe, avisos) */
    --amber: #e3b03a;
    --amber-bg: rgba(227,176,58,0.06);
    --amber-bg-strong: rgba(227,176,58,0.15);
    --amber-border: rgba(227,176,58,0.30);
    --amber-glow: rgba(227,176,58,0.08);

    /* Vermelho de erro (inputs, validacao) */
    --danger: #ef4444;

    /* Verde de sucesso (admin badges) */
    --success: #66bb6a;
    --success-bg: rgba(76,175,80,0.15);
    --success-border: rgba(76,175,80,0.30);

    /* Rosa/roxo Instagram (float) */
    --ig-gradient: linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4);
    --ig-glow: rgba(221,42,123,0.3);

    /* ----- ESCALA TIPOGRAFICA ----- */
    --text-xs:    .68em;   /* labels uppercase, tags */
    --text-sm:    .78em;   /* metadata, datas */
    --text-body:  .92em;   /* corpo padrao */
    --text-base:  1em;
    --text-md:    1.15em;  /* subtitulos pequenos */
    --text-lg:    1.5em;   /* H4, callouts */
    --text-h3:    1.9em;
    --text-h2:    2.6em;
    --text-h1:    3.4em;
    --text-hero:  4em;

    /* ----- PESOS DE FONTE ----- */
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    /* ----- ESPACAMENTOS / RAIOS ----- */
    --radius-sm: 2px;   /* botoes CTA */
    --radius-md: 4px;   /* cards */
    --radius-lg: 6px;   /* modais */
    --radius-pill: 40px; /* chips, pills */

    /* ----- SOMBRAS ----- */
    --shadow-sm: 0 4px 20px rgba(37,211,102,0.25);
    --shadow-md: 0 10px 28px rgba(37,211,102,0.25);
    --shadow-card: 0 20px 60px rgba(0,0,0,0.25);
    --shadow-modal: 0 30px 80px rgba(0,0,0,0.6);
    --shadow-gold: 0 0 40px rgba(184,163,105,0.04);

    /* ----- TRANSICOES ----- */
    --ease: cubic-bezier(0.16,1,0.3,1);
    --ease-smooth: cubic-bezier(0.4,0,0.2,1);
    --dur-fast: .3s;
    --dur-med: .5s;
    --dur-slow: .8s;
}

/* ===================================================
   TIPOGRAFIA DE BASE
   =================================================== */

html{ scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body{
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--text);
    background: var(--bg);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

a{ text-decoration: none; color: inherit; }
button{ font-family: inherit; cursor: pointer; }

.garamond{ font-family: 'Cormorant Garamond', Georgia, serif; }
.playfair{ font-family: 'Playfair Display', Georgia, serif; }

/* ===================================================
   COMPONENTES COMPARTILHADOS (uso opcional)
   Cada pagina pode importar brand.css e usar as classes
   abaixo OU manter suas definicoes proprias se precisar
   de variacoes.
   =================================================== */

/* ----- ALERT SCAM STATIC (banner anti-golpe fixo) ----- */
.brand-alert-scam{
    max-width: 1040px;
    margin: 0 auto;
}
.brand-alert-scam-inner{
    padding: 22px 28px;
    border: 1px solid var(--amber-border);
    border-left: 3px solid var(--amber);
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, var(--amber-bg), rgba(227,176,58,0.02));
    display: flex;
    align-items: flex-start;
    gap: 18px;
}
.brand-alert-scam-icon{
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--amber-bg-strong);
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand-alert-scam-icon svg{
    width: 18px;
    height: 18px;
    stroke: var(--amber);
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.brand-alert-scam-title{
    font-size: var(--text-xs);
    color: var(--amber);
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: var(--fw-semibold);
    margin-bottom: 6px;
}
.brand-alert-scam-text{
    color: var(--text2);
    font-size: var(--text-body);
    line-height: 1.7;
    font-weight: var(--fw-light);
}
.brand-alert-scam-text strong{ color: var(--text); font-weight: var(--fw-medium); }
.brand-alert-scam-text a{ color: var(--gold); font-weight: var(--fw-medium); transition: color var(--dur-fast); }
.brand-alert-scam-text a:hover{ color: var(--gold-light); }

@media(max-width: 700px){
    .brand-alert-scam-inner{ flex-direction: column; gap: 12px; padding: 18px 20px; }
}

/* ----- CHAT FLOAT (botao WhatsApp flutuante) ----- */
.brand-chat-float{
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 999;
    display: flex;
    gap: 14px;
}
.brand-chat-float-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--green);
    color: white;
    box-shadow: var(--shadow-sm);
    transition: transform var(--dur-fast) var(--ease);
    animation: brandPulse 2.5s infinite;
}
.brand-chat-float-btn svg{ width: 28px; height: 28px; fill: white; }
.brand-chat-float-btn:hover{ transform: scale(1.08); }
.brand-chat-float-ig{
    background: var(--ig-gradient) !important;
    box-shadow: 0 6px 28px var(--ig-glow) !important;
    animation: none !important;
}
.brand-chat-float-ig svg{ fill: none !important; }

@keyframes brandPulse{
    0%   { box-shadow: 0 0 0 0 rgba(37,211,102,0.45); }
    70%  { box-shadow: 0 0 0 22px rgba(37,211,102,0); }
    100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}

/* ----- REDUCED MOTION ----- */
@media (prefers-reduced-motion: reduce){
    *{
        animation-duration: 0.01ms !important;
        animation-delay: 0ms !important;
        transition-duration: 0.01ms !important;
    }
}