{"id":10,"date":"2025-12-07T22:01:25","date_gmt":"2025-12-07T22:01:25","guid":{"rendered":"https:\/\/juanchialvarez.com\/?page_id=10"},"modified":"2025-12-08T06:58:08","modified_gmt":"2025-12-08T06:58:08","slug":"juanchi-alvarez","status":"publish","type":"page","link":"https:\/\/juanchialvarez.com\/","title":{"rendered":"Juanchi Alvarez"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c4eb27 e-flex e-con-boxed e-con e-parent\" data-id=\"7c4eb27\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30c6e77 elementor-widget elementor-widget-html\" data-id=\"30c6e77\" data-element_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>Juanchi \u00c1lvarez | Violinista Paraguayo<\/title>\n\n    <!-- META -->\n    <meta name=\"description\" content=\"Juanchi \u00c1lvarez, violinista y productor paraguayo. Fusionando la tradici\u00f3n musical con el virtuosismo moderno.\">\n\n    <!-- Tailwind -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n    <!-- Feather Icons -->\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/feather-icons\/dist\/feather.min.js\"><\/script>\n\n    <!-- Tailwind Config -->\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        'bone-white': '#F5F5F0',\n                        'dg-dark': '#1A1A1A',\n                        'dg-text-soft': '#555555',\n                        'dg-gold': '#C8A870',\n                        'dg-guarani-red': '#A04040',\n                    },\n                }\n            }\n        }\n    <\/script>\n\n<style>\n\/* FUENTES *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@300;400;700&family=Inter:wght@300;400;600&display=swap');\n\nbody {\n    font-family: 'Inter', sans-serif;\n    background-color: #F5F5F0;\n    color: #555;\n    margin: 0;\n    padding: 0;\n}\n\n\/* TITULOS *\/\nh1, h2, h3 {\n    font-family: 'Playfair Display', serif;\n}\n\n\/* NAVBAR *\/\n.navbar-fixed {\n    background-color: rgba(245, 245, 240, 0.98);\n    backdrop-filter: blur(3px);\n    box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n}\n\n\/* UNDERLINE Menu *\/\n.nav-link {\n    position: relative;\n    padding-bottom: 6px;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    font-size: 0.85rem;\n}\n\n.nav-link::after {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    bottom: 0;\n    transform: translateX(-50%);\n    width: 0;\n    height: 2px;\n    background: #C8A870;\n    transition: 0.3s ease;\n}\n\n.nav-link:hover::after {\n    width: 100%;\n}\n\n\/* ANIMACIONES *\/\n.fade-in {\n    opacity: 0;\n    transform: translateY(15px);\n}\n\n.fade-in.animate {\n    animation: fadeIn 0.8s ease-out forwards;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; transform: translateY(15px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* FOOTER LOGO *\/\n.logo-invert-dark {\n    filter: invert(100%);\n}\n<\/style>\n\n<\/head>\n<body>\n\n<!-- ===================================================== -->\n<!-- NAVBAR -->\n<!-- ===================================================== -->\n<nav id=\"navbar\" class=\"fixed top-0 left-0 right-0 z-50 py-3 px-6 navbar-fixed\">\n    <div class=\"container mx-auto flex justify-between items-center max-w-7xl\">\n\n        <a href=\"#hero\" class=\"flex items-center h-14\">\n            <img decoding=\"async\" src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/Logo-Juanchi-Alvarez.png\"\n                 alt=\"Logo Juanchi \u00c1lvarez\"\n                 class=\"max-h-10 w-auto transition-transform duration-300 hover:scale-105\">\n        <\/a>\n\n        <div class=\"hidden md:flex space-x-10\">\n            <a href=\"#sobre-mi\"     class=\"nav-link text-dg-dark hover:text-dg-gold\">Sobre M\u00ed<\/a>\n            <a href=\"#proyectos\"    class=\"nav-link text-dg-dark hover:text-dg-gold\">Proyectos<\/a>\n            <a href=\"#arcoiris\"     class=\"nav-link text-dg-dark hover:text-dg-gold\">M\u00fasica<\/a>\n            <a href=\"#galeria\"      class=\"nav-link text-dg-dark hover:text-dg-gold\">Galer\u00eda<\/a>\n            <a href=\"#contacto\"     class=\"nav-link text-dg-dark hover:text-dg-gold\">Contacto<\/a>\n        <\/div>\n\n        <button class=\"md:hidden text-dg-dark\" id=\"mobile-menu-button\">\n            <i data-feather=\"menu\" class=\"w-7 h-7\"><\/i>\n        <\/button>\n    <\/div>\n\n    <!-- MOBILE MENU -->\n    <div id=\"mobile-menu\" class=\"md:hidden hidden bg-bone-white shadow-inner\">\n        <div class=\"px-6 py-4 space-y-4\">\n            <a href=\"#sobre-mi\"  class=\"block text-dg-dark hover:text-dg-guarani-red\">Sobre M\u00ed<\/a>\n            <a href=\"#proyectos\" class=\"block text-dg-dark hover:text-dg-guarani-red\">Proyectos<\/a>\n            <a href=\"#arcoiris\"  class=\"block text-dg-dark hover:text-dg-guarani-red\">M\u00fasica<\/a>\n            <a href=\"#galeria\"   class=\"block text-dg-dark hover:text-dg-guarani-red\">Galer\u00eda<\/a>\n            <a href=\"#contacto\"  class=\"block text-dg-dark hover:text-dg-guarani-red\">Contacto<\/a>\n        <\/div>\n    <\/div>\n<\/nav>\n\n<!-- ===================================================== -->\n<!-- HERO FULL SCREEN -->\n<!-- ===================================================== -->\n<section id=\"hero\" class=\"relative min-h-screen flex items-center justify-center overflow-hidden\">\n\n    <!-- FONDO -->\n    <div class=\"absolute inset-0 bg-cover bg-right\"\n         style=\"background-image: url('https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/juanchi-fondo.webp');\n                background-position: 5% center;\">\n    <\/div>\n\n    <!-- OVERLAY -->\n    <div class=\"absolute inset-0 bg-gradient-to-b from-black\/40 to-black\/80\"><\/div>\n\n    <!-- CONTENIDO -->\n    <div class=\"relative z-10 text-center px-6 max-w-4xl mx-auto fade-in\">\n\n        <h1 class=\"text-white text-6xl sm:text-7xl md:text-8xl lg:text-9xl font-light tracking-tight\">\n            Juanchi \u00c1lvarez\n        <\/h1>\n\n        <p class=\"text-dg-gold text-lg sm:text-xl md:text-2xl uppercase tracking-[0.3em] mt-6\">\n            Violinista \u00b7 Productor \u00b7 Compositor\n        <\/p>\n\n        <a href=\"#arcoiris\"\n           class=\"mt-10 inline-flex items-center bg-dg-gold text-dg-dark px-10 py-3 rounded-full\n                  border border-dg-gold hover:bg-dg-dark hover:text-dg-gold transition duration-500\n                  shadow-lg hover:shadow-2xl uppercase text-sm tracking-widest\">\n           <i data-feather=\"music\" class=\"w-4 h-4 mr-3\"><\/i> Escuchar Ahora\n        <\/a>\n\n    <\/div>\n<\/section>\n\n\n<!-- ===================================================== -->\n<!-- SOBRE M\u00cd -->\n<!-- ===================================================== -->\n<section id=\"sobre-mi\" class=\"py-24 bg-bone-white fade-in\">\n    <div class=\"container mx-auto px-6 max-w-7xl\">\n\n        <h2 class=\"text-4xl text-center font-serif font-bold text-dg-dark mb-16\">\n            La Fusi\u00f3n de la Tradici\u00f3n y el Virtuosismo\n        <\/h2>\n\n        <div class=\"flex flex-col md:flex-row items-center gap-16\">\n\n          <!-- IMAGEN \/ TARJETA -->\n<div class=\"md:w-1\/2 fade-in\">\n    <div class=\"shadow-xl rounded-lg overflow-hidden\">\n        <img decoding=\"async\" \n            src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/Juanchi-Sobre-mi.webp\"\n            class=\"w-full object-cover\"\n            alt=\"Juanchi \u00c1lvarez - Sobre M\u00ed\"\n        \/>\n    <\/div>\n<\/div>\n\n\n            <!-- TEXTO -->\n            <div class=\"md:w-1\/2 fade-in\">\n\n                <h3 class=\"text-3xl font-serif text-dg-dark mb-6 leading-snug\">\n                    Sobre M\u00ed\n                <\/h3>\n\n                <p class=\"text-lg text-dg-text-soft mb-6\">\n                   Violinista, compositor y productor paraguayo, Juanchi \u00c1lvarez destaca por un estilo interpretativo \u00fanico y una identidad sonora influenciada por la dinast\u00eda musical \u00c1lvarez. Su trabajo como solista y creador de obras originales refleja una est\u00e9tica profunda y aut\u00e9nticamente latinoamericana.\n                <\/p>\n\n                <p class=\"text-lg text-dg-text-soft mb-8\">\n                   Desde \u00d3ga Estudio impulsa producciones de alto nivel, y como miembro clave de Tekove aporta su visi\u00f3n art\u00edstica a una de las agrupaciones paraguayas de mayor proyecci\u00f3n nacional e internacional.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- ===================================================== -->\n<!-- PROYECTOS -->\n<!-- ===================================================== -->\n<section id=\"proyectos\" class=\"py-28 bg-gray-50 fade-in\">\n    <div class=\"container mx-auto px-6 max-w-7xl\">\n\n        <h2 class=\"text-4xl text-center font-serif font-bold text-dg-dark mb-20\">\n            Proyectos Musicales\n        <\/h2>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10 fade-in\">\n\n           <!-- CARD 1 \u2014 SOLISTA -->\n<div class=\"bg-white rounded-xl shadow-xl overflow-hidden card-hover\">\n    <div class=\"h-64 overflow-hidden\">\n        <img decoding=\"async\" src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/Juanchi-Alvarez-solista.webp\"\n             class=\"w-full h-full object-cover\">\n    <\/div>\n\n    <div class=\"p-8\">\n        <h3 class=\"text-3xl text-dg-dark font-serif mb-4\">SOLISTA<\/h3>\n        <p class=\"text-lg text-dg-text-soft\">\n            Solista con un estilo \u00fanico, heredero de la dinast\u00eda musical \u00c1lvarez, cuya interpretaci\u00f3n se distingue por su riqueza sonora y profundidad expresiva.\n            Fruto de una extensa trayectoria, combina t\u00e9cnica, identidad y una sensibilidad art\u00edstica inconfundible.\n        <\/p>\n    <\/div>\n<\/div>\n\n\n<!-- CARD 2 \u2014 \u00d3GA ESTUDIO -->\n<div class=\"bg-white rounded-xl shadow-xl overflow-hidden card-hover\">\n    <div class=\"h-64 overflow-hidden bg-white flex items-center justify-center\">\n        <img decoding=\"async\" src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/Oga-estudio-logo.webp\"\n             class=\"w-3\/4 object-contain\">\n    <\/div>\n\n    <div class=\"p-8\">\n        <h3 class=\"text-3xl text-dg-dark font-serif mb-4\">\u00d3GA ESTUDIO<\/h3>\n        <p class=\"text-lg text-dg-text-soft\">\n            Estudio profesional de Juanchi \u00c1lvarez, donde se desarrollan producciones de alto nivel.\n            Responsable de acompa\u00f1ar y producir a algunos de los artistas m\u00e1s importantes del pa\u00eds con un sonido limpio, c\u00e1lido y contempor\u00e1neo.\n        <\/p>\n    <\/div>\n<\/div>\n\n\n<!-- CARD 3 \u2014 TEKOVE -->\n<div class=\"bg-white rounded-xl shadow-xl overflow-hidden card-hover\">\n    <div class=\"h-64 overflow-hidden\">\n        <img decoding=\"async\" src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/Tekove.webp\"\n             class=\"w-full h-full object-cover\">\n    <\/div>\n\n    <div class=\"p-8\">\n        <h3 class=\"text-3xl text-dg-dark font-serif mb-4\">TEKOVE<\/h3>\n        <p class=\"text-lg text-dg-text-soft\">\n            Violinista, compositor y productor de Tekove, una de las agrupaciones con mayor destaque en la escena social paraguaya.\n            Referentes en llevar la m\u00fasica paraguaya a escenarios tanto nacionales como internacionales.\n        <\/p>\n    <\/div>\n<\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- ===================================================== -->\n<!-- M\u00daSICA (ARCOIRIS) -->\n<!-- ===================================================== -->\n<section id=\"arcoiris\" class=\"max-w-7xl mx-auto p-6 md:p-12 bg-white rounded-3xl shadow-md mt-16\">\n    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10 items-center\">\n\n        <!-- IMAGEN DEL \u00c1LBUM -->\n        <div class=\"w-full\">\n            <img decoding=\"async\" src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/Arcoiris.webp\"\n                 alt=\"Arco\u00edris - Juanchi \u00c1lvarez\"\n                 class=\"w-full rounded-xl shadow-md\">\n        <\/div>\n\n        <!-- TEXTO Y BOTONES -->\n        <div>\n            <h2 class=\"text-4xl font-serif font-bold mb-4\">Arco\u00edris<\/h2>\n\n            <p class=\"text-lg text-gray-700 leading-relaxed mb-8\">\n                \u201cArco\u00edris\u201d es una obra en ritmo de 6\/8 con esencia pop que aborda el desamor desde una mirada sensible:\n                cuando alguien vuelve, ya nada tiene el mismo color. La lluvia funciona como met\u00e1fora del dolor, y el\n                arco\u00edris aparece como esa luz de esperanza que permite atravesarlo y renacer.\n            <\/p>\n\n            <!-- BOT\u00d3N SPOTIFY -->\n            <a href=\"https:\/\/open.spotify.com\/intl-es\/track\/2IhORRzy8useoqsxfyw8rs?si=4cb34833f65c4dd9\"\n               target=\"_blank\"\n               class=\"flex items-center gap-3 w-full md:w-auto bg-gray-100 hover:bg-gray-200 transition px-6 py-3 rounded-xl mb-4 shadow-sm\">\n                <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/1\/19\/Spotify_logo_without_text.svg\"\n                     alt=\"Spotify\"\n                     class=\"w-6 h-6\">\n                <span class=\"text-lg font-medium\">Escuchar en Spotify<\/span>\n            <\/a>\n\n            <!-- BOT\u00d3N YOUTUBE -->\n            <a href=\"https:\/\/www.youtube.com\/watch?v=sb_ITpya2Xk&list=RDsb_ITpya2Xk&start_radio=1\"\n               target=\"_blank\"\n               class=\"flex items-center gap-3 w-full md:w-auto bg-gray-100 hover:bg-gray-200 transition px-6 py-3 rounded-xl shadow-sm\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\" viewBox=\"0 0 576 512\" class=\"w-6 h-6 text-red-600\">\n                    <path d=\"M549.7 124.1c-6.3-23.7-24.9-42.4-48.6-48.7C458.8 64 288 64 288 64s-170.8 0-213.1 11.4c-23.7 \n                    6.3-42.3 25-48.6 48.7C16.9 166.4 16.9 256 16.9 256s0 89.6 9.4 131.9c6.3 23.7 \n                    24.9 42.4 48.6 48.7C117.2 448 288 448 288 448s170.8 0 213.1-11.4c23.7-6.3 \n                    42.3-25 48.6-48.7 9.4-42.3 9.4-131.9 9.4-131.9s0-89.6-9.4-131.9zM232 334V178l142 78-142 78z\"\/>\n                <\/svg>\n                <span class=\"text-lg font-medium\">Ver Video Oficial<\/span>\n            <\/a>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- ===================================================== -->\n<!-- GALER\u00cdA -->\n<!-- ===================================================== -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/glightbox\/dist\/css\/glightbox.min.css\"\/>\n\n<section id=\"galeria\" class=\"py-32 bg-gray-50 fade-in\">\n    <div class=\"container mx-auto px-6 max-w-7xl\">\n\n        <h2 class=\"text-4xl text-center font-serif font-bold text-dg-dark mb-16\">\n            Momentos en Escena\n        <\/h2>\n\n        <!-- GRID RESPONSIVO -->\n        <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 fade-in\">\n\n            <!-- FOTO 1 -->\n            <a href=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/tekove-evento-centenario_-128-scaled.webp\"\n               class=\"glightbox\"\n               data-gallery=\"juanchi-gallery\">\n                <img decoding=\"async\" src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/tekove-evento-centenario_-128-scaled.webp\"\n                     class=\"rounded-lg object-cover w-full h-full aspect-[2\/3]\">\n            <\/a>\n\n            <!-- FOTO 2 -->\n            <a href=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/IMG_1271.webp\"\n               class=\"glightbox\"\n               data-gallery=\"juanchi-gallery\">\n                <img decoding=\"async\" src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/IMG_1271.webp\"\n                     class=\"rounded-lg object-cover w-full h-full aspect-[4\/3]\">\n            <\/a>\n\n            <!-- FOTO 3 -->\n            <a href=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/tekove-evento-centenario_-170-scaled.webp\"\n               class=\"glightbox\"\n               data-gallery=\"juanchi-gallery\">\n                <img decoding=\"async\" src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/tekove-evento-centenario_-170-scaled.webp\"\n                     class=\"rounded-lg object-cover w-full h-full aspect-[3\/4]\">\n            <\/a>\n\n            <!-- FOTO 4 -->\n            <a href=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/HMIU4365.webp\"\n               class=\"glightbox\"\n               data-gallery=\"juanchi-gallery\">\n                <img decoding=\"async\" src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/HMIU4365.webp\"\n                     class=\"rounded-lg object-cover w-full h-full aspect-[3\/2]\">\n            <\/a>\n\n            <!-- FOTO 5 -->\n            <a href=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/tekove-evento-centenario_-163-scaled.webp\"\n               class=\"glightbox\"\n               data-gallery=\"juanchi-gallery\">\n                <img decoding=\"async\" src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/tekove-evento-centenario_-163-scaled.webp\"\n                     class=\"rounded-lg object-cover w-full h-full aspect-[2\/3]\">\n            <\/a>\n\n            <!-- FOTO 6 -->\n            <a href=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/tekove-evento-centenario_-182-scaled.webp\"\n               class=\"glightbox\"\n               data-gallery=\"juanchi-gallery\">\n                <img decoding=\"async\" src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/tekove-evento-centenario_-182-scaled.webp\"\n                     class=\"rounded-lg object-cover w-full h-full aspect-[3\/2]\">\n            <\/a>\n\n            <!-- FOTO 7 -->\n            <a href=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/tekove-evento-centenario_-183-scaled.webp\"\n               class=\"glightbox\"\n               data-gallery=\"juanchi-gallery\">\n                <img decoding=\"async\" src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/tekove-evento-centenario_-183-scaled.webp\"\n                     class=\"rounded-lg object-cover w-full h-full aspect-[3\/4]\">\n            <\/a>\n\n            <!-- FOTO 8 -->\n            <a href=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/tekove-evento-centenario_-187-scaled.webp\"\n               class=\"glightbox\"\n               data-gallery=\"juanchi-gallery\">\n                <img decoding=\"async\" src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/tekove-evento-centenario_-187-scaled.webp\"\n                     class=\"rounded-lg object-cover w-full h-full aspect-[2\/3]\">\n            <\/a>\n\n            <!-- FOTO 9 -->\n            <a href=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/tekove-evento-centenario_-189-scaled.webp\"\n               class=\"glightbox\"\n               data-gallery=\"juanchi-gallery\">\n                <img decoding=\"async\" src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/tekove-evento-centenario_-189-scaled.webp\"\n                     class=\"rounded-lg object-cover w-full h-full aspect-[3\/2]\">\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n<!-- GLightbox -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/glightbox\/dist\/css\/glightbox.min.css\"\/>\n\n<style>\n\/* FONDO SEMI-VISIBLE - EFECTO BLUR *\/\n.goverlay {\n    background: rgba(0,0,0,0.35) !important; \/* no tan oscuro *\/\n    backdrop-filter: blur(6px);              \/* fondo visible con blur *\/\n}\n\n\/* BOT\u00d3N X SIEMPRE VISIBLE Y GRANDE *\/\n.gclose {\n    top: 20px !important;\n    right: 20px !important;\n    font-size: 32px !important;\n    color: white !important;\n    opacity: 1 !important;\n    z-index: 999999 !important;\n}\n<\/style>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/glightbox\/dist\/js\/glightbox.min.js\"><\/script>\n\n<script>\nconst lightbox = GLightbox({\n    selector: \".glightbox\",\n    loop: true,\n    touchNavigation: true,\n    zoomable: true,\n    closeOnOutsideClick: true,\n    openEffect: \"fade\",\n    closeEffect: \"fade\",\n});\n<\/script>\n\n\n\n<!-- ===================================================== -->\n<!-- CONTACTO -->\n<!-- ===================================================== -->\n<section id=\"contacto\" class=\"py-32 bg-bone-white fade-in\">\n    <div class=\"container mx-auto px-6 max-w-5xl\">\n\n        <h2 class=\"text-4xl text-center font-serif font-bold text-dg-dark mb-16\">\n            Contacto Profesional\n        <\/h2>\n\n        <div class=\"bg-white p-10 rounded-xl shadow-xl fade-in\">\n\n            <p class=\"text-xl text-center mb-10 font-serif\">\n                Para booking, prensa o consultas de producci\u00f3n.\n            <\/p>\n\n            <form id=\"contact-form\">\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                    <input type=\"text\" id=\"nombre\" placeholder=\"Nombre\" class=\"p-3 border border-gray-300 w-full\">\n                    <input type=\"email\" id=\"email\" placeholder=\"Email\" class=\"p-3 border border-gray-300 w-full\">\n                    <input type=\"text\" id=\"asunto\" placeholder=\"Asunto\" class=\"p-3 border border-gray-300 w-full md:col-span-2\">\n                    <textarea id=\"mensaje\" rows=\"5\" placeholder=\"Mensaje\" class=\"p-3 border border-gray-300 w-full md:col-span-2\"><\/textarea>\n                <\/div>\n\n                <div class=\"text-center mt-10\">\n                    <button type=\"button\" id=\"btn-ws\"\n                        class=\"bg-dg-guarani-red text-white px-12 py-4 rounded-full uppercase tracking-widest shadow-lg hover:bg-dg-dark transition\">\n                        Enviar Mensaje\n                    <\/button>\n                <\/div>\n            <\/form>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n<!-- =============================== -->\n<!-- BOT\u00d3N FLOTANTE DE WHATSAPP (OFICIAL) -->\n<!-- =============================== -->\n\n<style>\n\/* BOT\u00d3N FLOTANTE WHATSAPP *\/\n.whatsapp-float {\n    position: fixed;\n    bottom: 28px;\n    right: 28px;\n    width: 64px;\n    height: 64px;\n    background-color: #25D366; \/* Verde oficial *\/\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.25);\n    z-index: 9999;\n    transition: transform 0.22s ease, box-shadow 0.22s ease;\n}\n\n.whatsapp-float img {\n    width: 34px;\n    height: 34px;\n}\n\n.whatsapp-float:hover {\n    transform: scale(1.12);\n    box-shadow: 0 6px 18px rgba(0,0,0,0.35);\n}\n<\/style>\n\n<a href=\"https:\/\/wa.me\/595981122510?text=Acabo%20de%20ver%20tu%20portafolio%20y%20quiero%20comunicarme%20contigo.\"\n   class=\"whatsapp-float\"\n   target=\"_blank\"\n   aria-label=\"WhatsApp Juanchi\">\n    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/5e\/WhatsApp_icon.png\"\n         alt=\"WhatsApp\">\n<\/a>\n\n\n<!-- ===================================================== -->\n<!-- FOOTER -->\n<!-- ===================================================== -->\n<footer class=\"py-20 px-6 bg-dg-dark text-white\">\n    <div class=\"max-w-7xl mx-auto\">\n\n        <div class=\"grid grid-cols-1 md:grid-cols-4 gap-10 border-b border-gray-700 pb-8 mb-8\">\n\n            <div class=\"md:col-span-2\">\n                <img decoding=\"async\" src=\"https:\/\/juanchialvarez.com\/wp-content\/uploads\/2025\/12\/Logo-Juanchi-Alvarez.png\"\n                     class=\"max-h-10 mb-4 logo-invert-dark\">\n                <p class=\"text-gray-400 text-sm\">\n                    Una experiencia musical que fusiona tradici\u00f3n y virtuosismo.\n                <\/p>\n            <\/div>\n\n            <div>\n                <h4 class=\"text-dg-gold mb-4\">Men\u00fa<\/h4>\n                <ul class=\"space-y-2 text-gray-400 text-sm\">\n                    <li><a href=\"#sobre-mi\" class=\"hover:text-white\">Sobre M\u00ed<\/a><\/li>\n                    <li><a href=\"#proyectos\" class=\"hover:text-white\">Proyectos<\/a><\/li>\n                    <li><a href=\"#arcoiris\" class=\"hover:text-white\">M\u00fasica<\/a><\/li>\n                    <li><a href=\"#galeria\" class=\"hover:text-white\">Galer\u00eda<\/a><\/li>\n                    <li><a href=\"#contacto\" class=\"hover:text-white\">Contacto<\/a><\/li>\n                <\/ul>\n            <\/div>\n\n            <div>\n    <h4 class=\"text-dg-gold mb-4\">Contacto<\/h4>\n    <ul class=\"space-y-2 text-gray-400 text-sm\">\n        <li><a href=\"mailto:juanchialvarezpy@gmail.com\" class=\"hover:text-white\">juanchialvarezpy@gmail.com<\/a><\/li>\n        <li><a href=\"https:\/\/wa.me\/595981122510\" target=\"_blank\" class=\"hover:text-white\">+595 981 122510<\/a><\/li>\n        <li>Asunci\u00f3n, Paraguay<\/li>\n    <\/ul>\n<\/div>\n\n        <\/div>\n\n        <div class=\"text-center text-gray-500 text-xs uppercase tracking-widest\">\n            \u00a9 <span id=\"year\"><\/span> Juanchi \u00c1lvarez. Todos los derechos reservados.\n        <\/div>\n\n    <\/div>\n<\/footer>\n\n<!-- ===================================================== -->\n<!-- SCRIPTS -->\n<!-- ===================================================== -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n\n    if (feather) feather.replace();\n\n    \/\/ Mobile Menu\n    const btn = document.getElementById(\"mobile-menu-button\");\n    const menu = document.getElementById(\"mobile-menu\");\n    if (btn) {\n        btn.onclick = () => {\n            menu.classList.toggle(\"hidden\");\n            btn.querySelector(\"i\").setAttribute(\"data-feather\", menu.classList.contains(\"hidden\") ? \"menu\" : \"x\");\n            feather.replace();\n        };\n    }\n\n    \/\/ Fade-in animations\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add(\"animate\");\n                observer.unobserve(entry.target);\n            }\n        });\n    }, { threshold: 0.1 });\n\n    document.querySelectorAll(\".fade-in\").forEach(el => observer.observe(el));\n\n    \/\/ Auto-year\n    document.getElementById(\"year\").textContent = new Date().getFullYear();\n\n\n    \/* =====================================================\n       WHATSAPP FORM SENDER (CORREGIDO Y MEJORADO)\n       ===================================================== *\/\n    const wsBtn = document.getElementById(\"btn-ws\");\n\n    wsBtn.addEventListener(\"click\", () => {\n\n        const nombre  = document.getElementById(\"nombre\").value.trim();\n        const email   = document.getElementById(\"email\").value.trim();\n        const asunto  = document.getElementById(\"asunto\").value.trim();\n        const mensaje = document.getElementById(\"mensaje\").value.trim();\n\n        \/\/ Mensaje limpio y ordenado\n        const texto =\n`Hola Juanchi, quiero ponerme en contacto.\n\nNombre: ${nombre}\nEmail: ${email}\nAsunto: ${asunto}\nMensaje: ${mensaje}\n\nEnviado desde la web.`;\n\n        const url = \"https:\/\/wa.me\/595981122510?text=\" + encodeURIComponent(texto);\n        window.open(url, \"_blank\");\n    });\n\n});\n<\/script>\n\n\n\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>Juanchi \u00c1lvarez | Violinista Paraguayo Sobre M\u00ed Proyectos M\u00fasica Galer\u00eda Contacto Sobre M\u00ed Proyectos M\u00fasica Galer\u00eda Contacto Juanchi \u00c1lvarez Violinista \u00b7 Productor \u00b7 Compositor Escuchar Ahora La Fusi\u00f3n de la Tradici\u00f3n y el Virtuosismo Sobre M\u00ed Violinista, compositor y productor paraguayo, Juanchi \u00c1lvarez destaca por un estilo interpretativo \u00fanico y una identidad sonora influenciada por [&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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/juanchialvarez.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/juanchialvarez.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/juanchialvarez.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/juanchialvarez.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/juanchialvarez.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":76,"href":"https:\/\/juanchialvarez.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":133,"href":"https:\/\/juanchialvarez.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/133"}],"wp:attachment":[{"href":"https:\/\/juanchialvarez.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}