/* ============================================================
   Waretype — Estilos Personalizados
   Sistema de diseño: High-Contrast Minimalism
   Fuentes: Hanken Grotesk + JetBrains Mono (Google Fonts)
   ============================================================ */

/* --- Material Symbols (iconos) --- */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

/* --- Hero gradient --- */
.hero-gradient {
  background: linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%);
}

/* --- Tarjetas de servicio --- */
.service-card {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.service-card:hover {
  transform: translateY(-4px);
  border-color: #000000;
}

/* --- Logo --- */
.brand-logo-img {
  max-height: 48px;
  width: auto;
}

/* --- Menú móvil --- */
#mobile-menu-container.open {
  transform: translateX(0);
}