/*
Theme Name: MiTransito
Description: Directorio de organismos de tránsito en Colombia.
Version: 1.6.0
Author: Hecho con Claude
Text Domain: mitransito
*/

:root{
	--primary:#12161c;
	--accent:#f5c518;
	--ink:#12161c;
	--muted:#5A6472;
	--line:#E2E5E9;
	--surface:#FCFCFA;
	--surface-2:#F3F5F7;
	--radius:10px;
	--ff-body:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--ff-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--primary);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:2px}
a:hover{text-decoration-thickness:2px}

.container{max-width:960px;margin:0 auto;padding:0 20px}

/* Encabezado */
.site-header{background:var(--primary);padding:16px 0}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.site-brand{color:var(--accent);font-weight:700;font-size:20px;letter-spacing:-0.01em}
.site-brand a{color:var(--accent);text-decoration:none}
.site-brand a:hover{text-decoration:none}

/* Migas de pan */
.breadcrumbs{font-size:13px;color:var(--muted);margin:18px 0}
.breadcrumbs a{color:var(--muted)}

/* Tarjeta de organismo (single) */
.organismo{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:24px}
.organismo h1{font-size:26px;line-height:1.25;margin:0 0 6px}
.organismo__ubicacion{color:var(--muted);font-size:14px;margin:0 0 20px}
.organismo__grid{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:640px){.organismo__grid{grid-template-columns:1fr 1fr}}
.organismo__item{display:flex;gap:10px;align-items:flex-start}
.organismo__item svg{flex:none;margin-top:2px;color:var(--primary)}
.organismo__item-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:2px}
.organismo__item-value{font-size:15px;color:var(--ink)}
.organismo__item-value a{color:var(--ink)}

.organismo__mapa{margin-top:20px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);height:280px}
.organismo__mapa iframe,.organismo__mapa .leaflet-container{width:100%;height:100%}

/* Listado (archivo de categoría = departamento) */
.municipios-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.municipios-list a{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;color:var(--ink);font-weight:600;text-decoration:none}
.municipios-list a:hover{border-color:var(--accent);text-decoration:none}
.municipios-list .muni-sub{display:block;font-weight:400;font-size:13px;color:var(--muted);margin-top:2px}

.page-title{font-size:24px;margin:24px 0 16px}

.site-footer{border-top:1px solid var(--line);margin-top:40px;padding:24px 0;color:var(--muted);font-size:13px;text-align:center}
.organismo__intro{color:var(--ink);font-size:15px;line-height:1.6;margin:0 0 14px}
.organismo__depto-desc{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 20px;padding:12px 14px;background:var(--surface-2);border-radius:8px}
.organismo__cierre{color:var(--ink);font-size:15px;line-height:1.6;margin:20px 0 0}
.organismo__imagen{margin:0 0 20px;border-radius:var(--radius);overflow:hidden}
.organismo__imagen img{width:100%;height:auto;display:block}