{"id":8,"date":"2026-03-09T18:40:14","date_gmt":"2026-03-09T18:40:14","guid":{"rendered":"https:\/\/marcelocaceresviolinista.com\/?page_id=8"},"modified":"2026-04-07T17:24:45","modified_gmt":"2026-04-07T17:24:45","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/marcelocaceresviolinista.com\/","title":{"rendered":"Marcelo C\u00e1ceres &#8211; Violinista"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3891086 e-flex e-con-boxed e-con e-parent\" data-id=\"3891086\" 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-dceb99a elementor-widget elementor-widget-html\" data-id=\"dceb99a\" 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   <meta charset=\"UTF-8\">\n   <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n   <title>Transforma Tu Evento | Marcelo C\u00e1ceres Violinista Profesional | Bodas, Quincea\u00f1os, Corporativos<\/title>\n   <meta name=\"description\" content=\"Transforma tu boda, quincea\u00f1os o evento corporativo en una experiencia inolvidable. Marcelo C\u00e1ceres, violinista profesional de alto nivel en Paraguay, ofrece m\u00fasica en vivo que crea momentos de pura magia.\">\n\n   <!-- Open Graph & Twitter Cards for Social Media Sharing -->\n   <meta property=\"og:title\" content=\"Marcelo C\u00e1ceres Violinista | M\u00fasica en Vivo para Eventos de Lujo en Paraguay\">\n   <meta property=\"og:description\" content=\"Transforma tu boda, quincea\u00f1os o evento corporativo en una experiencia inolvidable. M\u00fasica de viol\u00edn en vivo que eleva cada momento.\">\n   <meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_auto,q_auto\/Marcelo_C\u00e1ceres_-_Fondo_web_uorha0.png\">\n   <meta property=\"og:url\" content=\"https:\/\/marcelocaceresviolinista.com\/portafolio\">\n   <meta property=\"og:type\" content=\"website\">\n   <meta name=\"twitter:card\" content=\"summary_large_image\">\n   <meta name=\"twitter:site\" content=\"@tu_usuario_de_twitter\">\n   <meta name=\"twitter:creator\" content=\"@tu_usuario_de_twitter\">\n\n   <!-- JSON-LD Schema Markup for SEO -->\n   <script type=\"application\/ld+json\">\n   {\n     \"@context\": \"https:\/\/schema.org\",\n     \"@type\": \"LocalBusiness\",\n     \"name\": \"Marcelo C\u00e1ceres Violinista Profesional\",\n     \"description\": \"Servicios de m\u00fasica en vivo para bodas, quincea\u00f1os, eventos corporativos y ceremonias en Paraguay. Elegancia y emoci\u00f3n con el viol\u00edn.\",\n     \"url\": \"https:\/\/marcelocaceresviolinista.com\",\n     \"address\": {\n       \"@type\": \"PostalAddress\",\n       \"addressCountry\": \"PY\"\n     },\n     \"telephone\": \"+595981142350\",\n     \"image\": \"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_auto,q_auto\/Marcelo_C\u00e1ceres_-_Fondo_web_uorha0.png\",\n     \"priceRange\": \"$$$\"\n   }\n   <\/script>\n\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   <!-- Preload critical fonts for faster loading and to prevent FOUT (Flash of Unstyled Text) -->\n   <link rel=\"preload\" href=\"https:\/\/fonts.gstatic.com\/s\/playfairdisplay\/v30\/nuFvEizE-tECo-AYvP-gG_G-F0P-H1k.woff2\" as=\"font\" type=\"font\/woff2\" crossorigin>\n   <link rel=\"preload\" href=\"https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiB_Ymg-FGVj3eYJ72B.woff2\" as=\"font\" type=\"font\/woff2\" crossorigin>\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&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n  \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: '#1C1C1E',\n                   },\n                   fontFamily: {\n                       display: ['Playfair Display', 'serif'],\n                       body: ['Poppins', 'sans-serif'],\n                   },\n               }\n           }\n       }\n   <\/script>\n   <style>\n       html { scroll-behavior: smooth; scroll-padding-top: 80px; }\n      \n       body {\n           font-family: 'Poppins', sans-serif;\n           background-color: #000000;\n           color: #FFFFFF;\n           overflow-x: hidden;\n       }\n\n       \/* Bloquear scroll durante la intro de forma segura en iOS *\/\n       body.locked {\n           overflow: hidden;\n           height: 100vh;\n           height: 100dvh;\n           width: 100%;\n           position: fixed; \n       }\n\n       h1, h2, h3, h4, h5, h6 {\n           font-family: 'Playfair Display', serif;\n       }\n\n       \/* --- PRE-LANDING INTRO --- *\/\n       .intro-overlay {\n           position: fixed;\n           top: 0;\n           left: 0;\n           right: 0;\n           bottom: 0;\n           z-index: 9999;\n           background-color: #000;\n           background-image: url('https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_auto,q_auto\/Marcelo_Ca%CC%81ceres_-_Fondo_web_uorha0.png');\n           background-size: cover;\n           background-position: 30% center; \n           background-repeat: no-repeat;\n           display: flex;\n           justify-content: center;\n           align-items: center;\n           overflow: hidden;\n           transition: opacity 1s ease, visibility 1s ease;\n       }\n       .intro-overlay.fade-out {\n           opacity: 0;\n           visibility: hidden;\n       }\n       \n       .intro-video {\n           position: absolute;\n           top: 0;\n           left: 0;\n           right: 0;\n           bottom: 0;\n           width: 100%;\n           height: 100%;\n           object-fit: cover;\n           object-position: 30% center;\n           z-index: 1;\n           opacity: 0; \/* empieza invisible, se muestra al hacer play *\/\n           transition: opacity 0.5s ease;\n       }\n       .intro-video.playing {\n           opacity: 1;\n       }\n       \n       .intro-darken {\n           position: absolute;\n           top: 0;\n           left: 0;\n           width: 100%;\n           height: 100%;\n           background: rgba(0, 0, 0, 0.4);\n           z-index: 3;\n       }\n       .intro-action-container {\n           position: relative;\n           z-index: 4;\n           display: flex;\n           justify-content: center;\n           align-items: center;\n           width: 100%;\n       }\n       .action-btn-wrapper {\n           position: absolute;\n           transition: opacity 0.8s ease, transform 0.8s ease;\n           display: flex;\n           justify-content: center;\n       }\n       #startBtnWrapper {\n           opacity: 1;\n           pointer-events: auto;\n           transform: translateY(0);\n       }\n       #startBtnWrapper.hide {\n           opacity: 0;\n           pointer-events: none;\n           transform: translateY(-20px);\n       }\n       #enterBtnWrapper {\n           opacity: 0;\n           pointer-events: none;\n           transform: translateY(20px);\n       }\n       #enterBtnWrapper.show {\n           opacity: 1;\n           pointer-events: auto;\n           transform: translateY(0);\n       }\n       \n       \/* Animaci\u00f3n de latido para los botones de intro *\/\n       @keyframes pulse-beat {\n           0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(200, 170, 110, 0.4); }\n           70% { transform: scale(1.05); box-shadow: 0 0 0 15px rgba(200, 170, 110, 0); }\n           100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(200, 170, 110, 0); }\n       }\n\n       .intro-btn {\n           display: inline-block;\n           padding: 1rem 3rem;\n           font-family: 'Playfair Display', serif;\n           font-size: 1.125rem;\n           color: #C8AA6E;\n           background: rgba(0, 0, 0, 0.3);\n           border: 1px solid #C8AA6E;\n           border-radius: 2px;\n           text-transform: uppercase;\n           letter-spacing: 3px;\n           cursor: pointer;\n           transition: all 0.4s ease;\n           backdrop-filter: blur(4px);\n           animation: pulse-beat 2s infinite ease-in-out;\n       }\n       .intro-btn:hover {\n           background: rgba(200, 170, 110, 0.2);\n           color: #FFFFFF;\n           border-color: #FFFFFF;\n           animation-play-state: paused;\n           transform: scale(1.08);\n       }\n\n       \/* --- ESTILOS GENERALES --- *\/\n       .section-padding {\n           padding: 4rem 1.5rem;\n       }\n       @media (min-width: 768px) {\n           .section-padding { padding: 6rem 1.5rem; }\n       }\n\n       .content-max-width {\n           max-width: 80rem;\n           margin-left: auto;\n           margin-right: auto;\n       }\n      \n       .logo-navbar {\n           position: fixed;\n           top: 0;\n           left: 0;\n           width: 100%;\n           background-color: #1C1C1E;\n           padding: 0.75rem 0;\n           box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);\n           z-index: 1000;\n           display: flex;\n           justify-content: center;\n           align-items: center;\n       }\n       .logo-navbar .logo-img {\n           max-height: 35px;\n           width: auto;\n           height: auto;\n       }\n      \n       \/* Hero Background *\/\n       .hero-video-container {\n           position: relative;\n           min-height: 100vh;\n           width: 100vw;\n           margin-left: calc(50% - 50vw);\n           margin-right: calc(50% - 50vw);\n           display: flex;\n           align-items: center;\n           justify-content: center;\n           padding-top: 140px;\n           overflow: hidden;\n       }\n\n       .hero-video-container img.hero-bg {\n           position: absolute;\n           top: 0;\n           left: 0;\n           width: 100%;\n           height: 100%;\n           object-fit: cover;\n           object-position: center center;\n           z-index: -1;\n       }\n\n       .hero-video-container .video-overlay {\n           position: absolute;\n           top: 0;\n           left: 0;\n           width: 100%;\n           height: 100%;\n           background: rgba(0, 0, 0, 0.6);\n       }\n\n       .hero-content {\n           position: relative;\n           z-index: 10;\n           text-align: center;\n           max-width: 900px;\n           padding: 0 1.5rem;\n       }\n\n       \/* Ajuste seguro para celular (Fix iOS) *\/\n       @media (max-width: 768px) {\n           .hero-video-container {\n               min-height: 100vh;\n               min-height: 100dvh;\n               padding-top: 120px;\n           }\n\n           .hero-video-container img.hero-bg {\n               object-position: 30% center;\n               width: 110%;\n               height: 110%;\n               top: -5%;\n               left: -5%;\n               position: absolute;\n               -webkit-transform: translateZ(0);\n               transform: translateZ(0);\n           }\n\n           .hero-content {\n               padding: 0 1rem;\n           }\n       }\n\n       .line-accent {\n           width: 80px;\n           height: 2px;\n           background-color: #C8AA6E;\n           margin: 1.5rem auto;\n       }\n      \n       .filter-btn {\n           background-color: transparent;\n           color: var(--tw-clr-brandGray);\n           transition: all 0.3s ease;\n           padding: 0.5rem 1rem;\n           border-bottom: 2px solid transparent;\n       }\n       .filter-btn.active, .filter-btn:hover {\n           color: var(--tw-clr-brandGold);\n           border-bottom-color: var(--tw-clr-brandGold);\n       }\n\n       .portfolio-grid {\n           display: grid;\n           grid-template-columns: repeat(1, minmax(0, 1fr));\n           gap: 2.5rem; \/* Ampliado para acomodar los t\u00edtulos arriba *\/\n       }\n       @media (min-width: 640px) {\n           .portfolio-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }\n       }\n       @media (min-width: 1024px) {\n           .portfolio-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }\n       }\n\n       \/* --- ESTILOS DE LAS TARJETAS (PORTAFOLIO) --- *\/\n       .portfolio-card {\n           display: flex;\n           flex-direction: column;\n           gap: 0.75rem; \/* Espacio entre el t\u00edtulo y la imagen *\/\n       }\n       \n       .portfolio-title {\n           color: #C8AA6E; \/* Texto Dorado *\/\n           font-family: 'Poppins', sans-serif;\n           font-size: 1.25rem;\n           font-weight: 500;\n           text-align: center;\n           margin: 0;\n       }\n       \n       @media (min-width: 768px) {\n           .portfolio-title {\n               font-size: 1.5rem;\n           }\n       }\n\n       .portfolio-image-wrapper {\n           display: block;\n           position: relative;\n           overflow: hidden;\n           border-radius: 0.5rem;\n           aspect-ratio: 16 \/ 9; \/* Formato horizontal *\/\n           background-color: #111;\n           box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); \/* Sombra sutil para la imagen *\/\n       }\n       \n       .portfolio-image-wrapper img {\n           position: absolute;\n           top: 0;\n           left: 0;\n           width: 100%;\n           height: 100%;\n           object-fit: cover;\n           transition: transform 0.5s ease;\n       }\n       \n       .portfolio-image-wrapper:hover img {\n           transform: scale(1.05); \/* Efecto de zoom suave al pasar el mouse *\/\n       }\n      \n       .btn {\n           display: inline-block;\n           font-family: 'Poppins', sans-serif;\n           font-weight: 600;\n           padding: 0.875rem 2rem;\n           border-radius: 0.5rem;\n           transition: all 0.3s ease-in-out;\n           text-decoration: none;\n           cursor: pointer;\n       }\n       .btn-primary {\n           background-color: #C8AA6E;\n           color: #000000;\n           box-shadow: 0 4px 15px rgba(200, 170, 110, 0.2);\n       }\n       .btn-primary:hover {\n           background-color: #D4AF37;\n           box-shadow: 0 6px 20px rgba(212, 175, 55, 0.3);\n           transform: translateY(-2px);\n       }\n       .btn-secondary {\n           border: 2px solid #C8AA6E;\n           color: #C8AA6E;\n           background-color: transparent;\n       }\n       .btn-secondary:hover {\n           background-color: rgba(200, 170, 110, 0.1);\n           transform: translateY(-2px);\n       }\n      \n       \/* Floating WhatsApp Button responsive position *\/\n       .whatsapp-float {\n           bottom: 6rem; \/* Adjust for smaller screens *\/\n       }\n       @media (min-width: 640px) {\n           .whatsapp-float {\n               bottom: 1.5rem;\n           }\n       }\n      \n       \/* FAQ Accordion *\/\n       .accordion-item {\n           border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n       }\n       .accordion-button {\n           display: flex;\n           justify-content: space-between;\n           align-items: center;\n           width: 100%;\n           text-align: left;\n           padding: 1.5rem 0;\n           font-size: 1.25rem;\n           font-weight: 600;\n           color: var(--tw-clr-brandGold);\n           cursor: pointer;\n           transition: color 0.3s ease;\n       }\n       .accordion-content {\n           max-height: 0;\n           overflow: hidden;\n           transition: max-height 0.5s ease-out, padding 0.5s ease-out;\n       }\n       .accordion-content p {\n           padding-bottom: 1.5rem;\n           color: var(--tw-clr-brandGray);\n       }\n       .accordion-content.active {\n           max-height: 500px; \/* A value larger than the content to allow transition *\/\n       }\n       .accordion-button i {\n           transition: transform 0.3s ease;\n       }\n       .accordion-button.active i {\n           transform: rotate(180deg);\n       }\n\n       \/* Animation classes for IntersectionObserver *\/\n       .fade-in-up {\n           opacity: 0;\n           transform: translateY(20px);\n           transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n       }\n       .fade-in-up.is-visible {\n           opacity: 1;\n           transform: translateY(0);\n       }\n   <\/style>\n<\/head>\n<body class=\"antialiased locked\">\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   <!-- PRE-LANDING INTRO OVERLAY -->\n   <div id=\"introOverlay\" class=\"intro-overlay\">\n       <!-- Video de intro (Empieza pausado, sin autoplay ni muted, invisible por defecto) -->\n       <video id=\"introVideo\" class=\"intro-video\" playsinline>\n           <source src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/video\/upload\/f_auto,q_auto\/Intro_Web_g20bho.mp4\" type=\"video\/mp4\">\n       <\/video>\n\n       <!-- Capa oscura sutil sobre el video y la imagen de fondo para que resalten los botones -->\n       <div class=\"intro-darken\"><\/div>\n       \n       <!-- Contenedor de las acciones -->\n       <div class=\"intro-action-container\">\n           <!-- Bot\u00f3n Inicial -->\n           <div id=\"startBtnWrapper\" class=\"action-btn-wrapper\">\n               <button id=\"startBtn\" class=\"intro-btn\">\n                   <i class=\"fas fa-play mr-2\"><\/i> Iniciar con sonido\n               <\/button>\n           <\/div>\n           <!-- Bot\u00f3n para entrar (Oculto al inicio) -->\n           <div id=\"enterBtnWrapper\" class=\"action-btn-wrapper\">\n               <button id=\"enterBtn\" class=\"intro-btn\">Entrar a la experiencia<\/button>\n           <\/div>\n       <\/div>\n   <\/div>\n\n   <nav class=\"logo-navbar\" aria-label=\"Navegaci\u00f3n principal\">\n       <a href=\"#\" class=\"logo-link\" aria-label=\"Ir a la p\u00e1gina de inicio\">\n           <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_auto,q_auto\/Logo_Blanco_Marcelo_Caceres_fppvnd.png\"\n                alt=\"Logotipo de Marcelo C\u00e1ceres Violinista\" class=\"logo-img\"\n                onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/150x35\/1C1C1E\/C8AA6E?text=Logo+Marcelo';\">\n       <\/a>\n   <\/nav>\n  \n   <header class=\"hero-video-container\">\n       <!-- Imagen de Fondo Principal -->\n       <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_auto,q_auto\/Marcelo_C\u00e1ceres_-_Fondo_web_uorha0.png\" alt=\"Fondo web Marcelo C\u00e1ceres\" class=\"hero-bg\" style=\"-webkit-transform: translateZ(0);\">\n       <div class=\"video-overlay\"><\/div>\n       <div class=\"hero-content\">\n           <h1 class=\"text-5xl md:text-7xl font-bold text-white fade-in-up\">Transform\u00e1 tu evento en una experiencia inolvidable con m\u00fasica de viol\u00edn en vivo<\/h1>\n           <div class=\"line-accent\"><\/div>\n           <p class=\"text-xl md:text-2xl text-brandGray max-w-3xl mx-auto leading-relaxed fade-in-up mt-8\">\n               Cada nota, una emoci\u00f3n. Cada evento, una historia irrepetible.\n               <br class=\"hidden md:inline\">\n               Este es el lugar donde la m\u00fasica y la elegancia se encuentran para crear magia.\n           <\/p>\n           <div class=\"mt-10 fade-in-up\">\n               <a href=\"https:\/\/wa.me\/595981142350?text=\u00a1Hola%20Marcelo!%20Me%20gustar\u00eda%20reservar%20una%20fecha%20para%20mi%20evento.\"\n                   target=\"_blank\" rel=\"noopener noreferrer\"\n                   class=\"btn btn-primary\">\n                   <i class=\"fab fa-whatsapp mr-2\"><\/i> Hablemos sobre tu evento\n               <\/a>\n           <\/div>\n       <\/div>\n   <\/header>\n\n   <main>\n       <!-- Filter Buttons (Now scrolls to section) -->\n       <div class=\"section-padding !pt-0 pb-12 content-max-width\">\n           <div class=\"flex justify-center gap-x-4 sm:gap-x-8\">\n               <button class=\"filter-btn active\" data-target=\"bodas-section\" aria-pressed=\"true\">Bodas<\/button>\n               <button class=\"filter-btn\" data-target=\"quinceanos-section\" aria-pressed=\"false\">Quincea\u00f1os<\/button>\n               <button class=\"filter-btn\" data-target=\"corporativos-section\" aria-pressed=\"false\">Corporativos<\/button>\n           <\/div>\n       <\/div>\n\n       <!-- Secci\u00f3n de Bodas -->\n       <section id=\"bodas-section\" class=\"section-padding bg-brandBlack\">\n           <div class=\"content-max-width\">\n               <h2 class=\"text-4xl md:text-5xl font-bold text-white text-center mb-4 fade-in-up\">Bodas: El Amor en Cada Melod\u00eda<\/h2>\n               <p class=\"text-lg text-brandGray text-center max-w-2xl mx-auto mb-12 fade-in-up\">\n                   La m\u00fasica es el alma de una boda. Con el viol\u00edn, cada momento \u2014desde la entrada de la novia hasta el primer baile\u2014 se convierte en una experiencia sublime y memorable.\n               <\/p>\n               <div class=\"portfolio-grid\">\n                   <div class=\"portfolio-card fade-in-up\">\n                       <h3 class=\"portfolio-title\">Ceremonia Nupcial<\/h3>\n                       <a href=\"#\" class=\"portfolio-image-wrapper\">\n                           <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_webp,q_40,w_600\/1-_Ceremonia_Religiosa_ertcyl.gif\" alt=\"Ceremonia Nupcial\" loading=\"lazy\">\n                       <\/a>\n                   <\/div>\n                   <div class=\"portfolio-card fade-in-up\">\n                       <h3 class=\"portfolio-title\">Primer Baile<\/h3>\n                       <a href=\"#\" class=\"portfolio-image-wrapper\">\n                           <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_webp,q_40,w_600\/6-_Entrada_de_novios_od9da7.gif\" alt=\"Primer Baile\" loading=\"lazy\">\n                       <\/a>\n                   <\/div>\n                   <div class=\"portfolio-card fade-in-up\">\n                       <h3 class=\"portfolio-title\">C\u00f3ctel de Bodas<\/h3>\n                       <a href=\"#\" 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=\"C\u00f3ctel de Bodas\" loading=\"lazy\">\n                       <\/a>\n                   <\/div>\n               <\/div>\n           <\/div>\n       <\/section>\n\n       <!-- Secci\u00f3n de Quincea\u00f1os -->\n       <section id=\"quinceanos-section\" class=\"section-padding bg-brandDarkGray\">\n           <div class=\"content-max-width\">\n               <h2 class=\"text-4xl md:text-5xl font-bold text-white text-center mb-4 fade-in-up\">Quincea\u00f1os: Tu Cuento de Hadas Personal<\/h2>\n               <p class=\"text-lg text-brandGray text-center max-w-2xl mx-auto mb-12 fade-in-up\">\n                   La m\u00fasica de viol\u00edn a\u00f1ade un toque de magia y sofisticaci\u00f3n al d\u00eda m\u00e1s esperado. Cada melod\u00eda est\u00e1 dise\u00f1ada para que tu entrada y tu vals sean inolvidables, dignos de un cuento de hadas.\n               <\/p>\n               <div class=\"portfolio-grid\">\n                   <div class=\"portfolio-card fade-in-up\">\n                       <h3 class=\"portfolio-title\">Entrada de la Quincea\u00f1era<\/h3>\n                       <a href=\"#\" class=\"portfolio-image-wrapper\">\n                           <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_webp,q_40,w_600\/Entrada_de_la_Quincean%CC%83era_hxmvaz.gif\" alt=\"Entrada de la Quincea\u00f1era\" loading=\"lazy\">\n                       <\/a>\n                   <\/div>\n                   <div class=\"portfolio-card fade-in-up\">\n                       <h3 class=\"portfolio-title\">Cambio de Zapatos<\/h3>\n                       <a href=\"#\" class=\"portfolio-image-wrapper\">\n                           <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_webp,q_40,w_600\/Cambio_de_Zapatos_l2ysxv.gif\" alt=\"Cambio de Zapatos\" loading=\"lazy\">\n                       <\/a>\n                   <\/div>\n                   <div class=\"portfolio-card fade-in-up\">\n                       <h3 class=\"portfolio-title\">Vals<\/h3>\n                       <a href=\"#\" class=\"portfolio-image-wrapper\">\n                           <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_webp,q_40,w_600\/Baile_Especiall_jibttm.gif\" alt=\"Vals\" loading=\"lazy\">\n                       <\/a>\n                   <\/div>\n               <\/div>\n           <\/div>\n       <\/section>\n      \n       <!-- Secci\u00f3n de Corporativos -->\n       <section id=\"corporativos-section\" class=\"section-padding bg-brandBlack\">\n           <div class=\"content-max-width\">\n               <h2 class=\"text-4xl md:text-5xl font-bold text-white text-center mb-4 fade-in-up\">Eventos Corporativos: Elegancia y Prestigio<\/h2>\n               <p class=\"text-lg text-brandGray text-center max-w-2xl mx-auto mb-12 fade-in-up\">\n                   Un viol\u00edn en vivo es la firma de un evento de alto nivel. Ya sea un lanzamiento de marca o una cena de gala, la m\u00fasica eleva la atm\u00f3sfera, demostrando la atenci\u00f3n al detalle de su empresa.\n               <\/p>\n               <div class=\"portfolio-grid\">\n                   <div class=\"portfolio-card fade-in-up\">\n                       <h3 class=\"portfolio-title\">Lanzamiento de Marca<\/h3>\n                       <a href=\"#\" class=\"portfolio-image-wrapper\">\n                           <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_webp,q_40,w_600\/Cooperativa_tqvr4o.gif\" alt=\"Lanzamiento de Marca\" loading=\"lazy\">\n                       <\/a>\n                   <\/div>\n                   <div class=\"portfolio-card fade-in-up\">\n                       <h3 class=\"portfolio-title\">Cena de Gala<\/h3>\n                       <a href=\"#\" class=\"portfolio-image-wrapper\">\n                           <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_webp,q_40,w_600\/Biotec_dhw3bs.gif\" alt=\"Cena de Gala\" loading=\"lazy\">\n                       <\/a>\n                   <\/div>\n                   <div class=\"portfolio-card fade-in-up\">\n                       <h3 class=\"portfolio-title\">Evento VIP<\/h3>\n                       <a href=\"#\" class=\"portfolio-image-wrapper\">\n                           <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/duoygtgzp\/image\/upload\/f_webp,q_40,w_600\/NipponFlex_rj7iug.gif\" alt=\"Evento VIP\" loading=\"lazy\">\n                       <\/a>\n                   <\/div>\n               <\/div>\n           <\/div>\n       <\/section>\n\n       <!-- Secci\u00f3n de Testimonios y Confianza -->\n       <section id=\"testimonios\" class=\"section-padding bg-brandDarkGray\">\n           <div class=\"content-max-width text-center\">\n               <h2 class=\"text-3xl md:text-4xl font-bold text-white mb-4 fade-in-up\">La Elegancia que Sello Momentos<\/h2>\n               <p class=\"text-lg text-brandGray max-w-2xl mx-auto mb-12 fade-in-up\">M\u00e1s que m\u00fasica, creamos la banda sonora de sus recuerdos m\u00e1s preciados.<\/p>\n              \n               <!-- Testimonios de Clientes -->\n               <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center text-brandGray\">\n                   <div class=\"p-4 fade-in-up\">\n                       <i class=\"fa-solid fa-quote-left text-brandGold mb-4 text-3xl\"><\/i>\n                       <p class=\"text-lg italic mb-2\">\"La presencia de Marcelo con su viol\u00edn hizo que nuestra ceremonia fuera a\u00fan m\u00e1s conmovedora y \u00fanica. Cada invitado nos coment\u00f3 sobre la magia que sent\u00edan en el ambiente. Sin duda, el alma de la fiesta.\"<\/p>\n                       <p class=\"font-bold text-sm text-white\">- Ana y Javier, Reci\u00e9n Casados<\/p>\n                   <\/div>\n                   <div class=\"p-4 fade-in-up\">\n                       <i class=\"fa-solid fa-quote-left text-brandGold mb-4 text-3xl\"><\/i>\n                       <p class=\"text-lg italic mb-2\">\"Para nuestro evento de fin de a\u00f1o, busc\u00e1bamos algo que elevara la experiencia. La m\u00fasica de Marcelo no solo lo logr\u00f3, sino que dej\u00f3 una impresi\u00f3n de lujo y distinci\u00f3n en todos los presentes. Absolutamente profesional.\"<\/p>\n                       <p class=\"font-bold text-sm text-white\">- Sof\u00eda G., Organizadora Corporativa<\/p>\n                   <\/div>\n                   <div class=\"p-4 fade-in-up\">\n                       <i class=\"fa-solid fa-quote-left text-brandGold mb-4 text-3xl\"><\/i>\n                       <p class=\"text-lg italic mb-2\">\"No pod\u00edamos haber imaginado una entrada m\u00e1s perfecta para mi hija. El viol\u00edn de Marcelo la hizo sentir como una princesa. Fue un momento inolvidable que siempre recordaremos.\"<\/p>\n                       <p class=\"font-bold text-sm text-white\">- Rodrigo P., Padre de Quincea\u00f1era<\/p>\n                   <\/div>\n               <\/div>\n\n               <div class=\"mt-16 fade-in-up\">\n                   <h3 class=\"text-2xl font-bold text-white mb-8\">Nuestros Clientes de Prestigio Conf\u00edan en Nosotros<\/h3>\n                   <div class=\"flex flex-wrap justify-center items-center gap-8 md:gap-12\">\n                       <!-- Aqu\u00ed se pueden a\u00f1adir los logos de clientes -->\n                   <\/div>\n               <\/div>\n\n           <\/div>\n       <\/section>\n\n       <!-- Secci\u00f3n de FAQ -->\n       <section id=\"faq-section\" class=\"section-padding bg-brandBlack\">\n           <div class=\"content-max-width\">\n               <h2 class=\"text-3xl md:text-4xl font-bold text-white text-center mb-12 fade-in-up\">Preguntas Frecuentes<\/h2>\n               <div class=\"max-w-4xl mx-auto\">\n                   <!-- FAQ Item 1 -->\n                   <div class=\"accordion-item fade-in-up\">\n                       <button class=\"accordion-button\" aria-expanded=\"false\" aria-controls=\"faq-repertorio\">\n                           <span>\u00bfQu\u00e9 tipo de repertorio ofrecen?<\/span>\n                           <i class=\"fas fa-chevron-down\"><\/i>\n                       <\/button>\n                       <div id=\"faq-repertorio\" class=\"accordion-content\">\n                           <p>Ofrecemos un repertorio vasto y vers\u00e1til que incluye m\u00fasica cl\u00e1sica, bandas sonoras de pel\u00edculas, pop, rock, jazz y tangos. Adaptamos el repertorio a su gusto y al ambiente de su evento para crear una experiencia \u00fanica y personalizada.<\/p>\n                       <\/div>\n                   <\/div>\n                   <!-- FAQ Item 2 -->\n                   <div class=\"accordion-item fade-in-up\">\n                       <button class=\"accordion-button\" aria-expanded=\"false\" aria-controls=\"faq-duracion\">\n                           <span>\u00bfCu\u00e1l es la duraci\u00f3n del servicio?<\/span>\n                           <i class=\"fas fa-chevron-down\"><\/i>\n                       <\/button>\n                       <div id=\"faq-duracion\" class=\"accordion-content\">\n                           <p>La duraci\u00f3n del servicio es totalmente flexible y se ajusta a las necesidades de su evento, desde 30 minutos para una ceremonia hasta varias horas para un c\u00f3ctel o una cena. Lo coordinamos con usted durante la planificaci\u00f3n.<\/p>\n                       <\/div>\n                   <\/div>\n                   <!-- FAQ Item 3 -->\n                   <div class=\"accordion-item fade-in-up\">\n                       <button class=\"accordion-button\" aria-expanded=\"false\" aria-controls=\"faq-logistica\">\n                           <span>\u00bfNecesitan equipos de sonido adicionales?<\/span>\n                           <i class=\"fas fa-chevron-down\"><\/i>\n                       <\/button>\n                       <div id=\"faq-logistica\" class=\"accordion-content\">\n                           <p>S\u00ed, la mayor\u00eda de los eventos requieren un equipo de amplificaci\u00f3n b\u00e1sico. Nosotros nos encargamos de todo el equipamiento de sonido necesario para garantizar una calidad de audio impecable en cualquier espacio.<\/p>\n                       <\/div>\n                   <\/div>\n                   <!-- FAQ Item 4 -->\n                   <div class=\"accordion-item fade-in-up\">\n                       <button class=\"accordion-button\" aria-expanded=\"false\" aria-controls=\"faq-presupuesto\">\n                           <span>\u00bfC\u00f3mo puedo solicitar un presupuesto?<\/span>\n                           <i class=\"fas fa-chevron-down\"><\/i>\n                       <\/button>\n                       <div id=\"faq-presupuesto\" class=\"accordion-content\">\n                           <p>Puede solicitar un presupuesto a trav\u00e9s de WhatsApp. Simplemente haga clic en el bot\u00f3n \"Hablemos por WhatsApp\" para contarnos los detalles de su evento, como la fecha, el tipo de evento y el lugar.<\/p>\n                       <\/div>\n                   <\/div>\n               <\/div>\n           <\/div>\n       <\/section>\n\n       <section class=\"section-padding bg-brandDarkGray text-center\">\n           <div class=\"content-max-width\">\n               <h2 class=\"text-3xl md:text-4xl font-bold text-white fade-in-up\">Tu evento especial merece la m\u00fasica perfecta.<\/h2>\n               <p class=\"mt-4 text-lg text-brandGray max-w-2xl mx-auto fade-in-up\">Perm\u00edtanos crear una experiencia que sus invitados no olvidar\u00e1n.<\/p>\n               <div class=\"mt-10 flex flex-col sm:flex-row justify-center items-center gap-4\">\n                   <a href=\"https:\/\/wa.me\/595981142350?text=\u00a1Hola%20Marcelo!%20Me%20gustar\u00eda%20reservar%20una%20fecha%20para%20mi%20evento.\"\n                       target=\"_blank\" rel=\"noopener noreferrer\"\n                       class=\"btn btn-primary fade-in-up\">\n                       <i class=\"fab fa-whatsapp mr-2\"><\/i> Reservar mi fecha\n                   <\/a>\n               <\/div>\n           <\/div>\n       <\/section>\n   <\/main>\n\n   <footer class=\"text-center py-8 px-4 text-xs text-brandGray opacity-70\">\n       <p>&copy; <script>document.write(new Date().getFullYear())<\/script> Marcelo C\u00e1ceres Violinista. Todos los derechos reservados.<\/p>\n   <\/footer>\n\n   <!-- Floating WhatsApp Button -->\n   <a href=\"https:\/\/wa.me\/595981142350?text=\u00a1Hola%20Marcelo!%20Vi%20tu%20portafolio%20y%20me%20gustar\u00eda%20conversar%20sobre%20mi%20evento.\"\n       target=\"_blank\" rel=\"noopener noreferrer\"\n       class=\"whatsapp-float fixed right-6 bg-green-500 text-white w-16 h-16 rounded-full shadow-lg flex items-center justify-center z-50 hover:bg-green-600 transition-transform hover:scale-110\"\n       aria-label=\"Contactar a Marcelo C\u00e1ceres por WhatsApp\">\n       <i class=\"fab fa-whatsapp text-4xl\"><\/i>\n   <\/a>\n\n   <script>\n       document.addEventListener('DOMContentLoaded', () => {\n           \n           \/* --- L\u00d3GICA DE LA INTRO PRE-LANDING --- *\/\n           const introOverlay = document.getElementById('introOverlay');\n           const introVideo = document.getElementById('introVideo');\n           const startBtnWrapper = document.getElementById('startBtnWrapper');\n           const startBtn = document.getElementById('startBtn');\n           const enterBtnWrapper = document.getElementById('enterBtnWrapper');\n           const enterBtn = document.getElementById('enterBtn');\n\n           \/\/ Acci\u00f3n al hacer clic en \"Iniciar con sonido\"\n           startBtn.addEventListener('click', () => {\n               \/\/ 1. Ocultar el bot\u00f3n de inicio con animaci\u00f3n\n               startBtnWrapper.classList.add('hide');\n\n               \/\/ 2. Asegurar que haya sonido, mostrar el video y reproducir\n               introVideo.muted = false;\n               introVideo.classList.add('playing'); \/\/ Muestra el video haciendo un fade in sobre el background\n               introVideo.play().catch(err => console.log('Error al reproducir el video:', err));\n\n               \/\/ 3. Mostrar bot\u00f3n \"Entrar\" SOLO cuando el video termine por completo\n               introVideo.addEventListener('ended', () => {\n                   enterBtnWrapper.classList.add('show');\n               });\n           });\n\n           \/\/ Acci\u00f3n al hacer clic en \"Entrar a la experiencia\"\n           enterBtn.addEventListener('click', () => {\n               \/\/ 1. Inicia transici\u00f3n de fade out del overlay\n               introOverlay.classList.add('fade-out');\n               \/\/ 2. Desbloquea el scroll del body\n               document.body.classList.remove('locked');\n               \n               \/\/ 3. Limpieza: Pausar video y ocultar de la pantalla tras el fade (1 seg) para ahorrar recursos\n               setTimeout(() => {\n                   introOverlay.style.display = 'none';\n                   introVideo.pause();\n               }, 1000);\n           });\n           \/* -------------------------------------- *\/\n\n           const filterButtons = document.querySelectorAll('.filter-btn');\n           const sections = document.querySelectorAll('main section[id$=\"-section\"]');\n\n           \/\/ Function to handle smooth scrolling to sections\n           const scrollToSection = (targetId) => {\n               const targetSection = document.getElementById(targetId);\n               if (targetSection) {\n                   window.scrollTo({\n                       top: targetSection.offsetTop - 80, \/\/ Adjust for fixed navbar\n                       behavior: 'smooth'\n                   });\n               }\n           };\n          \n           filterButtons.forEach(button => {\n               button.addEventListener('click', (e) => {\n                   e.preventDefault();\n                   \/\/ Update active button and ARIA attribute\n                   filterButtons.forEach(btn => {\n                       btn.classList.remove('active');\n                       btn.setAttribute('aria-pressed', 'false');\n                   });\n                   button.classList.add('active');\n                   button.setAttribute('aria-pressed', 'true');\n\n                   const target = button.getAttribute('data-target');\n                   scrollToSection(target);\n               });\n           });\n\n           \/\/ IntersectionObserver for scroll animations\n           const observerOptions = {\n               root: null,\n               rootMargin: '0px',\n               threshold: 0.2 \/\/ Trigger when 20% of the element is visible\n           };\n\n           const observer = new IntersectionObserver((entries, observer) => {\n               entries.forEach(entry => {\n                   if (entry.isIntersecting) {\n                       entry.target.classList.add('is-visible');\n                       observer.unobserve(entry.target);\n                   }\n               });\n           }, observerOptions);\n\n           const animatedElements = document.querySelectorAll('.fade-in-up');\n           animatedElements.forEach(element => observer.observe(element));\n\n           \/\/ FAQ Accordion Logic\n           const accordionButtons = document.querySelectorAll('.accordion-button');\n           accordionButtons.forEach(button => {\n               button.addEventListener('click', () => {\n                   const content = button.nextElementSibling;\n                   const isActive = button.classList.toggle('active');\n                   button.setAttribute('aria-expanded', isActive);\n\n                   if (content) {\n                       if (isActive) {\n                           content.classList.add('active');\n                           content.style.maxHeight = content.scrollHeight + \"px\";\n                       } else {\n                           content.classList.remove('active');\n                           content.style.maxHeight = \"0\";\n                       }\n                   }\n               });\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>Transforma Tu Evento | Marcelo C\u00e1ceres Violinista Profesional | Bodas, Quincea\u00f1os, Corporativos Iniciar con sonido Entrar a la experiencia Transform\u00e1 tu evento en una experiencia inolvidable con m\u00fasica de viol\u00edn en vivo Cada nota, una emoci\u00f3n. Cada evento, una historia irrepetible. Este es el lugar donde la m\u00fasica y la elegancia se encuentran para crear [&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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marcelocaceresviolinista.com\/index.php?rest_route=\/wp\/v2\/pages\/8","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=8"}],"version-history":[{"count":33,"href":"https:\/\/marcelocaceresviolinista.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/marcelocaceresviolinista.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/marcelocaceresviolinista.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}