{"id":39,"date":"2026-04-06T17:37:41","date_gmt":"2026-04-06T17:37:41","guid":{"rendered":"https:\/\/marcelocaceresviolinista.com\/?page_id=39"},"modified":"2026-04-14T01:11:48","modified_gmt":"2026-04-14T01:11:48","slug":"elementor-39","status":"publish","type":"page","link":"https:\/\/marcelocaceresviolinista.com\/?page_id=39","title":{"rendered":"Elementor #39"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"39\" class=\"elementor elementor-39\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72dc072 e-flex e-con-boxed e-con e-parent\" data-id=\"72dc072\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e6702c elementor-widget elementor-widget-html\" data-id=\"2e6702c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <!-- Google Tag Manager -->\n    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n    'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n    })(window,document,'script','dataLayer','GTM-NPK6C2DH');<\/script>\n    <!-- End Google Tag Manager -->\n\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Violinista para Quincea\u00f1os en Asunci\u00f3n | Marcelo C\u00e1ceres<\/title>\n    <meta name=\"description\" content=\"Tu quincea\u00f1os merece m\u00fasica real. Mientras otras usan playback, t\u00fa tendr\u00e1s un violinista en vivo para una entrada m\u00e1gica en Asunci\u00f3n.\">\n\n    <!-- Open Graph -->\n    <meta property=\"og:title\" content=\"Violinista para Quincea\u00f1os | Marcelo C\u00e1ceres | Asunci\u00f3n\">\n    <meta property=\"og:description\" content=\"Tu entrada ser\u00e1 tan m\u00e1gica que tus invitados hablar\u00e1n de esto por a\u00f1os. M\u00fasica de viol\u00edn en vivo premium.\">\n    <meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_auto,q_auto\/Entrada_de_la_Quincean%CC%83era_hxmvaz.gif\">\n    <meta property=\"og:url\" content=\"https:\/\/quinceanos.marcelocaceresviolinista.com\">\n\n    <!-- Fonts & SEO -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        brandGold: '#C8AA6E',\n                        brandBlack: '#000000',\n                        brandWhite: '#FFFFFF',\n                        brandGray: '#BCBCBC',\n                        brandDarkGray: '#0A0A0A',\n                    },\n                    fontFamily: {\n                        display: ['Playfair Display', 'serif'],\n                        body: ['Poppins', 'sans-serif'],\n                    },\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        html { scroll-behavior: smooth; }\n        body { font-family: 'Poppins', sans-serif; background-color: #000; color: #fff; overflow-x: hidden; }\n        h1, h2, h3 { font-family: 'Playfair Display', serif; }\n\n        .intro-overlay {\n            position: fixed; inset: 0; z-index: 9999;\n            background: #000 url('https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_auto,q_auto\/Entrada_de_la_Quincean%CC%83era_hxmvaz.gif') center\/cover no-repeat;\n            display: flex; justify-content: center; align-items: center;\n            transition: all 1.2s cubic-bezier(0.7, 0, 0.3, 1);\n        }\n        .intro-overlay::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.75); }\n        .intro-overlay.fade-out { opacity: 0; visibility: hidden; transform: scale(1.1); }\n\n        .logo-navbar {\n            position: fixed; top: 0; left: 0; width: 100%;\n            background-color: rgba(10, 10, 10, 0.85); backdrop-filter: blur(20px);\n            padding: 1rem 0; z-index: 1000; display: flex; justify-content: center; align-items: center;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        }\n        .logo-img { max-height: 28px; width: auto; height: auto; }\n        @media (min-width: 768px) { .logo-img { max-height: 42px; } .logo-navbar { padding: 1.25rem 0; } }\n\n        .hero-video-container {\n            position: relative; min-height: 100vh; min-height: 100dvh; width: 100%;\n            display: flex; align-items: center; justify-content: center; overflow: hidden; padding-top: 80px;\n        }\n\n        .hero-bg {\n            position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n            min-width: 100%; min-height: 100%; width: 100%; height: 100%; object-fit: cover;\n            z-index: -1; opacity: 0.65; animation: slowZoom 20s infinite alternate linear;\n        }\n\n        @keyframes slowZoom { from { transform: translate(-50%, -50%) scale(1); } to { transform: translate(-50%, -50%) scale(1.1); } }\n\n        .video-overlay {\n            position: absolute; inset: 0;\n            background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, transparent 40%, rgba(0,0,0,0.9) 100%);\n        }\n        \n        .gold-gradient-text {\n            background: linear-gradient(to right, #C8AA6E, #F1D39A, #C8AA6E);\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n        }\n\n        .portfolio-grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; }\n        @media (min-width: 768px) { .portfolio-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }\n        @media (min-width: 1024px) { .portfolio-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; } }\n\n        .portfolio-card {\n            background-color: #0c0c0c; padding: 1.5rem; border-radius: 1.5rem;\n            border: 1px solid rgba(255, 255, 255, 0.05); transition: all 0.4s ease;\n        }\n        .portfolio-card:hover { transform: translateY(-10px); border-color: rgba(200, 170, 110, 0.3); background-color: #111; }\n\n        .portfolio-title { color: #C8AA6E; font-family: 'Playfair Display', serif; font-size: 1.25rem; font-weight: 700; margin-bottom: 0.75rem; }\n        .portfolio-description { color: #A0A0A0; font-size: 0.85rem; line-height: 1.6; font-weight: 300; }\n\n        .portfolio-image-wrapper { position: relative; overflow: hidden; border-radius: 1rem; aspect-ratio: 16 \/ 10; background-color: #000; margin-bottom: 1.25rem; }\n        .portfolio-image-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s ease; }\n        .portfolio-card:hover .portfolio-image-wrapper img { transform: scale(1.15); }\n\n        .counter-container { opacity: 0; transform: translateY(20px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }\n        .counter-container.active-stats { opacity: 1; transform: translateY(0); }\n        .glow-finish { animation: glow-pulse 0.8s ease-out forwards; }\n        @keyframes glow-pulse {\n            0% { text-shadow: 0 0 0px rgba(200, 170, 110, 0); transform: scale(1); }\n            50% { text-shadow: 0 0 20px rgba(200, 170, 110, 0.5); transform: scale(1.05); }\n            100% { text-shadow: 0 0 5px rgba(200, 170, 110, 0.2); transform: scale(1); }\n        }\n\n        .carousel-viewport {\n            position: relative; width: 100%; overflow: hidden; border-radius: 1.5rem;\n            background: #050505; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n            border: 1px solid rgba(255, 255, 255, 0.03); margin: 1.5rem 0;\n        }\n        .carousel-track { display: flex; transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1); }\n        .carousel-slide { min-width: 100%; aspect-ratio: 4\/5; display: flex; align-items: center; justify-content: center; padding: 1rem; }\n        .carousel-slide img { width: 100%; height: 100%; object-fit: contain; }\n\n        .carousel-nav-btn {\n            position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px;\n            border-radius: 50%; background: rgba(10, 10, 10, 0.3); backdrop-filter: blur(8px);\n            border: 1px solid rgba(255, 255, 255, 0.1); color: white; display: flex; align-items: center;\n            justify-content: center; cursor: pointer; z-index: 10; transition: all 0.3s ease; opacity: 0;\n        }\n        .carousel-viewport:hover .carousel-nav-btn { opacity: 1; }\n        .carousel-nav-btn:hover { background: rgba(200, 170, 110, 0.8); border-color: #C8AA6E; color: black; }\n        .carousel-btn-prev { left: 0.75rem; }\n        .carousel-btn-next { right: 0.75rem; }\n\n        .reveal { opacity: 0; transform: translateY(30px); transition: all 1s ease-out; }\n        .reveal.active { opacity: 1; transform: translateY(0); }\n\n        .btn-gold {\n            background: linear-gradient(45deg, #C8AA6E, #A68A50);\n            color: #000; font-weight: 700; transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(200, 170, 110, 0.2);\n        }\n        .btn-gold:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(200, 170, 110, 0.4); }\n\n        .quiz-step { display: none; }\n        .quiz-step.active { display: block; animation: slideIn 0.6s cubic-bezier(0.23, 1, 0.32, 1); }\n        @keyframes slideIn { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } }\n\n        .glass { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.08); }\n        \n        \/* FAQ Styling *\/\n        details summary::-webkit-details-marker { display: none; }\n        details[open] summary i { transform: rotate(180deg); }\n        \n        ::-webkit-scrollbar { width: 8px; }\n        ::-webkit-scrollbar-track { background: #000; }\n        ::-webkit-scrollbar-thumb { background: #333; border-radius: 10px; }\n        ::-webkit-scrollbar-thumb:hover { background: #C8AA6E; }\n    <\/style>\n<\/head>\n<body class=\"antialiased\">\n    <!-- Google Tag Manager (noscript) -->\n    <noscript><iframe src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-NPK6C2DH\"\n    height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"><\/iframe><\/noscript>\n    <!-- End Google Tag Manager (noscript) -->\n\n    <!-- Intro -->\n    <div id=\"introOverlay\" class=\"intro-overlay\">\n        <div class=\"relative z-10 text-center px-6\">\n            <button id=\"enterBtn\" class=\"px-10 py-5 border-2 border-brandGold text-brandGold font-display text-lg tracking-[5px] uppercase hover:bg-brandGold hover:text-black transition-all duration-700 animate-pulse\">\n                Comenzar Experiencia\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Navbar -->\n    <nav class=\"logo-navbar px-6 md:px-12\">\n        <div class=\"w-full max-w-7xl flex justify-between items-center relative\">\n            <div class=\"flex-1 flex items-center gap-3\">\n                 <span class=\"hidden md:block text-[9px] text-brandGold border border-brandGold\/30 px-2 py-1 rounded\">\u23f0 DISPONIBLES: JUNIO, JULIO<\/span>\n            <\/div>\n            <div class=\"flex justify-center flex-1\">\n                <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_auto,q_auto\/Logo_Blanco_Marcelo_Caceres_fppvnd.png\" \n                     alt=\"Marcelo C\u00e1ceres Logo\" class=\"logo-img\">\n            <\/div>\n            <div class=\"flex-1 flex justify-end\">\n                <a href=\"https:\/\/wa.me\/595981142350\" class=\"text-brandGold font-bold text-[10px] md:text-xs border-b border-brandGold\/40 uppercase tracking-[2px] hover:text-white hover:border-white transition-all\">Reservar<\/a>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <header class=\"hero-video-container\">\n        <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_auto,q_auto\/Entrada_de_la_Quincean%CC%83era_hxmvaz.gif\" \n             class=\"hero-bg\" alt=\"Fondo Quincea\u00f1era con viol\u00edn\">\n        <div class=\"video-overlay\"><\/div>\n        \n        <div class=\"relative z-10 text-center px-6 max-w-5xl\">\n            <h1 class=\"text-4xl md:text-7xl lg:text-8xl font-black mb-8 leading-tight reveal\">\n                Mientras Otras Quincea\u00f1eras Hacen Playback, <br>\n                <span class=\"gold-gradient-text text-3xl md:text-6xl lg:text-7xl\">T\u00fa Tendr\u00e1s Un Violinista En Vivo<\/span>\n            <\/h1>\n            <p class=\"text-base md:text-xl text-brandGray mb-12 font-light tracking-wide max-w-3xl mx-auto leading-relaxed reveal\" style=\"transition-delay: 0.2s;\">\n                Este momento pasa una sola vez. Las otras quincea\u00f1eras de Asunci\u00f3n usan DJ o tracks pregrabados. T\u00fa vas a ser la que tenga un VIOLINISTA EN VIVO tocando exclusivamente para ti. Tus fotos y videos van a verse a otro nivel.\n            <\/p>\n            <div class=\"flex flex-col md:flex-row gap-5 justify-center items-center reveal\" style=\"transition-delay: 0.4s;\">\n                <a href=\"https:\/\/wa.me\/595981142350\" class=\"btn-gold w-full md:w-auto px-12 py-5 rounded-full uppercase text-xs tracking-[2px]\">Reservar Mi Fecha (Solo 8 disponibles)<\/a>\n                <a href=\"#quiz\" class=\"w-full md:w-auto bg-white\/5 backdrop-blur-md px-12 py-5 rounded-full uppercase text-xs tracking-[2px] border border-white\/10 hover:bg-white\/20 transition-all\">Descubre Tu Estilo Musical<\/a>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Moments Section -->\n    <section id=\"quinceanos-section\" class=\"py-32 bg-black\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <div class=\"text-center mb-20 reveal\">\n                <h2 class=\"text-4xl md:text-6xl font-black text-white mb-6 uppercase tracking-tighter\">Tu Historia en Melod\u00edas<\/h2>\n                <div class=\"w-20 h-1 bg-brandGold mx-auto mb-8\"><\/div>\n                <p class=\"text-lg text-brandGray max-w-2xl mx-auto font-light\">\n                    De la entrada m\u00e1gica al vals cinematogr\u00e1fico. Cada momento de tu quincea\u00f1o tiene una m\u00fasica pensada al detalle para que se sienta exactamente como lo so\u00f1aste.\n                <\/p>\n            <\/div>\n            \n            <div class=\"portfolio-grid\">\n                <div class=\"portfolio-card reveal\" style=\"transition-delay: 0.1s;\">\n                    <div class=\"portfolio-image-wrapper\">\n                        <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_auto,q_auto\/Entrada_de_la_Quincean%CC%83era_hxmvaz.gif\" alt=\"Entrada de la Quincea\u00f1era\">\n                    <\/div>\n                    <h3 class=\"portfolio-title\">La Gran Entrada<\/h3>\n                    <p class=\"portfolio-description\">\n                        Olvida las pistas gen\u00e9ricas. Tu llegada ser\u00e1 anunciada con la fuerza y elegancia de un viol\u00edn solista, capturando la atenci\u00f3n total de tus invitados.\n                    <\/p>\n                <\/div>\n\n                <div class=\"portfolio-card reveal\" style=\"transition-delay: 0.2s;\">\n                    <div class=\"portfolio-image-wrapper\">\n                        <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_auto,q_auto\/Cambio_de_Zapatos_l2ysxv.gif\" alt=\"Cambio de Zapatos\">\n                    <\/div>\n                    <h3 class=\"portfolio-title\">Instantes Simb\u00f3licos<\/h3>\n                    <p class=\"portfolio-description\">\n                        El cambio de zapatos o la rosa dejan de ser tr\u00e1mites y se vuelven escenas de pel\u00edcula que erizan la piel de toda tu familia.\n                    <\/p>\n                <\/div>\n\n                <div class=\"portfolio-card reveal\" style=\"transition-delay: 0.3s;\">\n                    <div class=\"portfolio-image-wrapper\">\n                        <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_auto,q_auto\/Baile_Especiall_jibttm.gif\" alt=\"Vals de XV\">\n                    <\/div>\n                    <h3 class=\"portfolio-title\">El Vals So\u00f1ado<\/h3>\n                    <p class=\"portfolio-description\">\n                        Bailar el vals con m\u00fasica en vivo crea una conexi\u00f3n emocional que un DJ jam\u00e1s podr\u00e1 igualar. Es el recuerdo que tus padres atesorar\u00e1n.\n                    <\/p>\n                <\/div>\n\n                <div class=\"portfolio-card reveal\" style=\"transition-delay: 0.4s;\">\n                    <div class=\"portfolio-image-wrapper\">\n                        <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_webp,q_40,w_600\/5-_Ambientacio%CC%81n_Musical_ve7pxo.gif\" alt=\"Ambientaci\u00f3n Recepci\u00f3n\">\n                    <\/div>\n                    <h3 class=\"portfolio-title\">Cena con Estilo<\/h3>\n                    <p class=\"portfolio-description\">\n                        Mientras tus invitados cenan, el ambiente se transforma en una gala exclusiva de alto nivel. Un toque de clase que define tu estatus.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Why Section -->\n    <section class=\"py-32 bg-brandDarkGray\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <div class=\"text-center mb-24 reveal\">\n                <h2 class=\"text-3xl md:text-5xl font-bold mb-6 uppercase tracking-tighter text-white\">\u00bfPor qu\u00e9 un Viol\u00edn en Vivo?<\/h2>\n                <p class=\"text-brandGray max-w-3xl mx-auto font-light\">No es solo m\u00fasica, es la diferencia entre una fiesta bonita y un evento legendario en Asunci\u00f3n.<\/p>\n            <\/div>\n            \n            <div class=\"grid md:grid-cols-3 gap-12 md:gap-20\">\n                <div class=\"reveal text-center\" style=\"transition-delay: 0.1s;\">\n                    <div class=\"text-brandGold text-5xl mb-8\"><i class=\"fas fa-gem\"><\/i><\/div>\n                    <h3 class=\"text-xl mb-4 font-bold text-white uppercase tracking-widest\">Exclusividad<\/h3>\n                    <p class=\"text-brandGray leading-relaxed font-light text-sm md:text-base\">\n                        Mientras 9 de cada 10 quincea\u00f1os tienen DJ, t\u00fa tendr\u00e1s algo que nadie m\u00e1s en tu c\u00edrculo va a tener. Punto.\n                    <\/p>\n                <\/div>\n                <div class=\"reveal text-center\" style=\"transition-delay: 0.2s;\">\n                    <div class=\"text-brandGold text-5xl mb-8\"><i class=\"fas fa-magic\"><\/i><\/div>\n                    <h3 class=\"text-xl mb-4 font-bold text-white uppercase tracking-widest\">Atm\u00f3sfera M\u00e1gica<\/h3>\n                    <p class=\"text-brandGray leading-relaxed font-light text-sm md:text-base\">\n                        No es una pista. No es autoplay. Es una persona tocando en vivo para TI. La diferencia emocional es abismal.\n                    <\/p>\n                <\/div>\n                <div class=\"reveal text-center\" style=\"transition-delay: 0.3s;\">\n                    <div class=\"text-brandGold text-5xl mb-8\"><i class=\"fas fa-video\"><\/i><\/div>\n                    <h3 class=\"text-xl mb-4 font-bold text-white uppercase tracking-widest\">Impacto Visual<\/h3>\n                    <p class=\"text-brandGray leading-relaxed font-light text-sm md:text-base\">\n                        Cuando veas tus videos de la entrada, vas a desear haber grabado TODA la fiesta. El violinista eleva la calidad de cada frame.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Stats Section -->\n    <section id=\"stats-section\" class=\"py-24 md:py-32 bg-black border-y border-white\/5\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-y-12 md:gap-8\">\n                <div class=\"counter-container text-center\">\n                    <h3 class=\"text-3xl md:text-7xl font-black text-[#C8AA6E] font-serif tracking-tighter leading-none\">\n                        <span class=\"counter\" data-target=\"15\">0<\/span>\n                    <\/h3>\n                    <p class=\"text-[#BCBCBC] mt-3 md:mt-4 text-[9px] md:text-xs uppercase tracking-[0.2em] md:tracking-[0.3em] font-medium max-w-[120px] md:max-w-none mx-auto\">A\u00f1os de trayectoria<\/p>\n                <\/div>\n                <div class=\"counter-container text-center\" style=\"transition-delay: 100ms;\">\n                    <h3 class=\"text-3xl md:text-7xl font-black text-[#C8AA6E] font-serif tracking-tighter leading-none\">\n                        <span class=\"counter\" data-target=\"1200\">0<\/span>+\n                    <\/h3>\n                    <p class=\"text-[#BCBCBC] mt-3 md:mt-4 text-[9px] md:text-xs uppercase tracking-[0.2em] md:tracking-[0.3em] font-medium max-w-[120px] md:max-w-none mx-auto\">Presentaciones en vivo<\/p>\n                <\/div>\n                <div class=\"counter-container text-center\" style=\"transition-delay: 200ms;\">\n                    <h3 class=\"text-3xl md:text-7xl font-black text-[#C8AA6E] font-serif tracking-tighter leading-none\">\n                        <span class=\"counter\" data-target=\"487\">0<\/span>\n                    <\/h3>\n                    <p class=\"text-[#BCBCBC] mt-3 md:mt-4 text-[9px] md:text-xs uppercase tracking-[0.2em] md:tracking-[0.3em] font-medium max-w-[120px] md:max-w-none mx-auto\">Quincea\u00f1os en Asunci\u00f3n<\/p>\n                <\/div>\n                <div class=\"counter-container text-center\" style=\"transition-delay: 300ms;\">\n                    <h3 class=\"text-3xl md:text-7xl font-black text-[#C8AA6E] font-serif tracking-tighter leading-none\">\n                        <span class=\"counter\" data-target=\"15000\">0<\/span>+\n                    <\/h3>\n                    <p class=\"text-[#BCBCBC] mt-3 md:mt-4 text-[9px] md:text-xs uppercase tracking-[0.2em] md:tracking-[0.3em] font-medium max-w-[120px] md:max-w-none mx-auto\">Invitados emocionados<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ Section -->\n    <section class=\"py-32 bg-black\">\n        <div class=\"max-w-4xl mx-auto px-6\">\n            <h2 class=\"text-4xl md:text-6xl font-black text-white mb-12 text-center uppercase tracking-tighter\">Preguntas Frecuentes<\/h2>\n            <div class=\"space-y-4\">\n                <details class=\"glass rounded-2xl p-6 group\">\n                    <summary class=\"flex justify-between items-center cursor-pointer list-none\">\n                        <span class=\"text-lg font-bold text-brandGold\">\u00bfTocas en vivo o es pista?<\/span>\n                        <i class=\"fas fa-chevron-down text-brandGold transition-transform\"><\/i>\n                    <\/summary>\n                    <p class=\"mt-4 text-brandGray font-light leading-relaxed\">\n                        El viol\u00edn es 100% en vivo. Dependiendo del formato del show y el impacto deseado, la interpretaci\u00f3n puede acompa\u00f1arse de secuencias o pistas preparadas previamente para lograr un sonido cinematogr\u00e1fico. Tambi\u00e9n se puede consultar por formaciones con otros instrumentistas.\n                    <\/p>\n                <\/details>\n\n                <details class=\"glass rounded-2xl p-6 group\">\n                    <summary class=\"flex justify-between items-center cursor-pointer list-none\">\n                        <span class=\"text-lg font-bold text-brandGold\">\u00bfCu\u00e1nto tiempo te quedas en la fiesta?<\/span>\n                        <i class=\"fas fa-chevron-down text-brandGold transition-transform\"><\/i>\n                    <\/summary>\n                    <p class=\"mt-4 text-brandGray font-light leading-relaxed\">\n                        La duraci\u00f3n del servicio depende \u00edntegramente del paquete elegido para tu evento. La cobertura var\u00eda seg\u00fan la propuesta contratada, adapt\u00e1ndonos siempre a las necesidades de cada celebraci\u00f3n.\n                    <\/p>\n                <\/details>\n\n                <details class=\"glass rounded-2xl p-6 group\">\n                    <summary class=\"flex justify-between items-center cursor-pointer list-none\">\n                        <span class=\"text-lg font-bold text-brandGold\">\u00bfPuedo elegir las canciones?<\/span>\n                        <i class=\"fas fa-chevron-down text-brandGold transition-transform\"><\/i>\n                    <\/summary>\n                    <p class=\"mt-4 text-brandGray font-light leading-relaxed\">\n                        \u00a1Por supuesto! El repertorio es 100% personalizado y se adapta por completo a sus gustos. Dise\u00f1amos la selecci\u00f3n musical seg\u00fan el estilo del evento y los momentos espec\u00edficos que deseen cubrir.\n                    <\/p>\n                <\/details>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- About Section -->\n    <section id=\"about\" class=\"py-32 bg-brandDarkGray relative overflow-hidden\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <div class=\"grid md:grid-cols-2 gap-16 items-center\">\n                <div class=\"reveal relative\" style=\"transition-delay: 0.1s;\">\n                    <div class=\"aspect-[4\/5] rounded-[2rem] overflow-hidden border border-white\/10 shadow-2xl\">\n                        <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/v1776123367\/Marcelo_Ca%CC%81ceres_cfg1dn.webp\" \n                             alt=\"Marcelo C\u00e1ceres Violinista Profesional\" \n                             class=\"w-full h-full object-cover\">\n                    <\/div>\n                    <div class=\"absolute -bottom-6 -right-6 w-32 h-32 bg-brandGold\/20 blur-3xl rounded-full\"><\/div>\n                <\/div>\n\n                <div class=\"reveal\" style=\"transition-delay: 0.3s;\">\n                    <span class=\"text-brandGold uppercase tracking-[4px] text-[10px] font-bold mb-4 block\">El Artista<\/span>\n                    <h2 class=\"text-4xl md:text-6xl font-black text-white mb-8 leading-tight\">Sobre Marcelo C\u00e1ceres<\/h2>\n                    \n                    <div class=\"space-y-6 text-brandGray font-light leading-relaxed text-lg\">\n                        <p>\n                            Marcelo C\u00e1ceres es violinista y compositor paraguayo, reconocido por transformar la m\u00fasica en vivo en una experiencia que se siente.\n                        <\/p>\n                        <p>\n                            Su propuesta combina elegancia, direcci\u00f3n musical y una visi\u00f3n moderna del viol\u00edn, llev\u00e1ndolo m\u00e1s all\u00e1 de lo tradicional para convertir cada momento en algo verdaderamente inolvidable.\n                        <\/p>\n                        <p class=\"text-white font-normal italic border-l-2 border-brandGold pl-6 leading-relaxed\">\n                            Ha sido reconocido en los <span class=\"text-brandGold\">Propya Awards<\/span>, uno de los principales galardones de la industria musical en Paraguay, siendo el primer y \u00fanico violinista en destacar en un entorno dominado por artistas vocales, un respaldo que garantiza interpretaciones a la altura de un momento tan importante como los quince de tu hija.\n                        <\/p>\n\n                        <div class=\"carousel-integration\">\n                            <div class=\"carousel-viewport group\">\n                                <div class=\"carousel-track\" id=\"editorialTrack\"><\/div>\n                                <button class=\"carousel-nav-btn carousel-btn-prev\" id=\"prevSlide\" aria-label=\"Anterior\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n                                <button class=\"carousel-nav-btn carousel-btn-next\" id=\"nextSlide\" aria-label=\"Siguiente\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"space-y-6 pt-6 border-t border-white\/5 mt-8\">\n                            <span class=\"text-brandGold uppercase tracking-[3px] text-[10px] font-bold block\">Presencia en Medios<\/span>\n                            <p class=\"text-white font-light leading-relaxed\">\n                                Un reconocimiento que trascendi\u00f3 el escenario, teniendo repercusi\u00f3n en algunos de los principales medios de comunicaci\u00f3n del pa\u00eds y consolidando su posicionamiento dentro del \u00e1mbito musical nacional.\n                            <\/p>\n                            \n                            <div class=\"carousel-integration\">\n                                <div class=\"carousel-viewport group\">\n                                    <div class=\"carousel-track\" id=\"mediaTrack\"><\/div>\n                                    <button class=\"carousel-nav-btn carousel-btn-prev\" id=\"prevMedia\" aria-label=\"Anterior\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n                                    <button class=\"carousel-nav-btn carousel-btn-next\" id=\"nextMedia\" aria-label=\"Siguiente\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <p>\n                            Con m\u00e1s de 1000 presentaciones en vivo y cientos de quincea\u00f1os acompa\u00f1ados, su enfoque no se basa solo en tocar\u2026 sino en dise\u00f1ar c\u00f3mo se vive cada instante.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"mt-12\">\n                        <a href=\"https:\/\/wa.me\/595981142350\" class=\"btn-gold px-12 py-5 rounded-full inline-block text-xs uppercase tracking-widest\">Consultar Disponibilidad<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Proposal Section (Updated) -->\n    <section class=\"py-24 bg-black\">\n        <div class=\"max-w-5xl mx-auto px-6\">\n            <div class=\"glass border-brandGold\/30 border-2 rounded-[3rem] p-10 md:p-20 text-center relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 p-8 opacity-10 text-8xl text-brandGold\"><i class=\"fas fa-music\"><\/i><\/div>\n                <h2 class=\"text-3xl md:text-5xl font-black text-white mb-12 uppercase tracking-tighter\">Mi Propuesta Art\u00edstica<\/h2>\n                <div class=\"grid md:grid-cols-2 gap-10 text-left\">\n                    <div class=\"flex gap-4\">\n                        <i class=\"fas fa-star text-brandGold text-xl mt-1\"><\/i>\n                        <p class=\"text-brandGray font-light\">Cada interpretaci\u00f3n est\u00e1 pensada para emocionar y crear recuerdos que duren toda la vida.<\/p>\n                    <\/div>\n                    <div class=\"flex gap-4\">\n                        <i class=\"fas fa-heart text-brandGold text-xl mt-1\"><\/i>\n                        <p class=\"text-brandGray font-light\">Acompa\u00f1amiento cercano durante la organizaci\u00f3n de tu evento para asegurar el timing perfecto.<\/p>\n                    <\/div>\n                    <div class=\"flex gap-4\">\n                        <i class=\"fas fa-globe text-brandGold text-xl mt-1\"><\/i>\n                        <p class=\"text-brandGray font-light\">Disponible en todo el pa\u00eds. (Consultar para presentaciones internacionales).<\/p>\n                    <\/div>\n                    <div class=\"flex gap-4\">\n                        <i class=\"fas fa-magic text-brandGold text-xl mt-1\"><\/i>\n                        <p class=\"text-brandGray font-light\">Un enfoque art\u00edstico que transforma cada instante en algo realmente especial y sofisticado.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Quiz Section -->\n    <section id=\"quiz\" class=\"py-32 bg-brandDarkGray relative\">\n        <div class=\"max-w-3xl mx-auto px-6\">\n            <div class=\"glass p-8 md:p-16 rounded-[40px] reveal border border-white\/5\">\n                <div id=\"quizContent\">\n                    <div class=\"text-center mb-10\">\n                        <div class=\"flex justify-center gap-2 mb-6\" id=\"progressDots\">\n                            <div class=\"w-8 h-1 bg-brandGold rounded-full transition-all duration-300\" id=\"dot1\"><\/div>\n                            <div class=\"w-3 h-1 bg-white\/20 rounded-full transition-all duration-300\" id=\"dot2\"><\/div>\n                        <\/div>\n                        <span class=\"text-brandGold uppercase tracking-[4px] text-[10px] font-bold\">Planificador Musical<\/span>\n                        <h2 class=\"text-3xl md:text-4xl font-bold mt-4\" id=\"quizHeaderTitle\">\u00bfCu\u00e1l es tu estilo ideal?<\/h2>\n                    <\/div>\n\n                    <form id=\"multiStepQuiz\">\n                        <div class=\"quiz-step active\" data-step=\"1\">\n                            <p class=\"text-xl mb-8 text-center font-light\">1. \u00bfC\u00f3mo visualizas el gran momento de la entrada?<\/p>\n                            <div class=\"grid gap-4\">\n                                <label class=\"flex items-center p-6 border border-white\/10 rounded-2xl cursor-pointer hover:bg-brandGold\/5 hover:border-brandGold\/50 transition-all text-sm group relative overflow-hidden\">\n                                    <input type=\"radio\" name=\"estilo\" value=\"clasico\" class=\"hidden\" required>\n                                    <span class=\"w-6 h-6 rounded-full border-2 border-brandGold mr-4 flex items-center justify-center shrink-0\">\n                                        <div class=\"w-3 h-3 bg-brandGold rounded-full opacity-0 check-mark transition-all scale-50\"><\/div>\n                                    <\/span>\n                                    Cl\u00e1sica y majestuosa (Ej: Marcha Nupcial, Canon de Pachelbel)\n                                <\/label>\n                                <label class=\"flex items-center p-6 border border-white\/10 rounded-2xl cursor-pointer hover:bg-brandGold\/5 hover:border-brandGold\/50 transition-all text-sm group\">\n                                    <input type=\"radio\" name=\"estilo\" value=\"moderno\" class=\"hidden\">\n                                    <span class=\"w-6 h-6 rounded-full border-2 border-brandGold mr-4 flex items-center justify-center shrink-0\">\n                                        <div class=\"w-3 h-3 bg-brandGold rounded-full opacity-0 check-mark transition-all scale-50\"><\/div>\n                                    <\/span>\n                                    Moderna y personalizada (Ej: Pop actual, Temas de Pel\u00edculas)\n                                <\/label>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"quiz-step\" data-step=\"2\">\n                            <p class=\"text-xl mb-8 text-center font-light\">2. \u00bfQu\u00e9 energ\u00eda quieres para tu fiesta?<\/p>\n                            <div class=\"grid gap-4\">\n                                <label class=\"flex items-center p-6 border border-white\/10 rounded-2xl cursor-pointer hover:bg-brandGold\/5 hover:border-brandGold\/50 transition-all text-sm group\">\n                                    <input type=\"radio\" name=\"vibe\" value=\"romantico\" class=\"hidden\" required>\n                                    <span class=\"w-6 h-6 rounded-full border-2 border-brandGold mr-4 flex items-center justify-center shrink-0\">\n                                        <div class=\"w-3 h-3 bg-brandGold rounded-full opacity-0 check-mark transition-all scale-50\"><\/div>\n                                    <\/span>\n                                    Muy emotiva, rom\u00e1ntica y so\u00f1adora\n                                <\/label>\n                                <label class=\"flex items-center p-6 border border-white\/10 rounded-2xl cursor-pointer hover:bg-brandGold\/5 hover:border-brandGold\/50 transition-all text-sm group\">\n                                    <input type=\"radio\" name=\"vibe\" value=\"energetico\" class=\"hidden\">\n                                    <span class=\"w-6 h-6 rounded-full border-2 border-brandGold mr-4 flex items-center justify-center shrink-0\">\n                                        <div class=\"w-3 h-3 bg-brandGold rounded-full opacity-0 check-mark transition-all scale-50\"><\/div>\n                                    <\/span>\n                                    Divertida, vibrante y llena de energ\u00eda\n                                <\/label>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"mt-12 flex justify-between items-center\">\n                            <button type=\"button\" id=\"prevBtn\" class=\"hidden text-brandGray text-xs uppercase tracking-widest hover:text-white transition-colors border-b border-transparent hover:border-white\">Regresar<\/button>\n                            <button type=\"button\" id=\"nextBtn\" class=\"btn-gold px-12 py-4 rounded-xl ml-auto text-xs uppercase tracking-widest\">Siguiente<\/button>\n                        <\/div>\n                    <\/form>\n\n                    <div id=\"quizResult\" class=\"hidden text-center py-5\">\n                        <div class=\"text-6xl mb-8\" id=\"resEmoji\">\u2728<\/div>\n                        <h3 class=\"text-3xl font-bold mb-6 text-brandGold\" id=\"resTitle\">Repertorio Dreamy<\/h3>\n                        <p class=\"text-brandGray mb-10 text-base leading-relaxed font-light\" id=\"resDesc\"><\/p>\n                        <a href=\"#\" id=\"waLink\" class=\"btn-gold px-16 py-5 rounded-full inline-block text-xs uppercase tracking-widest\">Reservar Mi Fecha<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Final CTA -->\n    <section class=\"py-40 text-center px-6 bg-black\">\n        <h2 class=\"text-5xl md:text-7xl font-black mb-10 leading-tight reveal\">\u00bfCreamos algo <br> inolvidable?<\/h2>\n        <p class=\"text-brandGray mb-16 max-w-xl mx-auto text-base md:text-lg font-light reveal\" style=\"transition-delay: 0.2s;\">Solo tengo 8 fechas disponibles por mes para asegurar la m\u00e1xima calidad. No te quedes sin la tuya.<\/p>\n        <div class=\"reveal\" style=\"transition-delay: 0.4s;\">\n            <a href=\"https:\/\/wa.me\/595981142350\" class=\"btn-gold px-16 py-6 rounded-full text-sm uppercase tracking-[3px]\">Reservar Mi Fecha Ahora<\/a>\n        <\/div>\n    <\/section>\n\n    <footer class=\"py-12 border-t border-white\/5 bg-black text-center text-brandGray text-[9px] md:text-[10px] uppercase tracking-[4px] px-6\">\n        <p>\u00a9 2024 Marcelo C\u00e1ceres Violinista | Asunci\u00f3n, Paraguay<\/p>\n    <\/footer>\n\n    <!-- WhatsApp Float -->\n    <a href=\"https:\/\/wa.me\/595981142350\" aria-label=\"Contacto WhatsApp\" class=\"fixed bottom-8 right-8 w-16 h-16 bg-[#25D366] rounded-full flex items-center justify-center text-3xl shadow-[0_10px_40px_rgba(37,211,102,0.4)] hover:scale-110 active:scale-95 transition-all z-50\">\n        <i class=\"fab fa-whatsapp text-white\"><\/i>\n    <\/a>\n\n    <script>\n        \/\/ Intro handling\n        const enterBtn = document.getElementById('enterBtn');\n        enterBtn.addEventListener('click', () => {\n            document.getElementById('introOverlay').classList.add('fade-out');\n            setTimeout(() => document.getElementById('introOverlay').style.display = 'none', 1200);\n        });\n\n        \/\/ Scroll Reveal\n        const observerOptions = { threshold: 0.1 };\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) entry.target.classList.add('active');\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n        \/\/ Counter Logic\n        function easeOutExpo(x) { return x === 1 ? 1 : 1 - Math.pow(2, -10 * x); }\n        const animateCounter = (el) => {\n            const target = parseInt(el.getAttribute('data-target'));\n            const duration = 2000;\n            let startTimestamp = null;\n            const step = (timestamp) => {\n                if (!startTimestamp) startTimestamp = timestamp;\n                const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\n                const easedProgress = easeOutExpo(progress);\n                const currentCount = Math.floor(easedProgress * target);\n                el.innerText = currentCount.toLocaleString();\n                if (progress < 1) { window.requestAnimationFrame(step); } \n                else { el.parentElement.classList.add('glow-finish'); }\n            };\n            window.requestAnimationFrame(step);\n        };\n\n        const statsObserver = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    const containers = entry.target.querySelectorAll('.counter-container');\n                    containers.forEach(c => c.classList.add('active-stats'));\n                    const counters = entry.target.querySelectorAll('.counter');\n                    counters.forEach(counter => { if (counter.innerText === \"0\") animateCounter(counter); });\n                    statsObserver.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.2 });\n        statsObserver.observe(document.getElementById('stats-section'));\n\n        \/\/ Carousel Logic\n        function createCarousel(containerId, images, interval, prevBtnId, nextBtnId) {\n            const track = document.getElementById(containerId);\n            const prevBtn = document.getElementById(prevBtnId);\n            const nextBtn = document.getElementById(nextBtnId);\n            let index = 1;\n            let transitioning = false;\n            let timer;\n            let isAutoPlaying = true;\n            const slides = [images[images.length - 1], ...images, images[0]];\n            track.innerHTML = slides.map((img, i) => `<div class=\"carousel-slide\"><img decoding=\"async\" src=\"${img}\" alt=\"Slide ${i}\" loading=\"lazy\"><\/div>`).join('');\n            const update = (animate = true) => {\n                track.style.transition = animate ? 'transform 0.8s cubic-bezier(0.23, 1, 0.32, 1)' : 'none';\n                track.style.transform = `translateX(-${index * 100}%)`;\n            };\n            const next = () => {\n                if (transitioning) return;\n                transitioning = true; index++; update();\n                track.addEventListener('transitionend', () => {\n                    if (index >= images.length + 1) { index = 1; update(false); }\n                    transitioning = false;\n                }, { once: true });\n            };\n            const prev = () => {\n                if (transitioning) return;\n                transitioning = true; index--; update();\n                track.addEventListener('transitionend', () => {\n                    if (index <= 0) { index = images.length; update(false); }\n                    transitioning = false;\n                }, { once: true });\n            };\n            const stopAutoplay = () => { isAutoPlaying = false; clearInterval(timer); };\n            const start = () => { clearInterval(timer); if (isAutoPlaying) { timer = setInterval(next, interval); } };\n            nextBtn.addEventListener('click', () => { stopAutoplay(); next(); });\n            prevBtn.addEventListener('click', () => { stopAutoplay(); prev(); });\n            update(false); start();\n        }\n\n        window.addEventListener('load', () => {\n            const propyaImages = [\n                \"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/v1776124342\/1_ca6pes.webp\",\n                \"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/v1776124342\/3_u8xhmm.webp\",\n                \"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/v1776124342\/2_ildwgb.webp\",\n                \"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/v1776124342\/4_jgkrxf.webp\"\n            ];\n            const mediaImages = [\n                \"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/v1776126514\/2_ub2tqk.png\",\n                \"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/v1776126514\/1_ifarwk.png\",\n                \"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/v1776126515\/3_mte54u.png\",\n                \"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/v1776126515\/4_huauvg.png\"\n            ];\n            createCarousel('editorialTrack', propyaImages, 1500, 'prevSlide', 'nextSlide');\n            createCarousel('mediaTrack', mediaImages, 2000, 'prevMedia', 'nextMedia');\n        });\n\n        \/\/ Quiz Logic\n        let currentStep = 1;\n        const steps = document.querySelectorAll('.quiz-step');\n        const quizNextBtn = document.getElementById('nextBtn');\n        const quizPrevBtn = document.getElementById('prevBtn');\n        const resultDiv = document.getElementById('quizResult');\n        const dot1 = document.getElementById('dot1');\n        const dot2 = document.getElementById('dot2');\n\n        function updateProgress() {\n            if (currentStep === 1) {\n                dot1.classList.replace('bg-white\/20', 'bg-brandGold'); dot1.classList.add('w-8');\n                dot2.classList.replace('bg-brandGold', 'bg-white\/20'); dot2.classList.remove('w-8');\n            } else {\n                dot2.classList.replace('bg-white\/20', 'bg-brandGold'); dot2.classList.add('w-8');\n                dot1.classList.replace('bg-brandGold', 'bg-white\/20'); dot1.classList.remove('w-8');\n            }\n        }\n\n        quizNextBtn.addEventListener('click', () => {\n            if (currentStep < steps.length) {\n                const radio = steps[currentStep-1].querySelector('input[type=\"radio\"]:checked');\n                if(!radio) return;\n                steps[currentStep-1].classList.remove('active');\n                currentStep++;\n                steps[currentStep-1].classList.add('active');\n                quizPrevBtn.classList.remove('hidden');\n                updateProgress();\n                if(currentStep === steps.length) quizNextBtn.innerText = 'Revelar mi Estilo';\n            } else {\n                const radio = steps[currentStep-1].querySelector('input[type=\"radio\"]:checked');\n                if(!radio) return;\n                showResults();\n            }\n        });\n\n        quizPrevBtn.addEventListener('click', () => {\n            steps[currentStep-1].classList.remove('active');\n            currentStep--;\n            steps[currentStep-1].classList.add('active');\n            updateProgress();\n            if(currentStep === 1) quizPrevBtn.classList.add('hidden');\n            quizNextBtn.innerText = 'Siguiente';\n        });\n\n        function showResults() {\n            const estilo = document.querySelector('input[name=\"estilo\"]:checked').value;\n            const vibe = document.querySelector('input[name=\"vibe\"]:checked').value;\n            document.getElementById('multiStepQuiz').classList.add('hidden');\n            document.getElementById('progressDots').classList.add('hidden');\n            document.getElementById('quizHeaderTitle').classList.add('hidden');\n            resultDiv.classList.remove('hidden');\n\n            const data = {\n                clasico_romantico: [\"ELEGANCIA REAL\", \"\ud83d\udc51\", \"Tu entrada ser\u00e1 Marcha Nupcial reimaginada. Tu vals, Canon de Pachelbel en versi\u00f3n cinematogr\u00e1fica. Resultado: invitados al borde de las l\u00e1grimas.\"],\n                clasico_energetico: [\"VIRTUOSISMO EN ACCI\u00d3N\", \"\u26a1\", \"Violin concertos t\u00e9cnicos que impacten. Entrada \u00e9pica con ritmos Espa\u00f1oles. Resultado: aplausos en el momento de tu llegada.\"],\n                moderno_romantico: [\"CINE EN VIVO\", \"\ud83c\udfac\", \"Temas de Coldplay, Taylor Swift, Disney en viol\u00edn. Vals lento y so\u00f1ador. Resultado: videos virales que tus amigas van a compartir por meses.\"],\n                moderno_energetico: [\"FIESTA CINEMATOGR\u00c1FICA\", \"\ud83d\udd25\", \"Pop actual con ritmo. Entrada impactante. Despu\u00e9s, ambientaci\u00f3n moderna y movida. Resultado: la quincea\u00f1era m\u00e1s comentada del semestre.\"]\n            };\n\n            const res = data[`${estilo}_${vibe}`];\n            document.getElementById('resTitle').innerText = res[0];\n            document.getElementById('resEmoji').innerText = res[1];\n            document.getElementById('resDesc').innerText = res[2];\n            \n            const msg = encodeURIComponent(`\u00a1Hola Marcelo! Mi estilo ideal es ${res[0]}. Quiero reservar mi entrada m\u00e1gica.`);\n            document.getElementById('waLink').href = `https:\/\/wa.me\/595981142350?text=${msg}`;\n        }\n\n        document.querySelectorAll('input[type=\"radio\"]').forEach(radio => {\n            radio.addEventListener('change', (e) => {\n                const parent = e.target.closest('.grid');\n                parent.querySelectorAll('.check-mark').forEach(m => { m.classList.add('opacity-0', 'scale-50'); m.classList.remove('opacity-100', 'scale-100'); });\n                parent.querySelectorAll('label').forEach(l => { l.style.borderColor = 'rgba(255,255,255,0.1)'; l.classList.remove('bg-brandGold\/10'); });\n                const label = e.target.closest('label');\n                const mark = label.querySelector('.check-mark');\n                mark.classList.remove('opacity-0', 'scale-50'); mark.classList.add('opacity-100', 'scale-100');\n                label.style.borderColor = '#C8AA6E'; label.classList.add('bg-brandGold\/10');\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Violinista para Quincea\u00f1os en Asunci\u00f3n | Marcelo C\u00e1ceres Comenzar Experiencia \u23f0 DISPONIBLES: JUNIO, JULIO Reservar Mientras Otras Quincea\u00f1eras Hacen Playback, T\u00fa Tendr\u00e1s Un Violinista En Vivo Este momento pasa una sola vez. Las otras quincea\u00f1eras de Asunci\u00f3n usan DJ o tracks pregrabados. T\u00fa vas a ser la que tenga un VIOLINISTA EN VIVO tocando exclusivamente [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marcelocaceresviolinista.com\/index.php?rest_route=\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marcelocaceresviolinista.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marcelocaceresviolinista.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marcelocaceresviolinista.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marcelocaceresviolinista.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=39"}],"version-history":[{"count":46,"href":"https:\/\/marcelocaceresviolinista.com\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":97,"href":"https:\/\/marcelocaceresviolinista.com\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions\/97"}],"wp:attachment":[{"href":"https:\/\/marcelocaceresviolinista.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}