/* Responsive Design */
        @media (max-width: 768px) {
           /* Navegacion */ 
            .nav-links {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background: var(--federal-blue);
                flex-direction: column;
                padding: 2rem;
                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
            }

            .nav-links.active {
                display: flex;
            }

            .mobile-menu {
                display: block;
            }

            .hero-content h1 {
                font-size: 2.5rem;
            }

            .hero-subtitle {
                font-size: 1.4rem;
            }

            .hero-description {
                font-size: 1rem;
            }

            .cta-buttons {
                flex-direction: column;
                align-items: center;
            }

            .section-title {
                font-size: 2.2rem;
            }

            .features-grid {
                grid-template-columns: 1fr;
            }

            .services-grid {
                grid-template-columns: 1fr;
            }

            /* Servicios */
    .vg-servicios-pro {
        padding: 60px 16px;
    }
    .vg-title {
        font-size: 32px;
    }
    .vg-item {
        padding: 28px 24px;
    }
    .vg-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .vg-head-left {
        gap: 12px;
    }
    .vg-icon {
        width: 40px;
        height: 40px;
    }
    .vg-head h3 {
        font-size: 1.15rem;
    }
    .vg-price {
        font-size: 1.2rem;
        padding: 6px 16px;
    }
    .vg-item-number {
        font-size: 70px;
        right: 16px;
    }

    /* Galería */
    .gallery-grid {
        grid-template-columns: 1fr;
        gap: 2.3rem;
    }

    .comparison-container.vertical {
        max-height: 60vh;
    }

    .slider-handle::before {
        width: 35px;
        height: 35px;
    }

    .slider-handle::after {
        font-size: 14px;
    }

    .play-button {
        width: 60px;
        height: 60px;
    }

    .play-button i {
        font-size: 1.5rem;
    }

    .single-photo-container img {
        height: 250px;
    }
        }

        @media (max-width: 480px) {
            .container {
                padding: 0 1rem;
            }

            .hero-content h1 {
                font-size: 2rem;
            }

            .btn {
                padding: 1rem 2rem;
                font-size: 1rem;
            }

            .feature-card {
                padding: 2rem 1.5rem;
            }
                   /*Servicios*/

    .vg-title {
        font-size: 26px;
    }
    .vg-item {
        padding: 24px 20px;
    }
    .vg-head h3 {
        font-size: 1.05rem;
    }

    /* Botones */
    .btn {
        padding: 1rem 2rem;
        font-size: 1rem;
    }

    /* Tarjetas y bloques */
    .feature-card {
        padding: 2rem 1.5rem;
    }

    /*Galeria*/
    .comparison-container.vertical {
        max-height: 50vh;
    }

    .play-button {
        width: 50px;
        height: 50px;
    }

    .play-button i {
        font-size: 1.2rem;
    }

    .single-photo-container img {
        height: 200px;
    }

    /* Ajustes para contenedores generales */
    .container {
        padding: 0 1.3rem; /* Mantener consistencia con otras secciones */
    }

    .before-label, .after-label,
    .service-label {
        font-size: 0.8rem;
        padding: 0.4rem 0.8rem;
    }

           
        }

    /* Responsive Newsletter */
        @media(max-width: 768px) {
            .newsletter-form {
                flex-direction: column;
            }
            .btn-subscribe {
                padding: 1.2rem;
            }
            .newsletter-content h2 {
                font-size: 1.8rem;
            }
        }