{"id":572,"date":"2025-07-01T09:28:38","date_gmt":"2025-07-01T07:28:38","guid":{"rendered":"http:\/\/localhost\/urbanosdeteruel\/?page_id=572"},"modified":"2025-07-10T12:27:03","modified_gmt":"2025-07-10T10:27:03","slug":"detalle-de-la-parada","status":"publish","type":"page","link":"http:\/\/urbanosdeteruel.es\/home\/detalle-de-la-parada\/","title":{"rendered":"Detalle de la parada"},"content":{"rendered":"\n<!-- Estilos externos -->\n<link rel=\"stylesheet\" href=\"http:\/\/urbanosdeteruel.es\/librerias\/lealeft\/lealeft.css\" \/>\n<link rel=\"stylesheet\" href=\"http:\/\/urbanosdeteruel.es\/librerias\/select_dos\/select2.min.css\">\n<link rel=\"stylesheet\" href=\"http:\/\/urbanosdeteruel.es\/librerias\/fontawesome\/css\/all.min.css\">\n\n<!-- Scripts -->\n<script src=\"http:\/\/urbanosdeteruel.es\/librerias\/jquery\/jquery-3.7.1.min.js\"><\/script>\n<script src=\"http:\/\/urbanosdeteruel.es\/librerias\/select_dos\/select2.min.js\"><\/script>\n<script src=\"http:\/\/urbanosdeteruel.es\/librerias\/lealeft\/lealeft.js\"><\/script>\n\n<style>\n    .container {\n        padding: 2rem;\n        max-width: 1200px;\n        margin: auto;\n    }\n\n    .card {\n        background: #fff;\n        padding: 20px;\n        border-radius: 12px;\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\n        margin-bottom: 2rem;\n    }\n\n    .info-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 1rem;\n    }\n\n    .label {\n        font-weight: 600;\n        color: #555;\n        margin-bottom: 0.25rem;\n    }\n\n    #map {\n        height: 300px;\n        border-radius: 12px;\n        margin-top: 1.5rem;\n    }\n\n    .line-badge {\n        display: inline-block;\n        padding: 6px 10px;\n        border-radius: 4px;\n        font-weight: bold;\n        font-size: 0.85rem;\n        margin-right: 8px;\n        cursor: pointer;\n    }\n\n    .schedule-group {\n        margin-bottom: 2rem;\n    }\n\n    .schedule-day {\n        font-size: 1.25rem;\n        margin-bottom: 10px;\n        border-left: 5px solid #91003b;\n        padding-left: 10px;\n        color: #333;\n    }\n\n    table {\n        width: 100%;\n        border-collapse: collapse;\n        margin-top: 1rem;\n    }\n\n    thead {\n        background-color: #f5f5f5;\n    }\n\n    th,\n    td {\n        padding: 10px;\n        border: 1px solid #ddd;\n        text-align: left;\n    }\n\n    tbody tr:nth-child(even) {\n        background-color: #fafafa;\n    }\n\n    .fila-proxima {\n        animation: parpadeo 1s infinite;\n    }\n\n    @keyframes parpadeo {\n\n        0%,\n        100% {\n            background-color: #ffdddd;\n        }\n\n        50% {\n            background-color: #ffeaea;\n        }\n    }\n\n    @media (max-width: 768px) {\n\n        table,\n        thead,\n        tbody,\n        th,\n        td,\n        tr {\n            display: block;\n        }\n\n        thead {\n            display: none;\n        }\n\n        tbody tr {\n            margin-bottom: 1.5rem;\n            padding: 1rem;\n            background: #fff;\n            border: 1px solid #ddd;\n            border-radius: 12px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\n        }\n\n        td {\n            padding: 0.5rem 0;\n            position: relative;\n            padding-left: 45%;\n            text-align: left;\n            border: none;\n            border-bottom: 1px solid #eee;\n        }\n\n        td:last-child {\n            border-bottom: none;\n            margin-top: 10px;\n        }\n\n        td::before {\n            content: attr(data-label);\n            position: absolute;\n            left: 1rem;\n            top: 50%;\n            transform: translateY(-50%);\n            font-weight: bold;\n            color: #91003b;\n            white-space: nowrap;\n        }\n\n        #parrafo_proxima_salida {\n            float: none !important;\n        }\n\n        #botones {\n            display: flex !important;\n        }\n\n        #boton_pdf {\n            flex: 1 0 0%;\n            margin-top: 1rem;\n            float: left !important;\n        }\n    }\n<\/style>\n\n<div id=\"loading-message\">\n    <style>\r\n  #loader {\r\n    position: fixed;\r\n    z-index: 9999;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .spinner {\r\n    width: 80px;\r\n    height: 80px;\r\n    border: 8px solid #e0e0e0;\r\n    border-top: 8px solid #0069d9;\r\n    border-radius: 50%;\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .logo {\r\n    width: 180px;\r\n    height: auto;\r\n    animation: fadeIn 1s ease-in-out;\r\n  }\r\n\r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n  @keyframes fadeIn {\r\n    from { opacity: 0; transform: scale(0.95); }\r\n    to { opacity: 1; transform: scale(1); }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"loader\">\r\n  <div class=\"spinner\"><\/div>\r\n  <img decoding=\"async\" src=\"http:\/\/urbanosdeteruel.es\/img\/logo.png\" alt=\"Cargando...\" class=\"logo\">\r\n<\/div>\r\n\r\n<div id=\"content\" style=\"display: none;\">\r\n<\/div>\r\n\r\n<script>\r\n  window.addEventListener('load', function () {\r\n    const loader = document.getElementById('loader');\r\n    const content = document.getElementById('content');\r\n\r\n    setTimeout(() => {\r\n      loader.style.opacity = 0;\r\n      loader.style.transition = 'opacity 0.5s ease';\r\n      setTimeout(() => {\r\n        loader.style.display = 'none';\r\n        content.style.display = 'block';\r\n      }, 500);\r\n    }, 2000); \r\n  });\r\n<\/script>\r\n<\/div>\n\n<div class=\"container-sm mt-5\">\n\n    <div class=\"card\">\n        <h2>Detalle de la Parada <span style=\"color: #91003b;\"><span><\/h2>\n\n        <div class=\"info-grid\">\n            <div>\n                <div class=\"label\">N\u00famero:<\/div>\n                <div><\/div>\n            <\/div>\n            <div>\n                <div class=\"label\">C\u00f3digo:<\/div>\n                <div><\/div>\n            <\/div>\n            <div>\n                <div class=\"label\">Direcci\u00f3n:<\/div>\n                <div>Direcci\u00f3n no disponible<\/div>\n            <\/div>\n\n        <\/div>\n\n        <div style=\"margin-top: 1.5rem;\">\n            <div class=\"label\">L\u00edneas que pasan por esta parada:<\/div>\n            <div>\n                <div class='row'><div id='botones' class ='col'><br \/>\n<b>Warning<\/b>:  Invalid argument supplied for foreach() in <b>\/var\/www\/vhosts\/urbanosdeteruel.es\/httpdocs\/wp-content\/plugins\/php-snippets\/snippets\/detalle_parada.snippet.php<\/b> on line <b>215<\/b><br \/>\n<\/div><\/div>            <\/div>\n\n        <\/div>\n\n        <div id=\"map\"><\/div>\n    <\/div>\n\n\n    <br \/>\n<b>Warning<\/b>:  Invalid argument supplied for foreach() in <b>\/var\/www\/vhosts\/urbanosdeteruel.es\/httpdocs\/wp-content\/plugins\/php-snippets\/snippets\/detalle_parada.snippet.php<\/b> on line <b>235<\/b><br \/>\n    <p id=\"parrafo_proxima_salida\" style=\"float:right\"><strong>Proxima Salida en :<\/strong> <span id=\"proxima_salida\"><\/span><img decoding=\"async\" width=\"35px\" src=\"http:\/\/urbanosdeteruel.es\/img\/bus.gif\"> <\/p>\n\n    \n    <!-- El Proximo bus que pasa en este dia actual \n      -->\n\n    <br \/>\n<b>Warning<\/b>:  Invalid argument supplied for foreach() in <b>\/var\/www\/vhosts\/urbanosdeteruel.es\/httpdocs\/wp-content\/plugins\/php-snippets\/snippets\/detalle_parada.snippet.php<\/b> on line <b>317<\/b><br \/>\n<script>proxima_salida.innerHTML = 'No hay mas salidas para hoy';<\/script>\n<\/div>\n\n\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n\n        var proxima_salida = document.getElementById('proxima_salida');\n        if (proxima_salida) {\n            proxima_salida.innerHTML = ' ';\n        }\n\n        \/* Resalta la fila con la hora pr\u00f3xima\n        var filas = document.querySelectorAll(\"table tbody tr\");\n        filas.forEach(function(fila) {\n            var horaCelda = fila.querySelector(\"td[data-label='Hora']\");\n            if (horaCelda && horaCelda.textContent.trim() === \"\") {\n                fila.classList.add(\"fila-proxima\");\n            }\n        });*\/\n    });\n<\/script>\n\n\n\n<script>\n    const parada = null;\n\n    const paradaLat = parseFloat(parada.latitud);\n    const paradaLng = parseFloat(parada.longitud);\n\n    const iconoBus = L.divIcon({\n        html: '<i style=\"font-size:1.5rem;color:#91003b\" class=\"fa-solid fa-location-dot\"><\/i>',\n        className: '',\n        iconSize: [24, 24],\n        iconAnchor: [12, 12]\n    });\n\n    const map = L.map('map').setView([paradaLat, paradaLng], 16);\n\n    L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {}).addTo(map);\n\n    const popupContent = `\n            <strong>Parada:<\/strong> ${parada.parada}<br><br>\n            <strong>Direcci\u00f3n:<\/strong> ${parada.direccion_estimada || 'No disponible'}<br><br>\n            <strong>C\u00f3mo llegar:<\/strong> Pulse <a target=\"_blank\" href=\"https:\/\/www.google.com\/maps\/dir\/${parada.latitud},${parada.longitud}\" rel=\"noopener noreferrer\">aqu\u00ed<\/a>`;\n\n    L.marker([paradaLat, paradaLng], {\n            icon: iconoBus\n        })\n        .addTo(map)\n        .bindPopup(popupContent)\n        .openPopup();\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","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-572","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"a1123dministracion","author_link":"http:\/\/urbanosdeteruel.es\/home\/author\/a1123dministracion\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"http:\/\/urbanosdeteruel.es\/home\/wp-json\/wp\/v2\/pages\/572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/urbanosdeteruel.es\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/urbanosdeteruel.es\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/urbanosdeteruel.es\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/urbanosdeteruel.es\/home\/wp-json\/wp\/v2\/comments?post=572"}],"version-history":[{"count":3,"href":"http:\/\/urbanosdeteruel.es\/home\/wp-json\/wp\/v2\/pages\/572\/revisions"}],"predecessor-version":[{"id":575,"href":"http:\/\/urbanosdeteruel.es\/home\/wp-json\/wp\/v2\/pages\/572\/revisions\/575"}],"wp:attachment":[{"href":"http:\/\/urbanosdeteruel.es\/home\/wp-json\/wp\/v2\/media?parent=572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}