{"id":8420,"date":"2026-10-16T12:00:32","date_gmt":"2026-10-16T15:00:32","guid":{"rendered":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/?page_id=8420"},"modified":"2026-10-19T11:10:48","modified_gmt":"2026-10-19T14:10:48","slug":"ensambles-de-cuerdas-2","status":"publish","type":"page","link":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/ensambles-de-cuerdas-2\/","title":{"rendered":"Ensambles de Cuerdas"},"content":{"rendered":"\n
\n
\n
\n
    \n
  • \"\"
    Concierto conjunto del Ensamble de Cuerdas del Ciclo Superior y el Ensamble de Flautas Lars Nilson en la Iglesia Mormona de Villa Mitre. 4\/6\/2026<\/div><\/div><\/li>\n
  • \"\"<\/li>\n <\/ul>\n <\/div>\n \n <\/div>\n<\/div><\/div>\n\n\n\n
    \n\n\n\n
    \n
    \n
    \n
      \n
    • \"\"
      Concierto conjunto del Ensable de Cuerdas del Ciclo Superior y el Ensamble de Tango. UNS 13\/6\/2026<\/div><\/div><\/li>\n
    • \"\"<\/li>\n <\/ul>\n <\/div>\n \n <\/div>\n<\/div><\/div>\n\n\n\n\n\n\n \n \n Carrusel Estilo MetaSlider<\/title>\n <style>\n :root {\n --primary-color: #ffffff;\n --overlay-color: rgba(0, 0, 0, 0.4);\n --transition-speed: 0.6s;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: #121212;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n }\n\n \/* Contenedor principal del MetaSlider *\/\n .metaslider-container {\n position: relative;\n width: 100%;\n max-width: 900px;\n margin: auto;\n background: #000;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n border-radius: 8px;\n overflow: hidden;\n }\n\n .metaslider-wrapper {\n display: flex;\n transition: transform var(--transition-speed) ease-in-out;\n width: 100%;\n height: 500px; \/* Altura est\u00e1ndar para escritorio *\/\n }\n\n .metaslider-slide {\n min-width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .metaslider-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover; \/* Asegura que la imagen cubra el contenedor sin deformarse *\/\n }\n\n \/* Opcional: Caption \/ Descripci\u00f3n de la diapositiva *\/\n .metaslider-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));\n color: #fff;\n padding: 20px;\n font-size: 16px;\n letter-spacing: 0.5px;\n }\n\n \/* Botones de navegaci\u00f3n (Flechas) *\/\n .metaslider-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: rgba(0, 0, 0, 0.4);\n color: white;\n border: none;\n width: 45px;\n height: 45px;\n cursor: pointer;\n font-size: 20px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background-color 0.3s, transform 0.2s;\n z-index: 10;\n }\n\n .metaslider-btn:hover {\n background-color: rgba(0, 0, 0, 0.8);\n transform: translateY(-50%) scale(1.1);\n }\n\n .metaslider-prev {\n left: 20px;\n }\n\n .metaslider-next {\n right: 20px;\n }\n\n \/* Puntos indicadores de navegaci\u00f3n (Bullets) *\/\n .metaslider-bullets {\n position: absolute;\n bottom: 15px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 10px;\n z-index: 10;\n }\n\n .bullet {\n width: 12px;\n height: 12px;\n background-color: rgba(255, 255, 255, 0.5);\n border-radius: 50%;\n cursor: pointer;\n transition: background-color 0.3s, transform 0.2s;\n }\n\n .bullet.active {\n background-color: #fff;\n transform: scale(1.2);\n }\n\n \/* Dise\u00f1o Responsivo (Celulares y Tablets) *\/\n @media (max-width: 768px) {\n .metaslider-wrapper {\n height: 320px; \/* Altura menor para pantallas peque\u00f1as *\/\n }\n .metaslider-btn {\n width: 35px;\n height: 35px;\n font-size: 16px;\n }\n .metaslider-prev {\n left: 10px;\n }\n .metaslider-next {\n right: 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"metaslider-container\">\n <!-- Contenedor de las diapositivas -->\n <div class=\"metaslider-wrapper\" id=\"sliderWrapper\">\n \n <div class=\"metaslider-slide\">\n <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1GRw1s99aL7AgcMXRC1iTiuv59Hikc0ft\" alt=\"Imagen 1\">\n <div class=\"metaslider-caption\">T\u00edtulo o descripci\u00f3n de la imagen 1<\/div>\n <\/div>\n \n <div class=\"metaslider-slide\">\n <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1qxk4sDI_h5htmQW9Ldh0taoJEe8QieUl\" alt=\"Imagen 2\">\n <div class=\"metaslider-caption\">T\u00edtulo o descripci\u00f3n de la imagen 2<\/div>\n <\/div>\n \n <div class=\"metaslider-slide\">\n <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/10-vaHLc45oG_QuiG0QSwivJp7T-Qv557\" alt=\"Imagen 3\">\n <div class=\"metaslider-caption\">T\u00edtulo o descripci\u00f3n de la imagen 3<\/div>\n <\/div>\n \n <div class=\"metaslider-slide\">\n <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/192p17U135WuFh0ZZ6wbTDBcvu3OPof5S\" alt=\"Imagen 4\">\n <div class=\"metaslider-caption\">T\u00edtulo o descripci\u00f3n de la imagen 4<\/div>\n <\/div>\n \n <div class=\"metaslider-slide\">\n <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1G4rEbS0VpUnUJEtWI7gF9XGFEO2JTJhk\" alt=\"Imagen 5\">\n <div class=\"metaslider-caption\">T\u00edtulo o descripci\u00f3n de la imagen 5<\/div>\n <\/div>\n \n <div class=\"metaslider-slide\">\n <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1PiGdmYy96fDBwcE-VnuLdSRCUCRlR2au\" alt=\"Imagen 6\">\n <div class=\"metaslider-caption\">T\u00edtulo o descripci\u00f3n de la imagen 6<\/div>\n <\/div>\n\n <\/div>\n\n <!-- Botones -->\n <button class=\"metaslider-btn metaslider-prev\" id=\"prevBtn\">❮<\/button>\n <button class=\"metaslider-btn metaslider-next\" id=\"nextBtn\">❯<\/button>\n\n <!-- Puntos indicadores -->\n <div class=\"metaslider-bullets\" id=\"bulletsContainer\"><\/div>\n <\/div>\n\n <script>\n const wrapper = document.getElementById('sliderWrapper');\n const slides = wrapper.querySelectorAll('.metaslider-slide');\n const prevBtn = document.getElementById('prevBtn');\n const nextBtn = document.getElementById('nextBtn');\n const bulletsContainer = document.getElementById('bulletsContainer');\n\n let currentIndex = 0;\n const totalSlides = slides.length;\n let slideInterval;\n\n \/\/ Crear los puntos (bullets) de manera autom\u00e1tica seg\u00fan la cantidad de fotos\n slides.forEach((_, index) => {\n const bullet = document.createElement('div');\n bullet.classList.add('bullet');\n if (index === 0) bullet.classList.add('active');\n bullet.addEventListener('click', () => {\n goToSlide(index);\n resetAutoPlay();\n });\n bulletsContainer.appendChild(bullet);\n });\n\n const bullets = bulletsContainer.querySelectorAll('.bullet');\n\n function updateSlider() {\n wrapper.style.transform = `translateX(-${currentIndex * 100}%)`;\n bullets.forEach((bullet, index) => {\n bullet.classList.toggle('active', index === currentIndex);\n });\n }\n\n function nextSlide() {\n currentIndex = (currentIndex + 1) % totalSlides;\n updateSlider();\n }\n\n function prevSlide() {\n currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;\n updateSlider();\n }\n\n function goToSlide(index) {\n currentIndex = index;\n updateSlider();\n }\n\n nextBtn.addEventListener('click', () => {\n nextSlide();\n resetAutoPlay();\n });\n\n prevBtn.addEventListener('click', () => {\n prevSlide();\n resetAutoPlay();\n });\n\n \/\/ Reproducci\u00f3n autom\u00e1tica cada 5 segundos (caracter\u00edstica cl\u00e1sica de MetaSlider)\n function startAutoPlay() {\n slideInterval = setInterval(nextSlide, 5000);\n }\n\n function resetAutoPlay() {\n clearInterval(slideInterval);\n startAutoPlay();\n }\n\n startAutoPlay();\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Carrusel Estilo MetaSlider T\u00edtulo o descripci\u00f3n de la imagen 1 T\u00edtulo o descripci\u00f3n de la imagen 2 T\u00edtulo o descripci\u00f3n de la imagen 3 T\u00edtulo o descripci\u00f3n de la imagen 4 T\u00edtulo o descripci\u00f3n de la imagen 5 T\u00edtulo o descripci\u00f3n de la imagen 6 ❮ ❯<\/p>\n","protected":false},"author":7456,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/8420"}],"collection":[{"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/7456"}],"replies":[{"embeddable":true,"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=8420"}],"version-history":[{"count":11,"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/8420\/revisions"}],"predecessor-version":[{"id":8493,"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/8420\/revisions\/8493"}],"wp:attachment":[{"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=8420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}