/* Web pública · identidad Madhouse (azul petróleo, terracota, dorado, marfil). Referencia: lamina_final.png */
body.pub{background:var(--marfil);color:var(--tinta)}
.ptop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:#fff;border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:10;flex-wrap:wrap}
.ptop .marca .logo-h{width:212px;height:auto}
.ptop nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-weight:600}
.ptop nav a{text-decoration:none;color:var(--petroleo)}.ptop nav a.btn.primario{color:var(--marfil)}
.idioma{display:inline-flex;gap:6px;align-items:center;font-family:var(--f-titulo);font-size:.8rem;color:var(--petroleo)}
.idioma a{opacity:.5}.idioma a.on{opacity:1}.idioma span{opacity:.5}
.pmain{max-width:1120px}
.pub h1{font-size:2rem}.pub h2{font-size:1.25rem}
.btn{border-radius:999px;font-weight:600}
.pub .btn.primario{padding:11px 22px}
.hero{border-radius:22px;overflow:hidden;margin:8px 0 28px;background:#fff;border:1px solid var(--bd)}
.hero-img{display:block;width:100%;height:300px;object-fit:cover}
.hero-t{padding:24px 28px 28px}
.hero h1{font-size:2.2rem;margin:0 0 8px;color:var(--petroleo)}
.hero p{font-size:1.1rem;margin:0 0 18px;color:var(--tinta);max-width:720px}
.hero .acc,.hab .acc{display:flex;gap:8px;flex-wrap:wrap}
.pub section>h2{margin-top:6px}
.pub .card{background:#fff;border-color:var(--bd);border-radius:18px}
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:28px}
.galeria img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:16px;background:#eee}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
ul.check{list-style:none;padding:0;margin:0}ul.check li{padding:4px 0 4px 26px;position:relative}
ul.check li:before{content:"";position:absolute;left:4px;top:.62em;width:10px;height:13px;border-radius:5px 5px 0 0;background:var(--terracota)}
ul.check li:nth-child(even):before{background:var(--dorado)}
.disp-h{color:var(--terracota-t);font-family:var(--f-texto);font-weight:700}
.habs{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.hab{background:#F3E8D3;border-radius:18px;overflow:hidden}
.hab img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.hab-b{padding:16px}.hab h3{margin:0 0 6px;font-family:var(--f-titulo);color:var(--petroleo);font-size:1.05rem}.hab h3 small{font-weight:400;font-family:var(--f-texto);color:var(--mu)}
.precio{font-size:1.35rem;font-weight:700;color:var(--tinta)}.precio small{font-size:.85rem;font-weight:500;color:var(--mu)}.precio.grande{font-size:1.9rem;margin-bottom:10px;font-family:var(--f-titulo);color:var(--petroleo)}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 14px}.tags span{font-size:.78rem;background:#fff;border-radius:20px;padding:3px 10px;font-weight:600}
.tags span.estado.ya{background:var(--terracota);color:#fff}.tags span.estado.pronto{background:#cfc9bd;color:var(--tinta)}
.ppie{background:var(--petroleo);color:var(--marfil);text-align:center;font-size:.9rem;padding:30px 16px;margin-top:36px;display:grid;gap:8px;justify-items:center}
.ppie a{color:var(--dorado)}
.pub .flash.ok{background:#e9f0f1;border-color:#c5d6d9}
.pub blockquote{border-left-color:var(--terracota)}
@media (max-width:760px){
  .ptop{padding:10px 12px}.ptop .marca .logo-h{display:none}.ptop .marca .logo-i{display:block;width:40px;height:40px}
  .ptop nav{gap:12px;font-size:.88rem}
  .hero-img{height:190px}.hero-t{padding:18px}.hero h1{font-size:1.45rem}.pub h1{font-size:1.5rem}
  .dos{grid-template-columns:1fr}
  .galeria{grid-template-columns:1fr 1fr;gap:8px}.galeria img{border-radius:12px}
}
.hero .acc,.hab .acc{align-items:center}
.card.destacado{background:var(--petroleo);color:var(--marfil);border-color:var(--petroleo)}.card.destacado h2{color:var(--dorado)}
.ppie .dominio{opacity:.7;font-size:.82rem}
h3.grupo{font-family:var(--f-texto);font-weight:700;color:var(--terracota-t);margin:18px 0 8px;font-size:1rem;text-transform:uppercase;letter-spacing:.06em}
#galeria .galeria{margin-bottom:8px}
.galeria a{display:block}.galeria a img{transition:transform .2s}.galeria a:hover img{transform:scale(1.02)}
a.foto{position:relative;display:block}
.ref{position:absolute;left:10px;bottom:10px;background:rgba(20,38,43,.78);color:var(--marfil);font-size:.75rem;font-weight:600;padding:3px 9px;border-radius:999px;letter-spacing:.02em}
#piezas{margin-top:20px}
ul.check.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 18px}
.comunes{margin-top:2px}
ul.cerca{list-style:none;padding:0;margin:10px 0 8px;display:grid;gap:4px}
ul.cerca li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline;padding:5px 0;border-bottom:1px dashed var(--bd)}
ul.cerca b{color:var(--terracota-t);font-family:var(--f-titulo);font-size:.9rem}ul.cerca small{color:var(--mu);min-width:56px;text-align:right}
@media (max-width:760px){ul.check.cols3{grid-template-columns:1fr 1fr}}
.leyenda{position:absolute;left:8px;right:8px;bottom:8px;background:rgba(20,38,43,.8);color:var(--marfil);font-size:.78rem;font-weight:600;padding:4px 9px;border-radius:10px}
.galeria a.foto,.fotos a.foto{position:relative;display:block}
.dos{align-items:start}