/* BAIREN · Portal · Pasada de diseño (25/10/2026, noche). Tomás: "haceme una pasada de diseño de toda la web, que se
   entiendan los textos, los tamaños jerárquicamente y el orden" y "pensá en los usuarios: tienen que entenderlo a la
   primera, con palabras simples". Sobre la base (la identidad, los colores y las fotos no cambian): una sola escala de
   títulos en la portada, todo alineado a la izquierda, una línea simple debajo de cada título, una sola sección para
   quien publica y lo largo de Cómo funciona, plegado. Va último en todas las páginas: se deshace sacando este archivo. */

/* ── Portada: los títulos de sección iguales (tamaño, alineación y aire) y, debajo, una línea en letra de texto ── */
body.p-home .h-sec .h-h2{font-size:clamp(1.6rem,4.2vw,2.4rem)!important;line-height:1.15;margin:0 0 8px!important;max-width:none!important;text-align:left!important}
body.p-home .h-sub{margin:0 0 22px;max-width:46ch;font:300 1rem/1.5 var(--font-body);text-align:left}
body.p-home .h-crema .h-sub{color:#3F4A5E}
body.p-home .h-navy .h-sub{color:rgba(251,250,246,.8)}
body.p-home .h-ultimos-head{display:block!important}
body.p-home .h-ultimos-head .h-sub{margin-bottom:18px}

/* Publicá tu departamento gratis: el título, qué gana el dueño, las dos puertas y el ejemplo. En el celular, uno debajo
   del otro; en la compu, el texto a la izquierda y el ejemplo a la derecha. */
body.p-home .h-duenos .h-duenos-fila{text-align:left!important;justify-items:start!important}
body.p-home .h-duenos .h-h2{margin-left:0!important;margin-right:0!important}
body.p-home .h-duenos .h-duenos-vis{width:100%;max-width:420px;justify-self:start!important;margin-top:28px}
body.p-home .h-duenos .h-duenos-vis{display:flex!important;flex-direction:column;align-items:stretch}
body.p-home .h-vis-l{margin:0 0 10px;font:500 .875rem/1.3 var(--font-body);color:#3F4A5E}
body.p-home .h-dos-btn{display:flex;flex-wrap:wrap;gap:12px}
body.p-home .h-dos-btn .h-btn{margin:0!important;min-width:168px}
body.p-home .h-btn-navy-linea{background:transparent;border:1px solid rgba(19,29,45,.45);color:#131D2D}
@media (hover:hover) and (pointer:fine){body.p-home .h-btn-navy-linea:hover{border-color:#131D2D}}
@media (min-width:900px){
  body.p-home .h-duenos .h-duenos-fila{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:72px;align-items:center}
  body.p-home .h-duenos .h-duenos-vis{margin-top:0}
}

/* ── Propietarios: una idea, dos botones y una línea para el dueño que alquila con una inmobiliaria ── */
.pp-hero .pp-sub{max-width:40ch}
.pp-inmo-link{margin:18px 0 0;font:400 .9375rem/1.4 var(--font-body)}
.pp-inmo-link a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:rgba(251,250,246,.86);text-decoration:underline;text-decoration-color:rgba(194,169,104,.55);text-underline-offset:4px}
.pp-inmo-link svg{flex:none;width:16px;height:16px;color:#C2A968}
@media (hover:hover) and (pointer:fine){.pp-inmo-link a:hover{color:#DECDA0}}
.pp-vis{display:flex;flex-direction:column;align-items:stretch}
.pp-vis-l{margin:0 0 10px;font:500 .875rem/1.3 var(--font-body);color:rgba(251,250,246,.74)}

/* ── Cómo funciona: los íconos de las reglas en oro (sin la variable de color quedaban navy sobre navy) y los plegables ── */
.p-crit .pr-reglas .ic{color:#C2A968}
.p-crit .p-crit-sec.p-crit-pleg{margin:0!important;padding:0!important;border-top:1px solid rgba(19,29,45,.12)}
.p-crit .p-crit-sec.p-crit-pleg[open]{padding-bottom:24px!important}
.p-crit #cualidades{margin-top:36px!important}
.p-crit-pleg summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;cursor:pointer;list-style:none}
.p-crit-pleg summary::-webkit-details-marker{display:none}
.p-crit .p-crit-pleg summary h2{margin:0!important;font-size:1.25rem!important}
.p-crit-pleg summary::after{content:"";flex:none;width:9px;height:9px;margin-right:4px;border-right:1.5px solid #8A7547;border-bottom:1.5px solid #8A7547;transform:translateY(-2px) rotate(45deg);transition:transform .2s cubic-bezier(.23,1,.32,1)}
.p-crit-pleg[open] summary::after{transform:translateY(2px) rotate(225deg)}
.p-crit #como{margin-top:0!important;padding-top:28px!important;border-top:1px solid rgba(19,29,45,.12)}

@media (prefers-reduced-motion:reduce){.p-crit-pleg summary::after{transition:none}}

/* ── Soy inmobiliaria: las preguntas que hace una inmobiliaria antes de publicar, plegadas ── */
.aji-faq{display:grid;gap:16px;margin:4px 0 0}
.aji-faq div{display:grid;gap:4px}
.aji-faq dt{font:500 .9375rem/1.35 var(--font-body);color:#131D2D}
.aji-faq dd{margin:0;font:300 .9375rem/1.5 var(--font-body);color:#3F4A5E}
/* Las tres franjas de precio y "USD/mes" entran en 390 px */
.mb .mb-fr{padding:0 10px}
.mb-plata{gap:5px}
/* El lápiz con su palabra ("Dibujar"), igual de chico y sutil: en la prueba con usuarios, el ícono solo no se entendía */
.mb .mb-lapiz{width:auto;padding:0 12px 0 10px;gap:6px;display:inline-flex;align-items:center}
.mb-lapiz-p{font:500 13px/1 var(--mb-texto);color:var(--mb-crema)}
/* El ejemplo termina en la visita: sin el filete de la fila que se fue */
.rp-card > :last-child{border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important}

/* ── Ingresar: la hoja que sube desde abajo al entrar sin sesión (o al tocar un corazón) ──
   Entra en 280 ms con la curva de cajón y sale en 200 ms; en la compu, tarjeta abajo a la derecha, sin velo. */
.p-hoja-ing{position:fixed;inset:0;z-index:6000;pointer-events:none}
.p-hoja-ing-velo{position:absolute;inset:0;background:rgba(19,29,45,.42);opacity:0;transition:opacity .2s cubic-bezier(.23,1,.32,1)}
.p-hoja-ing.on .p-hoja-ing-velo{opacity:1;pointer-events:auto;transition-duration:.28s}
.p-hoja-ing-c{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:10px;padding:12px 20px calc(env(safe-area-inset-bottom,0px) + 16px);background:#FBFAF6;border-radius:20px 20px 0 0;box-shadow:0 -12px 40px rgba(19,29,45,.22);transform:translateY(105%);transition:transform .2s cubic-bezier(.23,1,.32,1);pointer-events:auto}
.p-hoja-ing.on .p-hoja-ing-c{transform:none;transition:transform .28s cubic-bezier(.32,.72,0,1)}
.p-hoja-ing-asa{align-self:center;width:36px;height:4px;border-radius:2px;background:rgba(19,29,45,.18);margin-bottom:6px}
.p-hoja-ing-x{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:#59647A;cursor:pointer}
.p-hoja-ing-x svg{width:20px;height:20px}
.p-hoja-ing h2{margin:4px 0 0;padding-right:40px;font:400 1.5rem/1.2 var(--font-display);color:#131D2D}
.p-hoja-ing p{margin:0 0 8px;font:300 .9375rem/1.45 var(--font-body);color:#3F4A5E}
.p-hoja-ing-b{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 16px;border-radius:10px;font:500 .9375rem/1 var(--font-body);text-decoration:none;cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s cubic-bezier(.23,1,.32,1)}
.p-hoja-ing-b:active{transform:scale(.98)}
.p-hoja-ing-goo{border:1px solid rgba(19,29,45,.18);background:#FFFDF8;color:#131D2D}
.p-hoja-ing-goo .p-hi-g{width:20px;height:20px}
.p-hoja-ing-mail{border:1px solid #131D2D;background:#131D2D;color:#FBFAF6}
.p-hoja-ing-mail svg{width:18px;height:18px;color:#C2A968}
.p-hoja-ing-ahora{align-self:center;min-height:44px;padding:0 12px;border:0;background:none;font:400 .9375rem/1 var(--font-body);color:#59647A;cursor:pointer}
@media (hover:hover) and (pointer:fine){.p-hoja-ing-goo:hover{border-color:rgba(19,29,45,.4)}.p-hoja-ing-mail:hover{background:#1E2A3F}.p-hoja-ing-ahora:hover{color:#131D2D}}
@media (min-width:860px){
  .p-hoja-ing-velo{display:none}
  .p-hoja-ing-c{left:auto;right:24px;bottom:24px;width:380px;padding:16px 22px 14px;border-radius:16px;box-shadow:0 18px 50px rgba(19,29,45,.28);transform:translateY(16px);opacity:0;transition:transform .2s cubic-bezier(.23,1,.32,1),opacity .2s cubic-bezier(.23,1,.32,1)}
  .p-hoja-ing.on .p-hoja-ing-c{opacity:1;transition:transform .28s cubic-bezier(.23,1,.32,1),opacity .28s cubic-bezier(.23,1,.32,1)}
  .p-hoja-ing-asa{display:none}
}
@media (prefers-reduced-motion:reduce){.p-hoja-ing-c,.p-hoja-ing.on .p-hoja-ing-c{transform:none;transition:opacity .2s linear}.p-hoja-ing-c{opacity:0}.p-hoja-ing.on .p-hoja-ing-c{opacity:1}}

/* ── Quién lo publica: su logo (las iniciales), el nombre, qué es y si está verificado, sus estrellas
   y "Ver sus N departamentos". Toda la tarjeta se toca; recta, como la base. ── */
.p-anun{display:flex;flex-direction:column;gap:0;margin-top:2px;border:1px solid rgba(19,29,45,.14);background:#FFFDF8;color:#131D2D;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:border-color .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}
.p-anun:active{transform:scale(.98)}
.p-anun-cab{display:flex;align-items:flex-start;gap:14px;padding:16px 16px 14px}
.p-anun-logo{flex:none;display:grid;place-items:center;width:52px;height:52px;background:#131D2D;color:#C2A968;font:500 1.0625rem/1 var(--font-body);letter-spacing:.06em}
.p-anun-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.p-anun-tx b{font:500 1rem/1.25 var(--font-body);color:#131D2D}
.p-anun-rol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font:300 .875rem/1.35 var(--font-body);color:#59647A}
.p-anun-nivel{display:inline-flex;align-items:center;gap:4px;font:500 .8125rem/1 var(--font-body);color:#8A7547}
.p-anun-nivel svg{width:14px;height:14px;color:#C2A968;stroke-width:2.2}
.p-anun-res{margin-top:2px;font:300 .8125rem/1.3 var(--font-body);color:#7A8396}
.p-anun-res.con{display:inline-flex;align-items:center;gap:5px;font-size:.875rem;color:#59647A}
.p-anun-res.con b{font-weight:500;color:#131D2D}
.p-anun-est{color:#C2A968;font-size:1rem;line-height:1}
.p-anun-ir{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:0 16px;border-top:1px solid rgba(19,29,45,.1);font:500 .9375rem/1 var(--font-body);color:#131D2D}
.p-anun-ir svg{flex:none;width:18px;height:18px;color:#8A7547;transition:transform .2s cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){.p-anun:hover{border-color:rgba(19,29,45,.36)}.p-anun:hover .p-anun-ir svg{transform:translateX(3px)}}
@media (prefers-reduced-motion:reduce){.p-anun,.p-anun-ir svg{transition:none}.p-anun:active{transform:none}}

/* La página de sus departamentos abre con la misma cabecera: logo, nombre, qué es y sus estrellas */
.mc-anun{display:flex;align-items:center;gap:14px;margin:0 0 12px}
.mc-anun-logo{flex:none;display:grid;place-items:center;width:48px;height:48px;background:#C2A968;color:#131D2D;font:500 1rem/1 var(--font-body);letter-spacing:.06em}
.mc-anun-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.mc-anun-tx b{font:500 1.0625rem/1.2 var(--font-body);color:#FBFAF6}
.mc-anun-l{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font:300 .875rem/1.3 var(--font-body);color:rgba(251,250,246,.78)}
.mc-anun-l .v{display:inline-flex;align-items:center;gap:4px;font-weight:500;color:#DECDA0}
.mc-anun-l .v svg{width:14px;height:14px;stroke-width:2.2}
.mc-anun-l .e{color:#C2A968}
.mc-anun-l b{font-weight:500;color:#FBFAF6}
.p-hoja-ing-c:focus{outline:none}
/* Las esquinas como el resto del portal (cajas de 14, controles de 10): la regla general de la base deja rectas las clases p- */
.p-hoja-ing-c{border-radius:var(--r-box,14px) var(--r-box,14px) 0 0!important}
.p-hoja-ing-b,.p-hoja-ing-x,.p-hoja-ing-ahora{border-radius:var(--r-ctl,10px)!important}
.p-hoja-ing-asa{border-radius:2px!important}
@media (min-width:860px){.p-hoja-ing-c{border-radius:var(--r-box,14px)!important}}
.p-anun{border-radius:var(--r-box,14px)!important;overflow:hidden}
.p-anun-logo,.mc-anun-logo{border-radius:var(--r-ctl,10px)!important}

/* ── "En vivo" con el punto verde (Tomás, 25/10 noche: "me gusta mucho, implementémoslo en ese formato cuando hablemos de
   eso en la web"). La pastilla del concepto de marca: verde de estado sobre crema; sobre navy, con borde. Quieta: en
   reposo la página no cambia. ── */
.en-vivo{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#E6F3EA;color:#1F7A47;font:500 .78rem/1 var(--font-body);letter-spacing:0;text-transform:none;white-space:nowrap}
.en-vivo i{flex:none;width:7px;height:7px;border-radius:50%;background:#2DA65E}
.en-vivo.sobre-navy{background:transparent;border:1px solid rgba(251,250,246,.3);color:rgba(251,250,246,.9)}
/* En el reporte: la pastilla y, al lado, cuándo se actualizó (antes "EN VIVO" en mayúsculas con un punto que latía) */
.rep-vivo{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 8px!important;font:300 .78rem/1 var(--font-body)!important;letter-spacing:0!important;text-transform:none!important;color:var(--pr-tinta2,#59647A)!important}
.rep-vivo i{animation:none!important;box-shadow:none!important}
.rep-vivo span{margin-left:0!important}
.rep-vivo span::before{content:none!important}
.rep-vivo .en-vivo{padding:6px 10px;font:500 .74rem/1 var(--font-body);color:#1F7A47}
.rp-top-d{display:inline-flex;align-items:center;gap:8px}
.rp-top .en-vivo{padding:5px 9px;font-size:.7rem}

/* La foto de la cuenta en la tarjeta "Quién lo publica" (y en la cabecera de sus departamentos) */
.p-anun-logo.con-foto,.mc-anun-logo.con-foto{overflow:hidden;background:#E9E4D8}
.p-anun-logo img,.mc-anun-logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* ── Mi cuenta: una pantalla. La cara (foto o iniciales) con Cambiar foto; "Así te ven"; tres renglones; Cerrar sesión ── */
.pc-yo{display:flex;align-items:center;gap:16px;margin:4px 0 26px}
.pc-cara{flex:none;display:grid;place-items:center;width:76px;height:76px;border-radius:var(--r-box,14px);overflow:hidden;background:#131D2D;color:#C2A968;font:500 1.375rem/1 var(--font-body);letter-spacing:.06em}
.pc-cara img{width:100%;height:100%;object-fit:cover}
.pc-yo.ocupado .pc-cara{opacity:.55}
.pc-yo-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.pc-yo-tx > b{font:500 1.125rem/1.25 var(--font-body);color:#131D2D;overflow-wrap:anywhere}
.pc-tipo{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font:300 .875rem/1.3 var(--font-body);color:#59647A}
.pc-ok{display:inline-flex;align-items:center;gap:4px;font-weight:500;font-size:.8125rem;color:#8A7547}
.pc-ok svg{width:14px;height:14px;color:#C2A968}
.pc-foto-bts{display:flex;align-items:center;gap:6px;margin-top:6px}
.pc-btn{min-height:40px;padding:0 14px;border:1px solid rgba(19,29,45,.28);border-radius:var(--r-ctl,10px);background:#FFFDF8;color:#131D2D;font:500 .875rem/1 var(--font-body);cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1),border-color .16s ease}
.pc-btn:active{transform:scale(.97)}
.pc-quitar{min-height:40px;padding:0 10px;border:0;background:none;color:#59647A;font:400 .875rem/1 var(--font-body);cursor:pointer}
.pc-asi{margin:0 0 24px}
.pc-l{margin:0 0 10px;font:500 .7rem/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#75623C}
.pc-anun{max-width:420px;pointer-events:none}
.pc-aviso{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px;padding:12px 14px;border:1px solid rgba(194,169,104,.45);border-radius:var(--r-box,14px);background:#FBF7EC;font:400 .9rem/1.4 var(--font-body);color:#131D2D}
.pc-datos,.pc-legal{border:1px solid rgba(19,29,45,.12);border-radius:var(--r-box,14px);background:#FFFDF8;overflow:hidden}
.pc-datos{margin:0 0 12px}
.pc-fila{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:62px;padding:10px 44px 10px 16px;color:#131D2D;text-decoration:none}
.pc-fila + .pc-fila{border-top:1px solid rgba(19,29,45,.08)}
.pc-fila svg{position:absolute;right:14px;top:50%;width:18px;height:18px;margin-top:-9px;color:#8A7547}
a.pc-fila:active{background:rgba(19,29,45,.04)}
.pc-rot{font:300 .8125rem/1.2 var(--font-body);color:#59647A}
.pc-val{font:500 .9688rem/1.3 var(--font-body);color:#131D2D;overflow-wrap:anywhere}
.pc-falta{font-weight:400;color:#8A7547}
.pc-legal{margin:0 0 20px}
.pc-legal summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 16px;font:500 .9375rem/1 var(--font-body);color:#131D2D;cursor:pointer;list-style:none}
.pc-legal summary::-webkit-details-marker{display:none}
.pc-legal summary::after{content:"";width:8px;height:8px;margin-right:4px;border-right:1.5px solid #8A7547;border-bottom:1.5px solid #8A7547;transform:translateY(-2px) rotate(45deg);transition:transform .2s cubic-bezier(.23,1,.32,1)}
.pc-legal[open] summary::after{transform:translateY(2px) rotate(225deg)}
.pc-legal .pc-fila{border-top:1px solid rgba(19,29,45,.08)}
.pc-legal .idn-dom{padding:12px 16px 14px;border-top:1px solid rgba(19,29,45,.08)}
.pc-legal .idn-dom .pc-rot{display:block;margin-bottom:8px}
.pc-salir{display:block;width:100%;min-height:50px;border:1px solid rgba(19,29,45,.22);border-radius:var(--r-ctl,10px);background:transparent;color:#131D2D;font:500 .9375rem/1 var(--font-body);cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1)}
.pc-salir:active{transform:scale(.98)}
.pc-priv{margin:14px 0 0;text-align:center;font:300 .8125rem/1 var(--font-body)}
.pc-priv a{display:inline-flex;align-items:center;min-height:40px;color:#59647A}
@media (hover:hover) and (pointer:fine){.pc-btn:hover{border-color:#131D2D}a.pc-fila:hover{background:rgba(19,29,45,.03)}.pc-salir:hover{border-color:#131D2D}.pc-quitar:hover{color:#131D2D}}
@media (min-width:900px){.p-panel-page #content > .pc-yo,.p-panel-page #content > .pc-asi,.p-panel-page #content > .pc-datos,.p-panel-page #content > .pc-legal,.p-panel-page #content > .pc-aviso,.p-panel-page #content > .pc-salir,.p-panel-page #content > .pc-priv{max-width:560px}}

/* ── Mis departamentos: la lista (foto, dirección, estado y las tres cifras) y el reporte de cada uno ── */
.pm-cab{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 0 18px}
.pm-cab .p-h2{margin:0!important}
.pm-otro{margin-left:auto}
.pm-lista{display:grid;gap:10px;margin:0;padding:0;list-style:none;max-width:720px}
.pm-u{display:grid;grid-template-columns:84px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:12px;border:1px solid rgba(19,29,45,.12);border-radius:var(--r-box,14px);background:#FFFDF8;color:#131D2D;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.23,1,.32,1),border-color .16s ease}
.pm-u:active{transform:scale(.98)}
.pm-foto{align-self:start;width:84px;height:84px;border-radius:var(--r-ctl,10px);background:#D9D4C7 center/cover no-repeat}
.pm-tx{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.pm-tx > b{font:500 1rem/1.25 var(--font-body);color:#131D2D}
.pm-sub{font:300 .875rem/1.3 var(--font-body);color:#59647A}
.pm-nums{display:flex;flex-wrap:wrap;gap:2px 12px;font:300 .8125rem/1.3 var(--font-body);color:#59647A}
.pm-nums b{font-weight:500;color:#131D2D}
.pm-ch{width:20px;height:20px;color:#8A7547}
.pm-volver{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0 0 8px;color:#131D2D;font:500 .9375rem/1 var(--font-body);text-decoration:none}
.pm-volver svg{width:18px;height:18px;color:#8A7547}
.pm-rep{max-width:720px}
.pm-vacio{display:grid;gap:10px;justify-items:start;max-width:560px;padding:20px;border:1px solid rgba(19,29,45,.12);border-radius:var(--r-box,14px);background:#FFFDF8}
.pm-vacio b{font:500 1.0625rem/1.3 var(--font-body);color:#131D2D}
.pm-vacio p{margin:0;font:300 .9375rem/1.45 var(--font-body);color:#3F4A5E;overflow-wrap:anywhere}
@media (hover:hover) and (pointer:fine){.pm-u:hover{border-color:rgba(19,29,45,.32)}}
@media (prefers-reduced-motion:reduce){.pm-u,.pc-btn,.pc-salir{transition:none}.pm-u:active,.pc-btn:active,.pc-salir:active{transform:none}}

/* En el panel, la base pinta de navy todo título, texto y enlace (body .p-page.after-band …): las piezas de color
   (la pastilla En vivo, los estados, el bloque navy del reporte, la tarjeta de quien publica) se repiten acá con esa
   misma prioridad para que no queden navy sobre navy. */
body .p-page.after-band .en-vivo{color:#1F7A47}
body .p-page.after-band .rep-estado-ok{color:#1F7A47}
body .p-page.after-band .rep-estado-res{color:#75623C}
body .p-page.after-band .rep-estado-pausa{color:#59647A}
body .p-page.after-band .rep-vivo > span:not(.en-vivo),body .p-page.after-band .rep-sub,body .p-page.after-band .rep-nums small,body .p-page.after-band .rep-act-t small{color:#59647A}
body .p-page.after-band .rep-l{color:#75623C}
body .p-page.after-band .rep-ahora h3{color:#FBFAF6}
body .p-page.after-band .rep-ahora a.pp-btn-linea,body .p-page.after-band .rep-ahora a.pp-btn-linea span{color:#FBFAF6}
body .p-page.after-band .rep-ahora a.pp-btn-oro,body .p-page.after-band .rep-ahora a.pp-btn-oro span{color:#131D2D}
body .p-page.after-band .p-anun-logo{color:#C2A968}
body .p-page.after-band .p-anun-tx b,body .p-page.after-band .p-anun-ir,body .p-page.after-band .p-anun-ir span{color:#131D2D}
body .p-page.after-band .p-anun-rol{color:#59647A}
body .p-page.after-band .p-anun-nivel{color:#8A7547}
body .p-page.after-band .pc-tipo,body .p-page.after-band .pc-rot,body .p-page.after-band .pm-sub,body .p-page.after-band .pm-nums{color:#59647A}
body .p-page.after-band .pc-ok,body .p-page.after-band .pc-falta,body .p-page.after-band .pc-l{color:#8A7547}
body .p-page.after-band .pc-l{color:#75623C}
body .p-page.after-band .pc-val,body .p-page.after-band .pm-tx > b,body .p-page.after-band .pm-nums b,body .p-page.after-band .pc-yo-tx > b{color:#131D2D}
body .p-page.after-band a.pc-priv-a,body .p-page.after-band .pc-priv a{color:#59647A}
/* El precio de cada departamento no se corta */
.pm-sub .nw{white-space:nowrap}
/* La base deja recto todo botón dentro de una clase p-: los de Mi cuenta llevan el radio de los controles */
.p-panel-page .pc-btn,.p-panel-page .pc-quitar,.p-panel-page .pc-salir{border-radius:var(--r-ctl,10px)!important}

/* El editor (publicar, editar un departamento, editar el perfil): arriba al centro, el mismo logo de la portada */
.pf-marca{display:flex;align-items:center;letter-spacing:0;text-indent:0}
.pf-marca img{display:block;height:22px;width:auto}

/* ── Ficha: la promesa en dos pastillas (Tomás: "me parecen horribles esos ticks") y la duración sin total ──
   Como las pastillas del concepto de marca sobre navy: borde crema suave, el check en oro para el precio final y el
   punto verde para disponible. Debajo, "No coincide? Avisanos" chico. Los meses, con el radio de los controles. */
.prom-tira{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 20px}
.prom-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(251,250,246,.3);border-radius:999px;color:rgba(251,250,246,.92);font:500 .8125rem/1 var(--font-body);white-space:nowrap}
.prom-pill svg{flex:none;width:14px;height:14px;color:#C2A968;stroke-width:2.2}
.prom-pill i{flex:none;width:7px;height:7px;border-radius:50%;background:#2DA65E}
.prom-rep{flex-basis:100%;align-self:flex-start;min-height:36px;margin:-2px 0 -10px;padding:0;border:0;background:none;color:rgba(251,250,246,.62);font:300 .8125rem/1 var(--font-body);text-align:left;text-decoration:underline;text-decoration-color:rgba(251,250,246,.3);text-underline-offset:3px;cursor:pointer}
@media (hover:hover) and (pointer:fine){.prom-rep:hover{color:#DECDA0}}
body.p-ficha-page .p-ficha2 .p-cta .p-vis-chip,body.p-ficha-page .p-vis-hoja .p-vis-chip{border-radius:var(--r-ctl,10px)!important;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s ease,border-color .16s ease}
body.p-ficha-page .p-vis-chip:active{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){body.p-ficha-page .p-vis-chip{transition:none}body.p-ficha-page .p-vis-chip:active{transform:none}}
/* Las pastillas, pegadas al precio (antes quedaba un hueco de 46 px entre "por mes, todo incluido" y la promesa) */
body.p-ficha-page .p-ficha2 .p-cta .p-cta-price{padding-bottom:14px;margin-bottom:0}
body.p-ficha-page .p-ficha2 .p-cta .prom-tira{margin:4px 0 20px}

/* ── La lista: Ambientes, Precio y Barrio en la primera fila; Filtros y Ordenar, mitad y mitad, en la segunda (sin
   "Ver mapa"). Ambientes y Precio se marcan de a varios, con la misma lista que Barrio; las franjas, una por renglón. ── */
@media (max-width:1023px){.mc-barra > #moreBtn,.mc-barra > .mc-orden{grid-column:span 3}}
.mc-zonas.mc-fr1{grid-template-columns:1fr}

/* El editor: la "i" al lado de WhatsApp y su explicación (acá llegan las consultas de visita) */
.pf-lbl-i{display:flex;align-items:center;gap:2px}
.pf-lbl-i{margin:0 0 3px}
.pf-lbl-i label{display:block;margin:0;padding:0;font:500 .8125rem/1.3 var(--font-body);letter-spacing:.01em;color:var(--pf-oro-tinta,#75623C)}
.pf-info{display:grid;place-items:center;width:32px;height:32px;margin:-6px 0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pf-info span{display:grid;place-items:center;width:18px;height:18px;border:1px solid #8A7547;border-radius:50%;color:#75623C;font:600 .7rem/1 Georgia,"Times New Roman",serif;font-style:italic;transition:background-color .16s ease,color .16s ease}
.pf-info[aria-expanded="true"] span{background:#8A7547;color:#FBFAF6}
.pf-info:active span{transform:scale(.94)}
.pf-info-txt{margin:6px 0 10px;padding:10px 12px;border:1px solid rgba(194,169,104,.45);border-radius:var(--r-ctl,10px);background:#FBF7EC;font:300 .875rem/1.45 var(--font-body);color:#3F4A5E}

/* ── Soy propietario: el título, la pantalla real del dueño (con datos de ejemplo) y un solo botón ── */
.pp-hero-solo{padding-bottom:clamp(36px,6vw,64px)!important}
.pp-hero-solo .pp-sub{max-width:40ch}
.pp-real{background:#F6F2E8;padding:28px 0 clamp(48px,8vw,80px)}
.pp-real-in{max-width:640px;margin:0 auto;padding:0 16px;box-sizing:border-box}
.pp-real-l{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;font:500 .9375rem/1.3 var(--font-body);color:#3F4A5E}
.pp-rep .rep-solo > section:first-child{margin-top:0}
.pp-rep .rep{margin:0}
.pp-real .pp-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin:22px 0 0;font-size:1rem}
@media (min-width:700px){.pp-real .pp-cta{width:auto;min-width:260px;margin-left:auto;margin-right:auto}}

/* ── Jerarquía de tamaños (Tomás, 25/10 noche: "hay textos muy grandes que me confunden, busquemos cierta jerarquía").
   Una sola escala para toda la web. En el celular: título de la portada 28, título de página 26, título de sección 21,
   título de tarjeta 18, texto 16 y rótulos 13; las cifras grandes (precio de la ficha y números del reporte), 30.
   En la compu crecen hasta 34 (página) y 28 (sección). Antes un título de sección (26) casi igualaba al de la portada
   (28) y los números del reporte (37) le ganaban al título de la página (32). ── */
:root{--t-h1:clamp(1.625rem,1.2rem + 1.6vw,2.125rem);--t-h2:clamp(1.3125rem,1rem + 1.4vw,1.75rem);--t-h3:1.125rem;--t-cifra:1.875rem}
/* Títulos de página */
body.p-propietarios .pp-hero h1,body.p-publicar-landing h1.p-h2,body.p-criterios h1.p-h2,body.p-guardados h1.p-gtit,body.p-panel-page #content h1.p-h2{font-size:var(--t-h1)!important;line-height:1.15!important}
body.p-ficha-page .p-ficha2 h1{font-size:clamp(1.5rem,1.1rem + 1.5vw,2.125rem)!important;line-height:1.15!important}
/* Títulos de sección */
body.p-home .h-sec .h-h2,body.p-publicar-landing h2.p-h2{font-size:var(--t-h2)!important;line-height:1.2!important}
body.p-criterios .p-crit-sec > h2{font-size:var(--t-h2)!important}
/* Títulos de tarjeta y del reporte */
.tj-titulo{font-size:var(--t-h3)!important}
.rep .rep-cab h2,.rep .rep-ahora h3{font-size:1.1875rem!important}
/* Las cifras grandes */
body.p-ficha-page .p-ficha2 .p-cta .p-cta-price{font-size:var(--t-cifra)}
.rep .rep-nums b{font-size:var(--t-cifra)!important}

/* El gráfico de vistas se toca: la barra elegida en navy y, arriba, su día y sus vistas (antes, la de hoy siempre navy) */
.rep-graf-dato{margin:-2px 0 12px;font:500 .9375rem/1.3 var(--font-body);color:#131D2D;font-variant-numeric:tabular-nums lining-nums}
body .p-page.after-band .rep-graf-dato{color:#131D2D}
.rep .rep-barras span{cursor:pointer;border-radius:6px;outline:0;-webkit-tap-highlight-color:transparent}
.rep .rep-barras span:focus-visible{box-shadow:0 0 0 2px rgba(194,169,104,.6)}
.rep .rep-barras span i{transition:background-color .16s ease}
.rep .rep-barras span:last-child i{background:var(--pr-oro,#C2A968)}
.rep .rep-barras span.sin:last-child i{background:rgba(194,169,104,.55)}
.rep .rep-barras span.sel i{background:#131D2D}
.rep .rep-barras span:last-child em{font-weight:400;color:var(--pr-tinta2,#59647A)}
.rep .rep-barras span.sel em{font-weight:500;color:#131D2D}
.rep .rep-barras span:active i{opacity:.8}
@media (prefers-reduced-motion:reduce){.rep .rep-barras span i{transition:none}}

/* ── El reporte del dueño en una sola burbuja blanca (Tomás: "todos los datos del portal en una misma burbuja, así se
   entiende que es el portal del mismo depto"): el departamento arriba y debajo, separadas por un filete, las cifras, el
   gráfico, las visitas y las consultas. "Qué hacer ahora" queda como una franja navy adentro. Vale para el link del
   dueño, Mis departamentos y el ejemplo de Soy propietario; la gestión (que ya lo mete en su tarjeta) sigue igual. ── */
.rep{gap:0;background:#fff;border:1px solid var(--pr-linea,rgba(19,29,45,.12));border-radius:16px;overflow:hidden}
.rep > *{background:transparent;border:0;border-radius:0;padding:18px 16px}
.rep > * + *{border-top:1px solid var(--pr-linea,rgba(19,29,45,.1))}
.rep > .rep-ahora{border-top-color:var(--pr-navy,#131D2D)}
.rep > .rep-ahora + *{border-top:0}
.ges-como > div .rep{background:none;border:0;border-radius:0;overflow:visible;gap:20px}

/* ── Prueba con 12 usuarios (25/10 noche) ── */
/* "Hacer una consulta", chico y debajo del botón de la visita */
.p-vis-consulta{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:2px;font:400 .875rem/1 var(--font-body);color:rgba(251,250,246,.78);text-decoration:underline;text-decoration-color:rgba(251,250,246,.3);text-underline-offset:3px}
body.p-ficha-page .p-ficha2 .p-cta a.p-vis-consulta{color:rgba(251,250,246,.78)}
.p-vis-hoja .p-vis-consulta,body.p-ficha-page .p-vis-hoja a.p-vis-consulta{color:#3F4A5E;text-decoration-color:rgba(19,29,45,.3)}
@media (hover:hover) and (pointer:fine){.p-vis-consulta:hover{color:#DECDA0}.p-vis-hoja .p-vis-consulta:hover{color:#131D2D}}
/* El reporte del dueño: la letra chica, un poco más grande (la dueña de prueba no la leía) */
.rep .rep-nums small{font-size:.8125rem!important}
.rep .rep-barras em{font-size:.75rem!important}
.rep .rep-l{font-size:.75rem!important}
.rep .rep-act-t small,.rep .rep-vivo > span:not(.en-vivo){font-size:.8125rem!important}
/* El link del dueño (reporte.html) sin menú: la inmobiliaria se lo manda a su propietario y no tiene que terminar en
   "Soy propietario: publicá gratis" (la corredora de prueba no lo mandaba por eso). Queda el logo, sin enlace, y en el pie
   solo Términos y privacidad. */
body.p-reporte .p-navbar .p-nav-right,body.p-reporte .p-navbar .p-nav-principal,body.p-reporte .mm-burger,body.p-reporte #mobileMenu,body.p-reporte .p-tabbar{display:none!important}
body.p-reporte .p-pie-links li:not(:has(a[href^="legales"])){display:none}
body.p-reporte .nav-logo{pointer-events:none}
.pp-hero .pp-pills{margin:18px 0 0}
html body.p-reporte #pHeader .burger,html body.p-reporte #pHeader .mm-burger,html body.p-reporte #pHeader .p-nav-right,html body.p-reporte #pHeader .p-nav-principal{display:none!important}
html body.p-reporte #pHeader .p-navbar > .burger.mm-burger{display:none!important}

/* Con Mensajes prendido, "Coordinar visita" pasa a secundario: sobre la tarjeta navy quedaba navy sobre navy (un
   espacio azul vacío, Tomás 25/10). Borde y letra crema. */
body.p-ficha-page .p-ficha2 .p-cta .p-cta-wa.p-cta-sec{background:transparent;border:1px solid rgba(251,250,246,.4);color:#FBFAF6}
body.p-ficha-page .p-ficha2 .p-cta .p-cta-wa.p-cta-sec svg{color:#FBFAF6}

/* ── La lista del mapa: "39 departamentos" y debajo Ambientes, Precio y Barrio (sin "Ver mapa": la manija vuelve al mapa).
   Los tres abren una hoja blanca desde abajo para marcar varias opciones, con cuántos hay de cada una. ── */
.mb-filtros.mb-filtros3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}
.mb-fb{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;margin:0;padding:0 8px;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-ctl,10px);background:rgba(255,255,255,.05);color:#FBFAF6;font:500 .9375rem/1 var(--font-body);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.23,1,.32,1),border-color .16s ease,background-color .16s ease}
.mb-fb:active{transform:scale(.97)}
.mb-fb .mb-fb-ch{width:14px;height:14px;flex:none;color:rgba(251,250,246,.6)}
.mb-fb.on{border-color:#C2A968;background:rgba(194,169,104,.16);color:#DECDA0}
@media (hover:hover) and (pointer:fine){.mb-fb:hover{border-color:rgba(255,255,255,.4)}}
.mb-lista-cab .mb-asa{top:0;width:96px;height:26px;margin-left:-48px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mb-lista-cab .mb-asa::before{content:"";position:absolute;left:32px;right:32px;top:10px;height:3px;border-radius:2px;background:rgba(255,255,255,.3)}
.mb-hf{position:absolute;inset:0;z-index:60}
.mb-hf-velo{position:absolute;inset:0;background:rgba(10,15,24,.5);opacity:0;transition:opacity .2s cubic-bezier(.23,1,.32,1)}
.mb-hf.on .mb-hf-velo{opacity:1;transition-duration:.28s}
.mb-hf-c{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:78%;background:#fff;color:#131D2D;border-radius:var(--r-box,14px) var(--r-box,14px) 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.3);transform:translateY(105%);transition:transform .2s cubic-bezier(.23,1,.32,1)}
.mb-hf.on .mb-hf-c{transform:none;transition:transform .28s cubic-bezier(.32,.72,0,1)}
.mb-hf-cab{display:flex;align-items:center;justify-content:space-between;padding:14px 10px 6px 20px}
.mb-hf-t{margin:0;font:500 1.1875rem/1.2 var(--font-body);color:#131D2D}
.mb-hf-x{display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:#131D2D;cursor:pointer}
.mb-hf-x svg{width:22px;height:22px}
.mb-hf-ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 20px 16px;overflow-y:auto}
.mb-hf-ops.una{grid-template-columns:1fr}
.mb-hf-op{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:0 14px;border:1px solid rgba(19,29,45,.18);border-radius:var(--r-ctl,10px);background:#fff;color:#131D2D;font:500 .9375rem/1.2 var(--font-body);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s ease,border-color .16s ease}
.mb-hf-op span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-hf-op small{flex:none;font:400 .8125rem/1 var(--font-body);color:#59647A;font-variant-numeric:tabular-nums lining-nums}
.mb-hf-op:active{transform:scale(.98)}
.mb-hf-op.on{background:#2A3A52;border-color:#2A3A52;color:#FBFAF6}
.mb-hf-op.on small{color:rgba(251,250,246,.75)}
.mb-hf-op[disabled]{opacity:.45;cursor:default}
.mb-hf-pie{display:flex;align-items:center;gap:12px;padding:12px 20px calc(env(safe-area-inset-bottom,0px) + 14px);border-top:1px solid rgba(19,29,45,.1)}
.mb-hf-borrar{min-height:44px;padding:0 4px;border:0;background:none;color:#131D2D;font:400 .9375rem/1 var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mb-hf-ver{flex:1;min-height:52px;border:0;border-radius:var(--r-ctl,10px);background:#131D2D;color:#FBFAF6;font:500 1rem/1 var(--font-body);cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1)}
.mb-hf-ver:active{transform:scale(.98)}
@media (min-width:860px){.mb-hf-c{left:50%;right:auto;bottom:24px;width:420px;margin-left:-210px;border-radius:var(--r-box,14px);transform:translateY(16px);opacity:0;transition:transform .2s cubic-bezier(.23,1,.32,1),opacity .2s cubic-bezier(.23,1,.32,1)}.mb-hf.on .mb-hf-c{opacity:1}}
@media (prefers-reduced-motion:reduce){.mb-hf-c,.mb-hf.on .mb-hf-c,.mb-fb,.mb-hf-op{transition:none}.mb-fb:active,.mb-hf-op:active,.mb-hf-ver:active{transform:none}}

/* ── Pasada de velocidad (25/10 noche): lo que está lejos de la pantalla no se dibuja hasta acercarse (menos trabajo al
   cargar en el celular). Mismo aspecto: el navegador reserva el alto aproximado. ── */
body.p-home main > section.h-sec ~ section.h-sec{content-visibility:auto;contain-intrinsic-size:auto 900px}
.mc-pagina .p-list > .prop-card:nth-child(n+5){content-visibility:auto;contain-intrinsic-size:auto 520px}
body.p-ficha-page .p-fsim{content-visibility:auto;contain-intrinsic-size:auto 900px}

/* La campana del celular, al lado de "MENÚ" (Tomás: "está muy separada"). El margen era de cuando el menú era solo el
   ícono y compartía la columna. */
.p-navbar > .p-campana-m{margin-right:0!important}

/* La alerta de la lista: título, una línea y el botón; creada, con el check y "Quitar alerta" chico */
.mc-alerta{flex-direction:column;align-items:flex-start;gap:6px}
.mc-alerta-t{display:inline-flex;align-items:center;gap:8px}
.mc-alerta-t svg{width:20px;height:20px;color:#C2A968;flex:none}
.mc-alerta-s{margin:0 0 8px;font:300 .9375rem/1.4 var(--font-body);color:rgba(251,250,246,.78)}
.mc-alerta .mc-al-crear{min-height:48px;padding:0 20px;background:#C2A968;border-color:#C2A968;color:#131D2D}
.mc-alerta .mc-al-crear svg{width:18px;height:18px}
.mc-alerta .mc-al-quitar{min-height:40px;padding:0;border:0;background:none;color:rgba(251,250,246,.7);font:400 .875rem/1 var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (hover:hover) and (pointer:fine){.mc-alerta .mc-al-quitar:hover{color:#DECDA0}}

/* 26/10/2026 · Portada: debajo del titular, un solo botón ("en la home solo diga Ver departamentos y que aparezcan todos") */
body.p-home .h-hero .h-ver{display:inline-flex;align-items:center;justify-content:center;height:54px;margin:26px auto 0;padding:0 34px;border-radius:var(--r-ctl,10px);background:var(--gold,#C2A968);color:var(--navy-deeper,#131D2D);font:500 1rem/1 var(--font-body);letter-spacing:.01em;text-decoration:none;white-space:nowrap;box-shadow:0 10px 28px rgba(10,20,40,.28);-webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .2s ease}
body.p-home .h-hero .h-ver:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){body.p-home .h-hero .h-ver:hover{background:var(--gold-light,#DECDA0)}}
body.p-home .h-hero .h-ver:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(222,205,160,.7)}
@media(max-width:599px){body.p-home .h-hero .h-ver{height:52px;margin-top:22px;padding:0 30px}}
@media(prefers-reduced-motion:reduce){body.p-home .h-hero .h-ver{transition:none}}