@media (max-width: 768px) {
    /* ------------------------ */
    /* BARRA DE PROGRESO */
    /* ------------------------ */
    .progress-container {
        position: fixed;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        height: 60vh;
        width: 4px;
        background: rgba(255, 255, 255, 0.1);
        z-index: 1000;
        opacity: 1;
        transition: opacity 0.3s ease;
    }
    .snap-section-0 .platform-title span {
        font-size: 3rem; /* Tamaño reducido para móvil */
        letter-spacing: 2px; /* Espaciado ajustado */
        line-height: 1.2; /* Mayor separación entre líneas */
        display: block; /* Cada span en línea independiente */
        margin: 0.5rem 0; /* Espaciado vertical entre palabras */
    }
    .no-progress .progress-container {
        display: none;
    }

    .section-progress {
        position: absolute;
        width: 100%;
        height: 0;
        background: var(--primary-color);
        transition: height 0.1s linear;
    }

    /* ------------------------ */
    /* HEADER MOBILE */
    /* ------------------------ */
    .main-header {
        padding: 0.8rem 1rem;
        height: 70px;
    }

    .logo {
        max-width: 150px;
        z-index: 3000;
    }

    /* Menú Hamburguesa */
    .nav-list {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.95);
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 2500;
        margin: 0;
        padding-top: 80px;
    }

    .nav-list.active {
        left: 0;
    }

    .nav-list a {
        font-size: 1.5rem;
        padding: 1rem;
        opacity: 0;
        transform: translateX(-20px);
        transition: all 0.4s ease;
    }

    .nav-list.active a {
        opacity: 1;
        transform: translateX(0);
    }

    .hamburger {
        display: flex;
        flex-direction: column;
        gap: 5px;
        width: 35px;
        z-index: 3000;
        position: relative;
        cursor: pointer;
    }

    .hamburger span {
        width: 100%;
        height: 3px;
        background: var(--primary-color);
        transition: all 0.3s ease;
    }

    .hamburger.active span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px);
    }

    .hamburger.active span:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px);
    }

    /* ------------------------ */
    /* SECCIONES MOBILE */
    /* ------------------------ */
    .snap-section {
        height: auto;
        min-height: 100vh;
        padding: 1.5rem;
        scroll-snap-align: none;
    }

    .platform-title {
        font-size: 2.5rem !important;
        line-height: 1.2 !important;
        text-align: center;
    }

    .platform-content {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    .video-wrapper {
        position: relative;
        padding-bottom: 56.25%; /* Mantén la proporción 16:9 */
        height: 200px; /* Altura máxima para mobile */
        width: 100%; /* Asegura que ocupe el ancho del contenedor */
        border-radius: 20px;
        overflow: hidden;
        margin: 1rem auto;
    }

   
    /* FOREX APPS MOBILE */
    /* ------------------------ */
    .app-grid {
        grid-template-columns: 1fr;
        max-width: 100%;
        padding: 0 1rem;
    }

    .app-card {
        padding: 1.5rem 1.2rem;
        margin: 0.5rem 0;
    }

    .app-header {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
        margin-bottom: 1.5rem;
    }

    .app-buttons {
        display: flex;
        flex-direction: column;
        gap: 1.2rem;
        margin: 2rem 0 1rem;
        width: 100%;
    }

    .download-btn {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.2rem 1.5rem;
        background: var(--primary-color);
        color: var(--dark-bg);
        border-radius: 10px;
        transition: all 0.2s ease;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        margin-bottom: 10px;
    }
    
    .download-btn img,
    .download-btn svg {
        width: 30px;
        height: 30px;
        object-fit: contain;
        flex-shrink: 0;
        order: 2; /* Icono a la derecha */
    }

    /* Texto del botón */
    .download-btn span {
        flex-grow: 1;
        text-align: left;
        padding-right: 1rem;
    }
    /* ------------------------ */
    /* EFECTOS ESPECIALES MOBILE */
    /* ------------------------ */
    .platform-btn, .download-btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .list-item p {
        font-size: 1rem;
    }

    /* Desactivar algunas animaciones */
    .app-card {
        animation: none !important;
        transform: none !important;
    }

    .platform-title {
        animation: none !important;
    }
    /* ==================== */
    /* AJUSTES DE INTERACCIÓN */
    /* ==================== */
    .progress-container {
        transition: opacity 0.3s, transform 0.3s;
    }

    /* Efecto de hover táctil */
    .progress-container:active {
        transform: scale(1.15);
    }
    .celebration-section {
        padding: 1rem;
        min-height: 90vh;
    }

    .celebration-title {
        font-size: 2.5rem; /* Reducción de tamaño */
        line-height: 1.2;
        margin-bottom: 1rem;
    }

    .celebration-message {
        font-size: 1rem;
        padding: 0 1rem;
    }

    .celebrate-btn {
        padding: 1rem 1.5rem;
        font-size: 1.2rem;
        margin-top: 1.5rem;
    }

    /* Ajuste adicional para superposición */
    .platform-title {
        transform: translateZ(0); /* Mejora renderizado móvil */
        padding: 0 15px; /* Evita que toque bordes */
    }
}