/* ===== Global Media Queries ===== */

/* Mobile First Approach */
@media (max-width: 768px) {
    #large-header {
       height: 100vh !important;
       min-height: 800px;
    }
   
    .hero-header {
       height: 100vh;
       min-height: 800px;
    }

    .hero-content {
       padding: 120px 1rem 2rem;
       height: 60vh;
    }

    .hero-title {
       font-size: 2rem;
       line-height: 1.3;
       margin-bottom: 1rem;
    }

    .hero-subtitle {
       font-size: 1.1rem;
       margin-bottom: 2rem;
    }

    .graph-container {
       height: 40vh;
       margin-top: 0;
    }
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1024px) {
   #large-header {
       height: 100vh !important;
       min-height: 800px;
   }
  
   .hero-content {
       padding: 120px 2rem 2rem;
       height: 60vh;
   }

   .graph-container {
       height: 40vh;
       margin-top: 0;
   }
}

/* Desktop */
@media (min-width: 1025px) {
   #large-header {
       height: 100vh !important;
       min-height: 800px;
   }
   
   .hero-content {
       padding: 120px 2rem 2rem;
       height: 60vh;
   }

   .graph-container {
       height: 40vh;
       margin-top: 0;
   }
}

/* Ocultar grid en móviles */
@media (max-width: 768px) {
  .hero-background-grid {
    display: none !important;
  }
}