{"id":240,"date":"2026-07-27T19:13:52","date_gmt":"2026-07-28T01:13:52","guid":{"rendered":"https:\/\/upa.directorio-comercial.com\/?page_id=240"},"modified":"2026-07-27T19:13:52","modified_gmt":"2026-07-28T01:13:52","slug":"calendario-alumno","status":"publish","type":"page","link":"https:\/\/upa.directorio-comercial.com\/?page_id=240","title":{"rendered":"Calendario Alumno"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-ca6a001c wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-ca6a001c wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:15%\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-a4d5d9ac wp-block-group-is-layout-flex\" style=\"padding-top:10px;padding-bottom:10px;padding-left:var(--wp--preset--spacing--10)\">\n<p data-vdm-new-tab=\"0\" data-vdm-url=\"\/\" role=\"link\" tabindex=\"0\" class=\"dashicons dashicons-arrow-left-alt has-border-color vdm-bloque-enlace wp-block-paragraph\" style=\"border-color:#0343f9;border-width:1px;border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px\"><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\"><h2 style=\"color:#071d6a\" class=\"has-text-align-center has-link-color wp-elements-7002309e295c01584c09e154a81641df wp-block-post-title has-text-color\">Calendario Alumno<\/h2><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--10);flex-basis:15%\"><div class=\"alignright wp-block-icon\"><svg aria-hidden=\"true\" focusable=\"false\" style=\"width:50px;padding-right:0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\">\n\t<path fill-rule=\"evenodd\" d=\"M17 11.5c0 1.353.17 2.368.976 3 .266.209.602.376 1.024.5v1H5v-1c.422-.124.757-.291 1.024-.5.806-.632.976-1.647.976-3V9c0-2.8 2.2-5 5-5s5 2.2 5 5v2.5ZM15.5 9v2.5c0 .93.066 1.98.515 2.897l.053.103H7.932a4.018 4.018 0 0 0 .053-.103c.449-.917.515-1.967.515-2.897V9c0-1.972 1.528-3.5 3.5-3.5s3.5 1.528 3.5 3.5Zm-5.492 9.008c0-.176.023-.346.065-.508h3.854A1.996 1.996 0 0 1 12 20c-1.1 0-1.992-.892-1.992-1.992Z\" \/>\n<\/svg>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group encabezado has-global-padding is-layout-constrained wp-container-core-group-is-layout-ae7f67b7 wp-block-group-is-layout-constrained has-background\" style=\"padding-right:0px;padding-left:0px;background-image:url(&apos;https:\/\/upa.directorio-comercial.com\/wp-content\/uploads\/2026\/07\/encabezado-inteligencia-artificial.png&apos;);background-size:cover;\"><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-cff5d88e wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:5px;padding-bottom:0;padding-left:5px\">        <div class=\"ca-app\" data-calendar-app>\n            <header class=\"ca-topbar\">\n                <div>\n                    <p class=\"ca-eyebrow\">Agenda acad\u00e9mica<\/p>\n                    <h2>Mi horario escolar<\/h2>\n                    <p class=\"ca-subtitle\">Organiza tus materias de 8:00 a. m. a 3:00 p. m.<\/p>\n                <\/div>\n                <div class=\"ca-student-box\">\n                    <label for=\"ca-student-name\">Alumno<\/label>\n                    <input id=\"ca-student-name\" data-student-name type=\"text\" placeholder=\"Escribe tu nombre\" maxlength=\"80\" \/>\n                <\/div>\n            <\/header>\n\n            <main class=\"ca-main\">\n                <section class=\"ca-toolbar\">\n                    <div class=\"ca-week-nav\">\n                        <button type=\"button\" data-prev-week aria-label=\"Semana anterior\">\u2039<\/button>\n                        <div>\n                            <span>Semana<\/span>\n                            <strong data-week-label><\/strong>\n                        <\/div>\n                        <button type=\"button\" data-next-week aria-label=\"Semana siguiente\">\u203a<\/button>\n                    <\/div>\n                    <div class=\"ca-toolbar-actions\">\n                        <button type=\"button\" class=\"ca-secondary\" data-today>Semana actual<\/button>\n                        <button type=\"button\" class=\"ca-danger\" data-clear>Limpiar semana<\/button>\n                    <\/div>\n                <\/section>\n\n                <section class=\"ca-legend\">\n                    <span><i class=\"ca-dot\"><\/i><span data-save-status>Los cambios se guardan autom\u00e1ticamente.<\/span><\/span>\n                    <span>Selecciona cualquier espacio para agregar o modificar una materia.<\/span>\n                <\/section>\n\n                <section class=\"ca-schedule-wrap\">\n                    <div class=\"ca-schedule\" data-schedule><\/div>\n                <\/section>\n\n                <section class=\"ca-summary\">\n                    <div><span>Materias programadas<\/span><strong data-subject-count>0<\/strong><\/div>\n                    <div><span>Horas ocupadas<\/span><strong data-hours-count>0<\/strong><\/div>\n                    <div><span>Horario disponible<\/span><strong>8:00\u201315:00<\/strong><\/div>\n                <\/section>\n            <\/main>\n\n            <div class=\"ca-modal\" data-modal hidden>\n                <div class=\"ca-modal-backdrop\" data-close-modal><\/div>\n                <section class=\"ca-dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"ca-dialog-title\">\n                    <form data-subject-form>\n                        <div class=\"ca-dialog-header\">\n                            <div>\n                                <p class=\"ca-eyebrow\">Editar espacio<\/p>\n                                <h3 id=\"ca-dialog-title\" data-dialog-title>Agregar materia<\/h3>\n                                <p data-slot-info><\/p>\n                            <\/div>\n                            <button type=\"button\" class=\"ca-icon-btn\" data-close-modal aria-label=\"Cerrar\">\u00d7<\/button>\n                        <\/div>\n\n                        <input type=\"hidden\" data-slot-key \/>\n                        <label>Materia\n                            <input data-subject type=\"text\" placeholder=\"Ej. Matem\u00e1ticas\" maxlength=\"60\" required \/>\n                        <\/label>\n                        <div class=\"ca-form-grid\">\n                            <label>Docente\n                                <input data-teacher type=\"text\" placeholder=\"Nombre del docente\" maxlength=\"60\" \/>\n                            <\/label>\n                            <label>Aula\n                                <input data-classroom type=\"text\" placeholder=\"Ej. A-204\" maxlength=\"30\" \/>\n                            <\/label>\n                        <\/div>\n                        <label>Actividad o indicaci\u00f3n del d\u00eda\n                            <textarea data-notes rows=\"3\" placeholder=\"Tarea, examen, pr\u00e1ctica, material requerido...\"><\/textarea>\n                        <\/label>\n                        <label>Color\n                            <select data-color>\n                                <option value=\"blue\">Azul<\/option>\n                                <option value=\"green\">Verde<\/option>\n                                <option value=\"orange\">Naranja<\/option>\n                                <option value=\"purple\">Morado<\/option>\n                                <option value=\"red\">Rojo<\/option>\n                            <\/select>\n                        <\/label>\n                        <div class=\"ca-dialog-actions\">\n                            <button type=\"button\" class=\"ca-danger ca-ghost\" data-delete>Eliminar materia<\/button>\n                            <div>\n                                <button type=\"button\" class=\"ca-secondary\" data-close-modal>Cancelar<\/button>\n                                <button type=\"submit\" class=\"ca-primary\">Guardar<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/form>\n                <\/section>\n            <\/div>\n        <\/div>\n        \n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<style data-wp-block-html=\"css\">\n.encabezado {\n  width: 100% !important;\n\n  \/* Ajusta esta proporci\u00f3n seg\u00fan tu imagen *\/\n  aspect-ratio: 1672 \/ 941;\n\n  min-height: auto !important;\n  height: auto !important;\n\n  background-size: contain !important;\n  background-position: center top !important;\n  background-repeat: no-repeat !important;\n\n  box-sizing: border-box !important;\n  overflow: visible !important;\n}\n\n\/* =====================================================\n   TARJETA DE REDES SOCIALES\n   Clase del bloque Grupo: siguenos\n   ===================================================== *\/\n\n.siguenos {\n    position: relative !important;\n\n    width: 100% !important;\n    max-width: 100% !important;\n\n    \/* Medidas originales de la imagen: 1246 \u00d7 1028 *\/\n    aspect-ratio: 1246 \/ 1028 !important;\n\n    min-height: 0 !important;\n    height: auto !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    \/*\n     * Al mantener la proporci\u00f3n exacta podemos estirar\n     * el fondo al tama\u00f1o completo del grupo.\n     *\/\n    background-size: 100% 100% !important;\n    background-position: center center !important;\n    background-repeat: no-repeat !important;\n\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n}\n\n\n\/* =====================================================\n   POSICI\u00d3N DE LOS TRES BOTONES\n   Clase del bloque \u00cdconos sociales: siguenos-botones\n   ===================================================== *\/\n\n.siguenos .siguenos-botones {\n    position: absolute !important;\n\n    \/*\n     * Esta \u00e1rea coincide con los tres c\u00edrculos\n     * dibujados en la imagen.\n     *\/\n    left: 6.7% !important;\n    top: 66.1% !important;\n\n    width: 56.4% !important;\n    height: 19.4% !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n\n    align-items: center !important;\n    justify-items: center !important;\n\n    gap: 0 !important;\n\n    list-style: none !important;\n    z-index: 5 !important;\n}\n\n\n\/* Cada bot\u00f3n social *\/\n\n.siguenos .siguenos-botones .wp-social-link {\n    width: 65% !important;\n    max-width: none !important;\n\n    height: auto !important;\n    aspect-ratio: 1 \/ 1 !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n}\n\n\n\/* Enlace interior del bot\u00f3n *\/\n\n.siguenos .siguenos-botones .wp-social-link a {\n    width: 100% !important;\n    height: 100% !important;\n\n    padding: 0 !important;\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    border-radius: 50% !important;\n}\n\n\n\/* Tama\u00f1o del s\u00edmbolo de Facebook, Instagram y WhatsApp *\/\n\n.siguenos .siguenos-botones .wp-social-link svg {\n    width: 52% !important;\n    height: 52% !important;\n}\n<\/style>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"solo-texto","meta":{"footnotes":""},"class_list":["post-240","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/upa.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/upa.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/upa.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/upa.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/upa.directorio-comercial.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=240"}],"version-history":[{"count":1,"href":"https:\/\/upa.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/240\/revisions"}],"predecessor-version":[{"id":241,"href":"https:\/\/upa.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/240\/revisions\/241"}],"wp:attachment":[{"href":"https:\/\/upa.directorio-comercial.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}