/* Páginas públicas de la Red T.A.T. (inicio, buscador, página de cada taller). */
:root{--naranja:#F5821F;--naranja-suave:#FFF3E8}
@media (prefers-color-scheme: dark){:root{--naranja-suave:#3A2614}}
.red-in{max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.red-top{background:#0E3B2E;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));padding-top:calc(12px + env(safe-area-inset-top))}
.red-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.red-logo svg{width:44px;height:42px;flex:none}
.red-logo span{display:flex;flex-direction:column;font-family:var(--f-display);font-weight:800;font-size:19px;line-height:.95;letter-spacing:.02em}
.red-logo b{color:#1FA463}
.red-nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.red-nav a{color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:10px 8px;border-radius:8px}
.red-nav a:hover{background:rgba(255,255,255,.1)}
.red-hero{background:#0E3B2E;color:#fff;padding:20px 0 36px}
.red-hero h1{font-size:clamp(42px,10vw,72px);line-height:.92;margin:6px 0 12px}
.red-hero p{margin:0;max-width:52ch;color:#D2E8DC;font-size:17px}
.red-eyebrow{margin:0;font-weight:700;font-size:13px;letter-spacing:.14em;color:#1FA463}
.red-main{display:flex;flex-direction:column;gap:28px;padding-top:20px;padding-bottom:40px}
.puertas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin-top:-6px}
.puerta-red{display:flex;flex-direction:column;gap:8px;text-decoration:none;border-radius:16px;padding:20px;min-height:120px}
.puerta-red .pt{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:800;font-size:30px;text-transform:uppercase;line-height:1}
.puerta-red svg{width:30px;height:30px;fill:none;stroke:#1FA463;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.puerta-red.busco{background:var(--surface);border:2px solid #1FA463;color:var(--fg)}
.puerta-red.tengo{background:#0E3B2E;color:#fff}
.puerta-red.tengo span:last-child{color:#D2E8DC}
.atajos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.atajos a{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;font-weight:700;color:var(--fg);text-decoration:none}
.atajos a:hover{border-color:#1FA463}
.para-talleres{background:#1FA463;color:#0E3B2E;border-radius:18px;padding:22px 20px;display:flex;flex-direction:column;gap:12px}
.para-talleres h2{font-size:36px;color:#fff}
.para-talleres ul{margin:0;padding-left:20px;font-weight:600;display:flex;flex-direction:column;gap:4px}
.red-pie{padding-top:10px;padding-bottom:40px;font-size:14px;color:var(--muted);display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.pie-inicio{display:inline-flex;align-items:center;gap:6px;color:var(--fg)}
.pie-inicio svg{width:18px;height:18px}
.red-pie a{color:inherit}

/* Buscador */
.buscador{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"filtros" "mapa" "lista";gap:16px;padding-top:16px;padding-bottom:40px}
.zona-filtros{grid-area:filtros}.mapa-caja{grid-area:mapa}.zona-lista{grid-area:lista}
@media (min-width:900px){.buscador{grid-template-columns:400px minmax(0,1fr);grid-template-areas:"filtros mapa" "lista mapa";align-items:start}.mapa-caja{position:sticky;top:12px;grid-row:1 / span 2}}
.filtros{display:flex;flex-direction:column;gap:10px}
.chips-red{display:flex;flex-wrap:wrap;gap:8px}
.chips-red button{border:2px solid var(--fg);background:var(--surface);color:var(--fg);border-radius:999px;padding:8px 14px;min-height:44px;font-weight:700;font-size:14px}
.chips-red button[aria-pressed="true"]{background:var(--fg);color:var(--bg)}
#mapa{height:260px;border-radius:16px;border:1px solid var(--line);background:#E3ECE6}
@media (min-width:900px){#mapa{height:calc(100vh - 140px);min-height:420px}}
.lista-red{display:flex;flex-direction:column;gap:12px}
.tarjeta{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}
.tarjeta.destacado{border:3px solid var(--naranja);background:var(--naranja-suave)}
.tarjeta h3{font-size:24px}
.sello-dest{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;background:var(--naranja);color:#0E3B2E;font-size:12px;font-weight:800;letter-spacing:.06em;border-radius:6px;padding:4px 8px}
.abierto{font-weight:700;font-size:14px;color:var(--ok)}
.cerrado{font-weight:700;font-size:14px;color:var(--muted)}
.acciones{display:flex;gap:8px}
.acciones a{flex:1}
.btn-verde{background:#1FA463;border-color:#1FA463;color:#0E3B2E}
.vacio{border:2px dashed var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}
.pin-tat{background:none;border:0}
.leaflet-popup-content{font-family:var(--f-body)}