/* Instituto Base Segura - Custom Styles */

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Offset para âncoras do menu não ficarem escondidas atrás do navbar fixo */
section[id] {
  scroll-margin-top: 5.5rem;
}

/* Navbar transition */
#navbar {
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

/* Hero overlay — leve, pois a imagem de fundo já tem o centro escuro p/ o texto */
.hero-overlay {
  background: linear-gradient(180deg, rgba(7, 16, 32, 0.20) 0%, rgba(7, 16, 32, 0.28) 55%, rgba(7, 16, 32, 0.45) 100%);
}

/* Hero responsivo:
   - Mobile: fundo navy sólido (a imagem entra como banner no topo)
   - Desktop (md+): imagem de fundo cobrindo a seção */
.hero-section {
  background-color: #011C3E;
}
@media (min-width: 768px) {
  .hero-section {
    background-image: url('../assets/img/herosection.jpg');
    background-size: cover;
    background-position: center;
  }
}

/* CTA button pulse effect */
.btn-cta {
  position: relative;
  overflow: hidden;
}

.btn-cta::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.15);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.btn-cta:hover::after {
  opacity: 1;
}

/* Gold accent color */
:root {
  --gold: #F26A21;
  --gold-light: #F68B4F;
  --dark-navy: #0A1628;
  --navy: #0D2137;
}

/* Floating WhatsApp button */
.floating-wa-btn {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  animation: pulse-green 2.6s ease infinite;
}
.floating-wa-btn:hover {
  transform: scale(1.08);
}
@keyframes pulse-green {
  0%, 100% { box-shadow: 0 6px 24px rgba(37, 211, 102, 0.45); }
  50%      { box-shadow: 0 6px 36px rgba(37, 211, 102, 0.75); }
}

/* Accordion (details/summary) — esconde o marcador nativo */
.acc summary { list-style: none; }
.acc summary::-webkit-details-marker { display: none; }
.acc summary { transition: background 0.2s ease; }
.acc summary:hover { background: rgba(242, 106, 33, 0.06); }
.acc[open] > summary { background: rgba(242, 106, 33, 0.05); }

/* Founder photo: realce sutil adicional (o tratamento principal é no arquivo) */
.founder-photo-img { transition: transform 0.4s ease; }
.founder-photo:hover .founder-photo-img { transform: scale(1.03); }