BaileAndo \u2014 Hero Mosaico (vista previa)<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,500&family=Josefin+Sans:wght@400;600&family=DM+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\n\n<style>\n .ba-hero {\n --teal-overlay: #9fe0cb;\n --dark-green: #1A3A34;\n --teal: #1D9E75;\n --mint: #F0FAF7;\n position: relative;\n width: 100%;\n height: 100vh;\n min-height: 560px;\n overflow: hidden;\n background: var(--dark-green);\n }\n\n \/* ---------- MOSAICO ---------- *\/\n .ba-mosaic {\n position: absolute;\n inset: 0;\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n grid-template-rows: repeat(6, 1fr);\n gap: 4px;\n }\n\n .ba-cell {\n position: relative;\n overflow: hidden;\n }\n\n .ba-cell img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0;\n transform: scale(1.06);\n transition: opacity 1.4s ease, transform 6s ease;\n filter: saturate(0.9) brightness(0.95);\n }\n\n .ba-cell img.active {\n opacity: 1;\n transform: scale(1);\n }\n\n \/* Distribuci\u00f3n irregular del mosaico (piezas grandes + tiras finas) *\/\n .c1 { grid-column: 1 \/ 4; grid-row: 1 \/ 4; }\n .c2 { grid-column: 4 \/ 7; grid-row: 1 \/ 3; }\n .c3 { grid-column: 7 \/ 10; grid-row: 1 \/ 3; }\n .c4 { grid-column: 10 \/ 13; grid-row: 1 \/ 4; }\n .c5 { grid-column: 4 \/ 7; grid-row: 3 \/ 4; }\n .c6 { grid-column: 7 \/ 10; grid-row: 3 \/ 4; }\n .c7 { grid-column: 1 \/ 5; grid-row: 4 \/ 7; }\n .c8 { grid-column: 5 \/ 9; grid-row: 4 \/ 7; }\n .c9 { grid-column: 9 \/ 13; grid-row: 4 \/ 7; }\n\n \/* ---------- OVERLAY ---------- *\/\n.ba-overlay {\n position: absolute;\n inset: 0;\n pointer-events: none;\n background: rgba(0, 0, 0, 0.45);\n}\n\n \/* ---------- CONTENIDO ---------- *\/\n .ba-content {\n position: relative;\n z-index: 2;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 0 24px;\n }\n\n .ba-eyebrow {\n font-family: 'Josefin Sans', sans-serif;\n font-weight: 600;\n letter-spacing: 0.28em;\n text-transform: uppercase;\n font-size: 13px;\n color: var(--mint);\n opacity: 0.9;\n margin: 22px 0 34px;\n line-height: 1.6;\n }\n\n .ba-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: clamp(48px, 9vw, 108px);\n line-height: 0.95;\n color: var(--mint);\n margin: 0;\n text-shadow: 0 2px 30px rgba(26,58,52,0.35);\n }\n\n .ba-title em {\n font-style: italic;\n font-weight: 500;\n color: var(--dark-green);\n }\n\n .ba-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n max-width: 480px;\n font-size: clamp(48px, 5vw, 65px);\n line-height: 0.95;\n margin: 0;\n text-shadow: 0 2px 30px rgba(26,58,52,0.35);\n color: var(--mint);\n }\n\n .ba-sub-subtitle {\n font-family: 'DM Sans', sans-serif;\n font-weight: 300;\n font-size: 18px;\n max-width: 480px;\n color: var(--mint);\n margin: 22px 0 34px;\n line-height: 1.6;\n }\n\n .ba-cta {\n font-family: 'Josefin Sans', sans-serif;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n font-size: 13px;\n color: var(--dark-green);\n background: var(--mint);\n padding: 16px 38px;\n border-radius: 999px;\n text-decoration: none;\n transition: transform 0.3s ease, background 0.3s ease;\n display: inline-block;\n }\n\n .ba-cta:hover {\n background: var(--teal-overlay);\n transform: translateY(-2px);\n }\n\n \/* ---------- RESPONSIVE ---------- *\/\n @media (max-width: 780px) {\n .ba-mosaic { grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(8, 1fr); }\n .c1 { grid-column: 1 \/ 4; grid-row: 1 \/ 3; }\n .c2 { grid-column: 4 \/ 7; grid-row: 1 \/ 3; }\n .c3 { grid-column: 1 \/ 3; grid-row: 3 \/ 5; }\n .c4 { grid-column: 3 \/ 7; grid-row: 3 \/ 5; }\n .c5 { grid-column: 1 \/ 5; grid-row: 5 \/ 7; }\n .c6 { grid-column: 5 \/ 7; grid-row: 5 \/ 7; }\n .c7 { grid-column: 1 \/ 3; grid-row: 7 \/ 9; }\n .c8 { grid-column: 3 \/ 7; grid-row: 7 \/ 9; }\n .c9 { display: none; }\n .ba-title { font-size: clamp(40px, 12vw, 60px); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ba-cell img { transition: none !important; }\n }\n<\/style>\n<\/head>\n<body style=\"margin:0;\">\n\n<section class=\"ba-hero\">\n <div class=\"ba-mosaic\" id=\"baMosaic\">\n <div class=\"ba-cell c1\"><\/div>\n <div class=\"ba-cell c2\"><\/div>\n <div class=\"ba-cell c3\"><\/div>\n <div class=\"ba-cell c4\"><\/div>\n <div class=\"ba-cell c5\"><\/div>\n <div class=\"ba-cell c6\"><\/div>\n <div class=\"ba-cell c7\"><\/div>\n <div class=\"ba-cell c8\"><\/div>\n <div class=\"ba-cell c9\"><\/div>\n <\/div>\n\n <div class=\"ba-overlay\"><\/div>\n\n <div class=\"ba-content\">\n <img decoding=\"async\" src=\"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/LogoTotal.png\" alt=\"BaileAndo Dance Studio\" style=\"width: 400px; margin: 20px 0;\">\n <span class=\"ba-eyebrow\">Jazz Musical \u00b7 Modern Jazz \u00b7 Jazz L\u00edrico\u00b7 Cl\u00e1sico<\/span>\n <a href=\"https:\/\/baileandodancestudio.com\/?page_id=18\" class=\"ba-cta\">Ver clases<\/a>\n <\/div>\n<\/section>\n\n<script>\n(function () {\n const images = [\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En33.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/SeG10.jpg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB7.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En28.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/SeG11.jpg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB14.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En15.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/SeG23.jpg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB20.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En23.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/SeG2.jpg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En20.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB12.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/SeG12.jpg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En14.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB16.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En12.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En9.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En6.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB11.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En3.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En1.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/SeG1.jpg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB3.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En11.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/SeG18.jpg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En22.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB18.jpeg\",\n ];\n\n const cells = document.querySelectorAll('#baMosaic .ba-cell');\n const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n cells.forEach((cell, cellIndex) => {\n \/\/ Cada celda recibe 3 im\u00e1genes distintas del array, repartidas por \u00edndice\n const cellImages = [\n images[cellIndex % images.length],\n images[(cellIndex + Math.ceil(images.length \/ 3)) % images.length],\n images[(cellIndex + Math.ceil((images.length \/ 3) * 2)) % images.length]\n ];\n\n cellImages.forEach((src, i) => {\n const img = document.createElement('img');\n img.src = src;\n img.alt = \"BaileAndo Dance Studio\";\n img.loading = \"lazy\";\n if (i === 0) img.classList.add('active');\n cell.appendChild(img);\n });\n\n if (reduceMotion) return; \/\/ no rotamos si el usuario prefiere menos movimiento\n\n let current = 0;\n const interval = 4200 + (cellIndex % 3) * 600;\n const firstDelay = 400 + cellIndex * 250; \/\/ arranque r\u00e1pido y escalonado\n\n function rotate(delay) {\n setTimeout(() => {\n const imgs = cell.querySelectorAll('img');\n imgs[current].classList.remove('active');\n current = (current + 1) % imgs.length;\n imgs[current].classList.add('active');\n rotate(interval); \/\/ a partir de aqu\u00ed, ritmo normal de rotaci\u00f3n\n }, delay);\n }\n\n rotate(firstDelay);\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function() {\n\n const colorElegido = '#9FE0CB63';\n\n const secciones = document.querySelectorAll('.seccion-color');\n\n console.log('[scroll-color] secciones encontradas:', secciones.length);\n\n \/\/ Guardamos el color original de cada secci\u00f3n antes de tocarlo\n\n secciones.forEach(seccion => {\n\n seccion.dataset.colorOriginal = getComputedStyle(seccion).backgroundColor;\n\n });\n\n const observer = new IntersectionObserver((entries) => {\n\n entries.forEach(entry => {\n\n if (entry.isIntersecting) {\n\n entry.target.style.setProperty('background-color', colorElegido, 'important');\n\n console.log('[scroll-color] color aplicado a:', entry.target);\n\n } else {\n\n entry.target.style.setProperty('background-color', entry.target.dataset.colorOriginal, 'important');\n\n console.log('[scroll-color] color restaurado en:', entry.target);\n\n }\n\n });\n\n }, {\n\n threshold: 0.5\n\n });\n\n secciones.forEach(seccion => observer.observe(seccion));\n\n});\n<\/script>\n\n\n\n<div class=\"wp-block-uagb-container seccion-color has-custom-css uagb-block-b59a1b4f default uagb-is-root-container wp-custom-css-f034298e\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-c727640e\"><h2 class=\"uagb-heading-text\">La Escuela<\/h2><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">BaileAndo es mucho m\u00e1s que una escuela de danza: es un espacio donde el movimiento se transforma en alegr\u00eda, energ\u00eda y expresi\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En BaileAndo vivimos cada clase como una experiencia vibrante en la que t\u00e9cnica, ritmo y emoci\u00f3n se unen, dejando que cada alumno desarrolle al m\u00e1ximo el potencial que tiene en s\u00ed mismo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Creemos que disfrutar de la danza es el verdadero motor del aprendizaje. Por eso, en BaileAndo fomentamos un ambiente familiar, acogedor e inspirador, donde cada persona puede crecer a su ritmo, ganar confianza y descubrir todo su potencial art\u00edstico.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si sue\u00f1as con bailar, sentir la m\u00fasica y brillar con luz propia, BaileAndo es tu lugar. \u00a1Ven a moverte, disfrutar y dejar huella en cada paso!<\/p>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>BaileAndo \u2014 Hero Mosaico (vista previa) Jazz Musical \u00b7 Modern Jazz \u00b7 Jazz L\u00edrico\u00b7 Cl\u00e1sico Ver clases La Escuela BaileAndo es mucho m\u00e1s que una escuela de danza: es un […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":".ba-hero{\n\twidth: 100vw !important;\n\theight:100vh !important;\n}\n\n#page {\n padding-top: 0px !important;\n }","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-65","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/baileandodancestudio.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"BaileAndo \u2014 Hero Mosaico (vista previa) Jazz Musical \u00b7 Modern Jazz \u00b7 Jazz L\u00edrico\u00b7 Cl\u00e1sico Ver clases La Escuela BaileAndo es mucho m\u00e1s que una escuela de danza: es un […]","_links":{"self":[{"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=65"}],"version-history":[{"count":51,"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=\/wp\/v2\/pages\/65\/revisions"}],"predecessor-version":[{"id":825,"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=\/wp\/v2\/pages\/65\/revisions\/825"}],"wp:attachment":[{"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":65,"date":"2026-04-26T08:14:58","date_gmt":"2026-04-26T08:14:58","guid":{"rendered":"https:\/\/baileandodancestudio.com\/?page_id=65"},"modified":"2026-07-13T17:43:01","modified_gmt":"2026-07-13T17:43:01","slug":"home","status":"publish","type":"page","link":"https:\/\/baileandodancestudio.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\nBaileAndo \u2014 Hero Mosaico (vista previa)<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,500&family=Josefin+Sans:wght@400;600&family=DM+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\n\n<style>\n .ba-hero {\n --teal-overlay: #9fe0cb;\n --dark-green: #1A3A34;\n --teal: #1D9E75;\n --mint: #F0FAF7;\n position: relative;\n width: 100%;\n height: 100vh;\n min-height: 560px;\n overflow: hidden;\n background: var(--dark-green);\n }\n\n \/* ---------- MOSAICO ---------- *\/\n .ba-mosaic {\n position: absolute;\n inset: 0;\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n grid-template-rows: repeat(6, 1fr);\n gap: 4px;\n }\n\n .ba-cell {\n position: relative;\n overflow: hidden;\n }\n\n .ba-cell img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0;\n transform: scale(1.06);\n transition: opacity 1.4s ease, transform 6s ease;\n filter: saturate(0.9) brightness(0.95);\n }\n\n .ba-cell img.active {\n opacity: 1;\n transform: scale(1);\n }\n\n \/* Distribuci\u00f3n irregular del mosaico (piezas grandes + tiras finas) *\/\n .c1 { grid-column: 1 \/ 4; grid-row: 1 \/ 4; }\n .c2 { grid-column: 4 \/ 7; grid-row: 1 \/ 3; }\n .c3 { grid-column: 7 \/ 10; grid-row: 1 \/ 3; }\n .c4 { grid-column: 10 \/ 13; grid-row: 1 \/ 4; }\n .c5 { grid-column: 4 \/ 7; grid-row: 3 \/ 4; }\n .c6 { grid-column: 7 \/ 10; grid-row: 3 \/ 4; }\n .c7 { grid-column: 1 \/ 5; grid-row: 4 \/ 7; }\n .c8 { grid-column: 5 \/ 9; grid-row: 4 \/ 7; }\n .c9 { grid-column: 9 \/ 13; grid-row: 4 \/ 7; }\n\n \/* ---------- OVERLAY ---------- *\/\n.ba-overlay {\n position: absolute;\n inset: 0;\n pointer-events: none;\n background: rgba(0, 0, 0, 0.45);\n}\n\n \/* ---------- CONTENIDO ---------- *\/\n .ba-content {\n position: relative;\n z-index: 2;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 0 24px;\n }\n\n .ba-eyebrow {\n font-family: 'Josefin Sans', sans-serif;\n font-weight: 600;\n letter-spacing: 0.28em;\n text-transform: uppercase;\n font-size: 13px;\n color: var(--mint);\n opacity: 0.9;\n margin: 22px 0 34px;\n line-height: 1.6;\n }\n\n .ba-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: clamp(48px, 9vw, 108px);\n line-height: 0.95;\n color: var(--mint);\n margin: 0;\n text-shadow: 0 2px 30px rgba(26,58,52,0.35);\n }\n\n .ba-title em {\n font-style: italic;\n font-weight: 500;\n color: var(--dark-green);\n }\n\n .ba-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n max-width: 480px;\n font-size: clamp(48px, 5vw, 65px);\n line-height: 0.95;\n margin: 0;\n text-shadow: 0 2px 30px rgba(26,58,52,0.35);\n color: var(--mint);\n }\n\n .ba-sub-subtitle {\n font-family: 'DM Sans', sans-serif;\n font-weight: 300;\n font-size: 18px;\n max-width: 480px;\n color: var(--mint);\n margin: 22px 0 34px;\n line-height: 1.6;\n }\n\n .ba-cta {\n font-family: 'Josefin Sans', sans-serif;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n font-size: 13px;\n color: var(--dark-green);\n background: var(--mint);\n padding: 16px 38px;\n border-radius: 999px;\n text-decoration: none;\n transition: transform 0.3s ease, background 0.3s ease;\n display: inline-block;\n }\n\n .ba-cta:hover {\n background: var(--teal-overlay);\n transform: translateY(-2px);\n }\n\n \/* ---------- RESPONSIVE ---------- *\/\n @media (max-width: 780px) {\n .ba-mosaic { grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(8, 1fr); }\n .c1 { grid-column: 1 \/ 4; grid-row: 1 \/ 3; }\n .c2 { grid-column: 4 \/ 7; grid-row: 1 \/ 3; }\n .c3 { grid-column: 1 \/ 3; grid-row: 3 \/ 5; }\n .c4 { grid-column: 3 \/ 7; grid-row: 3 \/ 5; }\n .c5 { grid-column: 1 \/ 5; grid-row: 5 \/ 7; }\n .c6 { grid-column: 5 \/ 7; grid-row: 5 \/ 7; }\n .c7 { grid-column: 1 \/ 3; grid-row: 7 \/ 9; }\n .c8 { grid-column: 3 \/ 7; grid-row: 7 \/ 9; }\n .c9 { display: none; }\n .ba-title { font-size: clamp(40px, 12vw, 60px); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ba-cell img { transition: none !important; }\n }\n<\/style>\n<\/head>\n<body style=\"margin:0;\">\n\n<section class=\"ba-hero\">\n <div class=\"ba-mosaic\" id=\"baMosaic\">\n <div class=\"ba-cell c1\"><\/div>\n <div class=\"ba-cell c2\"><\/div>\n <div class=\"ba-cell c3\"><\/div>\n <div class=\"ba-cell c4\"><\/div>\n <div class=\"ba-cell c5\"><\/div>\n <div class=\"ba-cell c6\"><\/div>\n <div class=\"ba-cell c7\"><\/div>\n <div class=\"ba-cell c8\"><\/div>\n <div class=\"ba-cell c9\"><\/div>\n <\/div>\n\n <div class=\"ba-overlay\"><\/div>\n\n <div class=\"ba-content\">\n <img decoding=\"async\" src=\"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/LogoTotal.png\" alt=\"BaileAndo Dance Studio\" style=\"width: 400px; margin: 20px 0;\">\n <span class=\"ba-eyebrow\">Jazz Musical \u00b7 Modern Jazz \u00b7 Jazz L\u00edrico\u00b7 Cl\u00e1sico<\/span>\n <a href=\"https:\/\/baileandodancestudio.com\/?page_id=18\" class=\"ba-cta\">Ver clases<\/a>\n <\/div>\n<\/section>\n\n<script>\n(function () {\n const images = [\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En33.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/SeG10.jpg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB7.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En28.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/SeG11.jpg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB14.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En15.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/SeG23.jpg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB20.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En23.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/SeG2.jpg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En20.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB12.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/SeG12.jpg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En14.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB16.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En12.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En9.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En6.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB11.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En3.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En1.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/SeG1.jpg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB3.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En11.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/SeG18.jpg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/En22.jpeg\",\n \"https:\/\/baileandodancestudio.com\/wp-content\/uploads\/2026\/07\/BaB18.jpeg\",\n ];\n\n const cells = document.querySelectorAll('#baMosaic .ba-cell');\n const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n cells.forEach((cell, cellIndex) => {\n \/\/ Cada celda recibe 3 im\u00e1genes distintas del array, repartidas por \u00edndice\n const cellImages = [\n images[cellIndex % images.length],\n images[(cellIndex + Math.ceil(images.length \/ 3)) % images.length],\n images[(cellIndex + Math.ceil((images.length \/ 3) * 2)) % images.length]\n ];\n\n cellImages.forEach((src, i) => {\n const img = document.createElement('img');\n img.src = src;\n img.alt = \"BaileAndo Dance Studio\";\n img.loading = \"lazy\";\n if (i === 0) img.classList.add('active');\n cell.appendChild(img);\n });\n\n if (reduceMotion) return; \/\/ no rotamos si el usuario prefiere menos movimiento\n\n let current = 0;\n const interval = 4200 + (cellIndex % 3) * 600;\n const firstDelay = 400 + cellIndex * 250; \/\/ arranque r\u00e1pido y escalonado\n\n function rotate(delay) {\n setTimeout(() => {\n const imgs = cell.querySelectorAll('img');\n imgs[current].classList.remove('active');\n current = (current + 1) % imgs.length;\n imgs[current].classList.add('active');\n rotate(interval); \/\/ a partir de aqu\u00ed, ritmo normal de rotaci\u00f3n\n }, delay);\n }\n\n rotate(firstDelay);\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function() {\n\n const colorElegido = '#9FE0CB63';\n\n const secciones = document.querySelectorAll('.seccion-color');\n\n console.log('[scroll-color] secciones encontradas:', secciones.length);\n\n \/\/ Guardamos el color original de cada secci\u00f3n antes de tocarlo\n\n secciones.forEach(seccion => {\n\n seccion.dataset.colorOriginal = getComputedStyle(seccion).backgroundColor;\n\n });\n\n const observer = new IntersectionObserver((entries) => {\n\n entries.forEach(entry => {\n\n if (entry.isIntersecting) {\n\n entry.target.style.setProperty('background-color', colorElegido, 'important');\n\n console.log('[scroll-color] color aplicado a:', entry.target);\n\n } else {\n\n entry.target.style.setProperty('background-color', entry.target.dataset.colorOriginal, 'important');\n\n console.log('[scroll-color] color restaurado en:', entry.target);\n\n }\n\n });\n\n }, {\n\n threshold: 0.5\n\n });\n\n secciones.forEach(seccion => observer.observe(seccion));\n\n});\n<\/script>\n\n\n\n<div class=\"wp-block-uagb-container seccion-color has-custom-css uagb-block-b59a1b4f default uagb-is-root-container wp-custom-css-f034298e\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-c727640e\"><h2 class=\"uagb-heading-text\">La Escuela<\/h2><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">BaileAndo es mucho m\u00e1s que una escuela de danza: es un espacio donde el movimiento se transforma en alegr\u00eda, energ\u00eda y expresi\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En BaileAndo vivimos cada clase como una experiencia vibrante en la que t\u00e9cnica, ritmo y emoci\u00f3n se unen, dejando que cada alumno desarrolle al m\u00e1ximo el potencial que tiene en s\u00ed mismo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Creemos que disfrutar de la danza es el verdadero motor del aprendizaje. Por eso, en BaileAndo fomentamos un ambiente familiar, acogedor e inspirador, donde cada persona puede crecer a su ritmo, ganar confianza y descubrir todo su potencial art\u00edstico.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si sue\u00f1as con bailar, sentir la m\u00fasica y brillar con luz propia, BaileAndo es tu lugar. \u00a1Ven a moverte, disfrutar y dejar huella en cada paso!<\/p>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>BaileAndo \u2014 Hero Mosaico (vista previa) Jazz Musical \u00b7 Modern Jazz \u00b7 Jazz L\u00edrico\u00b7 Cl\u00e1sico Ver clases La Escuela BaileAndo es mucho m\u00e1s que una escuela de danza: es un […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":".ba-hero{\n\twidth: 100vw !important;\n\theight:100vh !important;\n}\n\n#page {\n padding-top: 0px !important;\n }","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-65","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/baileandodancestudio.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"BaileAndo \u2014 Hero Mosaico (vista previa) Jazz Musical \u00b7 Modern Jazz \u00b7 Jazz L\u00edrico\u00b7 Cl\u00e1sico Ver clases La Escuela BaileAndo es mucho m\u00e1s que una escuela de danza: es un […]","_links":{"self":[{"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=65"}],"version-history":[{"count":51,"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=\/wp\/v2\/pages\/65\/revisions"}],"predecessor-version":[{"id":825,"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=\/wp\/v2\/pages\/65\/revisions\/825"}],"wp:attachment":[{"href":"https:\/\/baileandodancestudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}