/* ==========================================================================
   FUENTES LOCALES (Variable Fonts)
   ========================================================================== */
@font-face {
  font-family: 'Merriweather';
  src: url('../assets/fonts/Merriweather-VariableFont_opsz,wdth,wght.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  src: url('../assets/fonts/Merriweather-Italic-VariableFont_opsz,wdth,wght.woff2') format('woff2');
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../assets/fonts/OpenSans-VariableFont_wdth,wght.woff2') format('woff2');
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.woff2') format('woff2');
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}


/* ==========================================================================
   REGLAS MOBILE-FIRST Y TOUCH UI
   ========================================================================== */
a, button {
  min-width: 48px;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* Solo animar hovers si el dispositivo soporta puntero fino (Desktop/Mouse) */
@media (hover: hover) and (pointer: fine) {
  a:hover, button:hover {
    filter: brightness(1.1);
    transform: translateY(-2px);
  }
}

/* ==========================================================================
   UTILIDADES ESPECÍFICAS
   ========================================================================== */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.material-symbols-outlined.fill {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* ==========================================================================
   UTILIDADES ESPECÍFICAS
   ========================================================================== */
.hide-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.hide-scrollbar::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}