/* BAIREN · Portal · Rama tomas/neutro (26/10/2026). "Marco BAIREN, contenido neutro".
   Tomás: "la veo muy con la identidad de bairen, azul, blanco, cremita... al ser más portal de todo, quizás debería ser más
   neutra". Se queda de BAIREN el marco: encabezado y pie navy, la foto de la portada, Playfair en títulos y el mapa navy.
   El contenido pasa a un blanco cálido casi gris, con tarjetas blancas: así mandan las fotos y los logos de quien publica.
   El oro queda solo para lo elegido y lo verificado; los botones principales van en tinta navy (sistema evolucionado del
   manual de marca). Un solo radio para tarjetas, botones y campos (12 px); las pastillas de estado siguen siendo píldora.
   Va último en cada página: pisa los colores del contenido sin tocar los archivos de la base. */
:root{
  /* 26/10/2026 · Tomás: "en algunos lugares el clarito y el beige se pierden": el lienzo baja un tono (beige grisáceo) para que
     lo blanco se despegue, y las líneas acompañan */
  --n-fondo:#ECE9E3; --n-blanco:#FFFFFF; --n-suave:#EFEDE8; --n-linea:#E0DCD4; --n-linea-2:#CFCAC1;
  --n-tinta:#131D2D; --n-tinta-2:#454D5C; --n-tinta-3:#6C727E;
  --n-oro:#C2A968; --n-oro-osc:#8A7547; --n-oro-tinta:#75623C; --n-oro-velo:#F8F3E6;
  --n-r:12px; --n-sombra:0 1px 2px rgba(17,24,39,.05),0 8px 24px rgba(17,24,39,.07); --n-sombra-2:0 2px 4px rgba(17,24,39,.05),0 14px 32px rgba(17,24,39,.09);
  --n-curva:cubic-bezier(.23,1,.32,1);
}

/* ── El lienzo del contenido ── */
body.p-catalogo,body.p-ficha-page,body.p-guardados,body.p-propietarios,body.p-publicar-landing,body.p-product,body.p-reporte-page,
.p-page.after-band,.pp-real,.mc-main{background:var(--n-fondo)!important}
html.n-js body{background-color:var(--n-fondo)}

/* ── Tarjetas ── */
.prop-card.p-tj,.p-anun,.p-perfiles.aji-puertas,.mc-gu-vacio,.rep,.pf-card,.p-card-panel{background:var(--n-blanco)!important;border:1px solid var(--n-linea)!important;border-radius:var(--n-r)!important;box-shadow:var(--n-sombra)!important}
.prop-card.p-tj{overflow:hidden}
@media(hover:hover) and (pointer:fine){.prop-card.p-tj{transition:box-shadow 200ms var(--n-curva),transform 200ms var(--n-curva)}.prop-card.p-tj:hover{box-shadow:var(--n-sombra-2)!important;transform:translateY(-2px)}}
.tj-foto{background:var(--n-suave)!important}
.prop-card.p-tj .tj-titulo{color:var(--n-tinta)!important}
.prop-card.p-tj .tj-calle,.prop-card.p-tj .tj-pub{color:var(--n-tinta-3)!important}
.prop-card.p-tj .tj-pub b{color:var(--n-tinta-2)!important}
.p-skel-card,.p-skel-card .ph{background:var(--n-suave)!important;border-radius:var(--n-r)}

/* ── Las fotos aparecen con un fundido corto (js/neutro.js marca .n-ok al cargar) ── */
html.n-js .tj-foto img:not(.n-ok),html.n-js .p-fhero img:not(.n-ok),html.n-js .ref-calc-par img:not(.n-ok){opacity:0}
.tj-foto img,.p-fhero img,.ref-calc-par img{transition:opacity 240ms var(--n-curva)}

/* ── Catálogo: el título en la banda navy (sigue al encabezado; en claro se perdía entre tres blancos seguidos) y la barra
   de filtros en blanco debajo ── */
.p-catband.mc-banda{border-bottom:0!important}
.mc-filtros{background:var(--n-blanco)!important;border-bottom:1px solid var(--n-linea)!important;box-shadow:0 1px 0 rgba(17,24,39,.02)}
.mc-filtros .mc-btn,.mc-filtros .mc-buscar,.ref-alerta{background:var(--n-blanco)!important;border:1px solid var(--n-linea-2)!important;color:var(--n-tinta)!important;border-radius:var(--n-r)!important}
.mc-filtros .mc-btn svg,.mc-filtros .mc-buscar svg,.ref-alerta svg{color:var(--n-oro-osc)!important}
.mc-filtros .mc-btn.on{background:var(--n-oro-velo)!important;border-color:var(--n-oro)!important}
.mc-filtros .mc-buscar input{color:var(--n-tinta)!important;background:transparent!important}
.mc-filtros .mc-buscar input::placeholder{color:var(--n-tinta-3)!important}
.ref-alerta.on{background:var(--n-oro)!important;border-color:var(--n-oro)!important;color:var(--n-tinta)!important}
.ref-alerta.on svg{color:var(--n-tinta)!important}
.mc-activos .mc-chip{background:var(--n-suave)!important;border:1px solid var(--n-linea)!important;color:var(--n-tinta)!important;border-radius:var(--n-r)!important}
.mc-activos .mc-chip svg{color:var(--n-tinta-3)!important}
.mc-activos .mc-chip-todo,.mc-activos .lnk{color:var(--n-tinta-2)!important}
#alertaSec.mc-alerta{background:var(--n-blanco)!important;border:1px solid var(--n-linea)!important;border-radius:var(--n-r)!important;box-shadow:var(--n-sombra)!important}
#alertaSec .mc-alerta-t{color:var(--n-tinta)!important}
#alertaSec .mc-alerta-s{color:var(--n-tinta-3)!important}
#alertaSec .p-btn{background:var(--n-tinta)!important;border-color:var(--n-tinta)!important;color:#FFF!important}
.mc-hoja-pie,.mc-pop-pie,.p-drawer .foot{background:var(--n-blanco)!important}
.p-pager button{border-radius:var(--n-r)!important}
.p-pager button.on,.p-pager button[aria-current]{background:var(--n-tinta)!important;border-color:var(--n-tinta)!important;color:#FFF!important}

/* Chips y opciones elegidas: oro (lo elegido); el resto, neutro */
.mc-zona,.p-fbtn,.p-vis-chip{border-radius:var(--n-r)!important}
.mc-zona.on,.p-fbtn.on,.mc-seg .on{background:var(--n-oro)!important;border-color:var(--n-oro)!important;color:var(--n-tinta)!important}
.mc-zona.on small,.p-fbtn.on small{color:var(--n-tinta)!important;opacity:.7}
.mc-pop .p-btn-navy,.p-drawer .p-btn-navy,#applyDrawer{background:var(--n-tinta)!important;border-color:var(--n-tinta)!important;color:#FFF!important;border-radius:var(--n-r)!important}

/* ── Ficha ── */
.p-fbanda,#gal.p-fhero{background:var(--n-fondo)!important}
.p-fbanda a,.p-fbanda .p-volver,.p-fbanda button{color:var(--n-tinta)!important}
.p-fbanda svg{color:var(--n-oro-osc)!important}
#gal.p-fhero img,.p-fhero .p-tray img{border-radius:0}
@media(min-width:1024px){#gal.p-fhero .p-tray,#gal.p-fhero > div{border-radius:var(--n-r);overflow:hidden}}
/* 26/10/2026 (revisión de la ficha) · Tomás: "quedó muy blanco en varias partes" y "podés meter azul si lo necesitás".
   La tarjeta del precio, la barra de abajo y las anclas vuelven a navy (sus estilos de siempre): el navy marca lo que
   se toca para escribir y para moverse; el resto de la ficha queda sobre el lienzo, sin cajas. */
#ctaCard.p-cta{border-radius:var(--n-r)!important;box-shadow:0 2px 6px rgba(19,29,45,.12),0 18px 40px rgba(19,29,45,.16)!important}
.p-anun-logo{border-radius:var(--n-r)!important}
.ref-pdf{border-radius:var(--n-r)!important;border-color:var(--n-linea-2)!important}

/* ── Propietarios: la portada y la calculadora, en claro ── */
.pp-hero{background:var(--n-fondo)!important}
.pp-hero .pp-eyebrow{color:var(--n-oro-tinta)!important}
.pp-hero h1{color:var(--n-tinta)!important}
.pp-hero .pp-sub{color:var(--n-tinta-2)!important}
.pp-hero .prom-pill{border-color:var(--n-linea-2)!important;color:var(--n-tinta)!important;background:var(--n-blanco)!important}
.pp-hero .prom-pill svg{color:var(--n-oro-osc)!important}
.ref-calc{background:var(--n-blanco)!important;border:1px solid var(--n-linea)!important;border-radius:var(--n-r)!important;box-shadow:var(--n-sombra)!important}
.ref-calc-t{color:var(--n-oro-tinta)!important}
.ref-calc-sel{background-color:var(--n-blanco)!important;border-color:var(--n-linea-2)!important;color:var(--n-tinta)!important;border-radius:var(--n-r)!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M0 0l5 6 5-6z' fill='%238A7547'/></svg>")!important}
.ref-calc-amb{border-color:var(--n-linea-2)!important;border-radius:var(--n-r)!important}
.ref-calc-amb button{color:var(--n-tinta-2)!important;border-left-color:var(--n-linea)!important}
.ref-calc-amb button.on{background:var(--n-oro)!important;color:var(--n-tinta)!important}
.ref-calc-n b{color:var(--n-oro-osc)!important}
.ref-calc-n span,.ref-calc-meses p{color:var(--n-tinta-2)!important}
.ref-calc-meses b{color:var(--n-tinta)!important}
.ref-calc-s{color:var(--n-tinta-3)!important}
.ref-calc-par{color:var(--n-tinta)!important}
.ref-calc-par img,.ref-calc-par i{border-radius:10px!important;background:var(--n-suave)!important}
.pp-btn-oro,.ref-pp-barra .pp-btn{background:var(--n-tinta)!important;border-color:var(--n-tinta)!important;color:#FFF!important;border-radius:var(--n-r)!important}
.ref-pp-barra{background:rgba(255,255,255,.96)!important;border-top:1px solid var(--n-linea)!important}

/* ── Reporte del dueño, Publicar y Guardados: las cabeceras en claro ── */
.p-band.rep-band{background:var(--n-fondo)!important}
.p-band.rep-band h1,.p-band.rep-band .p-h2{color:var(--n-tinta)!important}
.p-band.rep-band .p-sub{color:var(--n-tinta-2)!important}
body.p-publicar-landing .p-hero-band,body.p-publicar-landing .p-band{background:var(--n-fondo)!important}
body.p-publicar-landing .p-band h1,body.p-publicar-landing .p-band .p-h2,body.p-publicar-landing h1{color:var(--n-tinta)!important}
body.p-publicar-landing .p-band .p-sub,body.p-publicar-landing .p-band p{color:var(--n-tinta-2)!important}

/* ── Portada: la banda del medio ("Elegimos cada departamento"), en claro; la foto de arriba queda ── */
#estandar.h-sec.h-navy{background:var(--n-blanco)!important;border-top:1px solid var(--n-linea);border-bottom:1px solid var(--n-linea)}
#estandar.h-navy h2,#estandar.h-navy h3,#estandar.h-navy b,#estandar.h-navy strong,#estandar.h-navy p,#estandar.h-navy span:not([class*="ic"]){color:var(--n-tinta)!important}
#estandar.h-navy a{color:var(--n-oro-tinta)!important}

/* ── Un solo radio para botones y campos ── */
.p-btn,.mc-btn,.mc-mapa,.p-fsel,.mc-campo,.p-icon-btn,.ref-tj-fl{border-radius:var(--n-r)!important}
.p-icon-btn{border-color:var(--n-linea-2)!important}
.mc-pop.open,.p-drawer .panel,.mc-mhoja,.p-vis-hoja-in{border-radius:16px 16px 0 0!important}

/* ── Hojas del celular: la manija arriba avisa que se pueden bajar con el dedo (js/neutro.js) ── */
@media(max-width:1023px){
  .mc-pop.open .mc-pop-cab,.p-drawer .mc-hoja-cab,.mc-mhoja-cab,.p-vis-hoja-cab{position:relative;touch-action:none}
  .mc-pop.open .mc-pop-cab::before,.p-drawer .mc-hoja-cab::before,.mc-mhoja-cab::before,.p-vis-hoja-cab::before{content:"";position:absolute;top:7px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:rgba(17,24,39,.16)}
  .mc-mhoja-cab::before{background:rgba(251,250,246,.3)}
}
@media(prefers-reduced-motion:reduce){.tj-foto img,.p-fhero img,.ref-calc-par img{transition:none}}

/* ── Publicar: el rótulo de la foto chica u oscura ── */
.pf-foto{position:relative}
.n-nota{position:absolute;left:8px;bottom:8px;z-index:2;padding:4px 8px;border-radius:8px;background:rgba(19,29,45,.82);color:#FBFAF6;font:500 .6875rem/1 var(--font-body);letter-spacing:.02em;pointer-events:none}

/* ── Portada: las bandas crema pasan al lienzo neutro; los íconos de "Elegimos", en blanco con filete oro ── */
.h-sec.h-crema{background:var(--n-fondo)!important}
#estandar .pt{background:var(--n-blanco)!important;box-shadow:0 0 0 1px rgba(194,169,104,.65),0 0 0 7px var(--n-blanco)!important;color:var(--n-oro-osc)!important}
#estandar .pt svg{color:var(--n-oro-osc)!important;stroke:currentColor}

/* ── Ficha · revisión (26/10, Tomás: "lo que tiene quedó poco estético y cuadrado"). Condiciones y Lo que tiene sin caja,
   sobre el lienzo; títulos de sección en Playfair; íconos finos en un círculo sutil con filete oro; "Ver las 7" como
   enlace, igual que "Leer más"; los números de arriba en Playfair. ── */
.p-fb-cond,.p-fb-tiene{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin-top:36px!important}
@media(min-width:1024px){.p-fb-cond{padding-right:36px!important}.p-fb-tiene{padding-left:36px!important;border-left:1px solid var(--n-linea-2)!important}}
.p-ficha-main .p-sec-t,.p-fpub2-t,.p-fsim .p-head-row .p-h2,.p-fsim .p-h2{font:400 1.3125rem/1.25 var(--font-display,'Playfair Display'),Georgia,serif!important;letter-spacing:0!important;color:var(--n-tinta)!important;margin:0 0 16px!important}
.p-fcond li{color:var(--n-tinta-2)!important}
.ref-tiene{gap:16px 20px!important;margin-top:0!important}
.ref-tiene li{gap:14px!important;font-size:.9375rem!important;color:var(--n-tinta-2)!important}
.ref-tiene svg{box-sizing:content-box;width:20px;height:20px;padding:9px;border-radius:50%;background:rgba(255,255,255,.55);border:1px solid rgba(194,169,104,.4);color:var(--n-oro-osc)!important;stroke-width:1.3}
.ref-tiene-mas{display:inline-block;height:auto!important;margin-top:20px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--n-tinta)!important;font:500 .9375rem/1.4 var(--font-body)!important;text-decoration:underline;text-decoration-color:rgba(194,169,104,.7);text-decoration-thickness:1px;text-underline-offset:6px}
@media(hover:hover) and (pointer:fine){.ref-tiene-mas:hover{background:none!important;color:var(--n-oro-tinta)!important}}
.p-fnums dd{font:400 1.5rem/1.15 var(--font-display,'Playfair Display'),Georgia,serif!important;color:var(--n-tinta)!important;letter-spacing:0!important}
.p-fnums dt{color:var(--n-tinta-3)!important}
.p-fb-ubic .p-map-wrap,.p-fb-ubic iframe{border-radius:var(--n-r)!important}

/* ── Pasada premium (26/10, Tomás: "haceme una pasada premium en toda la web"; "podés meter azul si lo necesitás") ── */
/* Mapas: "Ver N departamentos" en oro lleno sobre el navy, con su flecha, para que se lea como botón */
.mc-mhoja .mc-ver,.mc-banda .mc-ver,.ref-lado .mc-ver{background:var(--n-oro)!important;color:var(--n-tinta)!important;border-radius:var(--n-r)!important;box-shadow:0 6px 18px rgba(0,0,0,.28)}
.mc-mhoja .mc-ver:disabled{opacity:.45}
.mc-mhoja-pie .lnk{color:rgba(251,250,246,.82)!important;text-decoration:underline;text-decoration-color:rgba(194,169,104,.7);text-underline-offset:5px}
/* Un solo botón principal sobre lo claro: tinta navy (el oro lleno queda sobre navy y foto) */
.h-sec.h-crema .h-btn-oro,.p-page.after-band .p-btn-fill{background:var(--n-tinta)!important;border-color:var(--n-tinta)!important;color:#FFF!important;border-radius:var(--n-r)!important}
.h-sec.h-crema .h-btn:not(.h-btn-oro){border-radius:var(--n-r)!important;border-color:var(--n-linea-2)!important;background:var(--n-blanco)!important;color:var(--n-tinta)!important}
/* Menos hueco antes del pie */
.p-page.after-band{padding-bottom:56px!important;min-height:0!important}
.p-crit{padding-bottom:0!important}
section#panel.aji-navy{padding-bottom:56px!important}
/* Publicar: el enlace de la franja navy, subrayado oro */
section#panel.aji-navy .p-link{color:#FBFAF6!important;text-decoration:underline;text-decoration-color:rgba(194,169,104,.7);text-underline-offset:6px}
/* Quiénes publican: "Sos inmobiliaria o gestor?" sin doble caja */
.p-prose.bp-espera{background:transparent!important;padding:0!important;border:0!important}
.p-prose.bp-espera .box{background:var(--n-blanco)!important;border:1px solid var(--n-linea)!important;border-left:1px solid var(--n-linea)!important;border-radius:var(--n-r)!important;box-shadow:var(--n-sombra)}
/* Propietarios en la compu: el título a la izquierda y la calculadora a la derecha (antes, media pantalla vacía) */
@media(min-width:1024px){
  .pp-hero .pp-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,440px);column-gap:72px;align-items:center}
  .pp-hero .pp-in > *{grid-column:1}
  .pp-hero .pp-in > .ref-calc{grid-column:2;grid-row:1 / span 6;margin:0;max-width:none}
  .pp-hero{padding-bottom:64px!important}
}
/* Guardados sin cuenta: la tarjeta centrada en su espacio, no pegada arriba con el hueco abajo */
main.p-guardados-in{min-height:0!important;padding-bottom:64px!important}

/* ── Menú (26/10, Tomás): arriba solo Publicar e Ingresar; el idioma, banderitas chiquitas y sutiles, de última ── */
.p-navbar .p-nav-principal{display:none!important}
.p-navbar .p-nav-right{gap:10px}
.p-navbar .p-nav-publicar{background:transparent!important;border:1px solid rgba(194,169,104,.55)!important;color:#FBFAF6!important;border-radius:var(--n-r)!important}
@media(hover:hover) and (pointer:fine){.p-navbar .p-nav-publicar:hover{background:rgba(194,169,104,.14)!important}}
html .p-lang{display:inline-flex!important;align-items:center;gap:6px!important;width:auto!important;height:auto!important;margin:0 0 0 4px!important;position:static!important}
html .p-lang::before{display:none!important;content:none!important}
html .p-lang button{display:inline-flex!important;align-items:center;justify-content:center;position:static!important;min-width:0!important;width:26px!important;height:22px!important;padding:0!important;border:0!important;border-radius:4px!important;background:transparent!important;opacity:.42;filter:saturate(.55);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity 160ms var(--n-curva),filter 160ms var(--n-curva),transform 160ms var(--n-curva)}
html .p-lang button::after{display:none!important;content:none!important}
html .p-lang button svg{display:block;width:18px;height:12px;border-radius:2px;box-shadow:0 0 0 1px rgba(251,250,246,.16)}
html .p-lang button.on{opacity:1;filter:none}
html .p-lang button.on svg{box-shadow:0 0 0 1px rgba(194,169,104,.9)}
html .p-lang button:active{transform:scale(.94)}
html .p-lang button:focus-visible{outline:2px solid #DECDA0;outline-offset:2px}
@media(hover:hover) and (pointer:fine){html .p-lang button:not(.on):hover{opacity:.8;filter:none}}
/* En el celular: Publicar e Ingresar uno al lado del otro, y las banderitas abajo, al centro */
.mobile-menu .m-cta{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
.mobile-menu .m-cta .p-btn{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--n-r)!important}
.mobile-menu .m-cta .m-publicar{background:transparent!important;border:1px solid rgba(194,169,104,.55)!important;color:#FBFAF6!important}
.mobile-menu .m-lang{justify-content:center;margin:18px auto 0!important;padding-top:16px;border-top:1px solid rgba(251,250,246,.1);width:100%!important}
.pf-como{margin:-6px 0 18px}
/* "Cómo funciona", chiquito debajo de Publicar e Ingresar (Tomás, 26/10) */
.mobile-menu .m-como{display:block;margin:14px auto 0;padding:6px 0;text-align:center;font:400 .8125rem/1.2 var(--font-body);color:rgba(251,250,246,.72);text-decoration:underline;text-decoration-color:rgba(194,169,104,.6);text-underline-offset:5px}
.mobile-menu .m-como + .m-lang{margin-top:12px!important}
/* Menú del celular, prolijo con y sin cuenta: botones en una fila que se reparte sola, una sola línea antes de las banderitas */
.mobile-menu .m-cta{display:flex!important;gap:10px;border:0!important;padding-bottom:0!important;margin-bottom:0!important}
.mobile-menu .m-cta .p-btn{flex:1 1 0;min-width:0}
.mobile-menu .m-cuenta{border:0!important}
.mobile-menu.m-con-sesion .m-cta .p-btn{background:transparent!important;border:1px solid rgba(194,169,104,.55)!important;color:#FBFAF6!important}
.mobile-menu.m-con-sesion .m-cta .m-publicar{background:#C2A968!important;border-color:#C2A968!important;color:#131D2D!important}
.mobile-menu.m-con-sesion .m-como{display:none}
.mobile-menu .m-salir{display:block;width:auto!important;min-height:0!important;margin:16px auto 0!important;padding:6px 0!important;border:0!important;text-align:center;font:400 .875rem/1.2 var(--font-body)!important;color:rgba(251,250,246,.7)!important}
.mobile-menu .m-como{border:0!important;width:auto!important;min-height:0!important}
/* Publicar · "Se libera el": la fecha debajo de las dos opciones */
.pf-ingreso-fecha{margin-top:10px}
.pf-ingreso-fecha[hidden]{display:none}
.pf-ingreso-fecha input{width:100%}

/* ── Perfil de cada marca (perfil.html): la cabecera en el color de su logo (js/marca.js) ── */
.p-perfil-page .pm-cab{--marca:#131D2D;--marca-tinta:#FBFAF6;background:var(--marca);color:var(--marca-tinta);position:relative;overflow:hidden;transition:background-color 320ms var(--n-curva),color 320ms var(--n-curva)}
.p-perfil-page .pm-cab::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 140% at 85% -20%,rgba(255,255,255,.14),transparent 55%),linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.12));pointer-events:none}
.p-perfil-page .pm-cab-in{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px 20px;padding-top:32px!important;padding-bottom:28px!important}
.p-perfil-page .pm-logo{width:76px;height:76px;border-radius:18px;background:#FFF;display:grid;place-items:center;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.22);flex:none}
.p-perfil-page .pm-logo img{width:100%;height:100%;object-fit:cover}
.p-perfil-page .pm-logo b{font:500 1.5rem/1 var(--font-body);color:var(--marca)}
.p-perfil-page .pm-nombre{margin:0;font:400 var(--t-h1,1.75rem)/1.15 var(--font-display),Georgia,serif;color:inherit;text-wrap:balance}
.p-perfil-page .pm-rol{margin:12px 0 0;font:400 .9375rem/1.3 var(--font-body);color:inherit;opacity:.86;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.p-perfil-page .pm-verif{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 10px;margin-left:2px;border-radius:999px;border:1px solid currentColor;font-size:.8125rem;opacity:.95}
.p-perfil-page .pm-verif svg{width:13px;height:13px}
.p-perfil-page .pm-acc{grid-column:1 / -1}
.p-perfil-page .pm-wa{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;padding:0 22px;border-radius:var(--n-r);background:var(--marca-tinta);color:var(--marca);font:500 .9375rem/1 var(--font-body);text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform 160ms var(--n-curva)}
.p-perfil-page .pm-wa svg{width:18px;height:18px}
.p-perfil-page .pm-wa:active{transform:scale(.97)}
.p-perfil-page .pm-cuerpo{background:var(--n-fondo);padding:28px 0 56px}
.p-perfil-page .pm-desc{margin:0 0 22px;max-width:65ch;font:300 1rem/1.65 var(--font-body);color:var(--n-tinta-2)}
.p-perfil-page .pm-datos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;padding:16px 0;border-top:1px solid var(--n-linea-2);border-bottom:1px solid var(--n-linea-2)}
.p-perfil-page .pm-datos div{min-width:0}
.p-perfil-page .pm-datos dt{font:500 .6875rem/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--n-oro-tinta)}
.p-perfil-page .pm-datos dd{margin:6px 0 0;font:400 1.125rem/1.25 var(--font-display),Georgia,serif;color:var(--n-tinta);overflow-wrap:anywhere}
.p-perfil-page .pm-res{margin:0 0 26px}
.p-perfil-page .pm-h2{margin:0 0 16px;font:400 var(--t-h2,1.3125rem)/1.25 var(--font-display),Georgia,serif;color:var(--n-tinta)}
.p-perfil-page .pm-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:640px){.p-perfil-page .pm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){
.p-perfil-page .pm-cab-in{grid-template-columns:auto minmax(0,1fr) auto;gap:28px;padding-top:56px!important;padding-bottom:48px!important}
.p-perfil-page .pm-logo{width:104px;height:104px;border-radius:22px}
.p-perfil-page .pm-acc{grid-column:auto}
.p-perfil-page .pm-wa{width:auto}
.p-perfil-page .pm-cuerpo{padding:40px 0 72px}
.p-perfil-page .pm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
}
@media(prefers-reduced-motion:reduce){.p-perfil-page .pm-cab{transition:none}}
/* Ficha: la tarjeta de quién publica, con un filete en el color de su marca */
.p-anun.con-marca{border-top:3px solid var(--marca)!important}
/* el encabezado es fijo: la cabecera del perfil arranca debajo; y al ancho del contenedor (antes se encogía) */
.p-perfil-page .pm-cab{padding-top:64px}
.p-perfil-page .pm-cab-in,.p-perfil-page .pm-cuerpo > .p-container{width:100%;max-width:1200px;box-sizing:border-box;margin-left:auto;margin-right:auto}
/* Departamentos y Zonas (Tomás, 26/10: sin "En BAIREN desde") */
.p-perfil-page .pm-datos{grid-template-columns:auto minmax(0,1fr);column-gap:40px}
.p-perfil-page .pm-datos div:nth-child(2) dd{font:400 .9375rem/1.45 var(--font-body);color:var(--n-tinta-2)}

/* Publicar sin sesión: la bienvenida, tres pasos numerados (círculo con filete oro, como los íconos de la ficha) */
.pf-bienv{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:0}
.pf-bienv li{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--n-linea)}
.pf-bienv li:first-child{border-top:1px solid var(--n-linea)}
.pf-bienv .n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(194,169,104,.55);font:400 1.125rem/1 var(--font-display);color:var(--n-oro-tinta)}
.pf-bienv .tx{display:grid;gap:3px}
.pf-bienv b{font:500 1.0625rem/1.25 var(--font-body);color:var(--n-tinta)}
.pf-bienv .tx span{font:400 .9375rem/1.35 var(--font-body);color:var(--n-tinta-2)}
.pf-bienv + .pf-como{margin-top:18px}
/* Cómo funciona (26/10/2026): Busco / Publico con tres pasos, Qué entra en cinco íconos, las reglas en pastillas */
.cr2{max-width:820px}
.cr-tabs{display:inline-flex;gap:6px;padding:5px;margin:0 0 20px;border:1px solid var(--n-linea-2);border-radius:var(--n-r);background:var(--n-blanco)}
.cr-tabs button{appearance:none;border:0;background:transparent;color:var(--n-tinta-2);font:500 .9375rem/1 var(--font-body);min-width:116px;height:44px;padding:0 26px;border-radius:9px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .18s var(--n-curva),color .18s var(--n-curva),transform .16s var(--n-curva)}
.cr-tabs button[aria-selected="true"]{background:var(--n-oro);color:var(--n-tinta)}
.cr-tabs button:active{transform:scale(.97)}
.cr-tabs button:focus-visible{outline:2px solid var(--n-oro);outline-offset:2px}
.cr-pasos{list-style:none;margin:0;padding:0;display:grid}
.cr-pasos li{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--n-linea)}
.cr-pasos li:first-child{border-top:1px solid var(--n-linea)}
.cr-pasos .n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(194,169,104,.55);font:400 1.125rem/1 var(--font-display);color:var(--n-oro-tinta)}
.cr-pasos .tx{display:grid;gap:3px}
.cr-pasos b{font:500 1.0625rem/1.25 var(--font-body);color:var(--n-tinta)}
.cr-pasos .tx span{font:400 .9375rem/1.35 var(--font-body);color:var(--n-tinta-2)}
.cr-cta{margin:20px 0 0}
.cr-cta .p-btn{justify-content:center}
@media(max-width:759px){.cr-cta .p-btn{width:100%}}
@media(min-width:760px){
  .cr-pasos{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .cr-pasos li,.cr-pasos li:first-child{flex-direction:column;align-items:flex-start;gap:14px;padding:20px;border:1px solid var(--n-linea);border-radius:var(--n-r);background:var(--n-blanco)}
  .cr-cta .p-btn{min-width:240px}
}
.cr2 .cr-sec{margin-top:44px}
.cr2 .cr-sec h2{margin:0 0 14px}
.cr-icos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.cr-ico{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-width:0;padding:14px 4px 12px;border:1px solid var(--n-linea);border-radius:var(--n-r);background:var(--n-blanco);color:var(--n-tinta);font:500 .8125rem/1.2 var(--font-body);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .18s ease,background-color .18s ease,transform .16s var(--n-curva)}
.cr-ico svg{width:26px;height:26px;color:var(--n-oro-osc)}
.cr-ico.on{border-color:var(--n-oro);background:#FBF8F1;box-shadow:inset 0 0 0 1px var(--n-oro)}
.cr-ico:active{transform:scale(.97)}
.cr-ico:focus-visible{outline:2px solid var(--n-oro);outline-offset:2px}
@media(hover:hover) and (pointer:fine){.cr-ico:hover{border-color:var(--n-linea-2)}.cr-ico.on:hover{border-color:var(--n-oro)}}
.cr-det{margin-top:14px;min-height:3em}
.cr-det-t{margin:0;font:400 1rem/1.5 var(--font-body);color:var(--n-tinta-2)}
.cr-det-t b{font-weight:500;color:var(--n-tinta)}
.cr-reglas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cr-reglas li{display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border:1px solid var(--n-linea-2);border-radius:999px;background:var(--n-blanco);font:500 .9375rem/1 var(--font-body);color:var(--n-tinta)}
.cr-reglas svg{width:20px;height:20px;flex:none;color:var(--n-oro-osc)}
.cr-nota{margin:14px 0 0;font:400 .9375rem/1.45 var(--font-body);color:var(--n-tinta-3)}
.cr2 #cualidades{margin-top:44px!important}
@media(prefers-reduced-motion:reduce){.cr-tabs button,.cr-ico{transition:none}}
.cr2 #como{padding-top:0!important;border-bottom:1px solid rgba(19,29,45,.12)}

/* La presentación de Publicar lleva íconos en el círculo (Tomás, 26/10: "le agregaría íconos") */
.pf-bienv .n svg{width:21px;height:21px;color:var(--n-oro-osc)}
/* Ingresar, la pregunta de la cuenta nueva: dos opciones con ícono, sobre navy */
body .p-login .p-quien-2 .p-quien-op i{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(194,169,104,.45);color:#C2A968}
body .p-login .p-quien-2 .p-quien-op i svg{width:21px;height:21px}
body .p-login .p-quien-2 .p-quien-op.on i{background:#C2A968;color:#131D2D;border-color:#C2A968}
/* El tilde de verificado, separado del nombre en las tarjetas y en la tarjeta del anunciante */
.p-tj .tj-pub .tj-pub-t .p-verif{margin-left:6px}
/* Botón de la portada (Tomás, 26/10: versión A, "más pequeño, que entre dentro de en Buenos Aires"): contorno crema fino sobre
   vidrio, mayúsculas espaciadas, nunca más ancho que la segunda línea del título */
body.p-home .h-hero .h-ver{height:40px;padding:0 18px 0 20px;gap:9px;border-radius:999px;background:rgba(19,29,45,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(251,250,246,.7);color:#FBFAF6;font:500 .6875rem/1 var(--font-body);letter-spacing:.15em;text-transform:uppercase;box-shadow:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .16s var(--n-curva)}
body.p-home .h-hero .h-ver svg{width:13px;height:13px;flex:none}
@media(min-width:700px){body.p-home .h-hero .h-ver{height:44px;padding:0 22px 0 24px;font-size:.75rem}}
@media(hover:hover) and (pointer:fine){body.p-home .h-hero .h-ver:hover{background:#FBFAF6;color:#131D2D;border-color:#FBFAF6}}
@media(max-width:599px){body.p-home .h-hero .h-ver{height:40px;margin-top:20px;padding:0 18px 0 20px}}
/* Crear la cuenta (26/10/2026): la foto o el logo y el código del WhatsApp */
.pf-avatar-fila{display:flex;align-items:center;gap:16px;margin-top:8px}
.pf-avatar-ver{flex:none;display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;border:1px dashed var(--n-linea-2);background:var(--n-blanco);color:var(--n-oro-osc);overflow:hidden}
.pf-avatar-ver svg{width:26px;height:26px}
.pf-avatar-ver.con{border:1px solid var(--n-linea)}
.pf-avatar-ver img{width:100%;height:100%;object-fit:cover}
.pf-avatar-tx{display:grid;gap:6px;min-width:0}
.pf-avatar-tx .pf-ayuda{margin:0}
.pf-avatar-btn,.pf-wa-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border:1px solid var(--n-tinta);border-radius:var(--n-r);background:var(--n-blanco);color:var(--n-tinta);font:500 .9375rem/1 var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--n-curva),background-color .2s ease}
.pf-avatar-btn{justify-self:start}
.pf-avatar-btn:active,.pf-wa-btn:active{transform:scale(.97)}
.pf-avatar-btn:focus-visible,.pf-wa-btn:focus-visible{outline:2px solid var(--n-oro);outline-offset:2px}
.pf-wa{margin-top:12px}
.pf-wa > .pf-wa-btn{width:100%}
.pf-wa-cod{display:grid;gap:8px}
.pf-wa-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.pf-wa-fila .pf-wa-btn{background:var(--n-tinta);color:#FBFAF6}
.pf-wa-fila input{letter-spacing:.3em;font-variant-numeric:tabular-nums lining-nums}
.pf-wa-otro{justify-self:start;border:0;background:none;padding:6px 0;font:400 .875rem/1.3 var(--font-body);color:var(--n-tinta-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pf-wa-ok{display:inline-flex;align-items:center;gap:8px;margin:4px 0 0;padding:8px 14px 8px 12px;border-radius:999px;background:#EAF4EE;color:#1F6B45;font:500 .875rem/1 var(--font-body)}
.pf-wa-ok svg{width:16px;height:16px}
@media(hover:hover) and (pointer:fine){.pf-avatar-btn:hover,.pf-wa > .pf-wa-btn:hover{background:var(--n-suave)}}
@media(prefers-reduced-motion:reduce){.pf-avatar-btn,.pf-wa-btn{transition:none}}
.p-ensena-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
/* Importar (26/10/2026): Tokko o Excel, como solapas */
.imp-fuente{display:inline-flex;gap:6px;padding:5px;margin:0 0 22px;border:1px solid var(--n-linea-2);border-radius:var(--n-r);background:var(--n-blanco)}
.imp-fuente button{appearance:none;border:0;background:transparent;color:var(--n-tinta-2);font:500 .9375rem/1 var(--font-body);min-width:116px;height:44px;padding:0 24px;border-radius:9px;cursor:pointer;transition:background-color .18s var(--n-curva),color .18s var(--n-curva),transform .16s var(--n-curva)}
.imp-fuente button[aria-selected="true"]{background:var(--n-oro);color:var(--n-tinta)}
.imp-fuente button:active{transform:scale(.97)}
.imp-fuente button:focus-visible{outline:2px solid var(--n-oro);outline-offset:2px}
.imp-tokko{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:640px}
.imp-tokko .p-fsel{height:48px;min-width:0}
.imp-tokko .p-btn{height:48px}
@media(max-width:600px){.imp-tokko{grid-template-columns:1fr}}
/* En Ingresar, lo marcado hidden no se ve aunque el botón tenga display propio */
.p-login [hidden]{display:none!important}
/* La tarjeta de cada unidad en el celular: el botón principal en su renglón, entero (antes "Completar y enviar" quedaba cortado) */
@media(max-width:560px){
  body.p-panel-page .p-aviso-row.v2 .acts .p-btn-fill{order:-1;flex:1 1 100%}
  body.p-panel-page .p-aviso-row.v2 .acts .p-btn{min-width:0;justify-content:center}
}
.pf-wa [hidden],.pf-avatar [hidden]{display:none!important}
/* Dejá tu reseña se lee como algo que se toca (Tomás, 26/10: "tiene que estar subrayado así se nota que es un botón"),
   en todas las páginas: el perfil no cargaba el estilo que lo subrayaba */
a.pr-res-dejar{margin-left:6px;color:var(--n-tinta);font-weight:500;text-decoration:underline;text-decoration-color:var(--n-oro);text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .2s ease}
@media(hover:hover) and (pointer:fine){a.pr-res-dejar:hover{text-decoration-color:var(--n-tinta)}}
a.pr-res-dejar:focus-visible{outline:2px solid var(--n-oro);outline-offset:3px;border-radius:2px}

/* ══ Pasada de terminación (26/10/2026, Tomás: "el nombre del publicador, la categoría y el verificado se ven raros, lo mismo
   el botón de WhatsApp; una pasada de toda la web"). Con Emil Kowalski (tacto) y UI/UX Pro Max (pastillas en una línea,
   foco visible, jerarquía). La identidad no cambia: navy, oro, Playfair y Jost. ══ */

/* El anunciante, una sola forma en todo el portal: el nombre arriba; abajo la categoría en versalitas espaciadas y el
   sello de verificado (tilde oro en un círculo), sin contornos de pastilla */
.p-perfil-page .pm-nombre{font-size:clamp(1.75rem,1.35rem + 1.7vw,2.625rem);line-height:1.08;letter-spacing:-.01em}
.p-perfil-page .pm-rol{margin:12px 0 0;opacity:1;gap:8px 14px}
.p-perfil-page .pm-cat{font:500 .75rem/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase;opacity:.78;white-space:nowrap}
.p-perfil-page .pm-verif{display:inline-flex;align-items:center;gap:7px;padding:0;margin:0;border:0;border-radius:0;font:500 .8125rem/1 var(--font-body);letter-spacing:.01em;white-space:nowrap;opacity:1}
.p-perfil-page .pm-verif svg{flex:none;width:18px;height:18px;padding:4px;border-radius:50%;background:#C2A968;color:#131D2D;stroke-width:2.6;box-sizing:border-box}
.p-perfil-page .pm-cab.con-marca .pm-verif svg{background:var(--marca-tinta);color:var(--marca)}
.p-perfil-page .pm-cat + .pm-verif::before{content:"";width:3px;height:3px;margin-right:7px;border-radius:50%;background:currentColor;opacity:.45}
.p-perfil-page .pm-logo{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 10px 28px rgba(0,0,0,.26)}
/* Escribir por WhatsApp: el botón principal de la cabecera, oro sobre oscuro (como Coordinar visita en la ficha) */
.p-perfil-page .pm-wa{min-height:50px;padding:0 24px;gap:10px;border:0;border-radius:var(--n-r);background:var(--marca-boton,#C2A968);color:var(--marca-boton-tinta,#131D2D);font:500 .9375rem/1 var(--font-body);letter-spacing:.01em;box-shadow:0 8px 22px rgba(0,0,0,.18);transition:transform .16s var(--n-curva),filter .2s ease,box-shadow .2s ease}
.p-perfil-page .pm-wa svg{width:18px;height:18px;flex:none}
@media(hover:hover) and (pointer:fine){.p-perfil-page .pm-wa:hover{filter:brightness(1.06);box-shadow:0 10px 26px rgba(0,0,0,.24)}}
.p-perfil-page .pm-wa:focus-visible{outline:2px solid var(--marca-tinta);outline-offset:3px}
@media(min-width:760px){.p-perfil-page .pm-wa{min-width:240px}}

/* La tarjeta del anunciante en la ficha, con la misma forma */
.p-anun-tx b{font:500 1.0625rem/1.25 var(--font-body);letter-spacing:.005em}
.p-anun-rol{gap:6px 12px;margin-top:2px;font:500 .6875rem/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--n-tinta-3)}
.p-anun-nivel{gap:6px;font:500 .8125rem/1 var(--font-body);letter-spacing:.01em;text-transform:none;color:var(--n-tinta);white-space:nowrap}
.p-anun-nivel svg{width:16px;height:16px;padding:3.5px;border-radius:50%;background:#C2A968;color:#131D2D;stroke-width:2.6;box-sizing:border-box}
.p-anun-logo{box-shadow:0 0 0 1px rgba(19,29,45,.08)}

/* La línea del publicador en las tarjetas: el tilde, en oro */
.p-tj .tj-pub .tj-pub-t .p-verif{color:var(--n-oro-osc)}
.p-tj .tj-pub .tj-pub-t .p-verif svg{stroke-width:2.4}

/* Quiénes publican: el logo real, recortado parejo */
.p-muro .mono.con-foto,.p-pub-logo.con-foto{overflow:hidden;padding:0;background:#FFF;border-color:rgba(19,29,45,.12)}
.p-muro .mono.con-foto img,.p-pub-logo.con-foto img{width:100%;height:100%;object-fit:cover;display:block}

/* Botones de todo el portal: el mismo peso y el mismo tacto. Solo se animan transform, color y sombra (nada de "all"),
   y el foco de teclado se ve siempre en oro */
.p-btn,.mc-res-b,.pf-seguir,.pf-seg2,.cr-cta .p-btn{font-weight:500;letter-spacing:.01em;transition-property:transform,background-color,border-color,color,box-shadow,filter;transition-duration:.18s;transition-timing-function:var(--n-curva)}
.p-btn:focus-visible,.pf-seguir:focus-visible,.pf-seg2:focus-visible,.h-ver:focus-visible,.pr-res-dejar:focus-visible{outline:2px solid var(--n-oro);outline-offset:2px}
/* Pastillas y sellos en una sola línea (UI/UX Pro Max: una etiqueta corta no se parte en dos) */
.prom-pill,.p-badge,.en-vivo,.cr-reglas li,.ref-mcta-disp,.mc-chip{white-space:nowrap}
/* Títulos con los renglones parejos y cifras alineadas */
h1,h2,h3,.p-h2,.p-perfil-page .pm-h2{text-wrap:balance}
.tj-precio,.p-fprecio,.p-kpi b,.p-perfil-page .pm-datos dd,.cr-pasos .n{font-variant-numeric:tabular-nums lining-nums}
@media(prefers-reduced-motion:reduce){.p-perfil-page .pm-wa,.p-btn,.mc-res-b,.pf-seguir,.pf-seg2{transition:none}}
@media(max-width:599px){.p-perfil-page .pm-rol{flex-direction:column;align-items:flex-start;gap:9px}.p-perfil-page .pm-cat + .pm-verif::before{display:none}}

/* ══ Movimiento (26/10/2026, Tomás: "veamos animaciones de toda la web para que todas sean premium") ══ */
/* Entre páginas: la que se va se funde rápido; la nueva entra con 8 px de subida. Las barras de arriba y abajo quietas.
   Sin la foto que viajaba de la tarjeta a la ficha. */
::view-transition-old(root){animation:bp-pag-sale .16s cubic-bezier(.23,1,.32,1) both}
::view-transition-new(root){animation:bp-pag-entra .26s cubic-bezier(.23,1,.32,1) both}
@keyframes bp-pag-sale{to{opacity:0}}
@keyframes bp-pag-entra{from{opacity:0;transform:translateY(8px)}}
@keyframes bp-pag-funde{from{opacity:0}}
@media(prefers-reduced-motion:reduce){::view-transition-new(root){animation-name:bp-pag-funde}}

/* El visor de fotos: una pista que sigue al dedo, zoom con dos dedos o doble toque, deslizar hacia abajo para cerrar */
.p-lb .marco{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;padding:0!important;touch-action:auto}
.lb-pista{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transition:transform .26s cubic-bezier(.23,1,.32,1)}
.lb-pista::-webkit-scrollbar{display:none}
.lb-foto{flex:none;box-sizing:border-box;width:100%;height:100%;margin:0;padding:64px 0 128px;display:flex;align-items:center;justify-content:center;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;touch-action:pan-x}
.lb-foto img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;cursor:zoom-in;backface-visibility:hidden}
.lb-foto img.lb-anim{transition:transform .26s cubic-bezier(.23,1,.32,1)}
.lb-foto.rota img{visibility:hidden}
.p-lb.lb-zoom .lb-pista{overflow:hidden}
.p-lb.lb-zoom .lb-foto{touch-action:none}
.p-lb.lb-zoom .lb-foto img{cursor:grab}
.p-lb.lb-zoom .nav,.p-lb.lb-zoom .pie{opacity:0;pointer-events:none}
.p-lb .nav,.p-lb .pie{transition:opacity .2s ease}
@media(min-width:900px){.lb-foto{padding:84px 96px 148px}}
/* Abrir y cerrar: fundido corto con un apenas de escala; arrastrando hacia abajo, el fondo se aclara con el dedo */
.p-lb{transition:opacity .22s cubic-bezier(.23,1,.32,1)}
.p-lb .velo{opacity:calc(.975 * var(--lb-velo,1))}
.p-lb.lb-entra{opacity:0}
.p-lb.lb-entra .lb-pista{transform:scale(.97)}
.p-lb.lb-sale{opacity:0;transition-duration:.18s}
.p-lb.lb-arrastra .lb-pista{transition:none}
@media(prefers-reduced-motion:reduce){.p-lb,.lb-pista,.lb-foto img.lb-anim{transition:none}.p-lb.lb-entra .lb-pista{transform:none}}
/* Las fotos del visor también aparecen con el fundido corto */
html.n-js .lb-foto img:not(.n-ok){opacity:0}
.lb-foto img{transition:opacity .24s ease}
.lb-foto img.lb-anim{transition:transform .26s cubic-bezier(.23,1,.32,1),opacity .24s ease}
/* Escala de títulos (Tomás, 25/10: celular 26 la página y 21 la sección; compu 34 y 28). El nombre de la marca en su
   perfil y el título de la ficha quedan con su tamaño propio. */
.p-band h1,.p-band .p-h2:first-child,main > .p-page h1:first-child,.p-login h1{font-size:1.625rem!important;line-height:1.18!important;letter-spacing:-.005em}
.p-prose h2,.p-legal h2,.p-page .p-prose h2{font-size:1.3125rem!important;line-height:1.25!important}
@media(min-width:1024px){.p-band h1,.p-band .p-h2:first-child,main > .p-page h1:first-child{font-size:2.125rem!important}.p-login h1{font-size:2rem!important}}
/* Revisión interna (26/10/2026) · Honorarios terminado: la aclaración como un campo más y la casilla con el estilo de las otras */
.pf-hon-nota-c{margin-top:16px}
.pf-toggles-1{grid-template-columns:1fr!important;margin-top:14px}
/* Fotos: con rótulo ("Chica", "Oscura"), el número no se asoma abajo */
.pf-foto.con-nota .num{display:none}
/* Elegir foto / Cambiar con el mismo radio que el resto (alguna regla vieja los dejaba cuadrados) */
:root .pf-avatar-btn,:root .pf-wa-btn,:root .pf-wa-otro{border-radius:var(--n-r)!important}
/* Un desplegable con error conserva su flecha */
.pf-campo select.p-invalido,.p-fld select.p-invalido{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' fill='none' stroke='%23131D2D' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 15px center;background-size:12px 8px;padding-right:38px}
/* Menú del celular: Guardados y Mi cuenta como renglones (Tomás, 26/10) */
.mobile-menu .m-filas{display:grid;margin:0 0 14px;border-top:1px solid rgba(251,250,246,.1)}
.mobile-menu .m-fila{display:flex;align-items:center;gap:14px;min-height:54px;padding:0 4px;border-bottom:1px solid rgba(251,250,246,.1);color:#FBFAF6;font:400 1rem/1 var(--font-body);text-decoration:none;transition:background-color .18s ease}
.mobile-menu .m-fila[hidden]{display:none}
.mobile-menu .m-fila svg{width:20px;height:20px;flex:none;color:#DECDA0}
.mobile-menu .m-fila:active{background:rgba(251,250,246,.05)}
/* El corazón: relleno de rojo suave (más fuerte en Guardados) */
#pTabbar a[data-tab="guardados"] svg,.mobile-menu .m-fila-fav svg{fill:rgba(224,82,95,.45)}
#pTabbar a[data-tab="guardados"].on svg{fill:rgba(224,82,95,.78)}
/* Rótulos que quedaban por debajo de 11 px */
.mm-burger-t{font-size:.6875rem!important}
.pd-ej,.p-badge.demo{font-size:.6875rem!important}
/* Quién publica, en la ficha (Tomás, 26/10: "no se ve premium"): tarjeta blanca con sombra suave, "Lo publica" arriba,
   el logo redondo con aro fino, el nombre, la categoría y el sello; abajo, separado, ver sus departamentos */
.p-anun{border:0!important;background:var(--n-blanco)!important;box-shadow:var(--n-sombra)!important;border-radius:var(--n-r)!important;transition:transform .16s var(--n-curva),box-shadow .2s ease}
.p-anun.con-marca{border-top:0!important}
.p-anun-cab{align-items:center!important;gap:16px!important;padding:20px 20px 18px!important}
.p-anun-logo{width:56px!important;height:56px!important;border-radius:50%!important;box-shadow:0 0 0 1px rgba(19,29,45,.08),0 4px 12px rgba(19,29,45,.12)!important;font-size:1.0625rem}
.p-anun-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.p-anun-tx{gap:4px!important}
.p-anun-eye{font:500 .6875rem/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--n-tinta-3)}
.p-anun-tx b{font:400 1.25rem/1.2 var(--font-display),Georgia,serif!important;letter-spacing:-.005em}
.p-anun-rol{margin-top:2px}
.p-anun-ir{min-height:52px!important;padding:0 20px!important;border-top:1px solid var(--n-linea)!important;color:var(--n-tinta)!important}
.p-anun-ir svg{color:var(--n-oro-osc)!important}
@media(hover:hover) and (pointer:fine){.p-anun:hover{box-shadow:var(--n-sombra-2)!important}}
.mobile-menu .m-filas{height:auto!important;max-height:none!important;overflow:visible!important;grid-auto-rows:auto;flex:none}
.mobile-menu .m-filas .m-fila{width:100%!important;max-width:none!important;justify-self:stretch!important;box-sizing:border-box;margin:0!important;padding:0 4px!important}
.mobile-menu .m-filas{align-self:stretch!important;width:100%!important;box-sizing:border-box}
.mobile-menu .m-filas{grid-template-columns:minmax(0,1fr)!important;justify-content:stretch!important;align-items:stretch!important;padding:0!important}
/* En la compu, la letra de compu (Tomás, 26/10: "que en desktop se vea como desktop, no como mobile"): las tarjetas,
   Quiénes publican y las cualidades de Cómo funciona suben un escalón; el celular queda igual */
@media(min-width:1024px){
  .p-tj .tj-calle,.p-tj .tj-m{font-size:.9375rem}
  .p-tj .tj-pub-t{font-size:.875rem}
  .p-pub-block .p-text{font-size:1rem!important;line-height:1.6}
  .p-pub-block .p-codes{font-size:.875rem}
  .p-muro .tip{font-size:.8125rem}.p-muro .nom{font-size:.9375rem}
  .p-crit-cual dd{font-size:1rem;line-height:1.55}
  .p-vis-l{font-size:.75rem}
}