{"id":6202,"date":"2026-06-04T18:32:47","date_gmt":"2026-06-04T21:32:47","guid":{"rendered":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/?page_id=6202"},"modified":"2026-06-09T22:16:11","modified_gmt":"2026-06-10T01:16:11","slug":"jovenes-en-banda-escuela-secundaria-n-19","status":"publish","type":"page","link":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/jovenes-en-banda-escuela-secundaria-n-19\/","title":{"rendered":"J\u00f3venes en Banda,\u00a0Escuela Secundaria N\u00b0 19.\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\">\r\n  <div class=\"card-docente\">\r\n    <div class=\"imagen-wrapper-oval\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/drive.google.com\/thumbnail?id=1Pg_6d5ipDdYpUmQ-8pbhAiek07XBYsNU&#038;sz=w1200\"\r\n        alt=\"Profesor Agust\u00edn Speroni\"\r\n        class=\"imagen-completa-oval\"\r\n      >\r\n    <\/div>\r\n\r\n    <div class=\"card-content-docente\">\r\n      <h3>Direcci\u00f3n Musical:<\/h3>\r\n      <p>\r\n        Profesor Agust\u00edn Speroni\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .card-wrapper-institucional {\r\n    width: 100%;\r\n    padding: 20px 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .card-docente {\r\n    width: 100%;\r\n    max-width: 900px;\r\n    background: white;\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 14px rgba(0,0,0,.15);\r\n    font-family: Arial, sans-serif;\r\n    padding: 20px 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .imagen-wrapper-oval {\r\n    width: 25%;\r\n    aspect-ratio: 2 \/ 3;\r\n    border-radius: 100% \/ 100%;\r\n    border: 5px solid #2563eb;\r\n    overflow: hidden;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background: black;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 8px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .imagen-completa-oval {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n  }\r\n\r\n  .card-content-docente {\r\n    padding: 25px;\r\n    text-align: center;\r\n    width: 100%;\r\n  }\r\n\r\n  .card-content-docente h3 {\r\n    font-size: 32px;\r\n    font-weight: bold;\r\n    margin-bottom: 15px;\r\n    margin-top: 0;\r\n    color: #2563eb;\r\n  }\r\n\r\n  .card-content-docente p {\r\n    font-size: 20px;\r\n    line-height: 1.6;\r\n    font-weight: bold;\r\n    color: #333;\r\n    margin: 0;\r\n  }\r\n\r\n  @media(max-width:768px){\r\n    .imagen-wrapper-oval {\r\n      width: 35%;\r\n    }\r\n\r\n    .card-content-docente h3 {\r\n      font-size: 26px;\r\n    }\r\n\r\n    .card-content-docente p {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n\r\n  @media(max-width:480px){\r\n    .imagen-wrapper-oval {\r\n      width: 45%;\r\n      border-width: 4px;\r\n    }\r\n\r\n    .card-content-docente {\r\n      padding: 18px;\r\n    }\r\n\r\n    .card-content-docente h3 {\r\n      font-size: 22px;\r\n    }\r\n\r\n    .card-content-docente p {\r\n      font-size: 16px;\r\n      line-height: 1.5;\r\n    }\r\n  }\r\n<\/style>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<!-- CONTENEDOR GENERAL -->\r\n<div class=\"conser-wrap\">\r\n\r\n    <!-- BANNER DIRECCI\u00d3N -->\r\n    <div class=\"conser-banner-col\">\r\n\r\n        <div class=\"conser-box\">\r\n\r\n            <div class=\"conser-icon anim-direccion\">\r\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                    <!-- PIN -->\r\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\"\/>\r\n\r\n                    <!-- CENTRO -->\r\n                    <circle cx=\"12\" cy=\"9\" r=\"2.5\" fill=\"rgba(0,86,145,0.9)\"\/>\r\n\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"conser-info\">\r\n\r\n                <h2 class=\"conser-text-main\">\r\n                    Direcci\u00f3n\r\n                <\/h2>\r\n\r\n                <p class=\"conser-text-sub\">\r\n                    Piedrabuena 265 \r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BANNER HORARIO -->\r\n    <div class=\"conser-banner-col\">\r\n\r\n        <div class=\"conser-box\">\r\n\r\n            <div class=\"conser-icon anim-horario\">\r\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                    <!-- RELOJ -->\r\n                    <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"white\"\/>\r\n\r\n                    <!-- AGUJAS -->\r\n                    <path d=\"M12 7v5l3 2\"\r\n                          stroke=\"rgba(0,86,145,0.9)\"\r\n                          stroke-width=\"2.2\"\r\n                          fill=\"none\"\r\n                          stroke-linecap=\"round\"\/>\r\n\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"conser-info\">\r\n\r\n                <h2 class=\"conser-text-main\">\r\n                    Horario\r\n                <\/h2>\r\n\r\n                <p class=\"conser-text-sub\">\r\n                    Viernes de 12:00-14:00\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* CONTENEDOR HORIZONTAL *\/\r\n\r\n.conser-wrap{\r\n    width:100%;\r\n    display:flex;\r\n    gap:20px;\r\n    justify-content:center;\r\n    align-items:stretch;\r\n    flex-wrap:wrap;\r\n    margin:15px 0;\r\n    font-family:'Segoe UI',Roboto,sans-serif;\r\n}\r\n\r\n\/* COLUMNAS *\/\r\n\r\n.conser-banner-col{\r\n    flex:1 1 320px;\r\n    max-width:420px;\r\n    display:flex;\r\n}\r\n\r\n\/* CAJAS *\/\r\n\r\n.conser-box{\r\n    width:100%;\r\n    min-height:220px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    text-align:center;\r\n\r\n    padding:25px 18px;\r\n\r\n    border-radius:18px;\r\n\r\n    background:rgba(0,86,145,0.92);\r\n\r\n    border:4px solid #f39200;\r\n\r\n    color:white;\r\n\r\n    box-sizing:border-box;\r\n\r\n    transition:all .4s cubic-bezier(.175,.885,.32,1.275);\r\n}\r\n\r\n\/* HOVER *\/\r\n\r\n.conser-box:hover{\r\n    background:#f39200;\r\n\r\n    border-color:white;\r\n\r\n    transform:translateY(-8px);\r\n\r\n    box-shadow:0 12px 25px rgba(0,0,0,.3);\r\n}\r\n\r\n.conser-box:active{\r\n    transform:scale(.97);\r\n}\r\n\r\n\/* ICONOS *\/\r\n\r\n.conser-icon{\r\n    width:60px;\r\n    height:60px;\r\n\r\n    margin-bottom:16px;\r\n}\r\n\r\n.conser-icon svg{\r\n    width:100%;\r\n    height:100%;\r\n\r\n    transition:.4s ease;\r\n}\r\n\r\n\/* ANIMACIONES *\/\r\n\r\n.conser-box:hover .anim-direccion svg{\r\n    transform:scale(1.18) rotate(-10deg);\r\n}\r\n\r\n.conser-box:hover .anim-horario svg{\r\n    transform:scale(1.18) rotate(12deg);\r\n}\r\n\r\n\/* TITULOS *\/\r\n\r\n.conser-text-main{\r\n    margin:0;\r\n\r\n    font-size:1.35rem;\r\n\r\n    font-weight:800;\r\n\r\n    text-transform:uppercase;\r\n\r\n    letter-spacing:.5px;\r\n\r\n    line-height:1.1;\r\n}\r\n\r\n\/* TEXTO *\/\r\n\r\n.conser-text-sub{\r\n    margin:10px 0 0;\r\n\r\n    font-size:.95rem;\r\n\r\n    line-height:1.5;\r\n\r\n    font-weight:400;\r\n\r\n    opacity:.95;\r\n}\r\n\r\n\/* TABLETS *\/\r\n\r\n@media(max-width:768px){\r\n\r\n    .conser-wrap{\r\n        gap:15px;\r\n    }\r\n\r\n    .conser-box{\r\n        min-height:200px;\r\n        padding:22px 14px;\r\n    }\r\n\r\n    .conser-text-main{\r\n        font-size:1.15rem;\r\n    }\r\n\r\n}\r\n\r\n\/* CELULARES *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    .conser-wrap{\r\n        flex-direction:column;\r\n        align-items:center;\r\n    }\r\n\r\n    .conser-banner-col{\r\n        width:100%;\r\n        max-width:100%;\r\n    }\r\n\r\n    .conser-box{\r\n        min-height:180px;\r\n    }\r\n\r\n}\r\n\r\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;\">\r\n  <div style=\"position:relative; padding-bottom:177.78%; height:0; overflow:hidden;\">\r\n    <iframe\r\n      src=\"https:\/\/www.youtube.com\/embed\/2Ep3ReIw5iQ\"\r\n      title=\"YouTube Shorts\"\r\n      frameborder=\"0\"\r\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n      allowfullscreen\r\n      style=\"position:absolute; top:0; left:0; width:100%; height:100%; border-radius:12px;\">\r\n    <\/iframe>\r\n  <\/div>\r\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\">\r\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1JlLd0005PrYKOQzZj5NArdkEXW12g28k&#038;sz=w1000\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1OvwZIoIg3K23aV2OJWdV1uDSU1LrWlyP&#038;sz=w1000\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1Nkq553T3NU6Glf5aH1IWCNvcOwbNv0WY&#038;sz=w1000\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1u1OCSV_AiJWs7-kFm7exrtuhNvfRBZbH&#038;sz=w1000\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1noM3hVIN7XRLki0iduqJjsJD9FvRGXB_&#038;sz=w1000\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1a3Ex_7FJPgMaZo4a6hPEX1vcO-GxIkkB&#038;sz=w1000\">\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\nbody{\r\n  background:#f4f4f4;\r\n  font-family:Arial;\r\n}\r\n\r\n.galeria{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));\r\n  gap:20px;\r\n  max-width:1200px;\r\n  margin:auto;\r\n  padding:30px;\r\n}\r\n\r\n.galeria img{\r\n  width:100%;\r\n  height:250px;\r\n  object-fit:cover;\r\n  border-radius:15px;\r\n  box-shadow:0 4px 10px rgba(0,0,0,.2);\r\n  transition:.3s;\r\n}\r\n\r\n.galeria img:hover{\r\n  transform:scale(1.04);\r\n}\r\n<\/style>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<section class=\"contacto\">\r\n\r\n  <h2>Contacto<\/h2>\r\n\r\n  <p>\r\n    <strong>Email:<\/strong><br>\r\n\r\n    <a href=\"mailto:preceptoriasconser@gmail.com\" class=\"email-link\">\r\n      preceptoriasconser@gmail.com\r\n    <\/a><br>\r\n\r\n    <a href=\"mailto:Agustinsperoni@abc.gob.ar\" class=\"email-link\">\r\n      Agustinsperoni@abc.gob.ar\r\n    <\/a>\r\n  <\/p>\r\n\r\n  <p><strong>Direcci\u00f3n:<\/strong> Lamadrid 441, Bah\u00eda Blanca<\/p>\r\n\r\n<\/section>\r\n\r\n<style>\r\n.contacto{\r\n  max-width:900px;\r\n  margin:auto;\r\n  background:white;\r\n  padding:35px;\r\n  border-radius:16px;\r\n  box-shadow:0 4px 14px rgba(0,0,0,.08);\r\n  font-family:'Montserrat',sans-serif;\r\n}\r\n\r\n.contacto h2{\r\n  color:#003b73;\r\n  margin-bottom:20px;\r\n}\r\n\r\n.contacto p{\r\n  margin-bottom:10px;\r\n}\r\n\r\n.email-link{\r\n  color:#0066cc !important;\r\n  text-decoration:underline;\r\n  word-break:break-word;\r\n  font-weight:600;\r\n}\r\n\r\n.email-link:hover{\r\n  color:#004a99 !important;\r\n}\r\n<\/style>\n\n\n<p><!-- \/wp:html --><\/p>\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 19.\u00a0\" class=\"read-more\" href=\"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/jovenes-en-banda-escuela-secundaria-n-19\/\" aria-label=\"More on J\u00f3venes en Banda,\u00a0Escuela Secundaria N\u00b0 19.\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\/6202"}],"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=6202"}],"version-history":[{"count":2,"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6202\/revisions"}],"predecessor-version":[{"id":6442,"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6202\/revisions\/6442"}],"wp:attachment":[{"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=6202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}