/* app.css - Estilos globales para RVapps */

/* Reseteo básico global */
* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: auto;
  overflow-y: auto;
  font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
}

/* Navbar fijo compensado */
body {
  padding-top: 0; /* limpio, sin padding global */
}

/* Main container ajustado */
main.container {
  margin-top: 60px; /* compensar altura del navbar fijo */
  padding-top: 0;
}

/* Anular margen de Tailwind si existe */
main {
  margin-top: 60px !important; /* fuerza el margen para navbar */
}

/* Contenedor responsive (SIN padding lateral) */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0; /* 👈 eliminado el padding lateral de 15px */
}

/* Responsive: solo en pantallas muy grandes agregamos un poco de aire */
@media (min-width: 1400px) {
  .container {
    padding: 0 20px; /* solo un poco de aire en pantallas gigantes */
  }
}

/* Responsive móvil */
@media (max-width: 768px) {
  main.container,
  main {
    margin-top: 50px !important; /* navbar más pequeño en móvil */
  }
}

@media (max-width: 480px) {
  main.container,
  main {
    margin-top: 45px !important; /* aún más pequeño en móviles chicos */
  }
}