/* =========================================================================
   theme.css — Reskin visual del CHROME compartido (navbar + footer)
   -------------------------------------------------------------------------
   Cambia SOLO la gráfica (paleta, tipografía de marca, acentos dorados) del
   header y footer que viven en base.html. NO reescribe estructura ni toca la
   funcionalidad Bootstrap (dropdown, collapse móvil, selector de idioma).
   NO cambia --primary-color global para no recolorear el cuerpo de otras
   páginas. Se carga DESPUÉS de style.css para poder sobrescribir.
   ========================================================================= */

:root{
  --vap-teal:#17658f;
  --vap-teal-deep:#123f5f;
  --vap-gold:#e7a417;
  --vap-gold-bright:#ffd66b;
  --vap-dark:#08202f;
  --vap-dark-2:#0c2c3f;
  --vap-display:"Manrope",system-ui,sans-serif;

  /* Recolorea TODO el "primario" de Bootstrap al teal nuevo (adiós azul).
     Afecta btn-outline-primary, links, anillos de foco, .text-primary, etc. */
  --bs-primary:#17658f;
  --bs-primary-rgb:23,101,143;
  --bs-primary-text-emphasis:#123f5f;
  --bs-primary-border-subtle:#a9c9db;
  --bs-link-color:#17658f;
  --bs-link-color-rgb:23,101,143;
  --bs-link-hover-color:#123f5f;
  --bs-link-hover-color-rgb:18,63,95;
}

/* ---------- NAVBAR ---------- */
/* Fondo oscuro teal en vez del azul (bg-primary lleva !important en style.css) */
.navbar.bg-primary{
  background:linear-gradient(90deg,var(--vap-dark) 0%,var(--vap-dark-2) 100%) !important;
  border-bottom:1px solid #ffffff14;
}
.navbar .navbar-brand{
  font-family:var(--vap-display);
  font-weight:800;
  letter-spacing:-.02em;
}
/* El micrófono de la marca en dorado */
.navbar .navbar-brand .bi-mic-fill{
  color:var(--vap-gold-bright);
}
/* Acento dorado al pasar el mouse por los links del nav */
.navbar .nav-link:hover,
.navbar .nav-link:focus{
  color:var(--vap-gold-bright) !important;
}
/* Botón "Demo" destacado: mantener, pero armonizar el borde */
.navbar .demo-gratis-nav-btn{
  border-radius:20px;
}

/* ---------- FOOTER ---------- */
footer.bg-dark{
  background:var(--vap-dark) !important;
}
/* Encabezados de marca del footer con la tipografía display */
footer.bg-dark h5,
footer.bg-dark h6{
  font-family:var(--vap-display);
}
/* Acentos cian (text-info) -> dorado, para unificar con el nuevo look */
footer.bg-dark .text-info{
  color:var(--vap-gold-bright) !important;
}
footer.bg-dark .hover-info:hover{
  color:var(--vap-gold-bright) !important;
}