/* Variables Responsive */
:root {
    --header-height-mobile: 60px;
    --header-height-desktop: 80px;
    --container-padding-mobile: 1rem;
    --container-padding-desktop: 2rem;
}

/* Large Desktop (1200px+) */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

/* Desktop & Tablet Large (992px - 1199px) */
@media (max-width: 1199px) {
    .hero h1 {
        font-size: 2.8rem;
    }
    
    .services-grid,
    .cars-grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 1rem;
    }
}

/* Tablet (768px - 991px) */
@media (max-width: 768px) {
    /* Layout & Container */
    .services-section,
    .fleet-section,
    .map-section,
    .acerca-section {
        padding: 4rem 1rem;
    }

    /* Navigation */
    .menu-toggle {
        top: 15px;
        left: 15px;
        width: 45px;
        height: 45px;
    }
    
    .menu-toggle span {
        width: 25px;
    }

    /* Hero Section */
    .hero {
        padding: 4rem 0;
        min-height: calc(100vh - var(--header-height-mobile));
    }
    
    .hero h1 {
        font-size: 2.5rem;
    }
    
    .hero p {
        font-size: 1.2rem;
    }

    /* Service Components */
    .service-card {
        padding: 1.5rem;
    }
    
    .service-card h3 {
        font-size: 1.3rem;
    }

    /* Fleet Grid */
    .cars-grid {
        grid-template-columns: 1fr;
    }

    /* Map Section */
    .map-container {
        height: 400px;
    }

    /* About Section */
    .acerca-content h2 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .acerca-content p {
        font-size: 1rem;
        line-height: 1.6;
        margin-bottom: 1.5rem;
    }

    .acerca-list {
        max-width: 100%;
        padding: 0;
    }

    .acerca-list li {
        font-size: 1rem;
        line-height: 1.5;
        padding-left: 20px;
    }

    /* Contact Section */
    .contact-info {
        grid-template-columns: 1fr;
    }
    
    .contact-item,
    .contact-form-section {
        padding: 1.5rem;
    }

    .form-title {
        font-size: 1.8rem;
    }
}

/* Mobile Large (481px - 767px) */
@media (max-width: 767px) {
    .services-grid {
        grid-template-columns: 1fr;
    }

    .contact-item {
        flex-direction: column;
        text-align: center;
    }
}

/* Mobile (480px and below) */
@media (max-width: 480px) {
    /* Header */
    .main-header {
        top: 8px;
        left: 50px;
    }

    .logo {
        height: 50px;
    }

    /* Hero Section */
    .hero h1 {
        font-size: 2rem;
    }
    
    .hero p {
        font-size: 1rem;
    }

    /* Navigation */
    .menu-toggle {
        padding: 10px;
        font-size: 1rem;
    }
    
    .offcanvas-menu {
        width: 250px;
    }

    /* About Section */
    .acerca-content h2 {
        font-size: 1.8rem;
    }

    .acerca-content p,
    .acerca-list li {
        font-size: 0.9rem;
    }

    .acerca-list li {
        padding-left: 15px;
    }
}

/* Height-based Media Queries */
@media (max-height: 600px) {
    .hero {
        height: auto;
        min-height: 100vh;
        padding: 4rem 0;
    }
}

/* Print Styles */
@media print {
    .menu-toggle,
    .whatsapp-float,
    .contact-form,
    .map-container {
        display: none;
    }
}