/* Paleta Aiho */
:root {
  --azul: #0A3D62;
  --verde: #1ABC9C;
  --vermelho: #C0392B;
  --cinza-escuro: #2C3E50;
  --cinza-claro: #F4F6F7;
  --branco: #FFFFFF;
}

/* Reset */
body {
  font-family: "Helvetica Neue", Arial, sans-serif;
  line-height: 1.6;
  background-color: var(--cinza-claro);
  color: var(--cinza-escuro);
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
}

/* Navbar */
.navbar {
  background-color: var(--azul) !important;
}
.navbar-brand, .nav-link {
  color: var(--branco) !important;
  font-weight: 500;
}
.nav-link:hover {
  color: var(--verde) !important;
}

/* Hero */
.hero-section {
  background: linear-gradient(135deg, var(--azul), var(--verde));
  min-height: 90vh;
  padding-top: 5rem;
}
.hero-section h1 { font-weight: 700; }
.hero-section p.lead { font-size: 1.25rem; }

/* Seções */
section { padding-top: 4rem; padding-bottom: 4rem; margin: 0; }

/* O que fazemos */
#sobre {
  background-color: #E5E8E8; /* cinza suave */
}
#sobre .card {
  background-color: var(--branco);
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

/* Hospitais */
#hospitais {
  background-color: #E8F4FD; /* azul claro */
}
#hospitais .custom-card {
  background-color: #F5FAFF; /* azul ainda mais claro */
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

/* SUS */
#sus {
  background-color: #E9F7EF; /* verde claro */
}
#sus .custom-card {
  background-color: #F6FCF9; /* verde ainda mais claro */
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

/* Operadoras */
#operadoras {
  background-color: #FDEDEC; /* vermelho claro */
}
#operadoras .custom-card {
  background-color: #FEF5F5; /* vermelho ainda mais claro */
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}
#operadoras h2 i { color: var(--vermelho); }

/* Cards de conteúdo */
.custom-card p {
  margin-bottom: 1.2rem;
  font-size: 1.05rem;
  line-height: 1.6;
}

/* Botões */
.btn-primary {
  background-color: var(--verde);
  border: none;
}
.btn-primary:hover {
  background-color: #15967D;
}

/* Footer */
footer {
  background-color: var(--azul);
  color: var(--branco);
}

/* Responsividade */
@media (max-width: 768px) {
  .hero-section { min-height: 70vh; padding-top: 6rem; }
  h1.display-4 { font-size: 2rem; }
  p.lead { font-size: 1rem; }
}