/* Estilos Customizados Complementares - Guilherme Teixeira Advocacia */

/* Scroll Suave */
html {
    scroll-behavior: smooth;
}

/* Variáveis CSS do Design System */
:root {
    --color-primary-base: #3E2723;
    --color-primary-light: #5D4037;
    --color-primary-dark: #27120B;
    --color-secondary-base: #C5A059;
    --color-secondary-light: #E5C995;
    --color-secondary-dark: #8C6D39;
    --color-neutral-100: #FAF6EE;
    --color-neutral-200: #F3EAE1;
    --color-neutral-300: #E6DDD5;
    --color-neutral-400: #C2B6A9;
    --color-neutral-600: #7A6F62;
    --color-neutral-800: #2C2520;
    --color-neutral-900: #1C1510;
}

/* Glassmorphism premium */
.glass-effect {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.glass-card-dark {
    background: rgba(39, 18, 11, 0.6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(197, 160, 89, 0.2);
}

/* Customização do Botão Flutuante do WhatsApp */
.whatsapp-float {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 999;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.whatsapp-float:hover {
    transform: translateY(-5px) scale(1.05);
}

/* Efeito de brilho na borda dourada */
.gold-glow {
    box-shadow: 0 0 15px rgba(197, 160, 89, 0.2);
}

.gold-glow:hover {
    box-shadow: 0 0 25px rgba(197, 160, 89, 0.45);
}

/* Efeito de sobreposição e zoom em cards */
.service-card-hover {
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.service-card-hover:hover {
    transform: translateY(-6px);
    border-color: var(--color-secondary-base);
    box-shadow: 0 12px 24px -10px rgba(62, 39, 35, 0.15);
}

/* Acordeon FAQ */
.faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.faq-item.active .faq-content {
    max-height: 300px;
}

.faq-item.active .faq-icon {
    transform: rotate(180deg);
}

/* Moldura do Hero */
.hero-frame-effect {
    position: relative;
}

.hero-frame-effect::before {
    content: '';
    position: absolute;
    top: -12px;
    left: -12px;
    width: 60px;
    height: 60px;
    border-top: 3px solid var(--color-secondary-base);
    border-left: 3px solid var(--color-secondary-base);
    z-index: 10;
}

.hero-frame-effect::after {
    content: '';
    position: absolute;
    bottom: -12px;
    right: -12px;
    width: 60px;
    height: 60px;
    border-bottom: 3px solid var(--color-secondary-base);
    border-right: 3px solid var(--color-secondary-base);
    z-index: 10;
}

/* Customização dos botões da equipe */
.team-member-card {
    transition: all 0.3s ease;
}

.team-member-card:hover {
    box-shadow: 0 10px 20px -5px rgba(62, 39, 35, 0.1);
}

/* Estilo para abas do mapa */
.map-tab-btn.active {
    background-color: var(--color-primary-base);
    color: #FFFFFF;
    border-color: var(--color-primary-base);
}