{"id":6192,"date":"2026-06-04T17:41:53","date_gmt":"2026-06-04T20:41:53","guid":{"rendered":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/?page_id=6192"},"modified":"2026-06-09T19:01:30","modified_gmt":"2026-06-09T22:01:30","slug":"jovenes-en-banda-escuela-secundaria-n-8","status":"publish","type":"page","link":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/jovenes-en-banda-escuela-secundaria-n-8\/","title":{"rendered":"J\u00f3venes en Banda,\u00a0Escuela Secundaria N\u00b0 8.\u00a0"},"content":{"rendered":"\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1536\" height=\"1024\" src=\"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-8-jun-2026-08_13_44-p.m-3.png\" alt=\"\" class=\"wp-image-6376\" srcset=\"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-8-jun-2026-08_13_44-p.m-3.png 1536w, https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-8-jun-2026-08_13_44-p.m-3-1000x667.png 1000w, https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-8-jun-2026-08_13_44-p.m-3-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/figure><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<section id=\"nosotros\">\r\n  <h2 class=\"titulo\">Sobre el Ensamble<\/h2>\r\n\r\n  <p class=\"texto\">\r\n    J\u00f3venes en Banda es un programa de extensi\u00f3n del Conservatorio de M\u00fasica que propone a las y los estudiantes una primera aproximaci\u00f3n al lenguaje musical a trav\u00e9s de la pr\u00e1ctica colectiva y la realizaci\u00f3n de producciones musicales. En este espacio, cada participante explora distintos roles dentro de un ensamble \u2014bater\u00eda, teclado, guitarra, bajo y canto\u2014 favoreciendo el aprendizaje compartido, la escucha mutua y la construcci\u00f3n de interpretaciones grupales.\r\n  <\/p>\r\n<\/section>\r\n\r\n<style>\r\n#nosotros{\r\n  max-width:1200px;\r\n  margin:auto;\r\n  padding:70px 20px;\r\n  font-family:'Montserrat',sans-serif;\r\n}\r\n\r\n.titulo{\r\n  font-size:2rem;\r\n  color:#003b73;\r\n  margin-bottom:25px;\r\n  text-align:center;\r\n}\r\n\r\n.texto{\r\n  text-align:justify;\r\n  max-width:900px;\r\n  margin:auto;\r\n  line-height:1.7;\r\n  font-weight:bold; \/* TEXTO EN NEGRITA *\/\r\n}\r\n<\/style>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"card-wrapper-institucional\">\n  <div class=\"card-docente\">\n    <div class=\"imagen-wrapper-oval\">\n      <img decoding=\"async\" \n        src=\"https:\/\/drive.google.com\/thumbnail?id=1Pg_6d5ipDdYpUmQ-8pbhAiek07XBYsNU&#038;sz=w1200\"\n        alt=\"Profesor Agust\u00edn Speroni\"\n        class=\"imagen-completa-oval\"\n      >\n    <\/div>\n\n    <div class=\"card-content-docente\">\n      <h3>Direcci\u00f3n Musical:<\/h3>\n      <p>\n        Profesor Agust\u00edn Speroni\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .card-wrapper-institucional {\n    width: 100%;\n    padding: 20px 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .card-docente {\n    width: 100%;\n    max-width: 900px;\n    background: white;\n    border-radius: 18px;\n    overflow: hidden;\n    box-shadow: 0 4px 14px rgba(0,0,0,.15);\n    font-family: Arial, sans-serif;\n    padding: 20px 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .imagen-wrapper-oval {\n    width: 25%;\n    aspect-ratio: 2 \/ 3;\n    border-radius: 100% \/ 100%;\n    border: 5px solid #2563eb;\n    overflow: hidden;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: black;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n  }\n\n  .imagen-completa-oval {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n  }\n\n  .card-content-docente {\n    padding: 25px;\n    text-align: center;\n    width: 100%;\n  }\n\n  .card-content-docente h3 {\n    font-size: 32px;\n    font-weight: bold;\n    margin-bottom: 15px;\n    margin-top: 0;\n    color: #2563eb;\n  }\n\n  .card-content-docente p {\n    font-size: 20px;\n    line-height: 1.6;\n    font-weight: bold;\n    color: #333;\n    margin: 0;\n  }\n\n  @media(max-width:768px){\n    .imagen-wrapper-oval {\n      width: 35%;\n    }\n\n    .card-content-docente h3 {\n      font-size: 26px;\n    }\n\n    .card-content-docente p {\n      font-size: 18px;\n    }\n  }\n\n  @media(max-width:480px){\n    .imagen-wrapper-oval {\n      width: 45%;\n      border-width: 4px;\n    }\n\n    .card-content-docente {\n      padding: 18px;\n    }\n\n    .card-content-docente h3 {\n      font-size: 22px;\n    }\n\n    .card-content-docente p {\n      font-size: 16px;\n      line-height: 1.5;\n    }\n  }\n<\/style>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<!-- CONTENEDOR GENERAL -->\n<div class=\"conser-wrap\">\n\n    <!-- BANNER DIRECCI\u00d3N -->\n    <div class=\"conser-banner-col\">\n\n        <div class=\"conser-box\">\n\n            <div class=\"conser-icon anim-direccion\">\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n                    <!-- PIN -->\n                    <path d=\"M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7z\" fill=\"white\"\/>\n\n                    <!-- CENTRO -->\n                    <circle cx=\"12\" cy=\"9\" r=\"2.5\" fill=\"rgba(0,86,145,0.9)\"\/>\n\n                <\/svg>\n            <\/div>\n\n            <div class=\"conser-info\">\n\n                <h2 class=\"conser-text-main\">\n                    Direcci\u00f3n\n                <\/h2>\n\n                <p class=\"conser-text-sub\">\n                    Piedrabuena 265 \n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- BANNER HORARIO -->\n    <div class=\"conser-banner-col\">\n\n        <div class=\"conser-box\">\n\n            <div class=\"conser-icon anim-horario\">\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n                    <!-- RELOJ -->\n                    <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"white\"\/>\n\n                    <!-- AGUJAS -->\n                    <path d=\"M12 7v5l3 2\"\n                          stroke=\"rgba(0,86,145,0.9)\"\n                          stroke-width=\"2.2\"\n                          fill=\"none\"\n                          stroke-linecap=\"round\"\/>\n\n                <\/svg>\n            <\/div>\n\n            <div class=\"conser-info\">\n\n                <h2 class=\"conser-text-main\">\n                    Horario\n                <\/h2>\n\n                <p class=\"conser-text-sub\">\n                    Viernes de 12:00-14:00\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<style>\n\n\/* CONTENEDOR HORIZONTAL *\/\n\n.conser-wrap{\n    width:100%;\n    display:flex;\n    gap:20px;\n    justify-content:center;\n    align-items:stretch;\n    flex-wrap:wrap;\n    margin:15px 0;\n    font-family:'Segoe UI',Roboto,sans-serif;\n}\n\n\/* COLUMNAS *\/\n\n.conser-banner-col{\n    flex:1 1 320px;\n    max-width:420px;\n    display:flex;\n}\n\n\/* CAJAS *\/\n\n.conser-box{\n    width:100%;\n    min-height:220px;\n\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n\n    text-align:center;\n\n    padding:25px 18px;\n\n    border-radius:18px;\n\n    background:rgba(0,86,145,0.92);\n\n    border:4px solid #f39200;\n\n    color:white;\n\n    box-sizing:border-box;\n\n    transition:all .4s cubic-bezier(.175,.885,.32,1.275);\n}\n\n\/* HOVER *\/\n\n.conser-box:hover{\n    background:#f39200;\n\n    border-color:white;\n\n    transform:translateY(-8px);\n\n    box-shadow:0 12px 25px rgba(0,0,0,.3);\n}\n\n.conser-box:active{\n    transform:scale(.97);\n}\n\n\/* ICONOS *\/\n\n.conser-icon{\n    width:60px;\n    height:60px;\n\n    margin-bottom:16px;\n}\n\n.conser-icon svg{\n    width:100%;\n    height:100%;\n\n    transition:.4s ease;\n}\n\n\/* ANIMACIONES *\/\n\n.conser-box:hover .anim-direccion svg{\n    transform:scale(1.18) rotate(-10deg);\n}\n\n.conser-box:hover .anim-horario svg{\n    transform:scale(1.18) rotate(12deg);\n}\n\n\/* TITULOS *\/\n\n.conser-text-main{\n    margin:0;\n\n    font-size:1.35rem;\n\n    font-weight:800;\n\n    text-transform:uppercase;\n\n    letter-spacing:.5px;\n\n    line-height:1.1;\n}\n\n\/* TEXTO *\/\n\n.conser-text-sub{\n    margin:10px 0 0;\n\n    font-size:.95rem;\n\n    line-height:1.5;\n\n    font-weight:400;\n\n    opacity:.95;\n}\n\n\/* TABLETS *\/\n\n@media(max-width:768px){\n\n    .conser-wrap{\n        gap:15px;\n    }\n\n    .conser-box{\n        min-height:200px;\n        padding:22px 14px;\n    }\n\n    .conser-text-main{\n        font-size:1.15rem;\n    }\n\n}\n\n\/* CELULARES *\/\n\n@media(max-width:600px){\n\n    .conser-wrap{\n        flex-direction:column;\n        align-items:center;\n    }\n\n    .conser-banner-col{\n        width:100%;\n        max-width:100%;\n    }\n\n    .conser-box{\n        min-height:180px;\n    }\n\n}\n\n<\/style>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"max-width:500px; margin:0 auto;\">\n  <div style=\"position:relative; padding-bottom:177.78%; height:0; overflow:hidden;\">\n    <iframe\n      src=\"https:\/\/www.youtube.com\/embed\/2Ep3ReIw5iQ\"\n      title=\"YouTube Shorts\"\n      frameborder=\"0\"\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n      allowfullscreen\n      style=\"position:absolute; top:0; left:0; width:100%; height:100%; border-radius:12px;\">\n    <\/iframe>\n  <\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Galer\u00eda de Im\u00e1genes<\/h2>\n\n\n\n<div class=\"galeria\">\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1JlLd0005PrYKOQzZj5NArdkEXW12g28k&#038;sz=w1000\">\n\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1OvwZIoIg3K23aV2OJWdV1uDSU1LrWlyP&#038;sz=w1000\">\n\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1Nkq553T3NU6Glf5aH1IWCNvcOwbNv0WY&#038;sz=w1000\">\n\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1u1OCSV_AiJWs7-kFm7exrtuhNvfRBZbH&#038;sz=w1000\">\n\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1noM3hVIN7XRLki0iduqJjsJD9FvRGXB_&#038;sz=w1000\">\n\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1a3Ex_7FJPgMaZo4a6hPEX1vcO-GxIkkB&#038;sz=w1000\">\n\n<\/div>\n\n<\/div>\n\n<style>\nbody{\n  background:#f4f4f4;\n  font-family:Arial;\n}\n\n.galeria{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));\n  gap:20px;\n  max-width:1200px;\n  margin:auto;\n  padding:30px;\n}\n\n.galeria img{\n  width:100%;\n  height:250px;\n  object-fit:cover;\n  border-radius:15px;\n  box-shadow:0 4px 10px rgba(0,0,0,.2);\n  transition:.3s;\n}\n\n.galeria img:hover{\n  transform:scale(1.04);\n}\n<\/style>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<section class=\"contacto\">\n\n  <h2>Contacto<\/h2>\n\n  <p>\n    <strong>Email:<\/strong><br>\n\n    <a href=\"mailto:preceptoriasconser@gmail.com\" class=\"email-link\">\n      preceptoriasconser@gmail.com\n    <\/a><br>\n\n    <a href=\"mailto:Agustinsperoni@abc.gob.ar\" class=\"email-link\">\n      Agustinsperoni@abc.gob.ar\n    <\/a>\n  <\/p>\n\n  <p><strong>Direcci\u00f3n:<\/strong> Lamadrid 441, Bah\u00eda Blanca<\/p>\n\n<\/section>\n\n<style>\n.contacto{\n  max-width:900px;\n  margin:auto;\n  background:white;\n  padding:35px;\n  border-radius:16px;\n  box-shadow:0 4px 14px rgba(0,0,0,.08);\n  font-family:'Montserrat',sans-serif;\n}\n\n.contacto h2{\n  color:#003b73;\n  margin-bottom:20px;\n}\n\n.contacto p{\n  margin-bottom:10px;\n}\n\n.email-link{\n  color:#0066cc !important;\n  text-decoration:underline;\n  word-break:break-word;\n  font-weight:600;\n}\n\n.email-link:hover{\n  color:#004a99 !important;\n}\n<\/style>\n\n<!-- \/wp:html -->\n\n<p><!-- \/wp:html --><\/p>","protected":false},"excerpt":{"rendered":"<p>Sobre el Ensamble J\u00f3venes en Banda es un programa de extensi\u00f3n del Conservatorio de M\u00fasica que propone a las y los estudiantes una primera aproximaci\u00f3n al lenguaje musical a trav\u00e9s de la pr\u00e1ctica colectiva y la realizaci\u00f3n de producciones musicales. En este espacio, cada participante explora distintos roles dentro de un ensamble \u2014bater\u00eda, teclado, guitarra, &#8230; <a title=\"J\u00f3venes en Banda,\u00a0Escuela Secundaria N\u00b0 8.\u00a0\" class=\"read-more\" href=\"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/jovenes-en-banda-escuela-secundaria-n-8\/\" aria-label=\"More on J\u00f3venes en Banda,\u00a0Escuela Secundaria N\u00b0 8.\u00a0\">[+]<\/a><\/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\/6192"}],"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=6192"}],"version-history":[{"count":12,"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6192\/revisions"}],"predecessor-version":[{"id":6424,"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6192\/revisions\/6424"}],"wp:attachment":[{"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=6192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}