{"id":4569,"date":"2026-04-18T10:48:33","date_gmt":"2026-04-18T13:48:33","guid":{"rendered":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/?page_id=4569"},"modified":"2026-08-10T12:05:43","modified_gmt":"2026-08-10T15:05:43","slug":"plataformas-oficiales-2","status":"publish","type":"page","link":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/plataformas-oficiales-2\/","title":{"rendered":"Plataformas Oficiales"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-3\">\n<div class=\"wp-block-column is-layout-flow\">\n<!-- BANNER 1: CAMPUS VIRTUAL -->\n<div class=\"conser-banner-wrapper\">\n    <a href=\"https:\/\/cbblanca-bue.infd.edu.ar\/aula\/acceso.cgi\" class=\"conser-link-btn\" target=\"_blank\" rel=\"noopener\">\n        <div class=\"conser-box-content\">\n            <div class=\"conser-icon-anim campus-icon\">\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"conser-text-group\">\n                <h2 class=\"conser-main-title\">Campus Virtual<\/h2>\n                <p class=\"conser-sub-title\">Conservatorio de M\u00fasica de Bah\u00eda Blanca<\/p>\n            <\/div>\n        <\/div>\n    <\/a>\n<\/div>\n\n<style>\n    .conser-banner-wrapper { width: 100%; margin: 10px 0; font-family: 'Segoe UI', Tahoma, sans-serif; }\n    .conser-link-btn { text-decoration: none; display: block; }\n    .conser-box-content {\n        display: flex; flex-direction: column; align-items: center; justify-content: center;\n        text-align: center; padding: 30px 20px; border-radius: 15px; height: 220px;\n        background: rgba(0, 86, 145, 0.9); border: 4px solid #f39200;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); color: white; box-sizing: border-box;\n    }\n    .conser-link-btn:hover .conser-box-content { background: #f39200; transform: translateY(-8px); border-color: white; box-shadow: 0 12px 25px rgba(0,0,0,0.3); }\n    .conser-link-btn:active .conser-box-content { transform: scale(0.96); }\n    .conser-icon-anim { width: 60px; height: 60px; margin-bottom: 15px; }\n    .conser-icon-anim svg { width: 100%; height: 100%; transition: 0.4s; }\n    .conser-link-btn:hover .campus-icon svg { transform: scale(1.2) rotate(5deg); }\n    .conser-main-title { font-size: 1.5rem; font-weight: 800; text-transform: uppercase; margin: 0; line-height: 1.2; }\n    .conser-sub-title { font-size: 0.9rem; margin: 10px 0 0; opacity: 0.9; font-weight: 300; }\n    @media (max-width: 768px) { .conser-box-content { height: 200px; padding: 20px; } .conser-main-title { font-size: 1.2rem; } }\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow\">\n<!-- BANNER 2: ACADEMIA WEB -->\n<div class=\"conser-banner-wrapper\">\n    <a href=\"https:\/\/conserbb.academia.com.ar\/\" class=\"conser-link-btn\" target=\"_blank\" rel=\"noopener\">\n        <div class=\"conser-box-content\">\n            <div class=\"conser-icon-anim academia-icon\">\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M22 10L12 5 2 10l10 5 10-5z\" fill=\"white\"\/>\n                    <path d=\"M6 12v5c0 2 3 3 6 3s6-1 6-3v-5\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"conser-text-group\">\n                <h2 class=\"conser-main-title\">Academia Web<\/h2>\n                <p class=\"conser-sub-title\">Conservatorio de M\u00fasica de Bah\u00eda Blanca<\/p>\n            <\/div>\n        <\/div>\n    <\/a>\n<\/div>\n\n<style>\n    \/* Estilos id\u00e9nticos para asegurar mismas dimensiones *\/\n    .conser-banner-wrapper { width: 100%; margin: 10px 0; font-family: 'Segoe UI', Tahoma, sans-serif; }\n    .conser-link-btn { text-decoration: none; display: block; }\n    .conser-box-content {\n        display: flex; flex-direction: column; align-items: center; justify-content: center;\n        text-align: center; padding: 30px 20px; border-radius: 15px; height: 220px;\n        background: rgba(0, 86, 145, 0.9); border: 4px solid #f39200;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); color: white; box-sizing: border-box;\n    }\n    .conser-link-btn:hover .conser-box-content { background: #f39200; transform: translateY(-8px); border-color: white; box-shadow: 0 12px 25px rgba(0,0,0,0.3); }\n    .conser-link-btn:active .conser-box-content { transform: scale(0.96); }\n    .conser-icon-anim { width: 60px; height: 60px; margin-bottom: 15px; }\n    .conser-icon-anim svg { width: 100%; height: 100%; transition: 0.4s; }\n    @keyframes academicShake { 0% {transform:translateY(0);} 50% {transform:translateY(-5px);} 100% {transform:translateY(0);} }\n    .conser-link-btn:hover .academia-icon svg { animation: academicShake 0.6s infinite ease-in-out; }\n    .conser-main-title { font-size: 1.5rem; font-weight: 800; text-transform: uppercase; margin: 0; line-height: 1.2; }\n    .conser-sub-title { font-size: 0.9rem; margin: 10px 0 0; opacity: 0.9; font-weight: 300; }\n    @media (max-width: 768px) { .conser-box-content { height: 200px; padding: 20px; } .conser-main-title { font-size: 1.2rem; } }\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-6\">\n<div class=\"wp-block-column is-layout-flow\">\n\n<!-- BANNER 2: PLATAFROM ABC -->\n<div class=\"conser-banner-wrapper\">\n    <a href=\"https:\/\/login.abc.gob.ar\/nidp\/idff\/sso?id=ABC-Form&#038;sid=4&#038;option=credential&#038;sid=4&#038;target=https:\/\/menu.abc.gob.ar\/\" class=\"conser-link-btn\" target=\"_blank\" rel=\"noopener\">\n        <div class=\"conser-box-content\">\n            <div class=\"conser-icon-anim academia-icon\">\n                <svg viewBox=\"0 0 100 60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <text x=\"50\" y=\"38\" text-anchor=\"middle\" fill=\"white\" font-family=\"system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif\" font-weight=\"900\" font-size=\"42\" letter-spacing=\"-2px\">abc<\/text>\n                    <path d=\"M 15 48 Q 50 55 85 48\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\" fill=\"none\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"conser-text-group\">\n                <h2 class=\"conser-main-title\">Plataforma ABC (solo personal docente)<\/h2>\n                <p class=\"conser-sub-title\">Conservatorio de M\u00fasica de Bah\u00eda Blanca<\/p>\n            <\/div>\n        <\/div>\n    <\/a>\n<\/div>\n\n<style>\n    \/* Estilos id\u00e9nticos para asegurar mismas dimensiones *\/\n    .conser-banner-wrapper { width: 100%; margin: 10px 0; font-family: 'Segoe UI', Tahoma, sans-serif; }\n    .conser-link-btn { text-decoration: none; display: block; }\n    .conser-box-content {\n        display: flex; flex-direction: column; align-items: center; justify-content: center;\n        text-align: center; padding: 30px 20px; border-radius: 15px; height: 220px;\n        background: rgba(0, 86, 145, 0.9); border: 4px solid #f39200;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); color: white; box-sizing: border-box;\n    }\n    .conser-link-btn:hover .conser-box-content { background: #f39200; transform: translateY(-8px); border-color: white; box-shadow: 0 12px 25px rgba(0,0,0,0.3); }\n    .conser-link-btn:active .conser-box-content { transform: scale(0.96); }\n    .conser-icon-anim { width: 60px; height: 60px; margin-bottom: 15px; }\n    .conser-icon-anim svg { width: 100%; height: 100%; transition: 0.4s; }\n    @keyframes academicShake { 0% {transform:translateY(0);} 50% {transform:translateY(-5px);} 100% {transform:translateY(0);} }\n    .conser-link-btn:hover .academia-icon svg { animation: academicShake 0.6s infinite ease-in-out; }\n    .conser-main-title { font-size: 1.5rem; font-weight: 800; text-transform: uppercase; margin: 0; line-height: 1.2; }\n    .conser-sub-title { font-size: 0.9rem; margin: 10px 0 0; opacity: 0.9; font-weight: 300; }\n    @media (max-width: 768px) { .conser-box-content { height: 200px; padding: 20px; } .conser-main-title { font-size: 1.2rem; } }\n<\/style>\n\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow\">\n\n<!-- BANNER 2: LINKTREE -->\n<div class=\"conser-banner-wrapper\">\n    <a href=\"https:\/\/linktr.ee\/conserbb\" class=\"conser-link-btn\" target=\"_blank\" rel=\"noopener\">\n        <div class=\"conser-box-content\">\n            <div class=\"conser-icon-anim academia-icon\">\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M11 2h2v11h3.5l-4.5 5-4.5-5H11V2z\" fill=\"white\"\/>\n                    <path d=\"M5 6l1.4-1.4L11 9.2V11L5 6z\" fill=\"white\"\/>\n                    <path d=\"M19 6l-1.4-1.4L13 9.2V11l6-5z\" fill=\"white\"\/>\n                    <rect x=\"11\" y=\"18\" width=\"2\" height=\"4\" fill=\"white\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"conser-text-group\">\n                <h2 class=\"conser-main-title\">Linktree<\/h2>\n                <p class=\"conser-sub-title\">Conservatorio de M\u00fasica de Bah\u00eda Blanca<\/p>\n            <\/div>\n        <\/div>\n    <\/a>\n<\/div>\n\n<style>\n    \/* Estilos id\u00e9nticos para asegurar mismas dimensiones *\/\n    .conser-banner-wrapper { width: 100%; margin: 10px 0; font-family: 'Segoe UI', Tahoma, sans-serif; }\n    .conser-link-btn { text-decoration: none; display: block; }\n    .conser-box-content {\n        display: flex; flex-direction: column; align-items: center; justify-content: center;\n        text-align: center; padding: 30px 20px; border-radius: 15px; height: 220px;\n        background: rgba(0, 86, 145, 0.9); border: 4px solid #f39200;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); color: white; box-sizing: border-box;\n    }\n    .conser-link-btn:hover .conser-box-content { background: #f39200; transform: translateY(-8px); border-color: white; box-shadow: 0 12px 25px rgba(0,0,0,0.3); }\n    .conser-link-btn:active .conser-box-content { transform: scale(0.96); }\n    .conser-icon-anim { width: 60px; height: 60px; margin-bottom: 15px; }\n    .conser-icon-anim svg { width: 100%; height: 100%; transition: 0.4s; }\n    @keyframes academicShake { 0% {transform:translateY(0);} 50% {transform:translateY(-5px);} 100% {transform:translateY(0);} }\n    .conser-link-btn:hover .academia-icon svg { animation: academicShake 0.6s infinite ease-in-out; }\n    .conser-main-title { font-size: 1.5rem; font-weight: 800; text-transform: uppercase; margin: 0; line-height: 1.2; }\n    .conser-sub-title { font-size: 0.9rem; margin: 10px 0 0; opacity: 0.9; font-weight: 300; }\n    @media (max-width: 768px) { .conser-box-content { height: 200px; padding: 20px; } .conser-main-title { font-size: 1.2rem; } }\n<\/style>\n\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Campus Virtual Conservatorio de M\u00fasica de Bah\u00eda Blanca Academia Web Conservatorio de M\u00fasica de Bah\u00eda Blanca abc Plataforma ABC (solo personal docente) Conservatorio de M\u00fasica de Bah\u00eda Blanca Linktree Conservatorio de M\u00fasica de Bah\u00eda Blanca<\/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\/4569"}],"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=4569"}],"version-history":[{"count":32,"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/4569\/revisions"}],"predecessor-version":[{"id":7026,"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/4569\/revisions\/7026"}],"wp:attachment":[{"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=4569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}