{"id":6190,"date":"2026-06-04T17:40:33","date_gmt":"2026-06-04T20:40:33","guid":{"rendered":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/?page_id=6190"},"modified":"2026-06-09T10:12:11","modified_gmt":"2026-06-09T13:12:11","slug":"jovenes-en-banda-escuela-secundaria-n-3","status":"publish","type":"page","link":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/jovenes-en-banda-escuela-secundaria-n-3\/","title":{"rendered":"J\u00f3venes en Banda,\u00a0Escuela Secundaria N\u00b0 3."},"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\">\n  <h2 class=\"titulo\">Sobre el Ensamble<\/h2>\n\n  <p class=\"texto\">\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.\n  <\/p>\n<\/section>\n\n<style>\n#nosotros{\n  max-width:1200px;\n  margin:auto;\n  padding:70px 20px;\n  font-family:'Montserrat',sans-serif;\n}\n\n.titulo{\n  font-size:2rem;\n  color:#003b73;\n  margin-bottom:25px;\n  text-align:center;\n}\n\n.texto{\n  text-align:justify;\n  max-width:900px;\n  margin:auto;\n  line-height:1.7;\n  font-weight:bold; \/* TEXTO EN NEGRITA *\/\n}\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=1iwLlxW9GnftfLYhKsuj4lt69AQHXACt6&#038;sz=w1200\" \n        alt=\"Mgtr. Paula Oyhamburo\"\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 Pablo Felkar\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Contenedor externo aislado para centrar la tarjeta en la entrada sin afectar a WordPress *\/\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  \/* Estilo principal de la Tarjeta con nombres de clases \u00fanicos *\/\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  \/* Contenedor para aplicar la forma OVALADA VERTICAL y el borde *\/\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; \/* Mantiene relleno negro *\/\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n  }\n\n  \/* Estilo de la Imagen dentro del \u00f3valo *\/\n  .imagen-completa-oval {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    object-position: center;\n  }\n\n  \/* CONTENIDO *\/\n  .card-content-docente {\n    padding: 25px;\n    text-align: center;\n    width: 100%;\n  }\n\n  \/* TITULO *\/\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  \/* TEXTO *\/\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  \/* TABLETS *\/\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  \/* CELULARES *\/\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                    L\u00edbano 660\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                    Lunes de 18:00 &#8211; 20: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<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\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1dJxk7vPBZOUXOKUNiIL9yoxiFcpmDiFW&#038;sz=w1000\">\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1RqJhDuuQAT50v4soLVVGTN-8gdb0_ovU&#038;sz=w1000\">\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1qzr9zxzy1Ov97ssRB0aEApgslyTo0JWu&#038;sz=w1000\">\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1P_vN_4rrJxkmGkLZKTn4Xe2HaD6Pg6kl&#038;sz=w1000\">\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1cu52GJlvbAbNQyH9T5Xt88igo8CtCzol&#038;sz=w1000\">\n<img decoding=\"async\" src=\"https:\/\/drive.google.com\/thumbnail?id=1LYvdme6h0e7J8NJu2ViCkUHunPwE26mI&#038;sz=w1000\">\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    <a href=\"mailto:preceptoriasconser@gmail.com\" class=\"email-link\">\n      preceptoriasconser@gmail.com\n    <\/a><br>\n    <a href=\"pabfelkar@abc.gob.ar\" class=\"email-link\">\n      pabfelkar@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;\n  text-decoration:underline;\n  word-break:break-word;\n}\n\n.email-link:hover{\n  color:#004a99;\n}\n<\/style>\n\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 3.\" class=\"read-more\" href=\"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/jovenes-en-banda-escuela-secundaria-n-3\/\" aria-label=\"More on J\u00f3venes en Banda,\u00a0Escuela Secundaria N\u00b0 3.\">[+]<\/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\/6190"}],"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=6190"}],"version-history":[{"count":10,"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6190\/revisions"}],"predecessor-version":[{"id":6410,"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6190\/revisions\/6410"}],"wp:attachment":[{"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=6190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}