{"id":7415,"date":"2025-11-11T19:58:37","date_gmt":"2025-11-11T19:58:37","guid":{"rendered":"https:\/\/infobienestar.ufpso.edu.co\/?page_id=7415"},"modified":"2026-03-04T16:37:40","modified_gmt":"2026-03-04T21:37:40","slug":"restaurante","status":"publish","type":"page","link":"https:\/\/infobienestar.ufpso.edu.co\/?page_id=7415","title":{"rendered":"Restaurante"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7415\" class=\"elementor elementor-7415\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-22b46e5b elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"22b46e5b\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;slideInDown&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-218854b8\" data-id=\"218854b8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-33495c8c elementor-widget elementor-widget-heading\" data-id=\"33495c8c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Restaurante Universitario Ufpso<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fe3064b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fe3064b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9beac6e\" data-id=\"9beac6e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-110072e elementor-widget elementor-widget-text-editor\" data-id=\"110072e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h1 style=\"transition: transform 0.3s ease, color 0.3s ease; color: #333; text-align: center;\"><br \/>Quienes Somos<\/h1>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-32f8d25 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"32f8d25\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-29999e8\" data-id=\"29999e8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0ce121e elementor-widget-divider--view-line_icon elementor-view-default elementor-widget-divider--element-align-center elementor-widget elementor-widget-divider\" data-id=\"0ce121e\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon elementor-divider__element\">\n\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-user\"><\/i><\/div>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-273d758 elementor-widget elementor-widget-text-editor\" data-id=\"273d758\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<blockquote><p style=\"text-align: center;\">Somos el Restaurante Universitario de la Universidad Francisco de Paula Santander Oca\u00f1a, un servicio de bienestar que acompa\u00f1a a la comunidad estudiantil a trav\u00e9s de una alimentaci\u00f3n digna y oportuna; trabajamos con vocaci\u00f3n y sentido humano para nutrir no solo el cuerpo, sino tambi\u00e9n la esperanza y la calidad de vida de nuestros estudiantes, aportando al cuidado y la transformaci\u00f3n positiva de la vida universitaria.<\/p><\/blockquote>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ca727b5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"ca727b5\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;slideInDown&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-37f3c53\" data-id=\"37f3c53\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4e3f6d6 e-transform e-transform elementor-widget elementor-widget-text-editor\" data-id=\"4e3f6d6\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.3,&quot;sizes&quot;:[]},&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h1>Horarios de Servicio<\/h1>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0077f18 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"0077f18\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;slideInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9a2cf6d\" data-id=\"9a2cf6d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-938bf97 elementor-widget elementor-widget-html\" data-id=\"938bf97\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Material Symbols Outlined -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1\" rel=\"stylesheet\">\r\n\r\n<!-- HTML -->\r\n<div class=\"restaurante-horarios-wrapper\" id=\"restaurante-horarios\">\r\n\r\n  <!-- DESAYUNO -->\r\n  <div class=\"horario-card\">\r\n    <div class=\"card-border\"><\/div>\r\n    <div class=\"card-content\">\r\n      <div class=\"horario-header\">\r\n        <div class=\"horario-icon-wrapper\">\r\n          <span class=\"horario-icon material-symbols-outlined\" aria-hidden=\"true\">breakfast_dining<\/span>\r\n        <\/div>\r\n        <div class=\"horario-info\">\r\n          <h3>Desayuno<\/h3>\r\n          <p class=\"descripcion\">Inicio del d\u00eda con alimentaci\u00f3n balanceada<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"horario-detalles\">\r\n        <div class=\"detalle-seccion\">\r\n          <h4>Horarios de Atenci\u00f3n<\/h4>\r\n\r\n          <div class=\"info-row\">\r\n            <span class=\"icon material-symbols-outlined\" aria-hidden=\"true\">calendar_month<\/span>\r\n            <span class=\"texto\">Lunes a S\u00e1bado<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"info-row destacado\">\r\n            <span class=\"icon material-symbols-outlined\" aria-hidden=\"true\">schedule<\/span>\r\n            <span class=\"texto horario-texto\">7:00 AM - 9:00 AM<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"timeline-bar\">\r\n            <div class=\"timeline-track\">\r\n              <div class=\"timeline-progress desayuno-progress\"><\/div>\r\n              <div class=\"timeline-marker desayuno-marker\">\r\n                <span class=\"marker-dot\"><\/span>\r\n                <span class=\"marker-time\">Ahora<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"timeline-labels\">\r\n              <span>7:00 AM<\/span>\r\n              <span>9:00 AM<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"info-row\">\r\n            <span class=\"icon material-symbols-outlined\" aria-hidden=\"true\">timer<\/span>\r\n            <span class=\"texto disponibilidad\">2 horas de servicio<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"estado-container\">\r\n          <div class=\"estado-badge desayuno-estado\">\r\n            <span class=\"estado-dot\"><\/span>\r\n            <span class=\"estado-texto\">Cerrado<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n    <div class=\"horario-card\">\r\n    <div class=\"card-border\"><\/div>\r\n    <div class=\"card-content\">\r\n      <div class=\"horario-header\">\r\n        <div class=\"horario-icon-wrapper\">\r\n          <span class=\"horario-icon material-symbols-outlined\" aria-hidden=\"true\">restaurant<\/span>\r\n        <\/div>\r\n        <div class=\"horario-info\">\r\n          <h3>Merienda solidaria<\/h3>\r\n          <p class=\"descripcion\">Turno de la ma\u00f1ana<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"horario-detalles\">\r\n        <div class=\"detalle-seccion\">\r\n          <h4>Horarios de Atenci\u00f3n<\/h4>\r\n\r\n          <div class=\"info-row\">\r\n            <span class=\"icon material-symbols-outlined\" aria-hidden=\"true\">calendar_month<\/span>\r\n            <span class=\"texto\">Lunes a Viernes<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"info-row destacado\">\r\n            <span class=\"icon material-symbols-outlined\" aria-hidden=\"true\">schedule<\/span>\r\n            <span class=\"texto horario-texto\">10:00 AM - 10:45 AM<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"timeline-bar\">\r\n            <div class=\"timeline-track\">\r\n              <div class=\"timeline-progress merienda_am-progress\"><\/div>\r\n              <div class=\"timeline-marker merienda_am-marker\">\r\n                <span class=\"marker-dot\"><\/span>\r\n                <span class=\"marker-time\">Ahora<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"timeline-labels\">\r\n              <span>10:00 AM<\/span>\r\n              <span>10:45 AM<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"info-row\">\r\n            <span class=\"icon material-symbols-outlined\" aria-hidden=\"true\">timer<\/span>\r\n            <span class=\"texto disponibilidad\">1 hora de servicio<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"estado-container\">\r\n          <div class=\"estado-badge merienda_am-estado\">\r\n            <span class=\"estado-dot\"><\/span>\r\n            <span class=\"estado-texto\">Cerrado<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ALMUERZO -->\r\n  <div class=\"horario-card\">\r\n    <div class=\"card-border\"><\/div>\r\n    <div class=\"card-content\">\r\n      <div class=\"horario-header\">\r\n        <div class=\"horario-icon-wrapper\">\r\n          <span class=\"horario-icon material-symbols-outlined\" aria-hidden=\"true\">dinner_dining<\/span>\r\n        <\/div>\r\n        <div class=\"horario-info\">\r\n          <h3>Almuerzo<\/h3>\r\n          <p class=\"descripcion\">Comida completa en 3 turnos de atenci\u00f3n<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"horario-detalles\">\r\n        <div class=\"detalle-seccion\">\r\n          <h4>Horarios de Atenci\u00f3n<\/h4>\r\n\r\n          <div class=\"info-row\">\r\n            <span class=\"icon material-symbols-outlined\" aria-hidden=\"true\">calendar_month<\/span>\r\n            <span class=\"texto\">Lunes a S\u00e1bado<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"info-row destacado\">\r\n            <span class=\"icon material-symbols-outlined\" aria-hidden=\"true\">schedule<\/span>\r\n            <span class=\"texto horario-texto\">11:00 AM - 2:00 PM<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"timeline-bar\">\r\n            <div class=\"timeline-track\">\r\n              <div class=\"timeline-progress almuerzo-progress\"><\/div>\r\n              <div class=\"timeline-marker almuerzo-marker\">\r\n                <span class=\"marker-dot\"><\/span>\r\n                <span class=\"marker-time\">Ahora<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"timeline-labels\">\r\n              <span>11:00 AM<\/span>\r\n              <span>2:00 PM<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"info-row\">\r\n            <span class=\"icon material-symbols-outlined\" aria-hidden=\"true\">timer<\/span>\r\n            <span class=\"texto disponibilidad\">3 horas - 3 turnos<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"estado-container\">\r\n          <div class=\"estado-badge almuerzo-estado\">\r\n            <span class=\"estado-dot\"><\/span>\r\n            <span class=\"estado-texto\">Cerrado<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- MERIENDA SOLIDARIA (4:00 PM) -->\r\n  <div class=\"horario-card\">\r\n    <div class=\"card-border\"><\/div>\r\n    <div class=\"card-content\">\r\n      <div class=\"horario-header\">\r\n        <div class=\"horario-icon-wrapper\">\r\n          <span class=\"horario-icon material-symbols-outlined\" aria-hidden=\"true\">restaurant<\/span>\r\n        <\/div>\r\n        <div class=\"horario-info\">\r\n          <h3>Merienda solidaria<\/h3>\r\n          <p class=\"descripcion\">Turno de la tarde<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"horario-detalles\">\r\n        <div class=\"detalle-seccion\">\r\n          <h4>Horarios de Atenci\u00f3n<\/h4>\r\n\r\n          <div class=\"info-row\">\r\n            <span class=\"icon material-symbols-outlined\" aria-hidden=\"true\">calendar_month<\/span>\r\n            <span class=\"texto\">Lunes a Viernes<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"info-row destacado\">\r\n            <span class=\"icon material-symbols-outlined\" aria-hidden=\"true\">schedule<\/span>\r\n            <span class=\"texto horario-texto\">4:00 PM - 4:45 PM<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"timeline-bar\">\r\n            <div class=\"timeline-track\">\r\n              <div class=\"timeline-progress merienda_pm-progress\"><\/div>\r\n              <div class=\"timeline-marker merienda_pm-marker\">\r\n                <span class=\"marker-dot\"><\/span>\r\n                <span class=\"marker-time\">Ahora<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"timeline-labels\">\r\n              <span>4:00 PM<\/span>\r\n              <span>4:45 PM<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"info-row\">\r\n            <span class=\"icon material-symbols-outlined\" aria-hidden=\"true\">timer<\/span>\r\n            <span class=\"texto disponibilidad\">1 hora de servicio<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"estado-container\">\r\n          <div class=\"estado-badge merienda_pm-estado\">\r\n            <span class=\"estado-dot\"><\/span>\r\n            <span class=\"estado-texto\">Cerrado<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CENA -->\r\n  <div class=\"horario-card\">\r\n    <div class=\"card-border\"><\/div>\r\n    <div class=\"card-content\">\r\n      <div class=\"horario-header\">\r\n        <div class=\"horario-icon-wrapper\">\r\n          <span class=\"horario-icon material-symbols-outlined\" aria-hidden=\"true\">lunch_dining<\/span>\r\n        <\/div>\r\n        <div class=\"horario-info\">\r\n          <h3>Cena<\/h3>\r\n          <p class=\"descripcion\">Servicio extendido para jornadas nocturnas<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"horario-detalles\">\r\n        <div class=\"detalle-seccion\">\r\n          <h4>Horarios de Atenci\u00f3n<\/h4>\r\n\r\n          <div class=\"info-row\">\r\n            <span class=\"icon material-symbols-outlined\" aria-hidden=\"true\">calendar_month<\/span>\r\n            <span class=\"texto\">Lunes a Viernes<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"info-row destacado\">\r\n            <span class=\"icon material-symbols-outlined\" aria-hidden=\"true\">schedule<\/span>\r\n            <span class=\"texto horario-texto\">5:00 PM - 9:00 PM<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"timeline-bar\">\r\n            <div class=\"timeline-track\">\r\n              <div class=\"timeline-progress cena-progress\"><\/div>\r\n              <div class=\"timeline-marker cena-marker\">\r\n                <span class=\"marker-dot\"><\/span>\r\n                <span class=\"marker-time\">Ahora<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"timeline-labels\">\r\n              <span>5:00 PM<\/span>\r\n              <span>9:00 PM<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"info-row\">\r\n            <span class=\"icon material-symbols-outlined\" aria-hidden=\"true\">timer<\/span>\r\n            <span class=\"texto disponibilidad\">4 horas de servicio<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"estado-container\">\r\n          <div class=\"estado-badge cena-estado\">\r\n            <span class=\"estado-dot\"><\/span>\r\n            <span class=\"estado-texto\">Cerrado<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- CSS -->\r\n<style>\r\n  .material-symbols-outlined{\r\n    font-family: 'Material Symbols Outlined';\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    display: inline-block;\r\n    line-height: 1;\r\n    text-transform: none;\r\n    letter-spacing: normal;\r\n    word-wrap: normal;\r\n    white-space: nowrap;\r\n    direction: ltr;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 24;\r\n  }\r\n\r\n  .restaurante-horarios-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 25px;\r\n    max-width: 900px;\r\n    margin: 40px auto;\r\n    padding: 20px;\r\n  }\r\n\r\n  .horario-card {\r\n    position: relative;\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 2px 12px rgba(0,0,0,0.08);\r\n    overflow: hidden;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  .horario-card:hover {\r\n    transform: translateX(5px);\r\n    box-shadow: 0 4px 20px rgba(199,17,34,0.15);\r\n  }\r\n\r\n  .card-border {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 5px;\r\n    background: #C71122;\r\n  }\r\n\r\n  .card-content { padding: 30px 30px 30px 40px; }\r\n\r\n  .horario-header {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 20px;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .horario-icon-wrapper {\r\n    width: 70px;\r\n    height: 70px;\r\n    background: #C71122;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 10px rgba(199,17,34,0.3);\r\n  }\r\n\r\n  .horario-icon {\r\n    font-size: 36px;\r\n    color: #fff;\r\n    font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 32;\r\n  }\r\n\r\n  .horario-info h3 {\r\n    color: #000000;\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    margin: 0 0 8px 0;\r\n  }\r\n\r\n  .descripcion {\r\n    color: #666666;\r\n    font-size: 15px;\r\n    margin: 0;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .horario-detalles {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    background: #f8f9fa;\r\n    padding: 20px;\r\n    border-radius: 8px;\r\n  }\r\n\r\n  .detalle-seccion { flex: 1; }\r\n\r\n  .detalle-seccion h4 {\r\n    color: #C71122;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    margin: 0 0 15px 0;\r\n  }\r\n\r\n  .info-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .info-row:last-child { margin-bottom: 0; }\r\n\r\n  .info-row .icon {\r\n    font-size: 20px;\r\n    width: 24px;\r\n    text-align: center;\r\n    color: #C71122;\r\n    font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 20;\r\n  }\r\n\r\n  .info-row .texto { color: #666666; font-size: 15px; }\r\n\r\n  .info-row.destacado .horario-texto {\r\n    color: #C71122;\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .info-row .disponibilidad {\r\n    color: #C71122;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* BARRA DE TIEMPO *\/\r\n  .timeline-bar {\r\n    margin: 20px 0;\r\n    padding: 10px 0;\r\n  }\r\n\r\n  .timeline-track {\r\n    position: relative;\r\n    height: 8px;\r\n    background: #e0e0e0;\r\n    border-radius: 10px;\r\n    overflow: visible;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .timeline-progress {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    height: 100%;\r\n    background: #C71122;\r\n    border-radius: 10px;\r\n    transition: width 0.5s ease;\r\n    width: 0%;\r\n  }\r\n\r\n  .timeline-marker {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateX(-50%) translateY(-50%);\r\n    display: none;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    z-index: 10;\r\n  }\r\n\r\n  .timeline-marker.visible { display: flex; }\r\n\r\n  .marker-dot {\r\n    width: 18px;\r\n    height: 18px;\r\n    background: #C71122;\r\n    border: 3px solid #ffffff;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 8px rgba(199,17,34,0.5);\r\n    animation: pulse-marker 2s infinite;\r\n  }\r\n\r\n  .marker-time {\r\n    position: absolute;\r\n    top: -30px;\r\n    background: #C71122;\r\n    color: #ffffff;\r\n    padding: 4px 10px;\r\n    border-radius: 5px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    white-space: nowrap;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.2);\r\n  }\r\n\r\n  .marker-time::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -5px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 5px solid transparent;\r\n    border-right: 5px solid transparent;\r\n    border-top: 5px solid #C71122;\r\n  }\r\n\r\n  @keyframes pulse-marker {\r\n    0%, 100% { transform: scale(1); }\r\n    50% { transform: scale(1.15); }\r\n  }\r\n\r\n  .timeline-labels {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: 12px;\r\n    color: #666666;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* ESTADOS *\/\r\n  .estado-container {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-left: 20px;\r\n  }\r\n\r\n  .estado-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 12px 25px;\r\n    border-radius: 25px;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .estado-badge.cerrado { background: #e0e0e0; color: #666666; }\r\n  .estado-badge.no-disponible { background: #f5f5f5; color: #999999; }\r\n  .estado-badge.abierto { background: #C71122; color: #ffffff; animation: pulse-glow 2s infinite; }\r\n\r\n  .estado-dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background: #999999;\r\n  }\r\n\r\n  .estado-badge.abierto .estado-dot {\r\n    background: #ffffff;\r\n    animation: blink-dot 1.5s infinite;\r\n  }\r\n\r\n  @keyframes pulse-glow {\r\n    0%, 100% { box-shadow: 0 0 0 0 rgba(199,17,34,0.4); }\r\n    50% { box-shadow: 0 0 0 8px rgba(199,17,34,0); }\r\n  }\r\n\r\n  @keyframes blink-dot {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0.3; }\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 768px) {\r\n    .restaurante-horarios-wrapper { padding: 15px; }\r\n    .card-content { padding: 25px 20px 25px 30px; }\r\n    .horario-header { gap: 15px; }\r\n    .horario-icon-wrapper { width: 60px; height: 60px; }\r\n    .horario-icon { font-size: 32px; }\r\n    .horario-info h3 { font-size: 24px; }\r\n    .descripcion { font-size: 14px; }\r\n    .horario-detalles { flex-direction: column; gap: 20px; align-items: flex-start; }\r\n    .estado-container { width: 100%; margin-left: 0; }\r\n    .estado-badge { width: 100%; justify-content: center; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .horario-info h3 { font-size: 20px; }\r\n    .info-row .texto { font-size: 14px; }\r\n  }\r\n\r\n  \/* Reduce motion *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    .marker-dot, .estado-badge.abierto{ animation: none !important; }\r\n    .timeline-progress{ transition: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<!-- JavaScript -->\r\n<script>\r\nfunction actualizarEstadoRestaurante() {\r\n  const ahora = new Date();\r\n  const hora = ahora.getHours();\r\n  const minutos = ahora.getMinutes();\r\n  const tiempoActual = hora + minutos \/ 60;\r\n  const diaSemana = ahora.getDay(); \/\/ 0=Dom ... 6=S\u00e1b [web:60]\r\n\r\n  const horarios = {\r\n    desayuno:     { inicio: 7,  fin: 9,  dias: [1,2,3,4,5,6] }, \/\/ Lun-S\u00e1b\r\n    almuerzo:     { inicio: 11, fin: 14, dias: [1,2,3,4,5,6] }, \/\/ Lun-S\u00e1b\r\n    merienda_am:  { inicio: 10, fin: 10.5, dias: [1,2,3,4,5,6] }, \/\/ Lun-S\u00e1b (10-11)\r\n    merienda_pm:  { inicio: 16, fin: 16.5, dias: [1,2,3,4,5,6] }, \/\/ Lun-S\u00e1b (4-5 pm)\r\n    cena:         { inicio: 17, fin: 21, dias: [1,2,3,4,5] }    \/\/ Lun-Vie\r\n  };\r\n\r\n  const fmt = new Intl.DateTimeFormat('es-CO', {\r\n    hour: '2-digit',\r\n    minute: '2-digit',\r\n    hour12: true\r\n  }); \/\/ formateo i18n est\u00e1ndar [web:56]\r\n\r\n  Object.keys(horarios).forEach(servicio => {\r\n    const { inicio, fin, dias } = horarios[servicio];\r\n\r\n    const badge = document.querySelector(`.${servicio}-estado`);\r\n    const progress = document.querySelector(`.${servicio}-progress`);\r\n    const marker = document.querySelector(`.${servicio}-marker`);\r\n\r\n    if (!badge || !progress || !marker) return; \/\/ por si falta alguna tarjeta\r\n\r\n    const textoEstado = badge.querySelector('.estado-texto');\r\n    const markerTime = marker.querySelector('.marker-time');\r\n\r\n    const disponibleHoy = dias.includes(diaSemana);\r\n\r\n    let porcentaje = 0;\r\n    let mostrarMarcador = false;\r\n\r\n    if (disponibleHoy && tiempoActual >= inicio && tiempoActual <= fin) {\r\n      porcentaje = ((tiempoActual - inicio) \/ (fin - inicio)) * 100;\r\n      mostrarMarcador = true;\r\n      markerTime.textContent = fmt.format(ahora);\r\n    } else if (tiempoActual > fin) {\r\n      porcentaje = 100;\r\n    } else {\r\n      porcentaje = 0;\r\n    }\r\n\r\n    progress.style.width = porcentaje + '%';\r\n\r\n    if (mostrarMarcador) {\r\n      marker.classList.add('visible');\r\n      marker.style.left = porcentaje + '%';\r\n    } else {\r\n      marker.classList.remove('visible');\r\n    }\r\n\r\n    if (!disponibleHoy) {\r\n      badge.classList.remove('abierto', 'cerrado');\r\n      badge.classList.add('no-disponible');\r\n      textoEstado.textContent = 'No disponible hoy';\r\n      return;\r\n    }\r\n\r\n    if (tiempoActual >= inicio && tiempoActual < fin) {\r\n      badge.classList.remove('cerrado', 'no-disponible');\r\n      badge.classList.add('abierto');\r\n      textoEstado.textContent = 'Disponible ahora';\r\n    } else {\r\n      badge.classList.remove('abierto', 'no-disponible');\r\n      badge.classList.add('cerrado');\r\n      textoEstado.textContent = 'Cerrado';\r\n    }\r\n  });\r\n}\r\n\r\nactualizarEstadoRestaurante();\r\nsetInterval(actualizarEstadoRestaurante, 60000);\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6674a950 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"6674a950\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;slideInLeft&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f27894e\" data-id=\"f27894e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7241d21 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"7241d21\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Como Acceder Al Restaurante Universitario<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-74f0f79 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"74f0f79\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-8f57cda\" data-id=\"8f57cda\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-41f402d elementor-widget elementor-widget-heading\" data-id=\"41f402d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">C\u00f3mo Estudiante<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-413619b\" data-id=\"413619b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2a54303 elementor-widget elementor-widget-heading\" data-id=\"2a54303\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">C\u00f3mo Administrativo<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-ef2ebbb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ef2ebbb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7fd3cc2\" data-id=\"7fd3cc2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b46f43a elementor-widget elementor-widget-text-editor\" data-id=\"b46f43a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Los estudiantes ingresan al\u00a0<strong>Sistema de Informaci\u00f3n Acad\u00e9mica (SIA)<\/strong>\u00a0y seleccionan la pesta\u00f1a\u00a0<strong>\u201cRestaurante\u201d<\/strong>. All\u00ed pueden ver las\u00a0<strong>fechas disponibles<\/strong>\u00a0para desayuno, almuerzo y cena, adem\u00e1s del\u00a0<strong>men\u00fa del d\u00eda siguiente<\/strong>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd93782 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"bd93782\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/siaweb.ufpso.edu.co\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SIA<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b52cdd0\" data-id=\"b52cdd0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c1c66ef elementor-widget elementor-widget-text-editor\" data-id=\"c1c66ef\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>El personal administrativo accede desde el\u00a0<strong>Sistema de Gesti\u00f3n Humana (SGH)<\/strong>. En la secci\u00f3n\u00a0<strong>\u201cRestaurante\u201d<\/strong>\u00a0pueden<br \/>consultar las\u00a0<strong>fechas<\/strong>\u00a0y el\u00a0<strong>men\u00fa disponible<\/strong> para cada servicio que se encuentre disponible en el restaurante.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc5ad1a elementor-align-center elementor-widget elementor-widget-button\" data-id=\"fc5ad1a\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SGH<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Restaurante Universitario Ufpso Quienes Somos Somos el Restaurante Universitario de la Universidad Francisco de Paula Santander Oca\u00f1a, un servicio de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7415","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/7415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7415"}],"version-history":[{"count":110,"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/7415\/revisions"}],"predecessor-version":[{"id":8240,"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/7415\/revisions\/8240"}],"wp:attachment":[{"href":"https:\/\/infobienestar.ufpso.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}