/* ee-cod | Tema: Senna Brasil Premium
   Direção: Apple + Brasil + velocidade elegante
   Sem imagem fixa externa. SVG integrado no próprio código.
*/

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    overflow-x: hidden;

    color: #08245f !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;

    background-color: #f7f9fc !important;
    background-image:
        radial-gradient(circle at 50% 8%, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.78) 32%, rgba(239,244,250,0.92) 100%),
        linear-gradient(180deg, #ffffff 0%, #f6f8fb 48%, #eef3f8 100%) !important;

    background-attachment: fixed !important;
    -webkit-font-smoothing: antialiased;
    position: relative;
}

/* Arte integrada: linhas Brasil + capacete abstrato estilo Senna */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1000'%3E%3Cdefs%3E%3ClinearGradient id='g1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23002776' stop-opacity='.22'/%3E%3Cstop offset='.5' stop-color='%2300A859' stop-opacity='.18'/%3E%3Cstop offset='1' stop-color='%23FFCC29' stop-opacity='.18'/%3E%3C/linearGradient%3E%3Cfilter id='blur'%3E%3CfeGaussianBlur stdDeviation='18'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M-120 260 C180 100 350 300 610 210 C880 115 1130 80 1730 130' fill='none' stroke='%23002776' stroke-width='22' opacity='.11'/%3E%3Cpath d='M-140 315 C190 135 420 360 710 245 C1010 125 1250 140 1740 210' fill='none' stroke='%2300A859' stroke-width='18' opacity='.18'/%3E%3Cpath d='M-150 365 C190 185 500 450 830 295 C1120 160 1320 210 1750 300' fill='none' stroke='%23FFCC29' stroke-width='12' opacity='.26'/%3E%3Cpath d='M-160 760 C220 620 430 810 760 700 C1050 604 1260 650 1740 560' fill='none' stroke='%23002776' stroke-width='7' opacity='.13'/%3E%3Cpath d='M-160 810 C260 650 500 875 850 730 C1120 620 1360 690 1740 610' fill='none' stroke='%2300A859' stroke-width='9' opacity='.17'/%3E%3Cpath d='M-160 850 C270 705 550 920 920 780 C1200 675 1400 720 1740 690' fill='none' stroke='%23FFCC29' stroke-width='6' opacity='.22'/%3E%3Ccircle cx='1210' cy='330' r='185' fill='none' stroke='%23002776' stroke-width='10' opacity='.055'/%3E%3Cpath d='M1055 345 C1088 228 1190 158 1322 180 C1432 198 1510 285 1518 392 C1442 354 1320 340 1198 365 C1142 377 1092 389 1055 345Z' fill='none' stroke='%23002776' stroke-width='9' opacity='.07'/%3E%3Cpath d='M1110 365 C1190 333 1340 318 1486 382' fill='none' stroke='%2300A859' stroke-width='12' opacity='.08'/%3E%3Cpath d='M1130 402 C1230 370 1360 370 1486 424' fill='none' stroke='%23FFCC29' stroke-width='8' opacity='.10'/%3E%3Cpath d='M1170 455 C1260 485 1375 470 1458 420' fill='none' stroke='%23002776' stroke-width='7' opacity='.055'/%3E%3Cpath d='M220 605 C280 575 350 574 420 605' fill='none' stroke='%23002776' stroke-width='4' opacity='.10'/%3E%3Ctext x='205' y='660' font-family='Arial' font-size='70' fill='%23002776' opacity='.045' letter-spacing='8'%3ESENNA%3C/text%3E%3Cg opacity='.12'%3E%3Ccircle cx='132' cy='180' r='3' fill='%23002776'/%3E%3Ccircle cx='162' cy='180' r='3' fill='%23002776'/%3E%3Ccircle cx='192' cy='180' r='3' fill='%23002776'/%3E%3Ccircle cx='132' cy='210' r='3' fill='%2300A859'/%3E%3Ccircle cx='162' cy='210' r='3' fill='%2300A859'/%3E%3Ccircle cx='192' cy='210' r='3' fill='%2300A859'/%3E%3Ccircle cx='132' cy='240' r='3' fill='%23FFCC29'/%3E%3Ccircle cx='162' cy='240' r='3' fill='%23FFCC29'/%3E%3Ccircle cx='192' cy='240' r='3' fill='%23FFCC29'/%3E%3C/g%3E%3C/svg%3E") !important;

    background-size: cover;
    background-position: center top;
    opacity: 1;
}

/* Véu branco para dissipar SVG e dar contraste */
body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background:
        radial-gradient(circle at 50% 20%, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.15) 45%, rgba(255,255,255,0.02) 100%),
        linear-gradient(180deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.0) 50%, rgba(255,255,255,0.10) 100%);
}

/* Conteúdo acima da arte */
.profile-wrap {
    position: relative;
    z-index: 10;
    padding: 100px 24px 40px !important; 
    max-width: 460px !important;
}

/* Header integrado ao tema */
.top-nav {
    background: rgba(255,255,255,0.70) !important;
    border-bottom: 1px solid rgba(0,39,118,0.08) !important;
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    box-shadow: 0 10px 40px rgba(0,39,118,0.05);
}

.nav-logo,
.nav-logo span {
    color: #002776 !important;
}

.menu-toggle span {
    background: #002776 !important;
}

/* Avatar */
.profile-avatar,
.avatar,
.profile-photo,
.avatar-img { 
    border: 4px solid rgba(255,255,255,0.95) !important;
    box-shadow:
        0 18px 55px rgba(0,39,118,0.18),
        0 0 0 1px rgba(0,168,89,0.20),
        0 0 0 3px rgba(255,204,41,0.16) !important;
}

/* Nome estilo Apple Brasil */
.profile-name, .name-h1 {
    font-weight: 900 !important;
    text-transform: none !important;
    letter-spacing: -0.055em !important;
    color: #002776 !important; 
    text-shadow: 0 2px 15px rgba(255,255,255,1), 0 0 30px rgba(255,255,255,0.9) !important; 
}

/* BIO DO PERFIL */
.profile-bio,
.profile-description,
.profile-subtitle,
.profile-info,
.profile-meta,
.bio {
    color: #1a365d !important; 
    font-weight: 600 !important;
    font-size: 1.05rem !important; 
    line-height: 1.6 !important;
    text-shadow: 0 1px 15px rgba(255,255,255,1), 0 0 30px rgba(255,255,255,1) !important; 
}

/* Botão compartilhar */
.share-btn,
.btn-share,
.profile-share {
    background: rgba(255,255,255,0.85) !important; 
    color: #002776 !important;
    border: 1px solid rgba(0,39,118,0.15) !important;
    border-radius: 100px !important;
    font-weight: 700 !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 8px 20px rgba(0,39,118,0.12) !important;
}

/* Links estilo cards Apple */
.link-item {
    position: relative;
    z-index: 12;

    background: rgba(255,255,255,0.88) !important; 
    color: #002776 !important;

    border: 1px solid rgba(255,255,255,0.95) !important;
    border-radius: 20px !important;

    font-weight: 800 !important;
    font-size: 0.95rem !important;
    letter-spacing: -0.01em;

    box-shadow:
        0 12px 30px rgba(0,39,118,0.12),
        inset 0 1px 0 rgba(255,255,255,0.90) !important;

    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);

    margin-bottom: 16px !important;
    padding: 22px !important; 

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease;
}

.link-item:hover {
    background: #ffffff !important;
    color: #00A859 !important; 
    transform: translateY(-3px);
    box-shadow:
        0 18px 40px rgba(0,168,89,0.15),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

.link-item:active {
    transform: scale(0.97);
}

.link-item svg,
.link-item i,
.link-item .icon,
.link-icon-svg {
    color: inherit !important;
}

/* Selos */
.badge,
.profile-badge,
.verified-badge,
.badge-verified {
    background: linear-gradient(135deg, #002776, #00A859) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.72) !important;
    box-shadow: 0 6px 16px rgba(0,39,118,0.2);
    border-radius: 50% !important;
}
.badge-verified svg { fill: #fff; }

/* Frase de Rodapé escurecida e com aura branca */
.profile-wrap::after {
    content: "Se você tem tudo sob controle, é porque não está andando rápido o suficiente.";
    display: block;
    max-width: 90%;
    margin: 40px auto 20px;
    text-align: center;
    color: #002776 !important; 
    font-size: 0.90rem;
    line-height: 1.6;
    font-weight: 700; 
    font-style: italic;
    text-shadow: 0 1px 15px rgba(255,255,255,1), 0 0 25px rgba(255,255,255,1) !important; 
}


/* =========================================================
   CORREÇÃO CIRÚRGICA: SOBREPOSIÇÃO DO DARK MODE GLOBAL
   Estes elementos estavam herdando a cor #fff do style.css
   ========================================================= */

/* 1. Contador de Visualizações */
.profile-views,
.profile-views *,
.views-counter,
.views-counter *,
.view-count,
.stats,
.stats-text {
    color: #002776 !important;
    fill: #002776 !important;
    font-weight: 800 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 10px rgba(255,255,255,1), 0 0 20px rgba(255,255,255,1) !important;
}

/* 2. Rodapé do Sistema (BLINDAGEM TOTAL) 
   O asterisco (*) garante que o copyright, links e textos herdem a cor exata */
.system-footer,
.system-footer *,
.footer,
.footer * {
    color: #002776 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 10px rgba(255,255,255,1), 0 0 20px rgba(255,255,255,1) !important;
    text-decoration: none !important;
}

.system-footer a:hover,
.footer a:hover {
    color: #00A859 !important;
}

/* Mobile Responsividade Fina */
@media (max-width: 768px) {
    body { background-attachment: scroll !important; }

    body::before {
        background-size: 220% auto;
        background-position: center 5%;
    }

    body::after {
        background:
            radial-gradient(circle at 50% 18%, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0.25) 42%, rgba(255,255,255,0.05) 100%),
            linear-gradient(180deg, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0.05) 52%, rgba(255,255,255,0.15) 100%);
    }

    .profile-wrap { padding: 90px 20px 30px !important; }
    .profile-name, .name-h1 { font-size: 1.6rem !important; }
    .bio { font-size: 0.95rem !important; padding: 0 10px !important;}
    
    .link-item {
        border-radius: 18px !important;
        margin-bottom: 14px !important;
        padding: 20px !important;
    }

    .profile-wrap::after { font-size: 0.82rem; margin-top: 30px; }
}