/* Rediseño (propuesta) · se carga después de publico.css */
body.pub{background:#FBF7EF}
.pmain{max-width:1160px;padding-top:0}
.ptop{padding:10px 28px}
.ptop nav{gap:6px}
.ptop nav a.nl{padding:8px 10px;border-radius:999px;font-weight:600;font-size:.95rem}
.ptop nav a.nl:hover{background:var(--marfil)}
.btn.grande{padding:14px 26px;font-size:1.05rem;font-weight:700}
.btn.claro{background:rgba(255,255,255,.92);border-color:transparent;color:var(--petroleo)}
.btn.dorado{background:var(--dorado);border-color:var(--dorado);color:var(--tinta)}
mark.pc{background:#FFE58A;color:#5a3d00;border-radius:4px;padding:0 4px;font-weight:700;font-size:.85em}
/* hero */
.v2-hero{position:relative;margin:18px 0 8px;border-radius:26px;overflow:hidden;min-height:520px;display:flex;align-items:flex-end}
.v2-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v2-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,38,43,.05) 20%,rgba(20,38,43,.55) 55%,rgba(20,38,43,.88) 100%)}
.v2-hero-in{position:relative;z-index:1;padding:40px 44px;color:var(--marfil);max-width:760px}
.kicker{display:inline-block;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;color:var(--dorado);margin-bottom:10px}
.v2-hero h1{font-size:2.7rem;line-height:1.08;margin:0 0 14px;color:#fff}
.v2-hero p{font-size:1.18rem;margin:0 0 22px;color:#F6EFE0}
.v2-hero .acc{display:flex;gap:10px;flex-wrap:wrap}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:20px 0 0}
.chips li{background:rgba(246,239,224,.16);border:1px solid rgba(246,239,224,.35);color:#fff;border-radius:999px;padding:6px 13px;font-weight:600;font-size:.9rem}
/* secciones */
.v2-sec{padding:48px 0 8px}
.v2-sec>h2,.v2-casa-h h2,.v2-barrio h2{font-size:1.85rem;margin:0 0 8px}
.lead{font-size:1.1rem;color:#3b4b50;max-width:720px;margin:0 0 22px}
.hab{background:#fff;border:1px solid var(--bd);box-shadow:0 2px 10px rgba(20,38,43,.05)}
.hab .acc .btn.primario{flex:1;text-align:center}
.v2-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.v2-box{background:#fff;border:1px solid var(--bd);border-radius:20px;padding:22px}
.v2-box h3{margin:0 0 10px;font-family:var(--f-titulo);font-size:1rem;color:var(--petroleo)}
.v2-box.suave{background:var(--marfil)}
.v2-mosaico{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:200px 200px;gap:12px}
.v2-mosaico a:first-child{grid-row:span 2}
.v2-mosaico img{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block}
.v2-mosaico a{height:100%}
.v2-mas{margin-top:14px}.v2-mas summary{cursor:pointer;font-weight:700;color:var(--petroleo);padding:8px 0}
.v2-barrio{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.v2-barrio ul.cerca li{grid-template-columns:1fr auto}
.v2-pasos{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:p}
.v2-pasos li{background:#fff;border:1px solid var(--bd);border-radius:20px;padding:22px}
.v2-pasos .n{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--terracota);color:#fff;font-family:var(--f-titulo);font-size:1rem}
.v2-pasos li:nth-child(2) .n{background:var(--dorado);color:var(--tinta)}.v2-pasos li:nth-child(3) .n{background:var(--petroleo)}
.v2-pasos h3{font-family:var(--f-titulo);color:var(--petroleo);font-size:1.02rem;margin:12px 0 6px}
.v2-pasos p{margin:0;color:#3b4b50}
.v2-faq{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;align-items:start}
.v2-faq details{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:14px 18px}
.v2-faq summary{cursor:pointer;font-weight:700;color:var(--petroleo);font-size:1.02rem}
.v2-faq p{margin:10px 0 2px;color:#3b4b50}
.v2-contacto{margin:52px 0 0;background:var(--petroleo);color:var(--marfil);border-radius:26px;padding:34px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.v2-contacto h2{color:#fff;font-size:1.7rem;margin:0 0 4px}.v2-contacto p{margin:0;color:#dfe8e6}
.v2-contacto .acc{display:flex;gap:10px;flex-wrap:wrap}
.btn.desact{cursor:default;opacity:.95}
.ppie{margin-top:40px}
.cta-movil{display:none}
@media (max-width:980px){.ptop nav a.nl{display:none}}
@media (max-width:760px){
  .ptop{padding:10px 14px}
  .v2-hero{min-height:560px;margin-top:10px;border-radius:20px}
  .v2-hero-in{padding:24px 20px}
  .v2-hero h1{font-size:1.9rem}.v2-hero p{font-size:1.02rem}
  .v2-hero .btn.grande{width:100%;text-align:center}
  .v2-sec{padding:36px 0 4px}.v2-sec>h2,.v2-casa-h h2,.v2-barrio h2{font-size:1.4rem}
  .v2-3,.v2-pasos,.v2-faq,.v2-barrio{grid-template-columns:1fr}
  .v2-mosaico{grid-template-columns:1fr 1fr;grid-template-rows:200px 130px 130px}
  .v2-mosaico a:first-child{grid-column:span 2;grid-row:auto}
  .v2-mosaico a:nth-child(n+6){display:none}
  .v2-contacto{padding:26px 20px}.v2-contacto .btn{width:100%;text-align:center}
  .cta-movil{display:block;position:fixed;left:14px;right:14px;bottom:14px;z-index:20;background:var(--terracota);color:#fff;text-align:center;padding:14px;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 6px 18px rgba(20,38,43,.3)}
  .ppie{padding-bottom:90px}
}
.v2-hero:after{background:linear-gradient(90deg,rgba(20,38,43,.86) 0%,rgba(20,38,43,.62) 45%,rgba(20,38,43,.10) 80%),linear-gradient(0deg,rgba(20,38,43,.5),rgba(20,38,43,0) 50%)}
.v2-hero{align-items:center}
.habs{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.hab .acc{flex-wrap:nowrap}.hab .acc .btn{white-space:nowrap}
@media (max-width:760px){
  .v2-hero{align-items:flex-end}
  .v2-hero:after{background:linear-gradient(180deg,rgba(20,38,43,.15) 0%,rgba(20,38,43,.75) 40%,rgba(20,38,43,.92) 100%)}
  .v2-mosaico a:nth-child(n+6){display:block}
  .v2-mosaico{grid-template-rows:200px 130px 130px}
}
.hab .acc{flex-wrap:wrap}.hab .acc .btn{white-space:normal;flex:1 1 auto;text-align:center}
.hab .acc{flex-direction:column-reverse;align-items:stretch;gap:6px}.hab .acc .btn{width:100%;flex:none;padding:10px}
.ppie .acceso-arr{margin-top:6px}.ppie .acceso-arr a{opacity:.7;font-size:.8rem;color:inherit}

/* Botón Login (secundario, contorno) junto a Postular */
.ptop nav a.btn.contorno{background:transparent;border:1.5px solid var(--petroleo);color:var(--petroleo);font-weight:600}
.ptop nav a.btn.contorno:hover{background:var(--marfil)}
.ptop nav a.btn.chico{line-height:1.2;white-space:nowrap}
@media (max-width:600px){.ptop{flex-wrap:nowrap}.ptop nav{gap:8px;flex-wrap:nowrap}.ptop nav a.btn.chico{padding:6px 10px;font-size:.85rem}}
@media (max-width:360px){.ptop nav{gap:6px}.ptop nav a.btn.chico{padding:5px 8px;font-size:.8rem}}
@media (min-width:601px){.ptop nav a.btn.contorno.chico{padding:11px 20px;border:1.5px solid var(--petroleo);margin-left:6px}}
.ptop nav a.btn.contorno.chico{border-width:1.5px}
