/* Centro editorial PIS Movilidad. Sin dependencias, responsive y reutilizable. */
.guia-hero{background:linear-gradient(120deg,#092c4b,#075f88);color:#fff;padding:38px 0 46px}
.guia-hero h1{font-size:clamp(30px,5vw,48px);letter-spacing:-1.7px;line-height:1.12;margin:13px 0}
.guia-hero p{font-size:15px;line-height:1.65;color:#dcf0fa;max-width:660px}
.guia-eyebrow{font-size:11px;font-weight:850;letter-spacing:1.5px;color:#8ce8f0}
.guia-migas{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;line-height:1.5;margin:0 0 20px}
.guia-hero .guia-migas{color:#c8eaf8}
.guia-migas a{color:inherit;text-underline-offset:3px}
.guia-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.guia-cta{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:44px;padding:12px 17px;background:#f4772c;color:#fff;text-decoration:none;font-weight:850;border-radius:10px;font-size:13px}
.guia-cta:hover,.guia-cta:focus-visible{background:#d96019}
.guia-cta-outline{background:transparent;border:1px solid #8fd2ed;color:#fff}
.guia-cta-outline:hover{background:#174f72}
.guia-listado-section{padding-top:46px;padding-bottom:55px}
.guia-listado-encabezado{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.guia-listado-encabezado h2{font-size:clamp(24px,3vw,32px);margin:6px 0;color:#103a56;letter-spacing:-.7px}
.guia-listado-encabezado p{font-size:13px;color:#53748a;line-height:1.65;margin:0}
.guia-total{font-size:12px;background:#e9f4fa;padding:9px 12px;border-radius:100px;color:#17638a;font-weight:750}
.guia-tarjetas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.guia-tarjeta{background:#fff;border:1px solid #d8e8f1;border-radius:16px;padding:23px;display:flex;flex-direction:column;gap:10px;box-shadow:0 7px 20px rgba(5,51,83,.04);min-width:0}
.guia-tarjeta:hover,.guia-tarjeta:focus-within{border-color:#66b7d9;box-shadow:0 12px 28px rgba(5,51,83,.1)}
.guia-tarjeta-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.guia-categoria{display:inline-flex;background:#eaf5fa;color:#096b91;font-size:10px;letter-spacing:.35px;font-weight:850;padding:7px 10px;border-radius:7px}
.guia-lectura{font-size:11px;color:#6b8797}
.guia-tarjeta h3{font-size:19px;line-height:1.36;margin:4px 0 0;color:#163b55;letter-spacing:-.4px}
.guia-tarjeta h3 a{color:inherit;text-decoration:none}
.guia-tarjeta h3 a:focus-visible{outline:2px solid #0781b9;outline-offset:3px}
.guia-tarjeta p{font-size:13px;line-height:1.6;color:#547286;margin:0;flex:1}
.guia-tarjeta-enlace{display:inline-flex;justify-content:space-between;align-items:center;color:#0874a4;font-weight:850;text-decoration:none;font-size:12px;margin-top:8px}
.guia-tarjeta-enlace:hover{text-decoration:underline}
.guia-aviso-final{border-top:1px solid #d8e6ef;padding:26px 0 44px;color:#466a80;font-size:13px;line-height:1.6}
.guia-aviso-final strong{color:#163e5a}
.guia-aviso-final a{color:#0a6b94;font-weight:750}
.guia-articulo-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:34px;padding-top:35px;padding-bottom:55px;align-items:start}
.guia-articulo{min-width:0}
.guia-articulo>.guia-migas{color:#58788c}
.guia-articulo-encabezado{border-bottom:1px solid #d8e7ef;padding:4px 0 23px;margin-bottom:26px}
.guia-articulo-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#637e91}
.guia-articulo-encabezado h1{font-size:clamp(29px,4.5vw,43px);letter-spacing:-1.2px;line-height:1.18;margin:16px 0;color:#0e3551}
.guia-articulo-resumen{font-size:16px;color:#4b6b80;line-height:1.7;margin:10px 0}
.guia-articulo-autor{color:#728c9f;font-size:11px;margin:17px 0 0}
.guia-tabla-contenido{background:#f1f8fc;border:1px solid #d5e7f0;border-radius:14px;padding:20px 22px;margin-bottom:29px}
.guia-tabla-contenido strong{font-size:13px;color:#153f5b}
.guia-tabla-contenido ol{padding-left:20px;margin:11px 0 0}
.guia-tabla-contenido li{font-size:13px;line-height:1.65;margin:5px 0;color:#0d719b}
.guia-tabla-contenido a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.guia-articulo-seccion{scroll-margin-top:24px;margin:0 0 33px}
.guia-articulo-seccion h2{font-size:24px;line-height:1.3;letter-spacing:-.5px;color:#123c57;margin:0 0 15px}
.guia-articulo-seccion p{font-size:15px;color:#3e5e72;line-height:1.78;margin:0 0 14px}
.guia-pasos{counter-reset:pasos;list-style:none;display:grid;gap:12px;padding:0;margin:18px 0}
.guia-pasos li{position:relative;counter-increment:pasos;padding:13px 15px 13px 52px;background:#fff;border:1px solid #deebf1;border-radius:11px;font-size:14px;line-height:1.6;color:#34576d}
.guia-pasos li:before{content:counter(pasos);position:absolute;left:13px;top:13px;border-radius:50%;background:#dbeef8;color:#0870a0;width:26px;height:26px;display:grid;place-items:center;font-size:12px;font-weight:850}
.guia-consejo{border-left:4px solid #0088b8;background:#f0f8fb;border-radius:0 10px 10px 0;padding:15px 18px;margin:19px 0}
.guia-consejo strong{color:#0b5478;font-size:12px}
.guia-consejo p{margin:5px 0 0;font-size:13px}
.guia-articulo-accion{background:linear-gradient(120deg,#0b3555,#0b698c);color:#fff;border-radius:16px;padding:25px;display:grid;gap:11px;margin:20px 0 22px}
.guia-articulo-accion strong{font-size:18px}
.guia-articulo-accion p{margin:0;color:#cfe9f6;line-height:1.6;font-size:13px}
.guia-articulo-accion .guia-cta{justify-self:start;margin-top:5px}
.guia-volver{color:#0c6f9a;font-size:13px;font-weight:750}
.guia-articulo-lateral{position:sticky;top:24px;display:grid;gap:15px}
.guia-lateral-panel,.guia-lateral-mapa{background:#fff;border:1px solid #d9e8f0;border-radius:14px;padding:21px}
.guia-lateral-panel h2{font-size:18px;margin:9px 0}
.guia-lateral-panel a{display:grid;grid-template-columns:1fr auto;gap:4px;text-decoration:none;color:#144d6d;border-top:1px solid #e5edf2;padding:13px 0}
.guia-lateral-panel a small{grid-column:1 / -1;font-size:10px;color:#69879a}
.guia-lateral-panel a strong{font-size:13px;line-height:1.4}
.guia-lateral-panel a span{color:#0a83b3}
.guia-lateral-panel a:hover strong{text-decoration:underline}
.guia-lateral-mapa{background:#0e3a59;border-color:#0e3a59;color:#fff}
.guia-lateral-mapa p{color:#d8ebf5;font-size:12px;line-height:1.7}
.guia-lateral-mapa a{font-size:12px;color:#a4eaff;font-weight:800}
.guia-portada{padding-top:31px;padding-bottom:32px}
.guia-portada .guia-listado-encabezado{margin-bottom:17px}
.guia-portada .guia-tarjetas{grid-template-columns:repeat(4,minmax(0,1fr))}
.guia-portada .guia-tarjeta{padding:19px}
.guia-portada .guia-tarjeta h3{font-size:17px}
.guia-ver-todas{display:inline-flex;align-items:center;gap:9px;margin-top:20px;font-size:13px;color:#0873a1;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.guia-portada .guia-tarjetas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.guia-tarjetas{grid-template-columns:repeat(2,minmax(0,1fr))}.guia-articulo-layout{grid-template-columns:1fr}.guia-articulo-lateral{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.guia-hero{padding:27px 0 36px}.guia-tarjetas,.guia-portada .guia-tarjetas,.guia-articulo-lateral{grid-template-columns:1fr}.guia-listado-section{padding-top:30px;padding-bottom:31px}.guia-tarjeta{padding:19px}.guia-articulo-layout{gap:24px;padding-top:23px}.guia-articulo-seccion h2{font-size:21px}.guia-articulo-encabezado h1{font-size:30px}.guia-portada{padding-top:25px}}

/* Buscador y preguntas frecuentes. Sin bibliotecas externas.
 * Autor: Ingeniero Juan Pablo Llinás Ramírez – Puro Ingenio Samario. */
.guia-buscador{display:grid;gap:8px;max-width:720px;margin:0 0 23px}
.guia-buscador label{font-size:13px;font-weight:800;color:#153d58}
.guia-buscador input{width:100%;min-width:0;min-height:47px;border:1px solid #bed6e4;border-radius:10px;padding:12px 15px;background:#fff;color:#183d56;font:inherit;font-size:14px}
.guia-buscador input:focus-visible{outline:3px solid #7ac9eb;outline-offset:2px}
.guia-buscador p{font-size:12px;color:#56778d;min-height:18px;margin:0}
.guia-tarjeta[hidden],.guia-faq-item[hidden],.guia-sin-resultados[hidden]{display:none!important}
.guia-sin-resultados{border:1px dashed #8bb6ce;border-radius:12px;background:#f0f8fb;padding:20px;color:#244f6a;font-size:13px;line-height:1.6;margin:18px 0 0}
.guia-faq-section{padding-top:4px;padding-bottom:34px}
.guia-faq-lista{display:grid;gap:9px;max-width:920px}
.guia-faq-item{border:1px solid #d7e8f1;border-radius:12px;background:#fff;overflow:hidden}
.guia-faq-item summary{padding:17px 20px;color:#174560;font-size:14px;font-weight:800;cursor:pointer;line-height:1.45}
.guia-faq-item summary:hover,.guia-faq-item summary:focus-visible{background:#f2f9fc}
.guia-faq-item summary:focus-visible{outline:2px solid #1a85b7;outline-offset:-2px}
.guia-faq-item[open] summary{background:#edf7fc}
.guia-faq-respuesta{border-top:1px solid #e3edf3;padding:15px 20px 19px}
.guia-faq-respuesta p{font-size:13px;line-height:1.75;color:#4a6d83;margin:0 0 10px}
.guia-faq-respuesta a{font-size:12px;font-weight:800;color:#087aaa;text-decoration:none}
.guia-faq-respuesta a:hover{text-decoration:underline}
@media(max-width:640px){.guia-faq-section{padding-bottom:25px}.guia-faq-item summary{padding:14px 15px;font-size:13px}.guia-faq-respuesta{padding:13px 15px}.guia-buscador input{min-height:44px}}

/* Sugerencias editoriales sin capturar información desde el sitio. */
.guia-sugerir-mejora{display:grid;gap:6px;border:1px solid #d4e7ef;background:#f3f9fc;border-radius:11px;padding:17px 19px;margin:0 0 22px}
.guia-sugerir-mejora strong{font-size:13px;color:#163c55}
.guia-sugerir-mejora p{font-size:12px;line-height:1.6;color:#59798d;margin:0}
.guia-sugerir-mejora a,.guia-contacto-enlace{color:#087aaa;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}

/* Catálogo completo de reportes ciudadanos, accesible desde las guías. */
.guia-catalogo{margin:35px 0 32px;scroll-margin-top:20px}
.guia-catalogo h2{font-size:24px;line-height:1.3;color:#123c57;margin:0 0 12px}
.guia-catalogo>p{font-size:14px;line-height:1.7;color:#3e5e72}
.guia-catalogo-busqueda{display:grid;gap:8px;margin:22px 0 20px}
.guia-catalogo-busqueda label{font-size:13px;font-weight:800;color:#153d58}
.guia-catalogo-busqueda input{width:100%;min-height:47px;border:1px solid #bed6e4;border-radius:10px;padding:12px 15px;background:#fff;color:#183d56;font:inherit}
.guia-catalogo-busqueda input:focus-visible{outline:3px solid #7ac9eb;outline-offset:2px}
.guia-catalogo-busqueda p{font-size:12px;color:#56778d;margin:0}
.guia-catalogo-indice{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 20px}
.guia-catalogo-indice a{font-size:11px;padding:6px 10px;border:1px solid #d3e4ee;border-radius:30px;background:#f2f9fd;color:#145477;text-decoration:none;font-weight:750}
.guia-catalogo-indice a:hover,.guia-catalogo-indice a:focus-visible{background:#dcedf7}
.guia-catalogo-grupos{display:grid;gap:11px}
.guia-catalogo-grupo{border:1px solid #d9e8f0;border-radius:13px;background:#fff;overflow:hidden;scroll-margin-top:15px}
.guia-catalogo-grupo summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;color:#174560}
.guia-catalogo-grupo summary strong{font-size:14px}
.guia-catalogo-grupo summary span{font-size:11px;color:#59788b;flex-shrink:0}
.guia-catalogo-grupo[open] summary{background:#edf7fc;border-bottom:1px solid #e3edf3}
.guia-catalogo-descripcion{padding:12px 18px 0;color:#507287;font-size:13px;line-height:1.6}
.guia-catalogo-lista{list-style:none;display:grid;gap:0;padding:0;margin:0}
.guia-catalogo-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;border-top:1px solid #edf2f6;scroll-margin-top:20px}
.guia-catalogo-item:first-child{border-top:0}
.guia-catalogo-info{min-width:0}
.guia-catalogo-info strong{display:block;font-size:13px;color:#244c64;line-height:1.4}
.guia-catalogo-info p{margin:4px 0;font-size:11px;line-height:1.5;color:#58778a}
.guia-catalogo-info small{display:block;margin-top:5px;font-size:11px;color:#6f8998}
.guia-catalogo-reportar{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;background:#0b779a;border-radius:9px;padding:9px 11px;color:#fff;font-size:11px;line-height:1.35;font-weight:800;text-decoration:none}
.guia-catalogo-reportar:hover,.guia-catalogo-reportar:focus-visible{background:#085c78;color:#fff}
.guia-catalogo-informativo{font-size:11px;line-height:1.4;color:#627c8b;max-width:120px;text-align:right}
.guia-catalogo-item[hidden],.guia-catalogo-grupo[hidden],.guia-catalogo-indice a[hidden]{display:none!important}
@media(max-width:640px){.guia-catalogo-item{flex-direction:column;align-items:stretch;gap:9px}.guia-catalogo-reportar{align-self:start}.guia-catalogo-informativo{max-width:none;text-align:left}.guia-catalogo-grupo summary{padding:14px}}