/*---------------------------------------
  RESPONSIVE STYLES
  Breakpoints compartidos por header, tipografía y
  los componentes de home (carrusel de tarifas).
  Los ajustes específicos de una sola página viven
  en el archivo de esa página.
-----------------------------------------*/
@media screen and (max-width: 991px) {

    .navbar-expand-lg .navbar-nav {
        padding-bottom: 30px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 10px;
    }

    .hero-section,
    .hero-section_2 {
        padding-top: 150px;
    }

    .tour-card-horizontal {
        max-width: 20rem;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .custom-btn {
        font-size: 14px;
        padding: 10px 20px;
    }

    .tour-card-wrapper {
        height: auto;
        margin-bottom: 1rem;
    }

    .carousel-img {
        height: 200px;
    }
}

@media screen and (max-width: 480px) {
    .section-eyebrow {
        font-size: 0.7rem;
    }
}

/* Botón CTA del carrusel de tarifas (home) */
@media screen and (max-width: 768px) {
    .btn-carousel-cta {
        padding: 0.65rem 1.25rem;
        font-size: 0.8rem;
    }

    .btn-carousel-cta .btn-text {
        display: inline;
    }
}

@media screen and (max-width: 576px) {
    .btn-carousel-cta {
        padding: 0.6rem 1rem;
        font-size: 0.7rem;
        letter-spacing: 0.3px;
    }

    .btn-carousel-cta .btn-text {
        font-size: 0.7rem;
    }

    .btn-carousel-cta i {
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 400px) {
    .btn-carousel-cta {
        padding: 0.5rem 0.75rem;
        font-size: 0.65rem;
    }

    .btn-carousel-cta .btn-text {
        display: none;
    }

    .btn-carousel-cta::after {
        content: "VER TARIFAS";
        font-size: 0.65rem;
    }
}