/* ==========================
   Estilos Corporativos Ingesis
   ========================== */

/* Tipografía global */
html, body {
  font-family: "Quicksand", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Titulares */
h1, h2, h3, .entry-title, .has-large-font-size {
  font-family: "Montserrat", "Quicksand", sans-serif;
  font-weight: 600; /* Semibold */
}

/* Menú y botones */
.main-navigation a,
.elementor-nav-menu a,
button, .button, .wp-element-button,
.woocommerce a.button, .woocommerce button.button {
  font-family: "Montserrat", "Quicksand", sans-serif;
  border-radius: 0;
  text-transform: none;
}

/* Colores corporativos */
a {
  color: #582776; /* Morado Ingesis */
}
a:hover {
  color: #e8112d; /* Rojo Ingesis */
}

button, .button, .wp-element-button,
.woocommerce a.button, .woocommerce button.button {
  background-color: #582776;
  color: #fff;
  border: 2px solid #582776;
}

button:hover, .button:hover, .wp-element-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover {
  background-color: #e8112d;
  border-color: #e8112d;
  color: #fff;
}

/* Evitar que en móvil se cuele Roboto de otros estilos */
@media (max-width: 480px) {
  .elementor-nav-menu ul.sub-menu li a {
    font-family: "Montserrat", "Quicksand", sans-serif !important;
  }
}