/* JVA ADVOGADOS - BRAND UPDATED ASSET (LORA + INSTITUTIONAL BLUE) */
body { 
    font-family: 'Lora', serif; 
    background-color: #020617; 
    color: #f8fafc; 
    overflow-x: hidden; 
}

.glass { 
    background: rgba(248, 250, 252, 0.02); 
    backdrop-filter: blur(15px); 
    border: 1px solid rgba(248, 250, 252, 0.08); 
}

.bg-brand-blue {
    background-color: #1e3a8a;
    color: #ffffff;
}

.hero-mesh {
    background: 
        radial-gradient(circle at 50% 50%, rgba(2, 6, 23, 0.8) 0%, rgba(2, 6, 23, 1) 100%),
        radial-gradient(circle at 50% -10%, rgba(30, 58, 138, 0.15), rgba(255, 255, 255, 0));
}

.text-glow { text-shadow: 0 0 35px rgba(255, 255, 255, 0.1); }

#mobile-menu {
    clip-path: circle(0% at 92% 5%);
    transition: clip-path 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    pointer-events: none;
    opacity: 0;
    z-index: 200;
}

#mobile-menu.active {
    clip-path: circle(150% at 92% 5%);
    pointer-events: all;
    opacity: 1;
}

.parallax-container { 
    overflow: hidden; 
    border-radius: 1.5rem; 
    position: relative; 
}

.parallax-img { 
    transition: transform 1.2s cubic-bezier(0.2, 0, 0.2, 1); 
    filter: grayscale(100%) brightness(0.7); 
}

.parallax-container:hover .parallax-img { 
    transform: scale(1.1); 
    filter: grayscale(0%) brightness(1); 
}

::selection { background: rgba(30, 58, 138, 0.4); color: #fff; }