:root {
  /* Variables editables para el negocio que contactemos*/
  --primary: #1e293b; /* Color principal (botones, titulos) */
  --secondary: #64748b; /* Color secundario (textos suaves dentro de la pagina) */
  --bg: #f8fafc; /* Fondo de la página */
}

body {
  background-color: var(--bg);
  font-family: system-ui, -apple-system, sans-serif;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

body {
  background-color: var(--bg);
  font-family: system-ui, -apple-system, sans-serif;

  /* ⚠️ ESTO ES LO QUE ARREGLA EL CORTE: */
  /* 130px es la altura aproximada de tu nuevo menú de 2 pisos */
  padding-top: 80px;

}
  
@keyframes bounce-short {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

.animate-bounce-short {
  animation: bounce-short 2s infinite ease-in-out;
}


html {
    background-color: #3B82F6; /* Mismo color del footer */
}

body {
    background-color: var(--bg); /* Mantiene tu gris claro/blanco en el contenido */
    min-height: 100vh;
}