Tul xxx Tul

Viewing: index4.html

<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="http://emprendo.com.co/wp-content/uploads/2024/12/Favicon-s.png" type="image/png">
    <title>eComercial</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Jost:wght@100..900&display=swap" rel="stylesheet">
    <style>
        body {
            background-color: #f8f9fa;
        }

        header {
            margin-bottom: 20px;
            position: relative;
            z-index: 2;
        }

        video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 102%;
            object-fit: cover;
            z-index: 1;
        }

        .card {
            margin: 15px;
            transition: transform 0.3s;
        }

        .card:hover {
            transform: scale(1.05);
        }

        .card-img-top {
            height: 280px;
            object-fit: cover;
        }

        .card-img-mp {
            height: 200px;
            object-fit: contain;
            padding: 20px;
        }

        .btn {
            color: white;
            margin-right: 5px;
            font-size: 0.8rem;
        }

        .btn-play {
            background-color: #28a745;
        }

        .btn-pause {
            background-color: #ffc107;
        }

        .btn-stop {
            background-color: #dc3545;
        }

        .features,
        .pricing {
            margin-top: 30px;
            padding: 20px;
            border-radius: 8px;
        }

        .features {
            background-color: #e9ecef;
        }

        .pricing {
            background-color: #d3f9d8;
        }

        .pricing-item {
            background-color: #fff;
            border: 1px solid #28a745;
            border-radius: 8px;
            padding: 15px;
            margin: 10px 0;
        }

        #header {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000;
            padding: 10px 0;
            transition: background-color 0.3s ease;
        }

        #header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: white;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: -1;
        }

        #header.scrolled::before {
            opacity: 1;
        }

        #logo {
            width: 250px;
            transition: width 0.3s ease;
            display: block;
            margin: 0 auto;
        }

        #logo.shrink {
            width: 200px;
        }

        .header-placeholder {
            height: 80px;
        }

        .card {
            transition: transform 0.3s ease-in-out;
        }

        .card:hover {
            transform: scale(1.05);
        }

        .card-header {
            background-color: #007bff;
            color: white;
        }

        .card-footer {
            background-color: #f8f9fa;
        }

        .jost-custom {
            font-family: "Jost", sans-serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
        }

        h1,
        h2 {
            color: #007bff;
        }

        /* Nuevo estilo para el botón flotante */
        #toggleSeekBarButton {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 1001;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            font-size: 1.2rem;
            cursor: pointer;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        }

        #toggleSeekBarButton:hover {
            background-color: #0056b3;
        }

        /* Ocultar inicialmente el control deslizante */
        #globalAudioSeekContainer {
            position: fixed;
            bottom: 20px;
            left: 0;
            right: 0;
            text-align: center;
            background-color: rgba(255, 255, 255, 0.8);
            padding: 10px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            display: none;
            /* Ocultar inicialmente */
        }

        /* Nuevo estilo para el botón flotante */
        #stopAudioButton {
            position: fixed;
            bottom: 20px;
            right: 80px;
            /* Ajusta la posición si es necesario */
            z-index: 1001;
            background-color: #dc3545;
            /* Color rojo */
            color: white;
            border: none;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            font-size: 1.2rem;
            cursor: pointer;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        }

        #stopAudioButton:hover {
            background-color: #c82333;
            /* Color rojo más oscuro al pasar el mouse */
        }

        .hidden-card {
            display: none;
        }
        .btn-download {
            background-color: #dc3545;
            /* Color del botón de descarga */
        }
    </style>
</head>

<body>
    <header id="header">
        <img id="logo" src="http://emprendo.com.co/wp-content/uploads/2024/12/eComercials.png" alt="Logo eComercial">
    </header>

    <button id="stopAudioButton" onclick="stopSound()">
        <i class="fas fa-stop"></i>
    </button>
    <button id="toggleSeekBarButton" onclick="toggleSeekBar()">
        <i class="fas fa-music"></i>
    </button>


    <div>
        <video autoplay loop muted>
            <source src="http://emprendo.com.co/wp-content/uploads/2024/12/eComercial-video.mp4" type="video/mp4">
            Tu navegador no soporta el video.
        </video>
        <div
            style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, white, transparent); z-index: 1;">
        </div>
    </div>

    <div class="container" style="padding-top: 850px;">
        <h1 class="text-center" style="color: #007bff;">Haz que tu negocio resuene.</h1>
        <p class="text-center" style="color: #494949;">Transforma tu marca con contenidos publicitarios de alta
            calidad. Ideal para promocionar tu negocio de manera creativa y efectiva.</p>

        <div class="container px-4 py-5" id="featured-3">
            <!-- <h2 class="pb-2 border-bottom">Beneficios del Producto</h2> -->
            <div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
                <div class="feature col">
                    <div
                        class="feature-icon d-inline-flex align-items-center justify-content-center bg-gradient fs-2 mb-3">
                        <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Locuciones-Dinamicas.png"
                            alt="Locuciones-Dinamicas" width="80">
                    </div>
                    <h3 class="fs-2 text-body-emphasis">Locuciones Dinámicas</h3>
                    <p>Que captan la atención del público e informan acerca de tu establecimiento comercial</p>
                </div>
                <div class="feature col">
                    <div
                        class="feature-icon d-inline-flex align-items-center justify-content-center bg-gradient fs-2 mb-3">
                        <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Ambientes-musicales.png"
                            alt="Ambientes-musicales" width="80">
                    </div>
                    <h3 class="fs-2 text-body-emphasis">Música de Ambiente</h3>
                    <p>Que mejora la experiencia de compra y resalta las bondades de tu establecimiento y sus
                        productos
                        y/o servicios</p>
                </div>
                <div class="feature col">
                    <div
                        class="feature-icon d-inline-flex align-items-center justify-content-center bg-gradient fs-2 mb-3">
                        <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Uso-Libre.png" alt="Uso-Libre"
                            width="80">
                    </div>
                    <h3 class="fs-2 text-body-emphasis">Uso libre</h3>
                    <p>De las piezas musicales y locuciones en distintos canales de marketing, adaptándose a las
                        necesidades de cada negocio</p>
                </div>
                <div class="feature col">
                    <div
                        class="feature-icon d-inline-flex align-items-center justify-content-center bg-gradient fs-2 mb-3">
                        <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Bajo-Costo.png" alt="Bajo-Costo"
                            width="80">
                    </div>
                    <h3 class="fs-2 text-body-emphasis">Bajo Costo</h3>
                    <p>En comparación de lo que costaría contratar a locutores y músicos en vivo</p>
                </div>
                <div class="feature col">
                    <div
                        class="feature-icon d-inline-flex align-items-center justify-content-center bg-gradient fs-2 mb-3">
                        <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Reproducciones-Ilimitadas.png"
                            alt="Reproducciones-Ilimitadas" width="80">
                    </div>
                    <h3 class="fs-2 text-body-emphasis">Reproducción Ilimitada</h3>
                    <p>Cuantas veces lo desees y en múltiples plataformas, sucursales o todo al mismo tiempo</p>
                </div>
                <div class="feature col">
                    <div
                        class="feature-icon d-inline-flex align-items-center justify-content-center bg-gradient fs-2 mb-3">
                        <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Variedad-de-Generos.png"
                            alt="Variedad-de-Generos" width="80">
                    </div>
                    <h3 class="fs-2 text-body-emphasis">Variedad de géneros y estilos musicales</h3>
                    <p>Para que elijas la música que más te convenga, pues queremos asegurarte una experiencia
                        personalizada</p>
                </div>
            </div>
        </div>




        <h2 class="text-center" style="color: #007bff;">¡Impulsa tu marca y conecta con tus clientes como ellos!
        </h2>


        <div class="row" id="cards-container">
            <!-- Tarjetas aquí (las 5 primeras se mostrarán y el resto estarán ocultas) -->
            <!-- Menta -->
            <div class="col-md-4 card-item">
                <div class="card">
                    <a href="https://emprendo.com.co/eComercial/menta" target="_blank">
                        <img src="https://emprendo.com.co/eComercial/PMentaNovedades.jpg" class="card-img-top"
                            alt="Menta">
                    </a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/menta" target="_blank">
                            <h5 class="card-title">Menta Novedades</h5>
                        </a>
                        <h6 class="card-subtitle mb-2 text-muted">Tienda de Novedades</h6>
                        <p class="card-text">Todo lo que buscas lo encuentras en Menta Novedades. Novedad e Innovación.
                        </p>
                        <p><strong>Dirección:</strong> Calle 10 av 7ma, Cúcuta, Norte de Santander</p>
                        <p><strong>Teléfono:</strong> 3027426920</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/SMentaNovedades.mp3')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/MMentaMenta.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>

                    </div>
                </div>
            </div>

            <!--ModaCell-->
            <div class="col-md-4 card-item">
                <div class="card">
                    <a href="https://emprendo.com.co/eComercial/modacell" target="_blank">
                        <img src="https://emprendo.com.co/eComercial/modacell/ModaCell.png" class="card-img-top"
                            alt="modacell">
                    </a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/modacell" target="_blank">
                            <h5 class="card-title">Modacell</h5>
                        </a>
                        <h6 class="card-subtitle mb-2 text-muted">Tienda de Tecnología</h6>
                        <p class="card-text">Venta de accesorios y tecnología al mayor y detal.</p>
                        <p><strong>Dirección:</strong> Calle 9#4-39, Centro, Cúcuta, Norte de
                            Santander</p>
                        <p><strong>Teléfono:</strong> 3108066519</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/modacell/TuSolución.mp3')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/modacell/ModaCell.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>

                    </div>
                </div>
            </div>

            <!-- Negro Burguer -->
            <div class="col-md-4 card-item">
                <div class="card">
                    <a href="https://emprendo.com.co/eComercial/negroBurger" target="_blank">
                    <img src="https://emprendo.com.co/eComercial/negroBurger/Negro.jpg" class="card-img-top"
                        alt="negro"></a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/negroBurger" target="_blank"><h5 class="card-title">Negro Burger</h5></a>
                        <h6 class="card-subtitle mb-2 text-muted">Restaurante Comida Rápida</h6>
                        <p class="card-text">Descubre los auténticos sabores de la comida rápida</p>
                        <p><strong>Dirección:</strong> Cl. 17 #1E - 07, Los Caobos, Cúcuta, Norte de Santander</p>
                        <p><strong>Teléfono:</strong> 317 3580761</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/negroBurger/LaChispaqueEnciende.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>

                    </div>
                </div>
            </div>
            
            <!-- Tapitas -->
            <div class="col-md-4 card-item">
                <div class="card">
                    <a href="https://emprendo.com.co/eComercial/tapitas" target="_blank">
                    <img src="https://emprendo.com.co/eComercial/tapitas/Tapitas.jpg" class="card-img-top"
                        alt="negro"></a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/tapitas" target="_blank"><h5 class="card-title">Restaurante Tapitas</h5></a>
                        <h6 class="card-subtitle mb-2 text-muted">Restaurante Comida Rápida</h6>
                        <p class="card-text">¡Atrévete a disfrutar de una experiencia diferente!</p>
                        <p><strong>Dirección:</strong> Av. 1 Este, Los Caobos, Cúcuta, Norte de Santander</p>
                        <p><strong>Teléfono:</strong> 323 2106055</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/tapitas/SpotTapitasv2.mp3')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/tapitas/Tapitas1.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>

                    </div>
                </div>
            </div>
            
            
            <!-- Montaña Deli Café -->
            <div class="col-md-4 card-item">
                <div class="card">
                    <a href="https://emprendo.com.co/eComercial/montaña" target="_blank">
                    <img src="https://emprendo.com.co/eComercial/montaña/MontañaDeliCafe.jpg" class="card-img-top"
                        alt="montaña"></a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/montaña" target="_blank"><h5 class="card-title">Montaña Deli Café</h5></a>
                        <h6 class="card-subtitle mb-2 text-muted">Café</h6>
                        <p class="card-text">Sensibilizamos y transportamos a nuestras raíces de Colombia. ¡Montaña deli café un buen momento!</p>
                        <p><strong>Dirección:</strong> 
Av. 1 Este #16 - 46 local 102, Los Caobos, Cúcuta, Norte de Santander</p>
                        <p><strong>Teléfono:</strong> 312 4265156</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/montaña/MontañaDeliCafe.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>
                    </div>
                </div>
            </div>
            
            <!-- Asados Llaneros Gran Colombiano -->
            <div class="col-md-4 card-item">
                <div class="card">
                    <a href="https://emprendo.com.co/eComercial/GranColombiano" target="_blank">
                    <img src="https://emprendo.com.co/eComercial/GranColombiano/GC.png" class="card-img-top"
                        alt="montaña"></a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/GranColombiano" target="_blank"><h5 class="card-title">Asados Llaneros Gran Colombiano</h5></a>
                        <h6 class="card-subtitle mb-2 text-muted">Restaurante</h6>
                        <p class="card-text">Puro Sabor Colombiano!</p>
                        <p><strong>Dirección:</strong> 
Cali, calle cuarta número 26 A-74, San Fernando</p>
                        <p><strong>Teléfono:</strong> 304 4221129 / 321 5237736</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/GranColombiano/¡Qué cosa más buena!v3.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>
                    </div>
                </div>
            </div>
            
            <!-- Kairos Express -->
            <div class="col-md-4 card-item">
                <div class="card">
                    <a href="https://emprendo.com.co/eComercial/kairos" target="_blank">
                    <img src="https://emprendo.com.co/eComercial/kairos/KairosExpress.png" class="card-img-top"
                        alt="montaña"></a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/kairos" target="_blank"><h5 class="card-title">Kairos Express</h5></a>
                        <h6 class="card-subtitle mb-2 text-muted">Restaurante</h6>
                        <p class="card-text">El tiempo perfecto de poner a Disfrutar tu Paladar</p>
                        <p><strong>Dirección:</strong> 
Av. 9 Este, Cúcuta, Norte de Santander, Colombia</p>
                        <p><strong>Teléfono:</strong> 300 4795191</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/kairos/SpotKairos.mp3')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/kairos/KairosExpress.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>
                    </div>
                </div>
            </div>
            
            <!-- Los Patrones -->
            <div class="col-md-4 card-item">
                <div class="card">
                    
                    <img src="https://emprendo.com.co/eComercial/lospatrones/LosPatrones.jpg" class="card-img-top"
                        alt="montaña">
                    <div class="card-body">
                        <h5 class="card-title">Los Patrones</h5>
                        <h6 class="card-subtitle mb-2 text-muted">Restaurante Mexicano</h6>
                        <p class="card-text">No somos los únicos pero somos los mejores primera Taquería callejera de la ciudad de Cúcuta</p>
                        <p><strong>Dirección:</strong> 
Jardín plaza, Cúcuta, Norte de Santander, Colombia</p>
                        <p><strong>Teléfono:</strong> 300 4187484</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/lospatrones/LosPatrones.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>
                    </div>
                </div>
            </div>
            
            <!-- El Anafe -->
            <div class="col-md-4 card-item">
                <div class="card">
                    
                    <a href="https://emprendo.com.co/eComercial/anafe" target="_blank"><img src="https://emprendo.com.co/eComercial/anafe/ElAnafe.png" class="card-img-top"
                        alt="anafe"></a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/anafe" target="_blank"><h5 class="card-title">El Anafe</h5></a>
                        <h6 class="card-subtitle mb-2 text-muted">Restaurante</h6>
                        <p class="card-text">
Con el toque ahumado que tanto les gusta</p>
                        <p><strong>Dirección:</strong> 

Av 7e #4N33, Cúcuta, Norte de Santander, Colombia</p>
                        <p><strong>Teléfono:</strong> 3138548506</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/anafe/ElAnafe.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>
                    </div>
                </div>
            </div>
            
              <!-- Aguita e' Coco -->
            <div class="col-md-4 card-item">
                <div class="card">
                    
                    <a href="https://emprendo.com.co/eComercial/Aguitaecoco" target="_blank"><img src="https://emprendo.com.co/eComercial/Aguitaecoco/Aguitaecoco.jpg" class="card-img-top"
                        alt="anafe"></a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/Aguitaecoco" target="_blank"><h5 class="card-title">Aguita e' Coco</h5></a>
                        <h6 class="card-subtitle mb-2 text-muted">Snack Bar</h6>
                        <p class="card-text">
Cevichería de autor</p>
                        <p><strong>Dirección:</strong> 

Cl. 17 #0e - 37, Los Caobos, Cúcuta, Norte de Santander</p>
                        <p><strong>Teléfono:</strong> 3007209539</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/Aguitaecoco/AguitaeCoco.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>
                    </div>
                </div>
            </div>
            
            
            <!-- Te Guste -->
            <div class="col-md-4 card-item">
                <div class="card">
                    
                    <a href="https://emprendo.com.co/eComercial/teguste" target="_blank"><img src="https://emprendo.com.co/eComercial/teguste/TeGuste.jpg" class="card-img-top"
                        alt="anafe"></a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/teguste" target="_blank"><h5 class="card-title">Te Guste</h5></a>
                        <h6 class="card-subtitle mb-2 text-muted">Heladería</h6>
                        <p class="card-text">
Helados, Malteadas, Café, Galletas y Postres</p>
                        <p><strong>Dirección:</strong> 

Calle 10 1-37 local 2, Centro, Cúcuta, Norte de Santander</p>
                        <p><strong>Teléfono:</strong> 3219655497</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/teguste/TeGuste.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>
                    </div>
                </div>
            </div>
            
            <!-- Lara -->
            <div class="col-md-4 card-item">
                <div class="card">
                    
                    <a href="https://emprendo.com.co/eComercial/lara" target="_blank"><img src="https://emprendo.com.co/eComercial/lara/lara.jpg" class="card-img-top"
                        alt="anafe"></a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/lara" target="_blank"><h5 class="card-title">Multi Aseo Lara</h5></a>
                        <h6 class="card-subtitle mb-2 text-muted">Productos de Aseo y Limpieza</h6>
                        <p class="card-text">
De Salazar para el mundo. Orgullosamente de Salazar de las Palmas</p>
                        <p><strong>Dirección:</strong> 


Calle 13 entre avenida 5ta y 4ta #4-23, Centro, Cúcuta, Norte de Santander</p>
                        <p><strong>Teléfono:</strong> 
3112763265</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/lara/Lara.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>
                    </div>
                </div>
            </div>
            
            <!-- Reals -->
            <div class="col-md-4 card-item">
                <div class="card">
                    
                    <a href="https://emprendo.com.co/eComercial/reals" target="_blank"><img src="https://emprendo.com.co/eComercial/reals/Reals.jpg" class="card-img-top"
                        alt="anafe"></a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/reals" target="_blank"><h5 class="card-title">Reals</h5></a>
                        <h6 class="card-subtitle mb-2 text-muted">Estudio Creativo</h6>
                        <p class="card-text">
Mugs personalizados, camisetas, logotipos. Creación de imágenes para RRSS, Servicios de impresiones como vililos y pendones, stickers</p>
                        <p><strong>Dirección:</strong> 



Av. 4 A Este #0-55, Barrio La ceiba, Cúcuta, Norte de Santander, Colombia</p>
                        <p><strong>Teléfono:</strong>
3209042986</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/reals/Reals.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>
                    </div>
                </div>
            </div>
                        <!-- El Perro Feroz -->
            <div class="col-md-4 card-item">
                <div class="card">
                    
                    <a href="https://emprendo.com.co/eComercial/perroferoz" target="_blank"><img src="https://emprendo.com.co/eComercial/perroferoz/perroferoz.png" class="card-img-top"
                        alt="perroferoz"></a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/perroferoz" target="_blank"><h5 class="card-title">El Perro Feroz</h5></a>
                        <h6 class="card-subtitle mb-2 text-muted">Comida Rápida</h6>
                        <p class="card-text">
Hamburguesas, Perros Calientes y bebidas top a un precio increíble. Explosión de Sabor para un apetito feroz </p>
                        <p><strong>Dirección:</strong> 



Barrio la Libertad, Cúcuta, Norte de Santander, Colombia</p>
                        <p><strong>Teléfono:</strong>
3202387004</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/perroferoz/Feroz.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>
                    </div>
                </div>
            </div>
            
            <!-- Sr. Pastel -->
            <div class="col-md-4 card-item">
                <div class="card">
                    
                    <a href="https://emprendo.com.co/eComercial/srpastel" target="_blank"><img src="https://emprendo.com.co/eComercial/srpastel/srpastel.png" class="card-img-top"
                        alt="srpastel"></a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/srpastel" target="_blank"><h5 class="card-title">Sr. Pastel</h5></a>
                        <h6 class="card-subtitle mb-2 text-muted">Comida & Bebida</h6>
                        <p class="card-text">
Una experiencia gastronómica, dentro de un pastel</p>
                        <p><strong>Dirección:</strong>Av 12e#0 quinta oriental, Cúcuta, Norte de Santander, Colombia</p>
                        <p><strong>Teléfono:</strong>
3181110000</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/srpastel/SPOT%20Sr.%20Pastel.mp3')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/srpastel/JINGLE%20Sr.%20Pastel.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>
                    </div>
                </div>
            </div>
            
            <!-- Emprendedores del Reino -->
            <div class="col-md-4 card-item">
                <div class="card">
                    
                    <a href="https://emprendo.com.co/eComercial/reino" target="_blank"><img src="https://emprendo.com.co/eComercial/reino/reino.png" class="card-img-top"
                        alt="reino"></a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/reino" target="_blank"><h5 class="card-title">Emprendedores del Reino</h5></a>
                        <h6 class="card-subtitle mb-2 text-muted">Formación en Negocios y Finanzas</h6>
                        <p class="card-text">
Un Oasis en Medio de la semana</p>
                        <p><strong>Dirección:</strong>
Avenida 9 Este No. 5 Norte - 10 Los Pinos, Barrio Ceiba 2, Cúcuta, Norte de Santander, Colombia</p>
                        <p><strong>Teléfono:</strong>
3102542255</p>

                        

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/reino/JINGLE%20Sr.%20Pastel.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>
                    </div>
                </div>
            </div>
            
            
            <!-- Sabor Cúcuta -->
            <div class="col-md-4 hidden-card">
                <div class="card">
                    <img src="https://emprendo.com.co/eComercial/PSaborCucuta.jpg" class="card-img-top"
                        alt="Restaurante">
                    <div class="card-body">
                        <h5 class="card-title">Sabor Cúcuta</h5>
                        <h6 class="card-subtitle mb-2 text-muted">Restaurante</h6>
                        <p class="card-text">Disfruta de la mejor gastronomía local en Sabor Cúcuta. Platos
                            tradicionales que te harán sentir como en casa.</p>
                        <p><strong>Dirección:</strong> Avenida principal de las americas, Cl 16 Nte. #18-10, Cúcuta,
                            Norte de Santander</p>
                        <p><strong>Teléfono:</strong> 313-34979732</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/SSaborCucuta.mp3')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/MSaborCucuta.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>

                    </div>
                </div>
            </div>

            <!-- Resto de tarjetas (ocultas inicialmente) -->
            <!-- Mundo Mágico -->
            <div class="col-md-4 card-item hidden-card">
                <div class="card">
                    <img src="https://emprendo.com.co/eComercial/PMundoMagico.jpg" class="card-img-top"
                        alt="Juguetería Mundo Mágico">
                    <div class="card-body">
                        <h5 class="card-title">Juguetería Mundo Mágico</h5>
                        <h6 class="card-subtitle mb-2 text-muted">Tienda de Juguetes</h6>
                        <p class="card-text">Descubre un mundo de diversión en Juguetería Mundo Mágico. Ofrecemos una
                            amplia gama de juguetes para todas las edades.</p>
                        <p><strong>Dirección:</strong> Cra. 54 #45 A 38 P 1, La Candelaria, Medellín, Antioquia</p>
                        <p><strong>Teléfono:</strong> 317-43399574</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/SMundoMagico.mp3')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/MMundoMagico.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>

                    </div>
                </div>
            </div>

            <!-- Moda Urbana -->
            <div class="col-md-4 card-item hidden-card">
                <div class="card">
                    <img src="https://emprendo.com.co/eComercial/PModaUrbana.jpg" class="card-img-top"
                        alt="Tienda de Ropa">
                    <div class="card-body">
                        <h5 class="card-title">Moda Urbana</h5>
                        <h6 class="card-subtitle mb-2 text-muted">Tienda de Ropa</h6>
                        <p class="card-text">Moda Urbana ofrece las últimas tendencias en ropa y accesorios para
                            jóvenes. Visítanos para encontrar tu estilo.</p>
                        <p><strong>Dirección:</strong> Av. 2 #268, Barrio El Aeropuerto, Cúcuta, Norte de Santander</p>
                        <p><strong>Teléfono:</strong> 304-61060367</p>
                        <!-- <p><strong>Spot Publicitario:</strong></p> -->
                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/SModaUrbana.mp3')"><i
                                class="fas fa-play"></i></button>
                        <strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/MModaUrbana.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>

                    </div>
                </div>
            </div>

            <!--Café de Parque-->
            <div class="col-md-4 hidden-card">
                <div class="card">
                    <img src="https://emprendo.com.co/eComercial/PCafedelParque.jpg" class="card-img-top"
                        alt="Cafetería">
                    <div class="card-body">
                        <h5 class="card-title">Café del Parque</h5>
                        <h6 class="card-subtitle mb-2 text-muted">Cafetería</h6>
                        <p class="card-text">Café del Parque es el lugar ideal para disfrutar de un buen café y un
                            ambiente acogedor. ¡Ven a relajarte!</p>
                        <p><strong>Dirección:</strong> Avenida 4 #1-20 KDX 107, Chinácota, Norte de Santander</p>
                        <p><strong>Teléfono:</strong> 322-86721155</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/SCafedelParque.mp3')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/MCafedelParque.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>

                    </div>
                </div>
            </div>

            <!--TechZone-->
            <div class="col-md-4 hidden-card">
                <div class="card">
                    <img src="https://emprendo.com.co/eComercial/PTechZone.jpg" class="card-img-top" alt="TechZone">
                    <div class="card-body">
                        <h5 class="card-title">TechZone</h5>
                        <h6 class="card-subtitle mb-2 text-muted">Tienda de Tecnología</h6>
                        <p class="card-text">En TechZone encontrarás los últimos gadgets y dispositivos
                            tecnológicos.
                            ¡Ven y descubre lo mejor en tecnología!</p>
                        <p><strong>Dirección:</strong> #0- a Avenida Gran Colombia No. 12E-96, Cúcuta, Norte de
                            Santander</p>
                        <p><strong>Teléfono:</strong> 607-57766055</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/STechZone.mp3')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/MTechZone.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>
                    </div>
                </div>
            </div>

            <!--JM Toys-->
            <div class="col-md-4 hidden-card">
                <div class="card">
                    <img src="https://emprendo.com.co/eComercial/PJM Toys.png" class="card-img-top" alt="TechZone">
                    <div class="card-body">
                        <h5 class="card-title">JM Toys</h5>
                        <h6 class="card-subtitle mb-2 text-muted">Tienda de Juguetes</h6>
                        <p class="card-text">El Rey de los juguetes en Cúcuta.</p>
                        <p><strong>Dirección:</strong> Av. 6 #9-61 Centro, Cúcuta, Norte de
                            Santander</p>
                        <p><strong>Teléfono:</strong> 607-5481346 o 321-3007524</p>

                        <button class="btn btn-play" style="background-color: #007bff; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/STuCastilloSoy.mp3')"><i
                                class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/MTuCastilloSoy.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>

                    </div>
                </div>
            </div>

            <!--MUNDO FIESTA-->
            <div class="col-md-4 hidden-card">
                <div class="card">
                    <a href="https://emprendo.com.co/eComercial/mundofiesta" target="_blank">
                        <img src="https://emprendo.com.co/eComercial/mundofiesta/mundofiesta.jpg" class="card-img-top"
                            alt="mundofiesta">
                    </a>
                    <div class="card-body">
                        <a href="https://emprendo.com.co/eComercial/mundofiesta" target="_blank">
                            <h5 class="card-title">Mundo Fiesta</h5>
                        </a>
                        <h6 class="card-subtitle mb-2 text-muted">Tienda de Variedades</h6>
                        <p class="card-text">Piñateria, Globos, Detalles y Decoración</p>
                        <p><strong>Dirección:</strong> Avenida 6ta #07-01, Centro, Cúcuta, Norte de
                            Santander</p>
                        <p><strong>Teléfono:</strong> 3053266006</p>

                        <!--<button class="btn btn-play" style="background-color: #007bff; color: white;"
                        onclick="playSound('https://emprendo.com.co/eComercial/modacell/Matrimonio.mp3')"><i
                            class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->


                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/mundofiesta/mundofiesta.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>

                    </div>
                </div>
            </div>

            <!--INTERCONTINENTAL-->
            <div class="col-md-4 hidden-card">
                <div class="card">
                    <!--<a href="https://emprendo.com.co/eComercial/intercontinental" target="_blank">-->
                    <img src="https://emprendo.com.co/eComercial/intercontinental/intercontinental.jpg"
                        class="card-img-top" alt="intercontinental">
                    <!--</a>-->
                    <div class="card-body">
                        <!-- <a href="https://emprendo.com.co/eComercial/intercontinental" target="_blank">-->
                        <h5 class="card-title">Intercontinental Technology</h5>
                        <!--</a>-->
                        <h6 class="card-subtitle mb-2 text-muted">Tienda de Tecnología</h6>
                        <p class="card-text">Innovación sin fronteras. Somos más que una tienda de tecnología. Todo
                            en
                            un solo lugar.</p>
                        <p><strong>Dirección:</strong> Calle 8 #04-75, Centro, Cúcuta, Norte de
                            Santander</p>
                        <p><strong>Teléfono:</strong> 3204300341</p>

                        <!--<button class="btn btn-play" style="background-color: #007bff; color: white;"
                onclick="playSound('https://emprendo.com.co/eComercial/modacell/Matrimonio.mp3')"><i
                    class="fas fa-play"></i></button><strong>Spot</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->


                        <button class="btn btn-play" style="background-color: #ff9e1b; color: white;"
                            onclick="playSound('https://emprendo.com.co/eComercial/intercontinental/IntercontinentalTechnology.mp3')"><i
                                class="fas fa-play"></i></button><strong>Canción</strong>

                    </div>
                </div>
            </div>
        </div>

        <!-- Botón Ver más -->
        <div class="col-md-12 text-center">
            <button id="btn-see-more" class="btn btn-primary" onclick="toggleCards()">Ver más</button>
        </div>
    </div>



    </div>

    <br>
    <br>







    <div class="container py-5">
        <h1 class="text-center mb-5">Planes y Precios</h1>
        <div class="row">

            <!-- Spots Publicitarios -->
            <div class="col-md-4 mb-4">
                <div class="card h-100">
                    <div class="card-header text-center">
                        <h5 class="card-title">Spots Publicitarios</h5>
                    </div>
                    <div class="card-body">
                        <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Sopts.png" alt="Canciones"
                            style="display: block; margin: 0 auto;" height="100">
                        <h2 class="text-center">$ 200.000</h2>
                        <br>
                        <ul class="list-unstyled text-center">
                            <li>🔊 Guiones originales</li>
                            <li>🔊 100 % personalizadas</li>
                            <li>🔊 Grabación HD</li>
                            <li>🔊 Edición Mezcla y Master</li>
                            <li>🔊 Derechos de Explotación y Uso</li>
                            <li>🔊 Adaptabilidad Multiplataformas</li>
                        </ul>
                    </div>
                    <div class="card-footer text-center">
                        <a href="#" class="btn btn-primary">Elegir</a>
                    </div>
                </div>
            </div>
            <!-- Canciones Temáticas -->
            <div class="col-md-4 mb-4">
                <div class="card h-100">
                    <div class="card-header text-center">
                        <h5 class="card-title">Canciones Temáticas</h5>
                    </div>
                    <div class="card-body">
                        <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Canciones.png" alt="Canciones"
                            style="display: block; margin: 0 auto;" height="100">
                        <h2 class="text-center">$ 200.000</h2>
                        <br>
                        <ul class="list-unstyled text-center">
                            <li>🎶 Letras originales</li>
                            <li>🎶 100% personalizadas</li>
                            <li>🎶 Variedad de Géneros Musicales</li>
                            <li>🎶 Creación iA última generación</li>
                            <li>🎶 Edición Mezcla y Master</li>
                            <li>🎶 Derechos de Explotación y Uso</li>
                            <li>🎶 Adaptabilidad Multiplataformas</li>
                        </ul>
                    </div>
                    <div class="card-footer text-center">
                        <a href="#" class="btn btn-primary">Elegir</a>
                    </div>
                </div>
            </div>
            <!-- Videos -->
            <div class="col-md-4 mb-4">
                <div class="card h-100">
                    <div class="card-header text-center">
                        <h5 class="card-title">Videos Publicitarios</h5>
                    </div>
                    <div class="card-body">
                        <img src="https://emprendo.com.co/eComercial/iconos/Video.png" alt="Canciones"
                            style="display: block; margin: 0 auto;" height="100">
                        <h2 class="text-center">$ 300.000</h2>
                        <br>
                        <ul class="list-unstyled text-center">
                            <li>🎥 Concepto Creativo y Guion</li>
                            <li>🎥 Grabación en Full HD/4K</li>
                            <li>🎥 Animaciones y Efectos</li>
                            <li>🎥 Edición y Postproducción</li>
                            <li>🎥 Adaptabilidad Multiplataformas</li>
                            <li>🎥 Derechos de Explotación y Uso</li>
                        </ul>
                    </div>
                    <div class="card-footer text-center">
                        <a href="#" class="btn btn-primary">Elegir</a>
                    </div>
                </div>
            </div>

            <br>

            <!-- Plan Básico -->
            <div class="col-md-4 mb-4">
                <div class="card h-100">
                    <div class="card-header text-center" style="background-color: #2ac1b2;">
                        <h4 class="card-title" style="color: white;">Plan Básico</h4>
                    </div>
                    <div class="card-body">
                        <h2 class="text-center" style="color: #dc3545;"><del>$2.0000.000</del></h2>
                        <h1 class="text-center">$1.800.000</h1>
                        <h3 class="text-center" style="color: #28a745;">10% DESCUENTO</h3>
                        <ul class="list-unstyled">
                            <li>💡 5 Spots de 20 segundos</li>
                            <li>💡 5 Canciones Temáticas</li>
                            <li>💡 5 Guiones originales (Spots)</li>
                            <li>💡 5 Letras Originales (Canciones)</li>
                            <li>💡 Contenidos 100% Personalizados</li>
                            <li>💡 Grabación HD</li>
                            <li>💡 Edición Mezcla y Master</li>
                            <li>💡 Creación iA última generación</li>
                            <li>💡 Edición Mezcla y Master</li>
                            <li>💡 Derechos de Explotación y Uso</li>
                            <li>💡 Adaptabilidad Multiplataformas</li>

                        </ul>
                    </div>
                    <div class="card-footer text-center">
                        <a href="#" class="btn btn-primary">Elegir Plan</a>
                    </div>
                </div>
            </div>
            <!-- Plan Premium -->
            <div class="col-md-4 mb-4">
                <div class="card h-100">
                    <div class="card-header text-center" style="background-color: #ffc107">
                        <h4 class="card-title" style="color: black;">Plan Premium</h4>
                    </div>
                    <div class="card-body">
                        <h2 class="text-center" style="color: #dc3545;"><del>$4.300.000</del></h2>
                        <h1 class="text-center">$3.655.000</h1>
                        <h3 class="text-center" style="color: #28a745;">15% DESCUENTO</h3>
                        <ul class="list-unstyled">
                            <li>💎 10 Spots de 20 segundos</li>
                            <li>💎 10 Canciones Temáticas</li>
                            <li>💎 1 Video Publicitario</li>
                            <li>💎 10 Guiones originales (Spots)</li>
                            <li>💎 10 Letras Originales (Canciones)</li>
                            <li>💎 Contenidos 100% Personalizados</li>
                            <li>💎 Grabación HD</li>
                            <li>💎 Edición Mezcla y Master</li>
                            <li>💎 Creación iA última generación</li>
                            <li>💎 Edición Mezcla y Master</li>
                            <li>💎 Derechos de Explotación y Uso</li>
                            <li>💎 Adaptabilidad Multiplataformas</li>

                        </ul>
                    </div>
                    <div class="card-footer text-center">
                        <a href="#" class="btn btn-primary">Elegir Plan</a>
                    </div>
                </div>
            </div>
            <!-- Plan Personalizado -->
            <div class="col-md-4 mb-4">
                <div class="card h-100">
                    <div class="card-header text-center" style="background-color: #ff6b6b;">
                        <h4 class="card-title" style="color: white;">Plan Personalizado</h4>
                    </div>
                    <div class="card-body">
                        <h2 class="text-center" style="color: #dc3545;"><del>$4.300.000</del></h2>
                        <h3 class="text-center">Montos superiores a ⬆️</h3>
                        <h3 class="text-center" style="color: #28a745;">Descuentos del 20% o más</h3>
                        <ul class="list-unstyled">
                            <li>⭐ Spots segundos</li>
                            <li>⭐ Canciones Temáticas</li>
                            <li>⭐ CVideos Publicitarios</li>
                            <li>⭐ Guiones originales (Spots)</li>
                            <li>⭐ Letras Originales (Canciones)
                            <li>⭐ Contenidos 100% Personalizados</li>
                            <li>⭐ Grabación HD</li>
                            <li>⭐ Edición Mezcla y Master</li>
                            <li>⭐ Creación iA última generación</li>
                            <li>⭐ Edición Mezcla y Master</li>
                            <li>⭐ Derechos de Explotación y Uso</li>
                            <li>⭐ Adaptabilidad Multiplataformas</li>
                        </ul>
                    </div>
                    <div class="card-footer text-center">
                        <a href="#" class="btn btn-primary">Elegir Plan</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- MEDIOS DE PAGO -->

    <div class="container my-5">
        <h2 class="text-center" style="color: #007bff;">Medios de Pago</h2>
        <p class="text-center text-muted">Selecciona el método que prefieras para realizar tu pago</p>
        <div class="row text-center">
            <div class="col-md-4">
                <div class="card">
                    <img src="https://emprendo.com.co/eComercial/mediospago/Bancolombia.png" class="card-img-mp"
                        alt="Bancolombia">
                    <div class="card-body">
                        <h5 class="card-title">Bancolombia</h5>
                        <p class="card-text">
                            Cuenta de Ahorros<br>
                            <strong>816-626052-04</strong><br>
                            Titular: Nevin Cristopher Paredes Rojas
                        </p>
                        <p>
                            <strong>Escanea el código QR:</strong><br>
                            <img src="https://emprendo.com.co/eComercial/mediospago/Bancolombia-qr.png" height="280"
                                alt="QR Bancolombia">
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <img src="https://emprendo.com.co/eComercial/mediospago/Daviplata.png" class="card-img-mp"
                        alt="Daviplata">
                    <div class="card-body">
                        <h5 class="card-title">Daviplata</h5>
                        <p class="card-text">
                            Número: <strong>3143604300</strong><br>
                            Titular: Cynthia Carolina Simancas Febres
                        </p>
                        <p>
                            <strong>Escanea el código QR:</strong><br>
                            <img src="https://emprendo.com.co/eComercial/mediospago/Daviplata-qr.png" height="280"
                                alt="QR Daviplata">
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <img src="https://emprendo.com.co/eComercial/mediospago/Nequi.png" class="card-img-mp" alt="Nequi">
                    <div class="card-body">
                        <h5 class="card-title">Nequi</h5>
                        <p class="card-text">
                            Número: <strong>3143604300</strong><br>
                            Titular: Cynthia Carolina Simancas Febres
                        </p>
                        <p>
                            <strong>Escanea el código QR:</strong><br>
                            <img src="https://emprendo.com.co/eComercial/mediospago/Nequi-qr.png" height="280"
                                alt="QR Nequi">
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <img src="https://emprendo.com.co/eComercial/mediospago/BancoUnion.png" class="card-img-mp"
                        alt="Banco Unión">
                    <div class="card-body">
                        <h5 class="card-title">Banco Unión</h5>
                        <p class="card-text">
                            Cuenta de Ahorros<br>
                            <strong>01735600000428795</strong><br>
                            Titular: Cynthia Carolina Simancas Febres
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <img src="https://emprendo.com.co/eComercial/mediospago/Uala.png" class="card-img-mp" alt="Ualá">
                    <div class="card-body">
                        <h5 class="card-title">Ualá</h5>
                        <p class="card-text">
                            Número: <strong>825231002097930</strong><br>
                            Titular: Nevin Cristopher Paredes Rojas
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <img src="https://emprendo.com.co/eComercial/mediospago/Efectivo.png" class="card-img-mp"
                        alt="Efectivo">
                    <div class="card-body">
                        <h5 class="card-title">Efectivo</h5>
                        <p class="card-text">
                            Disponible con nuestro<br>
                            <strong>Asesor de Ventas</strong>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>




    <footer class="text-center my-4">
        <p>© 2024 <a href="https://www.emprendo.com.co/" target="_blank" class="text-blue-600 hover:underline"
                style="color: #ff3900;">eMprendo</a>. Todos los derechos reservados</p>
    </footer>

    <div id="globalAudioSeekContainer">
        <input type="range" id="globalAudioSeek" value="0" min="0" max="100" step="1" onchange="seekAudio(this.value)">
    </div>




    <script>
        let currentAudio = null;
        const audioFiles = []; // Array para almacenar los archivos de audio

        function playSound(soundFile) {
            if (currentAudio) {
                currentAudio.pause();
            }
            currentAudio = new Audio(soundFile);
            currentAudio.play();
            audioFiles.push(currentAudio); // Agregar el audio actual al array
            updateGlobalSeek(); // Actualizar el control deslizante global
        }

        function stopSound() {
            if (currentAudio) {
                currentAudio.pause();
                currentAudio.currentTime = 0;
            }
        }

        function seekAudio(value) {
            audioFiles.forEach(audio => {
                if (audio) {
                    const duration = audio.duration;
                    audio.currentTime = (value / 100) * duration;
                }
            });
        }

        // Actualiza el control deslizante global mientras se reproduce el audio
        function updateGlobalSeek() {
            setInterval(() => {
                if (currentAudio) {
                    const seekBar = document.getElementById('globalAudioSeek');
                    seekBar.value = (currentAudio.currentTime / currentAudio.duration) * 100;
                }
            }, 1000);
        }

        window.onscroll = function () {
            const header = document.getElementById("header");
            const logo = document.getElementById("logo");
            if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
                header.classList.add("scrolled");
                logo.classList.add("shrink");
            } else {
                header.classList.remove("scrolled");
                logo.classList.remove("shrink");
            }
        };


        // Función para mostrar/ocultar el control deslizante global
        function toggleSeekBar() {
            var seekBarContainer = document.getElementById("globalAudioSeekContainer");
            if (seekBarContainer.style.display === "none" || seekBarContainer.style.display === "") {
                seekBarContainer.style.display = "block";
            } else {
                seekBarContainer.style.display = "none";
            }
        }

        function toggleCards() {
            var hiddenCards = document.querySelectorAll('.hidden-card');
            var btnSeeMore = document.getElementById('btn-see-more');
            var cardsContainer = document.getElementById('cards-container');

            if (hiddenCards[0].style.display === "" || hiddenCards[0].style.display === "none") {
                hiddenCards.forEach(function (card) {
                    card.style.display = "block";
                });
                btnSeeMore.innerHTML = "Ver menos";
            } else {
                hiddenCards.forEach(function (card) {
                    card.style.display = "none";
                });
                btnSeeMore.innerHTML = "Ver más";

                // Volver al inicio de la sección
                cardsContainer.scrollIntoView({ behavior: "smooth" });
            }
        }




    </script>

    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.0.7/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
        crossorigin="anonymous"></script>


</body>

</html>
User / IP	: 216.73.216.217
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64