{"id":4567,"date":"2026-04-18T10:48:08","date_gmt":"2026-04-18T13:48:08","guid":{"rendered":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/?page_id=4567"},"modified":"2026-05-08T14:54:45","modified_gmt":"2026-05-08T17:54:45","slug":"plataformas-oficiales","status":"publish","type":"page","link":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/plataformas-oficiales\/","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 -->\r\n<div class=\"conser-banner-wrapper\">\r\n    <a href=\"https:\/\/cbblanca-bue.infd.edu.ar\/aula\/acceso.cgi\" class=\"conser-link-btn\" target=\"_blank\" rel=\"noopener\">\r\n        <div class=\"conser-box-content\">\r\n            <div class=\"conser-icon-anim campus-icon\">\r\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\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\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"conser-text-group\">\r\n                <h2 class=\"conser-main-title\">Campus Virtual<\/h2>\r\n                <p class=\"conser-sub-title\">Conservatorio de M\u00fasica de Bah\u00eda Blanca<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/a>\r\n<\/div>\r\n\r\n<style>\r\n    .conser-banner-wrapper { width: 100%; margin: 10px 0; font-family: 'Segoe UI', Tahoma, sans-serif; }\r\n    .conser-link-btn { text-decoration: none; display: block; }\r\n    .conser-box-content {\r\n        display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n        text-align: center; padding: 30px 20px; border-radius: 15px; height: 220px;\r\n        background: rgba(0, 86, 145, 0.9); border: 4px solid #f39200;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); color: white; box-sizing: border-box;\r\n    }\r\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); }\r\n    .conser-link-btn:active .conser-box-content { transform: scale(0.96); }\r\n    .conser-icon-anim { width: 60px; height: 60px; margin-bottom: 15px; }\r\n    .conser-icon-anim svg { width: 100%; height: 100%; transition: 0.4s; }\r\n    .conser-link-btn:hover .campus-icon svg { transform: scale(1.2) rotate(5deg); }\r\n    .conser-main-title { font-size: 1.5rem; font-weight: 800; text-transform: uppercase; margin: 0; line-height: 1.2; }\r\n    .conser-sub-title { font-size: 0.9rem; margin: 10px 0 0; opacity: 0.9; font-weight: 300; }\r\n    @media (max-width: 768px) { .conser-box-content { height: 200px; padding: 20px; } .conser-main-title { font-size: 1.2rem; } }\r\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow\">\n<!-- BANNER 2: ACADEMIA WEB -->\r\n<div class=\"conser-banner-wrapper\">\r\n    <a href=\"https:\/\/conserbb.academia.com.ar\/\" class=\"conser-link-btn\" target=\"_blank\" rel=\"noopener\">\r\n        <div class=\"conser-box-content\">\r\n            <div class=\"conser-icon-anim academia-icon\">\r\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M22 10L12 5 2 10l10 5 10-5z\" fill=\"white\"\/>\r\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\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"conser-text-group\">\r\n                <h2 class=\"conser-main-title\">Academia Web<\/h2>\r\n                <p class=\"conser-sub-title\">Conservatorio de M\u00fasica de Bah\u00eda Blanca<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/a>\r\n<\/div>\r\n\r\n<style>\r\n    \/* Estilos id\u00e9nticos para asegurar mismas dimensiones *\/\r\n    .conser-banner-wrapper { width: 100%; margin: 10px 0; font-family: 'Segoe UI', Tahoma, sans-serif; }\r\n    .conser-link-btn { text-decoration: none; display: block; }\r\n    .conser-box-content {\r\n        display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n        text-align: center; padding: 30px 20px; border-radius: 15px; height: 220px;\r\n        background: rgba(0, 86, 145, 0.9); border: 4px solid #f39200;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); color: white; box-sizing: border-box;\r\n    }\r\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); }\r\n    .conser-link-btn:active .conser-box-content { transform: scale(0.96); }\r\n    .conser-icon-anim { width: 60px; height: 60px; margin-bottom: 15px; }\r\n    .conser-icon-anim svg { width: 100%; height: 100%; transition: 0.4s; }\r\n    @keyframes academicShake { 0% {transform:translateY(0);} 50% {transform:translateY(-5px);} 100% {transform:translateY(0);} }\r\n    .conser-link-btn:hover .academia-icon svg { animation: academicShake 0.6s infinite ease-in-out; }\r\n    .conser-main-title { font-size: 1.5rem; font-weight: 800; text-transform: uppercase; margin: 0; line-height: 1.2; }\r\n    .conser-sub-title { font-size: 0.9rem; margin: 10px 0 0; opacity: 0.9; font-weight: 300; }\r\n    @media (max-width: 768px) { .conser-box-content { height: 200px; padding: 20px; } .conser-main-title { font-size: 1.2rem; } }\r\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/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<\/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\/4567"}],"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=4567"}],"version-history":[{"count":36,"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/4567\/revisions"}],"predecessor-version":[{"id":5434,"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/4567\/revisions\/5434"}],"wp:attachment":[{"href":"https:\/\/cbblanca-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=4567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}