/*
 * Arcadys Municipal 1.0.0 · Arcadys (Rodrigo Arce Muñoz) · GPL-2.0-or-later
 * Trámites: listado con filtro por dirección y buscador, y ficha (requisitos, paso a paso y datos del trámite).
 * Se apoya en unidades.css (bloques, tarjetas, columna y documentos).
 */

/* Listado */
.tram-filtro{align-self:start;position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + var(--cab-alto,0px) + 16px)}
.tram-filtro li a span:first-of-type{flex:1}
.tram-filtro__n{flex:none;min-width:28px;text-align:center;border-radius:999px;background:var(--a-fondo-s);color:var(--a-texto);font-size:var(--t-xs,.8125rem);padding:2px 8px}
.tram-filtro li a[aria-current] .tram-filtro__n{background:#fff;color:var(--a-acento)}
.tram-listado .filtro-direcciones{margin-bottom:1.25rem}
.tram-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.tram-chips{list-style:none;margin:6px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tram-chip{display:inline-flex;gap:5px;align-items:center;border-radius:999px;background:var(--a-fondo-s);color:var(--a-texto);font-size:var(--t-xs,.8125rem);font-weight:700;padding:3px 10px}
.tram-chip--en_linea,.tram-chip--mixto{background:var(--a-acento-s);color:var(--a-pri-o)}
.tram-portal{display:grid;gap:4px;justify-items:start}
.tram-portal h2{margin:0 0 4px;font-size:var(--t-lg,clamp(1.125rem,1rem + .4vw,1.3125rem));color:var(--a-pri-o);display:flex;gap:8px;align-items:center}
.tram-portal .uni-btn{color:#fff!important}
.tram-listado.uni-cuerpo--solo{grid-template-columns:minmax(0,1fr)}
.tram-listado p.uni-vacio{color:var(--a-texto-s);margin:0}

/* Ficha */
.tram-banda-chips{display:flex;flex-wrap:wrap;gap:0 8px}
.tram-nota{margin:0 0 12px;color:var(--a-texto-s)}
.tram-req{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tram-req li{display:flex;gap:10px;align-items:flex-start;background:var(--a-fondo-s);border-radius:10px;padding:10px 14px}
.tram-req .bi{color:#1d7a46;font-size:1.2rem;line-height:1.3;flex:none}
.tram-pasos{list-style:none;margin:0;padding:0;counter-reset:paso}
.tram-pasos li{counter-increment:paso;position:relative;padding:0 0 18px 56px}
.tram-pasos li::before{content:counter(paso);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--a-acento);color:#fff;font-weight:800;display:grid;place-items:center}
.tram-pasos li:not(:last-child)::after{content:"";position:absolute;left:18px;top:42px;bottom:4px;width:2px;background:var(--a-borde)}
.tram-pasos h3{margin:6px 0 4px;font-size:var(--t-lg,clamp(1.125rem,1rem + .4vw,1.3125rem));color:var(--a-pri-o)}
.tram-pasos p{margin:0 0 .4em}
.tram-norma{margin:0;padding-left:20px}.tram-norma li{margin-bottom:6px}
.tram-act{display:flex;gap:8px;align-items:flex-start;margin:0;padding:0 8px;color:var(--a-texto-s);font-size:var(--t-sm,.9375rem)}
.tram-dl{margin:0;display:grid;gap:10px}
.tram-dl>div{border-bottom:1px solid var(--a-borde);padding-bottom:10px}
.tram-dl dt{display:flex;gap:8px;align-items:center;font-size:var(--t-xs,.8125rem);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--a-texto-s)}
.tram-dl dt .bi{color:var(--a-acento);font-size:1rem}
.tram-dl dd{margin:2px 0 0 24px;font-weight:700;overflow-wrap:anywhere}
.tram-sub{margin:14px 0 4px;font-size:var(--t-xs,.8125rem);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--a-texto-s)}

@media (max-width:900px){.tram-filtro{position:static}}
@media print{.tram-filtro,.uni-lado-bns,.uni-caja__botones{display:none}}