/* Inicio simplificado para teléfonos. */
@media (max-width: 576px) {
  .navbar-toggler {
    -webkit-appearance: none;
    appearance: none;
    touch-action: manipulation;
    cursor: pointer;
  }

  #mainNav.show {
    display: block;
  }

  .flash-card {
    display: none !important;
  }

  .metrics-row .col-6 {
    width: 100%;
  }

  .hero-wrap {
    height: 560px;
  }

  .hero-wrap:has(.hero-side-cards) {
    height: 700px;
  }

  .hero-wrap:has(.hero-side-cards) .hero-bg {
    object-position: center 72%;
  }

  .hero-wrap:has(.hero-side-cards) .hero-copy {
    padding: 36px 24px 150px;
    transform: translateY(-105px);
  }

  .hero-wrap:has(.hero-side-cards) .hero-copy > h1,
  .hero-wrap:has(.hero-side-cards) .hero-copy > p {
    position: relative;
    top: -30px;
  }

  .hero-wrap:has(.hero-side-cards) .hero-copy > .hero-actions {
    bottom: 160px;
    transform: translateX(-24px);
  }

  .hero-wrap:has(.hero-side-cards) .hero-side-cards {
    bottom: 100px;
  }

  .hero-wrap:has(.hero-side-cards) .hero-side-cards:has(> .home-employment-card) {
    left: 50%;
    right: auto;
    width: min(74vw, 300px);
    grid-template-columns: minmax(0, 1fr);
    transform: translateX(-50%);
    bottom: 95px;
  }

  .hero-side-cards.mobile-card-carousel > .hero-side-card {
    display: none !important;
    width: 100%;
  }

  .hero-side-cards.mobile-card-carousel > .hero-side-card.is-mobile-card-active {
    display: block !important;
  }

  .hero-side-cards .home-employment-card {
    isolation: isolate;
    background: rgba(9, 20, 40, 0.58);
    border-color: rgba(255, 255, 255, 0.46);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
  }

  .hero-side-cards .home-employment-card::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background: url('../images/empleos-destacado-bg.png') center / cover;
    opacity: 0.58;
  }

  .hero-side-cards .home-employment-card > * {
    position: relative;
    z-index: 1;
  }

  .hero-side-cards .home-employment-card h5,
  .hero-side-cards .home-employment-card strong {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
  }

  .hero-wrap .carousel-indicators {
    bottom: 28px;
    z-index: 7;
  }

  .hero-copy .hero-actions {
    width: 100%;
    gap: 0.45rem !important;
    flex-direction: column;
    align-items: center;
    justify-items: center;
  }

  .hero-copy .hero-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(74vw, 300px) !important;
    min-height: 44px;
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-size: 0.86rem;
    line-height: 1;
    text-align: center;
  }

  .hero-copy .hero-action-light {
    color: #172033;
    background-color: rgba(255, 255, 255, 0.7);
    border-color: rgba(255, 255, 255, 0.58);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
  }

  .hero-copy .hero-action-dark {
    color: #fff;
    background-color: rgba(17, 24, 39, 0.5);
    border-color: rgba(255, 255, 255, 0.22);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
  }

  .hero-copy .hero-action-primary {
    color: #202020;
    background-color: #ffc107;
    border-color: #ffc107;
    opacity: 1;
  }
}