{"htmlcode":"\r\n<style>\r\n\tbody {\r\n\t\tbackground-color: #f5f6fa;\r\n\t\tfont-family: 'Open Sans', sans-serif;\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t\/* Asegura que la vista tenga altura suficiente para empujar el footer *\/\r\n\t.section-container {\r\n\t\tmin-height: calc(100vh - 250px);\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tpadding: 60px 0;\r\n\t}\r\n\r\n\t.section-container .container {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\r\n\t.error-box {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tbackground: #ffffff;\r\n\t\tbox-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);\r\n\t\tborder-radius: 1.25rem;\r\n\t\toverflow: hidden;\r\n\t\tmax-width: 960px;\r\n\t\twidth: 100%;\r\n\t\ttransition: box-shadow 0.3s ease;\r\n\t}\r\n\r\n\t.error-box:hover {\r\n\t\tbox-shadow: 0 14px 40px rgba(0, 0, 0, 0.08);\r\n\t}\r\n\r\n\t.error-text {\r\n\t\tflex: 1;\r\n\t\tpadding: 3rem 2rem;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\ttext-align: left;\r\n\t\talign-items: center;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.error-image {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tpadding: 1rem;\r\n\t\tbackground-color: #fff;\r\n\t\tmin-height: 320px;\r\n\t}\r\n\r\n\t.error-image img {\r\n\t\tmax-width: 100%;\r\n\t\tmax-height: 100%;\r\n\t\tobject-fit: contain;\r\n\t}\r\n\r\n\r\n\r\n\r\n\t.error-code {\r\n\t\tfont-size: 4.5rem;\r\n\t\tcolor: #2d353c;\r\n\t\tmargin-bottom: 1rem;\r\n\t\tfont-weight: 800;\r\n\t\tline-height: 1;\r\n\t}\r\n\r\n\t.error-heading {\r\n\t\tfont-size: 1.75rem;\r\n\t\tcolor: #2d353c;\r\n\t\tmargin-bottom: 0.75rem;\r\n\t\tfont-weight: 600;\r\n\t}\r\n\r\n\t.error-message {\r\n\t\tfont-size: 1rem;\r\n\t\tcolor: #6c757d;\r\n\t\tline-height: 1.6;\r\n\t\tmargin-bottom: 2rem;\r\n\t}\r\n\r\n\t.error-button {\r\n\t\tdisplay: inline-block;\r\n\t\tpadding: 0.65rem 1.5rem;\r\n\t\tfont-size: 1rem;\r\n\t\tcolor: #fff;\r\n\t\tbackground-color: #6c757d;\r\n\t\tborder: none;\r\n\t\tborder-radius: 0.5rem;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: background-color 0.3s ease;\r\n\t\twidth: fit-content;\r\n\t}\r\n\r\n\t.error-button:hover {\r\n\t\tbackground-color: #5c636a;\r\n\t}\r\n\r\n\r\n\t@media (max-width: 768px) {\r\n\r\n\t\t.error-image {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t.error-box {\r\n\t\t\tflex-direction: column;\r\n\t\t}\r\n\r\n\t\t.error-image {\r\n\t\t\theight: 220px;\r\n\t\t}\r\n\r\n\t\t.error-text {\r\n\t\t\tpadding: 2rem 1.5rem;\r\n\t\t\ttext-align: center;\r\n\t\t}\r\n\r\n\t\t.error-code {\r\n\t\t\tfont-size: 3.5rem;\r\n\t\t}\r\n\r\n\t\t.error-heading {\r\n\t\t\tfont-size: 1.5rem;\r\n\t\t}\r\n\r\n\t\t.error-button {\r\n\t\t\tmargin: 0 auto;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n<!-- Usa la misma estructura que otras p\u00e1ginas del PJY -->\r\n<div class=\"section-container bg-white\">\r\n\t<div class=\"container\">\r\n\t\t<div class=\"error-box\">\r\n\t\t\t<div class=\"error-text\">\r\n\t\t\t\t<div class=\"error-code\">404<\/div>\r\n\t\t\t\t<div class=\"error-heading\">\u00a1Lo sentimos!<\/div>\r\n\t\t\t\t<div class=\"error-message\">La p\u00e1gina que quieres consultar no existe.<\/div>\r\n\t\t\t\t<a href=\"https:\/\/www.pjyucatan.gob.mx\/\" class=\"error-button\">Ir al inicio<\/a>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"error-image\">\r\n\t\t\t\t<img src=\"https:\/\/www.pjyucatan.gob.mx\/assets\/img\/404.jpeg\" alt=\"Ilustraci\u00f3n de error 404 - P\u00e1gina no encontrada\" \/>\r\n\t\t\t<\/div>\r\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\r\n<script>\r\n\tdocument.addEventListener(\"DOMContentLoaded\", () => window.scrollTo(0, 0));\r\n<\/script>","breadcrumbs":""}