:root{--bg: #f4f1eb;--bg-card: #ffffff;--fg: #1a1a1a;--fg-muted: #555;--primary: #1a4a3a;--primary-light: #d4e8dc;--accent: #d4843a;--border: #d4d0c7;--closed: #c44;--open: #2a8}*{box-sizing:border-box}body{margin:0;font-size:17px;font-family:-apple-system,system-ui,Segoe UI,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5}header{background:var(--primary);color:#fff;padding:1rem 1.25rem;position:sticky;top:0;z-index:10}header h1{margin:0;font-size:1.4rem}header p{margin:.25rem 0 0;opacity:.9;font-size:.9rem}main{padding:1rem 1.25rem 5rem;max-width:720px;margin:0 auto}.categorias{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;margin-bottom:1.5rem}.cat-btn{background:var(--bg-card);border:2px solid var(--border);padding:1rem .5rem;border-radius:12px;text-align:center;cursor:pointer;font-size:1rem;transition:border-color .15s,background .15s}.cat-btn .icon{font-size:1.6rem;display:block;margin-bottom:.25rem}.cat-btn.active{border-color:var(--primary);background:var(--primary-light)}.recurso-card{background:var(--bg-card);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;border:1px solid var(--border)}.recurso-card h3{margin:0 0 .25rem;font-size:1.15rem}.recurso-card .estado{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600;margin-left:.5rem}.estado.open{background:#d4f4e0;color:var(--open)}.estado.closed{background:#f4d4d4;color:var(--closed)}.recurso-card .horario{color:var(--fg-muted);font-size:.9rem}.recurso-card .direccion{margin:.5rem 0}.recurso-card .telefono a{color:var(--primary);font-weight:600;text-decoration:none}.recurso-card .requisitos{background:var(--primary-light);padding:.5rem .75rem;border-radius:6px;font-size:.85rem;margin-top:.5rem}.tab-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));z-index:10}.tab-btn{background:none;border:0;padding:.5rem 1rem;cursor:pointer;text-align:center;font-size:.8rem;color:var(--fg-muted)}.tab-btn .icon{font-size:1.4rem;display:block;margin-bottom:.15rem}.tab-btn.active{color:var(--primary)}.tab-btn.active .icon{transform:scale(1.1)}.btn-large{width:100%;background:var(--primary);color:#fff;padding:1rem;border:0;border-radius:12px;font-size:1.1rem;font-weight:600;margin-top:1rem;cursor:pointer}textarea,input,select{width:100%;padding:.85rem;font-size:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-family:inherit}.offline-banner{background:var(--accent);color:#fff;padding:.5rem 1rem;text-align:center;font-size:.9rem}