Violinista para Quincea\u00f1os en Asunci\u00f3n | Marcelo C\u00e1ceres<\/title>\n <meta name=\"description\" content=\"M\u00fasica de viol\u00edn en vivo para tu quincea\u00f1os en Paraguay. Convierte tu entrada, vals y ceremonia en un momento m\u00e1gico y cinematogr\u00e1fico.\">\n\n \n <meta property=\"og:title\" content=\"Violinista para Quincea\u00f1os | Marcelo C\u00e1ceres | Asunci\u00f3n\">\n <meta property=\"og:description\" content=\"Tu quincea\u00f1os merece ser m\u00e1gico. M\u00fasica de viol\u00edn en vivo que eleva cada momento de tu celebraci\u00f3n.\">\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 \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 .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 1s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .intro-overlay::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.7); }\n .intro-overlay.fade-out { opacity: 0; visibility: hidden; transform: scale(1.1); }\n\n \/* Navbar Style *\/\n .logo-navbar {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background-color: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(15px);\n padding: 0.75rem 0;\n z-index: 1000;\n display: flex;\n justify-content: center;\n align-items: center;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n }\n .logo-img {\n max-height: 28px;\n width: auto;\n height: auto;\n }\n @media (min-width: 768px) {\n .logo-img { max-height: 45px; }\n .logo-navbar { padding: 1.25rem 0; }\n }\n\n \/* Hero Background - CORRECCI\u00d3N TOTAL PARA M\u00d3VIL *\/\n .hero-video-container {\n position: relative;\n min-height: 100vh;\n min-height: 100dvh;\n width: 100%;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n overflow: hidden;\n padding-top: 110px;\n }\n\n .hero-bg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n object-fit: cover;\n z-index: -1;\n opacity: 0.72;\n }\n\n .video-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n to bottom,\n rgba(0,0,0,0.38) 0%,\n rgba(0,0,0,0.18) 28%,\n rgba(0,0,0,0.35) 58%,\n rgba(0,0,0,0.82) 100%\n );\n }\n\n \/* CORRECCI\u00d3N ESPEC\u00cdFICA PARA M\u00d3VIL *\/\n @media (max-width: 768px) {\n .hero-video-container {\n min-height: 100vh;\n min-height: 100dvh;\n padding-top: 95px;\n position: relative;\n }\n\n .hero-bg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n object-fit: cover;\n }\n }\n \n .gold-gradient-text {\n background: linear-gradient(to right, #C8AA6E, #F1D39A, #C8AA6E);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n \/* Animations *\/\n .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s 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;\n transition: all 0.3s ease;\n box-shadow: 0 4px 20px rgba(200, 170, 110, 0.3);\n }\n .btn-gold:hover { transform: translateY(-2px); box-shadow: 0 6px 25px rgba(200, 170, 110, 0.5); }\n\n \/* Quiz Steps *\/\n .quiz-step { display: none; }\n .quiz-step.active { display: block; animation: fadeIn 0.5s ease; }\n @keyframes fadeIn { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n \n <div id=\"introOverlay\" class=\"intro-overlay\">\n <div class=\"relative z-10 text-center px-6\">\n <button id=\"enterBtn\" class=\"px-8 py-4 border-2 border-brandGold text-brandGold font-display text-lg tracking-[4px] uppercase hover:bg-brandGold hover:text-black transition-all duration-500 animate-pulse\">\n Entrar a la Experiencia\n <\/button>\n <\/div>\n <\/div>\n\n \n <nav class=\"logo-navbar\">\n <div class=\"flex justify-center items-center\">\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\" class=\"logo-img\">\n <\/div>\n <a href=\"https:\/\/wa.me\/595981142350\" class=\"absolute right-4 md:right-12 text-brandGold font-bold text-[9px] md:text-xs border-b border-brandGold uppercase tracking-[2px] whitespace-nowrap hover:text-white transition-colors\">Reservar<\/a>\n <\/nav>\n\n \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\">\n <div class=\"video-overlay\"><\/div>\n \n \n <div class=\"relative z-10 text-center px-6 max-w-5xl pt-8 md:pt-16\">\n <h1 class=\"text-4xl md:text-7xl lg:text-8xl font-black mb-6 leading-tight\">\n Tu Quincea\u00f1os: <br>\n <span class=\"gold-gradient-text\">Un Momento Eterno<\/span>\n <\/h1>\n <p class=\"text-base md:text-2xl text-brandGray mb-12 font-light tracking-wide max-w-2xl mx-auto leading-relaxed\">\n M\u00fasica que convierte tu entrada y tu vals en una escena cinematogr\u00e1fica inolvidable. \n <\/p>\n <div class=\"flex flex-col md:flex-row gap-5 justify-center items-center\">\n <a href=\"#quiz\" class=\"btn-gold w-full md:w-auto px-12 py-4 rounded-full uppercase text-[10px] md:text-xs tracking-[2px]\">Personalizar mi m\u00fasica<\/a>\n <a href=\"https:\/\/wa.me\/595981142350\" class=\"w-full md:w-auto bg-white\/5 backdrop-blur-md px-12 py-4 rounded-full uppercase text-[10px] md:text-xs tracking-[2px] border border-white\/20 hover:bg-white\/10 transition-all\">Chat Directo<\/a>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"py-32 bg-brandDarkGray\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <div class=\"text-center mb-20 reveal\">\n <h2 class=\"text-3xl md:text-5xl font-bold mb-4 uppercase tracking-tighter\">La Diferencia de un Viol\u00edn en Vivo<\/h2>\n <div class=\"w-16 h-1 bg-brandGold mx-auto\"><\/div>\n <\/div>\n \n <div class=\"grid md:grid-cols-3 gap-16\">\n <div class=\"reveal text-center\" style=\"transition-delay: 0.1s;\">\n <div class=\"text-brandGold text-5xl mb-8\"><i class=\"fas fa-crown\"><\/i><\/div>\n <h3 class=\"text-2xl mb-4 font-bold\">Estatus y Elegancia<\/h3>\n <p class=\"text-brandGray leading-relaxed font-light\">Eleva el nivel de tu evento. El sonido del viol\u00edn es sin\u00f3nimo de distinci\u00f3n y buen gusto en Asunci\u00f3n.<\/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-heart\"><\/i><\/div>\n <h3 class=\"text-2xl mb-4 font-bold\">Emoci\u00f3n Profunda<\/h3>\n <p class=\"text-brandGray leading-relaxed font-light\">No es solo ruido de fondo. Es una interpretaci\u00f3n que eriza la piel de tus padres y amigos en los momentos clave.<\/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-camera-retro\"><\/i><\/div>\n <h3 class=\"text-2xl mb-4 font-bold\">Visualmente Incre\u00edble<\/h3>\n <p class=\"text-brandGray leading-relaxed font-light\">Las fotos y videos de tu entrada con el viol\u00edn acompa\u00f1\u00e1ndote ser\u00e1n los recuerdos m\u00e1s impactantes de tu \u00e1lbum.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"quiz\" class=\"py-32 bg-black relative\">\n <div class=\"max-w-3xl mx-auto px-6\">\n <div class=\"glass p-10 md:p-16 rounded-[40px] reveal border border-white\/5\" style=\"background: rgba(255,255,255,0.02); backdrop-filter: blur(20px);\">\n <div id=\"quizContent\">\n <div class=\"text-center mb-12\">\n <span class=\"text-brandGold uppercase tracking-[4px] text-[10px]\">Planificador Musical<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold mt-4\">\u00bfCu\u00e1l es tu estilo ideal?<\/h2>\n <\/div>\n\n <form id=\"multiStepQuiz\">\n \n <div class=\"quiz-step active\" data-step=\"1\">\n <p class=\"text-xl mb-8 text-center font-light\">1. \u00bfC\u00f3mo imaginas tu entrada?<\/p>\n <div class=\"grid gap-5\">\n <label class=\"flex items-center p-5 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=\"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 group-hover:scale-110 transition-transform\">\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, Vivaldi)\n <\/label>\n <label class=\"flex items-center p-5 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 group-hover:scale-110 transition-transform\">\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 actual (Ej: Pop, Temas de Pel\u00edculas)\n <\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"quiz-step\" data-step=\"2\">\n <p class=\"text-xl mb-8 text-center font-light\">2. La vibra de tu fiesta ser\u00e1...<\/p>\n <div class=\"grid gap-5\">\n <label class=\"flex items-center p-5 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 group-hover:scale-110 transition-transform\">\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 y so\u00f1adora\n <\/label>\n <label class=\"flex items-center p-5 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 group-hover:scale-110 transition-transform\">\n <div class=\"w-3 h-3 bg-brandGold rounded-full opacity-0 check-mark transition-all scale-50\"><\/div>\n <\/span>\n Divertida 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\">Anterior<\/button>\n <button type=\"button\" id=\"nextBtn\" class=\"btn-gold px-10 py-4 rounded-xl ml-auto text-xs uppercase tracking-widest\">Siguiente<\/button>\n <\/div>\n <\/form>\n\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\" 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-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 \n <section class=\"py-40 text-center px-6\">\n <h2 class=\"text-5xl md:text-7xl font-black mb-10 leading-tight\">\u00bfHacemos magia juntos?<\/h2>\n <p class=\"text-brandGray mb-16 max-w-xl mx-auto text-base md:text-lg font-light\">Agenda una breve llamada o chat para coordinar la banda sonora del d\u00eda m\u00e1s importante de tu vida.<\/p>\n <a href=\"https:\/\/wa.me\/595981142350\" class=\"btn-gold px-16 py-6 rounded-full text-sm uppercase tracking-[3px]\">Contactar Ahora<\/a>\n <\/section>\n\n <footer class=\"py-12 border-t border-white\/10 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 \n <a href=\"https:\/\/wa.me\/595981142350\" class=\"fixed bottom-8 right-8 w-16 h-16 bg-[#25D366] rounded-full flex items-center justify-center text-3xl shadow-[0_10px_40_rgba(37,211,102,0.3)] hover:scale-110 transition-transform 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', 1000);\n });\n\n \/\/ Scroll Reveal\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) entry.target.classList.add('active');\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ Quiz Logic\n let currentStep = 1;\n const steps = document.querySelectorAll('.quiz-step');\n const nextBtn = document.getElementById('nextBtn');\n const prevBtn = document.getElementById('prevBtn');\n const resultDiv = document.getElementById('quizResult');\n\n nextBtn.addEventListener('click', () => {\n if (currentStep < steps.length) {\n const radio = steps[currentStep-1].querySelector('input[type=\"radio\"]:checked');\n if(!radio) return;\n \n steps[currentStep-1].classList.remove('active');\n currentStep++;\n steps[currentStep-1].classList.add('active');\n prevBtn.classList.remove('hidden');\n if(currentStep === steps.length) nextBtn.innerText = 'Ver mi Estilo';\n } else {\n showResults();\n }\n });\n\n prevBtn.addEventListener('click', () => {\n steps[currentStep-1].classList.remove('active');\n currentStep--;\n steps[currentStep-1].classList.add('active');\n if(currentStep === 1) prevBtn.classList.add('hidden');\n nextBtn.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 resultDiv.classList.remove('hidden');\n\n const data = {\n clasico_romantico: [\"Elegancia Real\", \"\u2728\", \"Un repertorio basado en Vivaldi y Mozart. Perfecto para una entrada majestuosa y un vals de princesa tradicional.\"],\n clasico_energetico: [\"Cl\u00e1sico Vibrante\", \"\u26a1\", \"Piezas t\u00e9cnicas impresionantes con mucha fuerza. Para una quincea\u00f1era que quiere impactar con virtuosismo.\"],\n moderno_romantico: [\"Cinematogr\u00e1fico\", \"\ud83c\udfac\", \"Canciones de Coldplay, Disney o Taylor Swift en viol\u00edn. Ideal para una atm\u00f3sfera so\u00f1adora y actual.\"],\n moderno_energetico: [\"Fiesta Moderna\", \"\ud83d\udd25\", \"Hits de Pop y Rock con arreglos movidos. El viol\u00edn ser\u00e1 el alma de la fiesta desde el minuto uno.\"]\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! Hice el quiz y mi estilo ideal es: ${res[0]}. Me gustar\u00eda recibir una propuesta para mi quincea\u00f1os.`);\n document.getElementById('waLink').href = `https:\/\/wa.me\/595981142350?text=${msg}`;\n }\n\n \/\/ Radio Styling\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 => {\n m.classList.add('opacity-0', 'scale-50');\n m.classList.remove('opacity-100', 'scale-100');\n });\n parent.querySelectorAll('label').forEach(l => l.style.borderColor = 'rgba(255,255,255,0.1)');\n \n const label = e.target.closest('label');\n const mark = label.querySelector('.check-mark');\n mark.classList.remove('opacity-0', 'scale-50');\n mark.classList.add('opacity-100', 'scale-100');\n label.style.borderColor = '#C8AA6E';\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 Entrar a la Experiencia Reservar Tu Quincea\u00f1os: Un Momento Eterno M\u00fasica que convierte tu entrada y tu vals en una escena cinematogr\u00e1fica inolvidable. Personalizar mi m\u00fasica Chat Directo La Diferencia de un Viol\u00edn en Vivo Estatus y Elegancia Eleva el nivel de tu evento. El sonido del […]<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":47,"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Violinista para Quincea\u00f1os en Asunci\u00f3n | Marcelo C\u00e1ceres<\/title>\n <meta name=\"description\" content=\"M\u00fasica de viol\u00edn en vivo para tu quincea\u00f1os en Paraguay. Convierte tu entrada, vals y ceremonia en un momento m\u00e1gico y cinematogr\u00e1fico.\">\n\n \n <meta property=\"og:title\" content=\"Violinista para Quincea\u00f1os | Marcelo C\u00e1ceres | Asunci\u00f3n\">\n <meta property=\"og:description\" content=\"Tu quincea\u00f1os merece ser m\u00e1gico. M\u00fasica de viol\u00edn en vivo que eleva cada momento de tu celebraci\u00f3n.\">\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 \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 .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 1s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .intro-overlay::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.7); }\n .intro-overlay.fade-out { opacity: 0; visibility: hidden; transform: scale(1.1); }\n\n \/* Navbar Style *\/\n .logo-navbar {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background-color: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(15px);\n padding: 0.75rem 0;\n z-index: 1000;\n display: flex;\n justify-content: center;\n align-items: center;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n }\n .logo-img {\n max-height: 28px;\n width: auto;\n height: auto;\n }\n @media (min-width: 768px) {\n .logo-img { max-height: 45px; }\n .logo-navbar { padding: 1.25rem 0; }\n }\n\n \/* Hero Background - CORRECCI\u00d3N TOTAL PARA M\u00d3VIL *\/\n .hero-video-container {\n position: relative;\n min-height: 100vh;\n min-height: 100dvh;\n width: 100%;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n overflow: hidden;\n padding-top: 110px;\n }\n\n .hero-bg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n object-fit: cover;\n z-index: -1;\n opacity: 0.72;\n }\n\n .video-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n to bottom,\n rgba(0,0,0,0.38) 0%,\n rgba(0,0,0,0.18) 28%,\n rgba(0,0,0,0.35) 58%,\n rgba(0,0,0,0.82) 100%\n );\n }\n\n \/* CORRECCI\u00d3N ESPEC\u00cdFICA PARA M\u00d3VIL *\/\n @media (max-width: 768px) {\n .hero-video-container {\n min-height: 100vh;\n min-height: 100dvh;\n padding-top: 95px;\n position: relative;\n }\n\n .hero-bg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n object-fit: cover;\n }\n }\n \n .gold-gradient-text {\n background: linear-gradient(to right, #C8AA6E, #F1D39A, #C8AA6E);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n \/* Animations *\/\n .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s 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;\n transition: all 0.3s ease;\n box-shadow: 0 4px 20px rgba(200, 170, 110, 0.3);\n }\n .btn-gold:hover { transform: translateY(-2px); box-shadow: 0 6px 25px rgba(200, 170, 110, 0.5); }\n\n \/* Quiz Steps *\/\n .quiz-step { display: none; }\n .quiz-step.active { display: block; animation: fadeIn 0.5s ease; }\n @keyframes fadeIn { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n \n <div id=\"introOverlay\" class=\"intro-overlay\">\n <div class=\"relative z-10 text-center px-6\">\n <button id=\"enterBtn\" class=\"px-8 py-4 border-2 border-brandGold text-brandGold font-display text-lg tracking-[4px] uppercase hover:bg-brandGold hover:text-black transition-all duration-500 animate-pulse\">\n Entrar a la Experiencia\n <\/button>\n <\/div>\n <\/div>\n\n \n <nav class=\"logo-navbar\">\n <div class=\"flex justify-center items-center\">\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\" class=\"logo-img\">\n <\/div>\n <a href=\"https:\/\/wa.me\/595981142350\" class=\"absolute right-4 md:right-12 text-brandGold font-bold text-[9px] md:text-xs border-b border-brandGold uppercase tracking-[2px] whitespace-nowrap hover:text-white transition-colors\">Reservar<\/a>\n <\/nav>\n\n \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\">\n <div class=\"video-overlay\"><\/div>\n \n \n <div class=\"relative z-10 text-center px-6 max-w-5xl pt-8 md:pt-16\">\n <h1 class=\"text-4xl md:text-7xl lg:text-8xl font-black mb-6 leading-tight\">\n Tu Quincea\u00f1os: <br>\n <span class=\"gold-gradient-text\">Un Momento Eterno<\/span>\n <\/h1>\n <p class=\"text-base md:text-2xl text-brandGray mb-12 font-light tracking-wide max-w-2xl mx-auto leading-relaxed\">\n M\u00fasica que convierte tu entrada y tu vals en una escena cinematogr\u00e1fica inolvidable. \n <\/p>\n <div class=\"flex flex-col md:flex-row gap-5 justify-center items-center\">\n <a href=\"#quiz\" class=\"btn-gold w-full md:w-auto px-12 py-4 rounded-full uppercase text-[10px] md:text-xs tracking-[2px]\">Personalizar mi m\u00fasica<\/a>\n <a href=\"https:\/\/wa.me\/595981142350\" class=\"w-full md:w-auto bg-white\/5 backdrop-blur-md px-12 py-4 rounded-full uppercase text-[10px] md:text-xs tracking-[2px] border border-white\/20 hover:bg-white\/10 transition-all\">Chat Directo<\/a>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"py-32 bg-brandDarkGray\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <div class=\"text-center mb-20 reveal\">\n <h2 class=\"text-3xl md:text-5xl font-bold mb-4 uppercase tracking-tighter\">La Diferencia de un Viol\u00edn en Vivo<\/h2>\n <div class=\"w-16 h-1 bg-brandGold mx-auto\"><\/div>\n <\/div>\n \n <div class=\"grid md:grid-cols-3 gap-16\">\n <div class=\"reveal text-center\" style=\"transition-delay: 0.1s;\">\n <div class=\"text-brandGold text-5xl mb-8\"><i class=\"fas fa-crown\"><\/i><\/div>\n <h3 class=\"text-2xl mb-4 font-bold\">Estatus y Elegancia<\/h3>\n <p class=\"text-brandGray leading-relaxed font-light\">Eleva el nivel de tu evento. El sonido del viol\u00edn es sin\u00f3nimo de distinci\u00f3n y buen gusto en Asunci\u00f3n.<\/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-heart\"><\/i><\/div>\n <h3 class=\"text-2xl mb-4 font-bold\">Emoci\u00f3n Profunda<\/h3>\n <p class=\"text-brandGray leading-relaxed font-light\">No es solo ruido de fondo. Es una interpretaci\u00f3n que eriza la piel de tus padres y amigos en los momentos clave.<\/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-camera-retro\"><\/i><\/div>\n <h3 class=\"text-2xl mb-4 font-bold\">Visualmente Incre\u00edble<\/h3>\n <p class=\"text-brandGray leading-relaxed font-light\">Las fotos y videos de tu entrada con el viol\u00edn acompa\u00f1\u00e1ndote ser\u00e1n los recuerdos m\u00e1s impactantes de tu \u00e1lbum.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"quiz\" class=\"py-32 bg-black relative\">\n <div class=\"max-w-3xl mx-auto px-6\">\n <div class=\"glass p-10 md:p-16 rounded-[40px] reveal border border-white\/5\" style=\"background: rgba(255,255,255,0.02); backdrop-filter: blur(20px);\">\n <div id=\"quizContent\">\n <div class=\"text-center mb-12\">\n <span class=\"text-brandGold uppercase tracking-[4px] text-[10px]\">Planificador Musical<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold mt-4\">\u00bfCu\u00e1l es tu estilo ideal?<\/h2>\n <\/div>\n\n <form id=\"multiStepQuiz\">\n \n <div class=\"quiz-step active\" data-step=\"1\">\n <p class=\"text-xl mb-8 text-center font-light\">1. \u00bfC\u00f3mo imaginas tu entrada?<\/p>\n <div class=\"grid gap-5\">\n <label class=\"flex items-center p-5 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=\"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 group-hover:scale-110 transition-transform\">\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, Vivaldi)\n <\/label>\n <label class=\"flex items-center p-5 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 group-hover:scale-110 transition-transform\">\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 actual (Ej: Pop, Temas de Pel\u00edculas)\n <\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"quiz-step\" data-step=\"2\">\n <p class=\"text-xl mb-8 text-center font-light\">2. La vibra de tu fiesta ser\u00e1...<\/p>\n <div class=\"grid gap-5\">\n <label class=\"flex items-center p-5 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 group-hover:scale-110 transition-transform\">\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 y so\u00f1adora\n <\/label>\n <label class=\"flex items-center p-5 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 group-hover:scale-110 transition-transform\">\n <div class=\"w-3 h-3 bg-brandGold rounded-full opacity-0 check-mark transition-all scale-50\"><\/div>\n <\/span>\n Divertida 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\">Anterior<\/button>\n <button type=\"button\" id=\"nextBtn\" class=\"btn-gold px-10 py-4 rounded-xl ml-auto text-xs uppercase tracking-widest\">Siguiente<\/button>\n <\/div>\n <\/form>\n\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\" 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-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 \n <section class=\"py-40 text-center px-6\">\n <h2 class=\"text-5xl md:text-7xl font-black mb-10 leading-tight\">\u00bfHacemos magia juntos?<\/h2>\n <p class=\"text-brandGray mb-16 max-w-xl mx-auto text-base md:text-lg font-light\">Agenda una breve llamada o chat para coordinar la banda sonora del d\u00eda m\u00e1s importante de tu vida.<\/p>\n <a href=\"https:\/\/wa.me\/595981142350\" class=\"btn-gold px-16 py-6 rounded-full text-sm uppercase tracking-[3px]\">Contactar Ahora<\/a>\n <\/section>\n\n <footer class=\"py-12 border-t border-white\/10 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 \n <a href=\"https:\/\/wa.me\/595981142350\" class=\"fixed bottom-8 right-8 w-16 h-16 bg-[#25D366] rounded-full flex items-center justify-center text-3xl shadow-[0_10px_40_rgba(37,211,102,0.3)] hover:scale-110 transition-transform 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', 1000);\n });\n\n \/\/ Scroll Reveal\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) entry.target.classList.add('active');\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ Quiz Logic\n let currentStep = 1;\n const steps = document.querySelectorAll('.quiz-step');\n const nextBtn = document.getElementById('nextBtn');\n const prevBtn = document.getElementById('prevBtn');\n const resultDiv = document.getElementById('quizResult');\n\n nextBtn.addEventListener('click', () => {\n if (currentStep < steps.length) {\n const radio = steps[currentStep-1].querySelector('input[type=\"radio\"]:checked');\n if(!radio) return;\n \n steps[currentStep-1].classList.remove('active');\n currentStep++;\n steps[currentStep-1].classList.add('active');\n prevBtn.classList.remove('hidden');\n if(currentStep === steps.length) nextBtn.innerText = 'Ver mi Estilo';\n } else {\n showResults();\n }\n });\n\n prevBtn.addEventListener('click', () => {\n steps[currentStep-1].classList.remove('active');\n currentStep--;\n steps[currentStep-1].classList.add('active');\n if(currentStep === 1) prevBtn.classList.add('hidden');\n nextBtn.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 resultDiv.classList.remove('hidden');\n\n const data = {\n clasico_romantico: [\"Elegancia Real\", \"\u2728\", \"Un repertorio basado en Vivaldi y Mozart. Perfecto para una entrada majestuosa y un vals de princesa tradicional.\"],\n clasico_energetico: [\"Cl\u00e1sico Vibrante\", \"\u26a1\", \"Piezas t\u00e9cnicas impresionantes con mucha fuerza. Para una quincea\u00f1era que quiere impactar con virtuosismo.\"],\n moderno_romantico: [\"Cinematogr\u00e1fico\", \"\ud83c\udfac\", \"Canciones de Coldplay, Disney o Taylor Swift en viol\u00edn. Ideal para una atm\u00f3sfera so\u00f1adora y actual.\"],\n moderno_energetico: [\"Fiesta Moderna\", \"\ud83d\udd25\", \"Hits de Pop y Rock con arreglos movidos. El viol\u00edn ser\u00e1 el alma de la fiesta desde el minuto uno.\"]\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! Hice el quiz y mi estilo ideal es: ${res[0]}. Me gustar\u00eda recibir una propuesta para mi quincea\u00f1os.`);\n document.getElementById('waLink').href = `https:\/\/wa.me\/595981142350?text=${msg}`;\n }\n\n \/\/ Radio Styling\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 => {\n m.classList.add('opacity-0', 'scale-50');\n m.classList.remove('opacity-100', 'scale-100');\n });\n parent.querySelectorAll('label').forEach(l => l.style.borderColor = 'rgba(255,255,255,0.1)');\n \n const label = e.target.closest('label');\n const mark = label.querySelector('.check-mark');\n mark.classList.remove('opacity-0', 'scale-50');\n mark.classList.add('opacity-100', 'scale-100');\n label.style.borderColor = '#C8AA6E';\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 Entrar a la Experiencia Reservar Tu Quincea\u00f1os: Un Momento Eterno M\u00fasica que convierte tu entrada y tu vals en una escena cinematogr\u00e1fica inolvidable. Personalizar mi m\u00fasica Chat Directo La Diferencia de un Viol\u00edn en Vivo Estatus y Elegancia Eleva el nivel de tu evento. El sonido del […]<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":47,"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/quinceanos.marcelocaceresviolinista.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}