@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;700;800&display=swap');

body {
  font-family: 'League Spartan', sans-serif;
}
/* Estilos personalizados para el sitio datatobe */

html {
  scroll-behavior: smooth;
}

.material-icons {
  font-size: 1.2rem;
  vertical-align: middle;
}

/* === Estilos personalizados para el sitio DataToBe === */

.text-brand {
  color: #121C2C; /* Color del logo */
}

.bg-brand {
  background-color: #121C2C;
}

.border-brand {
  border-color: #121C2C;
}

.btn-brand {
  background-color: #002855;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  transition: background-color 0.3s ease;
}

.btn-brand:hover {
  background-color: #0e1623;
}

.font-archivo-black {
  font-family: 'Archivo Black', sans-serif;
}

.logo-text {
  font-weight: 800;
  transition: opacity 0.3s ease;
}

.logo-text:hover {
  color: #facc15; /* Amarillo Tailwind (yellow-400) */
}


.menu-link {
  color: white;
  font-weight: 500;
  transition: color 0.3s;
}

.menu-link:hover {
  color: #facc15; /* amarillo tailwind: yellow-400 */
}

.menu-button {
  display: inline-flex;
  align-items: center;
  background-color: #facc15;
  color: #1f2937; /* gray-900 */
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  transition: background-color 0.3s;
  text-align: center;
  justify-content: center;
}

.menu-button:hover {
  background-color: #fde68a; /* yellow-300 */
}