html { scroll-behavior: smooth; }

/* Paleta de Cores do Tema */
:root {
    --brand-dark: #1f3b57; /* Azul ardosia */
    --brand-gold: #d4af37; /* Dourado */
    --brand-goldhover: #b5952f;
    --brand-light: #e9eef4; /* Cinza-azulado claro */
}

body {
    background-color: var(--brand-light);
    color: #222;
    font-family: 'Segoe UI', 'Arial', sans-serif;
}

/* Imagem de fundo da primeira seção com sobreposição escura */
.hero-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: linear-gradient(rgba(31, 59, 87, 0.44), rgba(31, 59, 87, 0.58)), url('img/hero-juridico-iluminado.jpg');
}

.socios-split {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 0.5rem;
    background: #efebe5;
}

.socios-split img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.socio-andre-topo {
    clip-path: polygon(0 0, 100% 0, 0 100%);
    object-position: 66% 24%;
    transform: scale(1.2);
}

.socio-vitor-base {
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    object-position: 72% 62%;
    transform: scale(1.2);
}

.socios-split-diagonal {
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg, transparent 49.3%, rgba(255, 255, 255, 0.92) 50%, transparent 50.7%);
    pointer-events: none;
}