/* Layout fixes específicos para corregir márgenes */

/* Asegurar que todos los contenedores principales no tengan márgenes extra */
#navbar-container,
#main-content,
#footer-container {
  margin: 0;
  padding: 0;
  width: 100%;
}

/* Fix específico para hero section */
.hero {
  margin: 0 !important;
  padding: 0 !important;
}

/* Asegurar que el contenido del hero tenga padding correcto */
.hero-content {
  padding: 2rem 1rem !important;
  max-width: 1200px;
  margin: 0 auto;
}

/* Media queries para responsive */
@media (max-width: 768px) {
  .hero-content {
    padding: 1rem !important;
    gap: 1.5rem;
  }

  .hero-title {
    font-size: 2rem !important;
    line-height: 1.2;
  }
}

@media (max-width: 480px) {
  .hero-content {
    padding: 0.5rem !important;
  }

  .hero-title {
    font-size: 1.8rem !important;
  }
}

/* Eliminar cualquier margen extra de elementos */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}