/* ==========================================================================
   C&L Transportes — Responsive Styles
   ========================================================================== */

@media (min-width: 1400px) {
    .cyl-hero-title {
        font-size: 3.25rem;
    }

    .container {
        max-width: 1200px;
    }
}

@media (max-width: 1199px) {
    .cyl-hero-title {
        font-size: 2.5rem;
    }

    .cyl-nav-links .nav-link {
        padding: 0.5rem 0.9rem !important;
        font-size: 0.72rem;
        letter-spacing: 0.6px;
    }

    .cyl-nav-links .nav-item {
        margin: 0 0.1rem;
    }

    .cyl-whatsapp-btn {
        font-size: 0.9rem;
        padding: 0.55rem 1.15rem;
    }

    .cyl-porque-item:not(:nth-child(6n))::after {
        display: none;
    }

    .cyl-porque-item:not(:nth-child(4n))::after {
        display: block;
    }
}

@media (max-width: 991px) {
    :root {
        --cyl-navbar-height: 70px;
    }

    .cyl-navbar {
        padding: 0 1.25rem;
        min-height: var(--cyl-navbar-height);
    }

    .cyl-brand-img {
        height: 46px;
    }

    .cyl-navbar-collapse {
        background-color: var(--cyl-green-dark);
        margin-top: 0.75rem;
        padding: 1rem 1.25rem;
        border-radius: var(--cyl-radius);
    }

    .cyl-navbar .navbar-nav.cyl-nav-links {
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100%;
        margin-bottom: 1rem;
    }

    .cyl-navbar .navbar-nav.cyl-nav-links .nav-item {
        width: 100%;
        margin: 0;
    }

    .cyl-navbar .navbar-nav.cyl-nav-links .nav-link {
        display: block;
        width: 100%;
        padding: 0.85rem 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        font-size: 0.85rem;
        white-space: normal;
    }

    .cyl-navbar .navbar-nav.cyl-nav-links .nav-item:last-child .nav-link {
        border-bottom: none;
    }

    .cyl-whatsapp-mobile {
        width: 100%;
        justify-content: center;
    }

    .cyl-hero {
        min-height: 85vh;
    }

    .cyl-hero-title {
        font-size: 2.15rem;
    }

    .cyl-hero-bg img {
        object-position: 70% center;
    }

    .cyl-feature-item:not(:last-child)::after {
        display: none;
    }

    .cyl-feature-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .cyl-feature-item:last-child {
        border-bottom: none;
    }

    .cyl-section {
        padding: 3.5rem 0;
    }

    .cyl-section-title {
        font-size: 1.75rem;
    }

    .cyl-servicios-intro {
        text-align: left;
    }

    .cyl-servicios-image {
        margin-top: 0.5rem;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .cyl-porque-item:not(:nth-child(4n))::after,
    .cyl-porque-item:not(:nth-child(6n))::after {
        display: none;
    }

    .cyl-porque-item:not(:nth-child(3n))::after {
        display: block;
    }

    .cyl-contacto-overlay {
        background: linear-gradient(180deg, var(--cyl-green) 0%, rgba(0, 86, 59, 0.95) 100%);
    }

    .cyl-footer-tagline::before,
    .cyl-footer-tagline::after {
        display: none;
    }

    .cyl-footer-brand,
    .cyl-footer-tagline,
    .cyl-footer-copy {
        text-align: center;
        justify-content: center;
    }

    .cyl-footer-copy {
        margin-top: 0.5rem;
    }

    .cyl-sustain-list {
        columns: 2;
        column-gap: 1.5rem;
    }

    .cyl-fleet-col {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

@media (max-width: 767px) {
    .cyl-hero {
        min-height: 80vh;
    }

    .cyl-hero-title {
        font-size: 1.85rem;
    }

    .cyl-hero-subtitle {
        font-size: 0.95rem;
    }

    .cyl-hero-actions {
        flex-direction: column;
    }

    .cyl-hero-actions .btn {
        width: 100%;
        justify-content: center;
    }

    .cyl-features-bar {
        padding: 1.5rem 0;
    }

    .cyl-feature-img {
        max-height: 55px;
    }

    .cyl-value-icons .col-lg {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .cyl-fleet-features .col-lg {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .cyl-fleet-col {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .cyl-porque-item:not(:nth-child(3n))::after {
        display: none;
    }

    .cyl-porque-item:not(:nth-child(2n))::after {
        display: block;
    }

    .cyl-contacto-actions {
        flex-direction: column;
    }

    .cyl-contacto-actions .btn {
        width: 100%;
        justify-content: center;
    }

    .cyl-sustain-list {
        columns: 1;
    }

    .cyl-scroll-top {
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 479px) {
    .cyl-brand-img {
        height: 40px;
    }

    .cyl-hero-title {
        font-size: 1.6rem;
    }

    .cyl-section-title,
    .cyl-porque-title,
    .cyl-contacto-title {
        font-size: 1.5rem;
    }

    .cyl-porque-item:not(:nth-child(2n))::after {
        display: none;
    }

    .cyl-service-card {
        padding: 1.5rem 1rem;
    }

    .cyl-footer-brand {
        flex-direction: column;
        text-align: center;
    }
}