/* ===== WhatsApp-like fine adjustments ===== */
:root {
  --wa-green: #25D366;
  --wa-dark-green: #128C7E;
  --wa-light-bg: #ECE5DD;
  --wa-card: #FFFFFF;
  --wa-border: #E0E0E0;
  --wa-text: #111B21;
}

/* Ajustes finos, no layout principal */
body {
  -webkit-tap-highlight-color: transparent;
  background-color: var(--wa-light-bg);
  color: var(--wa-text);
}

.card {
  border-radius: 0.75rem;
  background: var(--wa-card);
  border: 1px solid var(--wa-border);
}

.section-title {
  font-size: 0.95rem;
  font-weight: 600;
  margin-top: 20px;
  border-left: 4px solid var(--wa-green);
  padding-left: 8px;
  color: var(--wa-dark-green);
}

.voice-btn {
  border: 1px solid var(--wa-green);
  background: var(--wa-green);
  color: #fff;
  padding: 6px 10px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}

.voice-btn:active {
  background: var(--wa-dark-green);
}


/* ===== Override Bootstrap primary (WhatsApp style) ===== */

/* Navbar superior */
.navbar,
.navbar.bg-primary {
  background-color: var(--wa-dark-green) !important;
}

/* Footer inferior */
footer,
footer.bg-primary {
  background-color: var(--wa-dark-green) !important;
}

/* Botones primarios */
.btn-primary {
  background-color: var(--wa-green) !important;
  border-color: var(--wa-green) !important;
}

.btn-primary:hover {
  background-color: var(--wa-dark-green) !important;
  border-color: var(--wa-dark-green) !important;
}

/* Links */
a {
  color: var(--wa-dark-green);
}
a:hover {
  color: var(--wa-green);
}

/* Contenedor general para que respire el fondo */
.container {
  background: transparent;
}