/* 
   FaresTKT.com - Responsiveness adjustments
   Mobile-First Overrides
*/

@media (max-width: 1200px) {
    .hero-title {
        font-size: 3rem;
    }
}

@media (max-width: 991.98px) {
    section {
        padding: 60px 0;
    }
    
    .hero-section {
        padding: 90px 0 130px 0;
        min-height: 480px;
        background-position: center 30%;
        text-align: center;
    }
    
    .page-header {
        background-position: center 30%;
        padding: 70px 0;
    }
    
    .hero-content {
        margin: 0 auto;
    }
    
    .hero-title {
        font-size: 2.5rem;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
    }
    
    .search-wrapper {
        margin-top: -80px;
    }
    
    .search-container {
        padding: 25px;
        border-radius: 20px;
    }
    
    .navbar-nav {
        padding: 15px 0;
        gap: 10px;
    }
    
    .navbar-nav .nav-link::after {
        display: none;
    }
    
    .navbar-nav .nav-link {
        padding: 6px 0 !important;
    }
    
    .navbar .btn-premium {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }
    
    .newsletter-section {
        padding: 40px 25px;
        text-align: center;
    }
    
    .newsletter-form {
        flex-direction: column;
        gap: 10px;
    }
    
    .btn-subscribe {
        width: 100%;
    }
    
    .footer-section {
        padding-top: 100px;
    }
    
    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .section-title {
        font-size: 1.8rem;
    }
    
    .hero-title {
        font-size: 2rem;
    }
    
    .search-type-tabs {
        flex-wrap: wrap;
    }
    
    .search-form-row {
        gap: 10px;
    }
    
    .input-group-custom {
        min-width: 100%;
    }
    
    .btn-search-flights {
        width: 100%;
        height: 52px;
        border-radius: var(--radius);
        margin-top: 10px;
    }
    
    .btn-search-flights i {
        margin-right: 8px;
    }
    
    .btn-search-flights::after {
        content: ' Buscar Vuelos';
        font-weight: 600;
        font-size: 1rem;
    }
    
    .passenger-dropdown {
        width: 100%;
    }
    
    .why-card {
        padding: 30px 20px;
    }
    
    .testimonial-card {
        padding: 25px;
    }
    
    .contact-form-wrapper {
        padding: 25px;
    }
    
    .policy-card {
        padding: 25px 15px;
    }
}

@media (max-width: 575.98px) {
    .navbar-brand {
        font-size: 1.3rem;
    }
    .hero-section {
        padding: 70px 15px 120px 15px;
        min-height: 420px;
        background-position: 60% center;
    }
    .hero-title {
        font-size: 1.75rem;
    }
    .hero-subtitle {
        font-size: 0.98rem;
    }
    .page-header {
        background-position: 60% center;
        padding: 50px 15px;
    }
}