/* ==========================================================================
   Preventivosst SAS - Ajustes Responsivos integrados con Grid de Bootstrap
   ========================================================================== */

@media (max-width: 991.98px) {
  .navbar-collapse {
    background-color: var(--sst-primary);
    padding: 1rem;
    border-radius: 8px;
    margin-top: 0.5rem;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  }

  .navbar-nav .nav-link {
    padding: 0.6rem 0.5rem !important;
  }

  .hero-section {
    padding: 3rem 0;
    text-align: center;
  }
}

@media (max-width: 767.98px) {
  .imagen-nav {
    height: 42px;
  }

  .stat-card {
    margin-bottom: 0.5rem;
  }

  .stat-number {
    font-size: 2.2rem;
  }

  .promise-box {
    padding: 2rem 1.25rem;
  }

  .promise-box p.h3 {
    font-size: 1.25rem;
  }

  .sector-badge {
    padding: 1rem 0.5rem;
    font-size: 0.85rem;
  }
}