/* Estilos de las páginas de catálogo generadas — Agenda Inmobiliaria.
   Archivo liviano e independiente de la SPA. Paleta y tipografías de marca.
   Modo claro/oscuro por preferencia del navegador (prefers-color-scheme). */
:root{
  --bg:#0D0F14; --card:#1C2030; --accent:#C9A84C; --accent2:#4C7BC9;
  --text:#E8E4DC; --muted:#7A7F8E; --border:rgba(201,168,76,0.15);
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#F5F3EE; --card:#FFFFFF; --accent:#A8832A; --accent2:#2E5FA3;
    --text:#1A1C22; --muted:#6B6F7C; --border:rgba(168,131,42,0.2);
  }
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font-family:'Outfit',system-ui,-apple-system,sans-serif;line-height:1.6}
img{max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header.top{border-bottom:1px solid var(--border);padding:16px 0}
.brand{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;
  font-size:1.5rem;text-decoration:none;color:var(--text)}
.brand span{color:var(--accent)}
nav.main{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px}
nav.main a{padding:6px 14px;border-radius:8px;text-decoration:none;
  color:var(--muted);font-size:.9rem;font-weight:500;transition:all .18s}
nav.main a:hover{color:var(--text);background:rgba(127,127,127,.08)}
nav.main a[aria-current]{color:var(--accent);background:rgba(201,168,76,.10);font-weight:600}
main{padding:44px 0 8px}
h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;
  font-size:clamp(2rem,5vw,3.2rem);line-height:1.08;margin:0 0 14px}
h1 span{color:var(--accent)}
.intro{color:var(--muted);max-width:660px;margin:0 0 34px;font-size:1.08rem}
.count{color:var(--accent);font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.item{border:1px solid var(--border);border-radius:14px;padding:22px;
  background:var(--card);display:flex;flex-direction:column}
.item .cat{color:var(--accent);font-size:.74rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.item h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.35rem;
  font-weight:700;margin:0 0 8px;line-height:1.2}
.item h2 a{text-decoration:none;color:var(--text)}
.item h2 a:hover{color:var(--accent)}
.item p{color:var(--muted);font-size:.92rem;margin:0 0 14px;flex:1}
.item .links{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto}
.item .links a{color:var(--accent2);font-size:.85rem;font-weight:600;text-decoration:none}
.item .links a:hover{text-decoration:underline}
.back{display:inline-block;margin:34px 0 0;color:var(--accent);
  text-decoration:none;font-weight:600}
.back:hover{text-decoration:underline}
footer{border-top:1px solid var(--border);padding:26px 0;margin-top:44px;
  color:var(--muted);font-size:.85rem;display:flex;justify-content:space-between;
  flex-wrap:wrap;gap:10px}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--accent)}

/* ── Ficha individual ──────────────────────────────────────────────── */
.breadcrumb{color:var(--muted);font-size:.85rem;margin:0 0 24px}
.breadcrumb a{color:var(--muted);text-decoration:none}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb span{color:var(--text)}
.ficha{max-width:760px}
.ficha-img{width:100%;max-height:360px;object-fit:cover;border-radius:16px;
  border:1px solid var(--border);margin:0 0 24px}
.ficha .cat{color:var(--accent);font-size:.78rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}
.ficha h1{margin:0 0 18px}
.ficha .cuerpo{color:var(--text);font-size:1.05rem;line-height:1.75;margin:0 0 26px;
  opacity:.92}
.ficha .links{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 30px}
.ficha .links a{display:inline-block;padding:10px 18px;border:1px solid var(--border);
  border-radius:10px;color:var(--accent2);font-size:.9rem;font-weight:600;text-decoration:none}
.ficha .links a:hover{border-color:var(--accent);color:var(--accent)}
.ficha .volver{color:var(--muted);font-size:.92rem;margin-top:8px}
.ficha .volver a{color:var(--accent);text-decoration:none;font-weight:600}
.ficha .volver a:hover{text-decoration:underline}