/* Mercado inmobiliario: listado (mercado.php) y nota (nota.php). Las tarjetas son las .art de la portada del diseño. */

.mhead{padding:clamp(56px,6vw,88px) 0 36px}
.mhead h1{font-size:clamp(32px,3.6vw,48px);font-weight:300;line-height:1.1;max-width:22ch}
.mcats{display:flex;flex-wrap:wrap;gap:6px;margin-top:28px}
.mcats a{display:inline-flex;align-items:center;height:38px;padding:0 16px;border:1px solid var(--line);border-radius:19px;background:#fff;text-decoration:none;font-size:14px;font-weight:600}
.mcats a:hover{border-color:var(--ink)}
.mcats a[aria-current]{background:var(--dark);border-color:var(--dark);color:#fff}
.mlist{padding-top:clamp(48px,5vw,72px)}
.mmas{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px}
.mmas .art:first-child .ph{aspect-ratio:16/10}
.mvacio{margin:0;color:var(--muted);font-size:17px}
@media (max-width:900px){.mmas{grid-template-columns:1fr}}

/* Nota */
.nhead{max-width:calc(720px + 2*var(--pad));padding-top:clamp(48px,6vw,80px);padding-bottom:8px}
.nvolver{display:inline-block;margin-bottom:26px;font-size:14px;font-weight:600;text-decoration:none;color:var(--muted)}
.nvolver:hover{color:var(--ink)}
.nhead h1{font-size:clamp(34px,4vw,54px);font-weight:300;line-height:1.08}
.nhead .lead{font-size:19px;max-width:none}
.nmeta{margin:18px 0 0;font-size:13.5px;color:var(--muted)}
.nportada{margin:36px 0 0}
.nportada img{width:100%;aspect-ratio:16/8;object-fit:cover}
.ncuerpo{max-width:720px;margin:44px auto 0;font-size:17px;line-height:1.8;color:#3F3C37}
.ncuerpo>*:first-child{margin-top:0}
.ncuerpo p{margin:0 0 18px}
.ncuerpo h2{font-size:clamp(26px,2.6vw,32px);margin:44px 0 14px;color:var(--ink);line-height:1.15}
.ncuerpo h3,.ncuerpo h4{font-size:22px;margin:34px 0 10px;color:var(--ink)}
.ncuerpo a{color:var(--ink);text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:4px}
.ncuerpo ul,.ncuerpo ol{margin:0 0 20px;padding-left:22px}
.ncuerpo li{margin:0 0 8px}
.ncuerpo ul li::marker{color:#B5AD9F}
.ncuerpo blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:3px solid var(--yellow);font-family:var(--display);font-weight:300;font-size:22px;line-height:1.5;color:var(--ink)}
.ncuerpo blockquote p{margin:0}
.ncuerpo hr{border:0;border-top:1px solid var(--line);margin:36px 0}
.ncuerpo table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px}
.ncuerpo th,.ncuerpo td{padding:10px 8px;border-bottom:1px solid #E2DCD0;text-align:left;vertical-align:top}
.ncuerpo th{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.nfuente{max-width:720px;margin:28px auto 0;padding-top:16px;border-top:1px solid #E2DCD0;font-size:13px;color:var(--muted)}
.ncomp{max-width:720px;display:flex;flex-wrap:wrap;gap:10px;margin:28px auto clamp(64px,7vw,96px)}
.ib{height:42px;padding:0 18px;border-radius:21px;border:1px solid var(--ink);display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:14px;color:var(--ink);transition:background .2s ease,color .2s ease}
.ib:hover{background:var(--dark);color:#fff}
.ib.wa{border-color:var(--line)}.ib.wa:hover{background:#F2FBF5;color:var(--ink);border-color:#25D366}