{"id":2,"date":"2026-08-01T20:06:24","date_gmt":"2026-08-01T18:06:24","guid":{"rendered":"https:\/\/notas33.5infin.es\/?page_id=2"},"modified":"2026-08-01T21:21:14","modified_gmt":"2026-08-01T19:21:14","slug":"pagina-ejemplo","status":"publish","type":"page","link":"https:\/\/notas33.5infin.es\/?page_id=2","title":{"rendered":"P\u00e1gina de ejemplo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe61009 e-flex e-con-boxed e-con e-parent\" data-id=\"fe61009\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc9ea7c e-flex e-con-boxed e-con e-parent\" data-id=\"dc9ea7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01c3993 elementor-widget elementor-widget-shortcode\" data-id=\"01c3993\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \r\n    <style>\r\n        \/* Dise\u00f1o de los filtros *\/\r\n        .filtros-ajax { display: flex; gap: 15px; margin-bottom: 30px; align-items: center; }\r\n        .filtros-ajax input[type=\"text\"] { flex: 2; padding: 12px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; }\r\n        .filtros-ajax select { flex: 1; padding: 12px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; cursor: pointer; }\r\n        \r\n        \/* Dise\u00f1o de la cuadr\u00edcula: 5 columnas exactas en PC *\/\r\n        .grados-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }\r\n        \r\n        \/* Dise\u00f1o de la Tarjeta *\/\r\n        .tarjeta-grado { \r\n            background: #ffffff; \r\n            border: 1px solid #e0e0e0; \r\n            border-radius: 8px; \r\n            padding: 20px; \r\n            text-align: center;\r\n            box-shadow: 0 4px 6px rgba(0,0,0,0.05);\r\n            transition: transform 0.2s;\r\n            \/* Flexbox para que las tarjetas de la misma fila midan igual *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n        }\r\n        .tarjeta-grado:hover { transform: translateY(-5px); box-shadow: 0 8px 12px rgba(0,0,0,0.1); }\r\n        \r\n        \/* Tipograf\u00edas de la tarjeta *\/\r\n        .tarjeta-grado h3 { font-size: 17px; margin: 0 0 10px 0; color: #222; line-height: 1.3; }\r\n        .uni-campus { font-size: 13px; color: #555; margin: 0 0 15px 0; flex-grow: 1; }\r\n        .uni-campus strong { color: #333; display: block; font-size: 14px; margin-bottom: 3px; }\r\n        \r\n        \/* Dise\u00f1o del recuadro de la nota de corte *\/\r\n        .caja-nota { background: #f0f8ff; padding: 12px; border-radius: 6px; border: 1px dashed #b3d4ff; }\r\n        .etiqueta-nota { font-size: 11px; text-transform: uppercase; color: #666; letter-spacing: 1px; display: block; margin-bottom: 5px; }\r\n        .nota-corte { font-size: 26px; font-weight: bold; color: #0056b3; line-height: 1; }\r\n\r\n        \/* Adaptaci\u00f3n Responsive (M\u00f3viles y Tablets) *\/\r\n        @media (max-width: 1024px) { \r\n            .grados-grid { grid-template-columns: repeat(3, 1fr); } \/* 3 columnas en port\u00e1tiles peque\u00f1os\/tablets apaisadas *\/\r\n        }\r\n        @media (max-width: 768px) { \r\n            .filtros-ajax { flex-direction: column; }\r\n            .grados-grid { grid-template-columns: repeat(2, 1fr); } \/* 2 columnas en tablets *\/\r\n        }\r\n        @media (max-width: 480px) {\r\n            .grados-grid { grid-template-columns: 1fr; } \/* 1 columna en m\u00f3viles *\/\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Barra de b\u00fasqueda y desplegable -->\r\n    <div class=\"filtros-ajax\">\r\n        <input type=\"text\" id=\"filtro-texto\" placeholder=\"Buscar grado (ej. Enfermer\u00eda, ADE...)\">\r\n        <select id=\"filtro-ubicacion\">\r\n            <option value=\"\">Todas las Ubicaciones<\/option>\r\n            <option value='ubicacion-1'>Ubicacion 1<\/option><option value='ubicacion-2'>Ubicacion 2<\/option>        <\/select>\r\n    <\/div>\r\n\r\n    <!-- Contenedor donde aparecer\u00e1n los resultados -->\r\n    <div id=\"resultados-grados\" class=\"grados-grid\">\r\n        <p style=\"grid-column: 1 \/ -1; text-align: center;\">Cargando grados...<\/p>\r\n    <\/div>\r\n\r\n    <!-- Script AJAX -->\r\n    <script>\r\n    jQuery(document).ready(function($) {\r\n        let temporizador;\r\n\r\n        function buscarGrados() {\r\n            var datos = {\r\n                action: 'filtrar_grados',\r\n                texto: $('#filtro-texto').val(),\r\n                ubicacion: $('#filtro-ubicacion').val()\r\n            };\r\n            $('#resultados-grados').html('<p style=\"grid-column: 1 \/ -1; text-align: center; color: #666;\">Buscando resultados...<\/p>');\r\n            \r\n            $.post(\"https:\/\/notas33.5infin.es\/wp-admin\/admin-ajax.php\", datos, function(respuesta) {\r\n                $('#resultados-grados').html(respuesta);\r\n            });\r\n        }\r\n        \r\n        buscarGrados();\r\n        $('#filtro-ubicacion').on('change', buscarGrados);\r\n        $('#filtro-texto').on('input', function() {\r\n            clearTimeout(temporizador);\r\n            temporizador = setTimeout(buscarGrados, 500);\r\n        });\r\n    });\r\n    <\/script>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"..\/public\/views\/revslider-page-template.php","meta":{"_acf_changed":false,"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/notas33.5infin.es\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notas33.5infin.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/notas33.5infin.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/notas33.5infin.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notas33.5infin.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":4,"href":"https:\/\/notas33.5infin.es\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/notas33.5infin.es\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/notas33.5infin.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}