/* Lidera SST — estilos compartilhados de componentes/marketing */

body { font-family: 'Inter', sans-serif; }

/* Nav de vidro */
.glass-nav  { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }

/* Gradientes de marca */
.sig-grad        { background: linear-gradient(135deg, #004e8a 0%, #0066b2 100%); }
.sig-grad:hover  { background: linear-gradient(135deg, #0066b2 0%, #004e8a 100%); }
.club-grad       { background: linear-gradient(135deg, #3d2fa8 0%, #5b47e0 55%, #7a5cff 100%); }
.teal-grad       { background: linear-gradient(135deg, #00564d 0%, #0a7d70 100%); }

.text-grad-blue { background: linear-gradient(120deg, #0066b2, #004e8a); -webkit-background-clip: text; background-clip: text; color: transparent; }
.text-grad-club { background: linear-gradient(120deg, #7a5cff, #5b47e0); -webkit-background-clip: text; background-clip: text; color: transparent; }

.dot-grid { background-image: radial-gradient(rgba(0,78,138,.10) 1px, transparent 1px); background-size: 22px 22px; }
.dot-grid-club { background-image: radial-gradient(rgba(91,71,224,.12) 1px, transparent 1px); background-size: 22px 22px; }

/* Reveal on scroll */
.reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in { opacity: 1; transform: none; }
.reveal-d1 { transition-delay: .1s; }
.reveal-d2 { transition-delay: .2s; }
.reveal-d3 { transition-delay: .3s; }
@media (prefers-reduced-motion: reduce) {
    .reveal { opacity: 1; transform: none; transition: none; }
}
html.no-anim .reveal { opacity: 1; transform: none; transition: none; }

/* FAQ accordion */
details.faq summary::-webkit-details-marker { display: none; }
details.faq summary .faq-icon { transition: transform .3s ease; }
details.faq[open] summary .faq-icon { transform: rotate(45deg); }

/* Nav link ativo (scroll spy) */
.nav-link { position: relative; }
.nav-link.active { color: #004e8a; }
.nav-link.active::after { transform: scaleX(1); }
.nav-link::after {
    content: ''; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px;
    background: #0066b2; border-radius: 2px; transform: scaleX(0); transition: transform .25s ease;
}

/* Âncora com offset do nav fixo */
:target { scroll-margin-top: 90px; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Cartão de funcionalidade padrão */
.feat-card { transition: transform .25s ease, box-shadow .25s ease; }
.feat-card:hover { transform: translateY(-4px); }