/* 26/10/2026 · La app (ver js/app.js). La marca de BAIREN: navy en
   el marco (arriba y la barra de abajo), oro solo para lo elegido, Playfair en los títulos, Jost en el resto, el lienzo
   #ECE9E3 con tarjetas blancas (css/neutro.css) y un solo radio de 12 px. Se carga último. Casi todo es del celular. */

/* La tarjeta: "Coordinar visita" por WhatsApp (en la compu la tarjeta sigue como estaba) */
.tj-contacto{display:none}
.tj-estado{position:absolute;left:12px;bottom:12px;z-index:1;font:500 .75rem/1 var(--font-body);letter-spacing:.01em;padding:7px 10px;border-radius:999px;background:#131D2D;color:#FBFAF6}
.tj-desde ~ .tj-estado{bottom:auto;top:12px}
.tj-tag ~ .tj-desde ~ .tj-estado{top:48px}

/* La ficha: las preguntas armadas que abren WhatsApp */
.ap-preg-l{display:flex;flex-wrap:wrap;gap:8px}
.ap-preg-l a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid rgba(19,29,45,.14);border-radius:999px;background:#fff;color:#131D2D;font:400 .9375rem/1.2 var(--font-body);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform 160ms cubic-bezier(.23,1,.32,1),border-color 160ms cubic-bezier(.23,1,.32,1)}
.ap-preg-l a svg{width:16px;height:16px;flex:none;color:#75623C}
.ap-preg-l a:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.ap-preg-l a:hover{border-color:#C2A968}}

/* Actividad y Cuenta: una columna, como las pantallas de la app */
.ap-pagina-in{max-width:560px;margin:0 auto;padding:calc(64px + env(safe-area-inset-top) + 28px) 16px 48px;min-height:100svh;box-sizing:border-box}
body.ap-pagina{background:#ECE9E3}
.ap-tit{font:400 1.625rem/1.2 var(--font-display);color:#131D2D;margin:0 0 18px;letter-spacing:0}
.ap-volver{display:inline-flex;align-items:center;gap:4px;margin:0 0 10px -4px;min-height:44px;color:#131D2D;text-decoration:none;font:400 .9375rem/1 var(--font-body)}
.ap-volver svg{width:20px;height:20px}
.ap-sec{font:500 .6875rem/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#75623C;margin:28px 4px 10px}
.ap-menu{background:#fff;border:1px solid #E0DCD4;border-radius:12px;overflow:hidden}
.ap-fila-m{display:flex;align-items:center;gap:14px;width:100%;min-height:58px;margin:0;padding:0 16px;border:0;background:none;color:#131D2D;text-align:left;text-decoration:none;font:400 1rem/1.25 var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 160ms cubic-bezier(.23,1,.32,1)}
.ap-fila-m + .ap-fila-m{border-top:1px solid #ECE9E3}
.ap-fila-m > svg:first-child{width:22px;height:22px;flex:none;color:#75623C}
.ap-fila-m > span{flex:1;min-width:0}
.ap-fila-m > b{font:500 .8125rem/1 var(--font-body);color:#59647A}
.ap-fila-m > svg:last-child:not(:first-child){width:18px;height:18px;flex:none;color:#C2A968}
.ap-fila-m:active{background:#F6F4F0}
@media(hover:hover) and (pointer:fine){.ap-fila-m:hover{background:#F6F4F0}}
.ap-entrar{margin:0 0 12px}
.ap-entrar-b{display:flex;width:100%;height:50px;align-items:center;justify-content:center}
.ap-yo{display:flex;align-items:center;gap:14px;padding:4px 2px 2px}
.ap-yo b{display:block;font:400 1.125rem/1.25 var(--font-display);color:#131D2D}
.ap-yo small{display:block;font:400 .875rem/1.3 var(--font-body);color:#59647A;word-break:break-all}
.ap-yo .p-avatar{width:48px;height:48px;flex:none;border-radius:12px;overflow:hidden}
.ap-lang{display:flex;gap:8px;padding:0 2px}
.ap-menu-salir{margin-top:28px}
.ap-pie{margin:28px 0 0;text-align:center;font:400 .75rem/1 var(--font-body);color:#59647A}
#apActLista .p-grid{display:grid;grid-template-columns:1fr;gap:16px}

@media(max-width:859px){
  /* El menú de arriba y el pie se van: lo que tenían vive en Cuenta. Arriba queda la barra navy con BAIREN. */
  html.con-tabbar #pHeader .p-navbar > .burger.mm-burger,html.con-tabbar .mm-burger,html.con-tabbar #mobileMenu,html.con-tabbar #mVelo,html.con-tabbar #pFooter{display:none!important}
  /* La barra de abajo: un poco más alta, rótulos chicos, la activa en oro claro; responde al toque */
  .ap-tabbar a{height:58px;gap:4px;font:400 .6875rem/1 var(--font-body);letter-spacing:.02em;transition:color .2s,transform 160ms cubic-bezier(.23,1,.32,1)}
  .ap-tabbar a.on{color:#DECDA0}
  .ap-tabbar a:active{transform:scale(.97)}

  /* Propiedades: arriba, la barra navy con BAIREN y "Buscá por barrio" */
  html.ap-lista .p-navbar{display:flex;align-items:center;gap:12px}
  .ap-busca{flex:1 1 auto;min-width:0;height:40px;display:flex;align-items:center;gap:9px;padding:0 14px;margin:0;border:1px solid rgba(251,250,246,.18);border-radius:12px;background:rgba(255,255,255,.07);color:rgba(251,250,246,.72);font:400 .9375rem/1 var(--font-body);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 160ms cubic-bezier(.23,1,.32,1)}
  .ap-busca svg{width:18px;height:18px;flex:none;color:#DECDA0}
  .ap-busca span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ap-busca span.con{color:#FBFAF6}
  .ap-busca:active{transform:scale(.98);background:rgba(255,255,255,.12)}
  /* La banda del título y la barra de filtros de antes no se ven: las reemplazan la fila y la línea de abajo */
  html.ap-lista .p-catband,html.ap-lista #filters,html.ap-lista .mc-res,html.ap-lista #barriosFab,html.ap-lista #alertaSec{display:none!important}
  /* La fila: Filtros · Ordenar · Mapa, pegada debajo de la barra al bajar */
  .ap-fila{position:sticky;top:var(--ap-top,60px);z-index:40;display:grid;grid-template-columns:repeat(3,1fr);background:#FBFAF6;border-bottom:1px solid #E0DCD4}
  .ap-fila .ap-fila-b{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;width:auto;height:50px;margin:0;padding:0 8px;border:0;border-radius:0;background:none;box-shadow:none;color:#131D2D;font:500 .875rem/1 var(--font-body);letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 160ms cubic-bezier(.23,1,.32,1)}
  .ap-fila .ap-fila-b + .ap-fila-b{border-left:1px solid #E0DCD4}
  .ap-fila .ap-fila-b svg{width:18px;height:18px;flex:none;color:#131D2D}
  .ap-fila .ap-fila-b:active{background:#F1EEE8}
  .ap-fila .ap-fila-b .cnt{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#C2A968;color:#131D2D;font:500 .6875rem/18px var(--font-body);text-align:center}
  .ap-fila .mc-orden{min-width:0;margin:0;grid-column:auto}
  .ap-fila .mc-orden .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html.ap-lista #filtroPub{margin:0;padding:10px 16px 0;background:none}
  /* Cuántos hay y la alerta, en una línea arriba de la lista */
  .ap-linea{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 14px;min-height:40px}
  .ap-linea #resTitle{margin:0;font:400 .9375rem/1.3 var(--font-body);letter-spacing:0;color:#59647A}
  .ap-linea #resTitle *{font:inherit;color:#131D2D;font-weight:500}
  .ap-linea .ref-alerta{height:40px;padding:0 12px;font-size:.8125rem}

  /* La tarjeta: la foto, los datos y abajo el contacto */
  .tj-contacto{display:block;padding:0 16px 16px;margin-top:-4px}
  .tj-wa{display:flex;align-items:center;justify-content:center;gap:9px;height:46px;border-radius:12px;background:#131D2D;color:#FBFAF6;font:500 .9375rem/1 var(--font-body);letter-spacing:.01em;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 160ms cubic-bezier(.23,1,.32,1)}
  .tj-wa svg{width:18px;height:18px;flex:none;color:#DECDA0}
  .tj-wa:active{transform:scale(.97);background:#1E2A3F}

  /* Buscar: los filtros a pantalla completa, arriba de la barra de abajo (que queda con Buscar marcado) */
  /* 27/10/2026 · Tomás: "sale un botón debajo como cortado y no puedo poner buscar". El pie de los filtros es fijo abajo de
     todo y la barra de abajo lo tapaba: ahora los filtros ocupan la pantalla entera, por encima de la barra. */
  html.ap-lista #drawer .panel{top:0;bottom:0;left:0;right:0;width:auto;max-width:none;height:auto;max-height:none;border-radius:0}
  html.ap-lista #drawer .foot{left:0;right:0;width:auto;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
  html.ap-lista #drawer .mc-hoja-cab{display:flex;align-items:center;gap:12px}
  html.ap-lista #drawer .mc-hoja-cab h2{flex:1;font:400 1.3125rem/1.2 var(--font-display)}
  html.ap-lista #drawer .ap-limpiar{margin:0;padding:0 4px;min-height:44px;border:0;background:none;color:#75623C;font:500 .875rem/1 var(--font-body);text-decoration:none;cursor:pointer}
  html.ap-lista #drawer .ap-limpiar:disabled{opacity:.4}
  html.ap-lista #drawer .foot{justify-content:stretch}
  html.ap-lista #drawer .foot #applyDrawer{flex:1;height:50px}

  /* Actividad y Cuenta en el celular */
  .ap-pagina-in{padding:calc(64px + env(safe-area-inset-top) + 20px) 16px 32px}
  /* La ficha, como el detalle de la app: sin el menú (tiene Volver, guardar, compartir y su barra de contacto) */
  body.p-ficha-page #pHeader .p-navbar > .burger.mm-burger,body.p-ficha-page #mobileMenu{display:none!important}

}
@media(prefers-reduced-motion:reduce){.ap-busca,.ap-fila-b,.tj-wa,.ap-preg-l a,.ap-tabbar a{transition:none}}

/* 27/10/2026 · Mi panel en el celular. Tomás: "el recuadro de fondo de Unidades, Consultas y Mi perfil es cuadrado y muy
   pegado a los círculos de selección, cuando ahí es todo circular". El fondo pasa a ser una píldora, con aire alrededor. */
@media(max-width:1023px){
  body.p-panel-page .p-side-nav .p-rail:not(.p-rail-pie){border-radius:999px!important;padding:6px!important;gap:6px!important}
  body.p-panel-page .p-side-nav .p-rail a,body.p-panel-page .p-panel .p-side-nav .p-rail a,body.p-panel-page .p-panel .p-side-nav .p-rail a.on{border-radius:999px!important;padding:0 14px!important;min-height:44px!important}
}

/* 27/10/2026 · El link del dueño en la unidad (gestion.html): el link, copiar y la "i" */
.ap-link{display:flex;align-items:center;gap:6px;margin:12px 0 0;padding:4px 4px 4px 14px;border:1px solid #E0DCD4;border-radius:12px;background:#F6F4F0}
.ap-link-url{flex:1;min-width:0;min-height:40px;padding:0;border:0;background:none;color:#131D2D;font:400 .875rem/1.2 var(--font-body);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(19,29,45,.25);text-underline-offset:3px}
.ap-link-b{flex:none;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:10px;background:none;color:#75623C;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 160ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1)}
.ap-link-b svg{width:20px;height:20px}
.ap-link-b:active{transform:scale(.95);background:#ECE9E3}
.ap-link-b[aria-expanded="true"]{background:#ECE9E3;color:#131D2D}
.ap-link-info{margin:8px 2px 0;font:400 .875rem/1.45 var(--font-body);color:#59647A}

/* 27/10/2026 · El portal del propietario (reporte.html): arriba a la derecha, "Volver" o "Ir al portal" */
.ap-salir-rep{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid rgba(194,169,104,.55);border-radius:999px;color:#FBFAF6;font:500 .875rem/1 var(--font-body);text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background-color 160ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1)}
.ap-salir-rep svg{width:16px;height:16px;color:#DECDA0}
.ap-salir-rep:active{transform:scale(.97);background:rgba(255,255,255,.08)}
@media(hover:hover) and (pointer:fine){.ap-salir-rep:hover{background:rgba(255,255,255,.08)}}

/* 27/10/2026 · Los filtros se abren con el foco en la cruz: sin el recuadro si no se llegó con el teclado */
#drawer .mc-hoja-cab .x:focus:not(:focus-visible){outline:0;box-shadow:none}

/* 27/10/2026 · Tomás: "la tipografía de los números hace que el 8 se vea más arriba que los demás (vistas, publicados)".
   Playfair trae por defecto números de estilo antiguo (el 6 y el 8 suben, el 3, 4, 5, 7 y 9 bajan): en todo el portal, los
   números alineados. Las reglas con tabular-nums ya suman lining-nums. */
html{font-variant-numeric:lining-nums}

/* 27/10/2026 · Unidades: Publicar e Importar, protagonistas, debajo del título */
.ap-cab-bts{display:flex;gap:10px;margin:-4px 0 18px}
.ap-publicar,.ap-importar{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:52px;padding:0 18px;border-radius:12px;font:500 1rem/1 var(--font-body);text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 160ms cubic-bezier(.23,1,.32,1),border-color 160ms cubic-bezier(.23,1,.32,1)}
.ap-cab-bts .ap-publicar,.ap-cab-bts .ap-publicar span{color:#FBFAF6!important}
.ap-publicar{flex:1 1 auto;min-width:0;background:#131D2D;color:#FBFAF6;box-shadow:0 8px 20px rgba(19,29,45,.16)}
.ap-cab-bts .ap-importar,.ap-cab-bts .ap-importar span{color:#131D2D!important}
.ap-publicar svg{width:20px;height:20px;color:#DECDA0}
.ap-importar{flex:0 0 auto;border:1px solid #CFC9BE;background:#fff;color:#131D2D}
.ap-importar svg{width:19px;height:19px;color:#75623C}
.ap-publicar:active,.ap-importar:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.ap-publicar:hover{background:#1E2A3F}.ap-importar:hover{border-color:#C2A968}}
@media(min-width:1024px){.ap-cab-bts{max-width:520px}}
/* "Enviar link al dueño" adentro de "···", con su ícono de WhatsApp */
.mc-mas-wa{display:flex!important;align-items:center;gap:8px}
.mc-mas-wa svg{width:16px;height:16px;flex:none}

/* 27/10/2026 · Coherencia en toda la web (Tomás): en el celular no hay más menú de tres rayitas en ninguna página. Donde no va
   la barra de abajo hay otra salida: la ficha tiene Volver, publicar Atrás y Cerrar, el portal del dueño Ir al portal. */
@media(max-width:859px){
  #pHeader .p-navbar > .burger.mm-burger,#pHeader .mm-burger,#mobileMenu,#mVelo{display:none!important}
}

/* 27/10/2026 · Tomás (captura del iPhone): la unidad se abría "gigante", con la tarjeta más ancha que la pantalla. En Safari, un
   botón con texto en una sola línea dentro de una grilla no se deja achicar y la estira entera (el link del dueño mide unos
   600 px). El link no aporta ancho propio y ninguna columna de la unidad puede pasar el ancho de la pantalla. */
.ap-link{min-width:0;max-width:100%;overflow:hidden}
.ap-link-url{display:block;width:0;flex:1 1 0;min-width:0;max-width:100%}
.mu-grid,.mu-grid > *,.mu-der > *,#dueno,.mu-dueno{min-width:0;max-width:100%}
.mu-page main.ges-pag,.mu-pag main{overflow-x:clip}

/* 27/10/2026 · La ficha nueva (Tomás: "la card azul se ve fea, el mapa muy grande e invasivo").
    En el celular: el precio en un recuadro claro, la ubicación con título, dirección y un mapa de 150 que no se arrastra (tocarlo abre Google
   Maps, como su MapView de 150 dp) y los datos en una fila con íconos. Navy y oro de BAIREN: el oro solo para lo elegido. */
.ap-feats{display:none}
.ap-map-ir{display:none}
@media(max-width:1023px){
  body.p-ficha-page #pFooter{display:none!important}
  /* El precio, en claro */
  #ctaLugar #ctaCard{background:#fff!important;color:#131D2D!important;border:1px solid #E0DCD4!important;border-radius:12px!important;box-shadow:none!important;padding:18px 18px 16px!important;margin:0!important}
  #ctaLugar #ctaCard::before,#ctaLugar #ctaCard::after{display:none!important}
  #ctaLugar #ctaCard .p-cta-price{display:block;margin:0!important;padding:0!important;background:none!important;color:#131D2D!important;font:400 1.875rem/1.1 var(--font-display)!important;letter-spacing:0!important}
  #ctaLugar #ctaCard .p-cta-price small{display:block;margin-top:6px;font:400 .875rem/1.4 var(--font-body)!important;color:#59647A!important;letter-spacing:0!important;text-transform:none!important}
  #ctaLugar #ctaCard .p-mas-hon{color:#75623C!important}
  #ctaLugar #ctaCard .ref-incluye{margin:12px 0 0!important;color:#454D5C!important}
  #ctaLugar #ctaCard .ref-incluye span{color:#454D5C!important}
  #ctaLugar #ctaCard .ref-incluye .ref-incluye-t{color:#75623C!important}
  #ctaLugar #ctaCard .prom-tira{margin:12px 0 0!important;gap:8px!important}
  #ctaLugar #ctaCard .prom-pill{background:#F6F4F0!important;border:1px solid #E0DCD4!important;color:#131D2D!important;box-shadow:none!important}
  #ctaLugar #ctaCard .prom-pill svg{color:#75623C!important}
  #ctaLugar #ctaCard .prom-pill i{background:#2DA65E!important}
  #ctaLugar #ctaCard .p-visita{margin:16px 0 0!important;padding:16px 0 0!important;border-top:1px solid #ECE9E3!important}
  #ctaLugar #ctaCard .p-vis-l{color:#75623C!important}
  #ctaLugar #ctaCard .p-vis-chip{background:#fff!important;border:1px solid #CFC9BE!important;color:#131D2D!important}
  #ctaLugar #ctaCard .p-vis-chip[aria-pressed="true"]{background:#F6EFDC!important;border-color:#C2A968!important;color:#131D2D!important}
  #ctaLugar #ctaCard .p-vis-btn{background:#131D2D!important;border-color:#131D2D!important;color:#FBFAF6!important;box-shadow:none!important}
  #ctaLugar #ctaCard .p-vis-btn svg{color:#DECDA0!important}
  #ctaLugar #ctaCard .p-vis-consulta,#ctaLugar #ctaCard .ref-vis-fechas{color:#131D2D!important}
  /* La ubicación: título, la dirección con su pin y el mapa de 150 */
  .p-fb-ubic .p-fubic{display:flex;align-items:center;gap:6px;margin:0 0 10px!important;font:400 .9375rem/1.3 var(--font-body);color:#454D5C}
  .p-fb-ubic .p-fubic svg{width:16px;height:16px;flex:none;color:#75623C}
  .p-fb-ubic .p-fubic-l{display:none!important}
  .p-fb-ubic .p-map-wrap{position:relative;height:150px;border-radius:12px;overflow:hidden;border:1px solid #E0DCD4!important}
  .p-fb-ubic .p-map-wrap > svg{display:none}
  .p-fb-ubic .p-map-wrap iframe{position:absolute;inset:0;width:100%;height:100%!important;pointer-events:none}
  .ap-map-ir{display:block;position:absolute;inset:0;z-index:3;-webkit-tap-highlight-color:transparent}
  .ap-map-ir span{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:0 2px 8px rgba(19,29,45,.18);color:#131D2D;font:500 .8125rem/1 var(--font-body);transition:transform 160ms cubic-bezier(.23,1,.32,1)}
  .ap-map-ir span svg{width:15px;height:15px;color:#75623C}
  .ap-map-ir:active span{transform:scale(.97)}
  /* Los datos en una fila con íconos */
  .ap-feats{display:flex;flex-wrap:wrap;row-gap:16px;margin:18px 0 6px;padding:16px 0;border-top:1px solid #E0DCD4;border-bottom:1px solid #E0DCD4;list-style:none}
  .ap-feats li{width:25%;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 4px;font:500 .875rem/1.2 var(--font-body);color:#131D2D;text-align:center}
  .ap-feats li svg{width:22px;height:22px;color:#75623C}
  #contenido .p-fnums,#contenido .p-fextra{display:none!important}
  /* Los títulos de cada parte, un escalón más chicos (como en la app) */
  body.p-ficha-page .p-ficha-main .p-sec-t{font-size:1.25rem}
}
@media(max-width:1023px){
  /* La dirección ya está debajo del título: en Ubicación, solo el mapa */
  .p-fb-ubic .p-fubic{display:none!important}
  /* De 5 o 6 datos, tres por fila; de 4 o menos, en una sola */
  .ap-feats li{width:33.333%}
  .ap-feats:not(:has(li:nth-child(5))) li{width:25%}
}

/* 27/10/2026 · El mapa se ve mientras carga (antes, invisible hasta el evento load, que en Safari podía tardar o no llegar);
   "Incluye expensas y servicios" en una frase, sin los separadores pensados para el fondo navy */
@media(max-width:1023px){
  .p-fb-ubic .p-map-wrap iframe{opacity:1!important}
  #ctaLugar #ctaCard .ap-incluye{display:block!important;font:400 .875rem/1.45 var(--font-body)!important}
  #ctaLugar #ctaCard .ap-incluye .ref-incluye-t{margin-right:6px;font:500 .875rem/1.45 var(--font-body)!important;letter-spacing:0!important;text-transform:none!important}
  #ctaLugar #ctaCard .ap-incluye span::before{content:none!important}
}

/* 27/10/2026 · Tomás: "me gusta que el mapa con el dedo se pueda mover y zoomear". El mapa vuelve a moverse; "Ver mapa" queda
   como botón chico en la esquina (ya no tapa el mapa). */
@media(max-width:1023px){
  .p-fb-ubic .p-map-wrap{height:200px}
  .p-fb-ubic .p-map-wrap iframe{pointer-events:auto}
  .ap-map-ir{inset:auto;right:10px;bottom:28px}
  .ap-map-ir span{position:static}
}

/* 27/10/2026 · "Quién lo publica", más profesional (Tomás: "más profesional y premium y no tan IA"): sin rótulos en mayúsculas
   espaciadas, el logo cuadrado con su borde, el nombre en Playfair, el tipo y Verificado en una línea, y abajo, separado por
   una línea fina, cuántos departamentos tiene. */
.p-fpub2 .p-anun{display:block;background:#fff;border:1px solid #E0DCD4;border-radius:12px;box-shadow:none;overflow:hidden;text-decoration:none;color:#131D2D}
.p-fpub2 .p-anun-cab{display:flex;align-items:center;gap:14px;padding:16px}
.p-fpub2 .p-anun-logo{flex:none;width:56px;height:56px;border-radius:12px;border:1px solid #E0DCD4;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;font:500 1.125rem/1 var(--font-display);color:#131D2D}
.p-fpub2 .p-anun-logo img{width:100%;height:100%;object-fit:cover}
.p-fpub2 .p-anun-eye{display:none!important}
.p-fpub2 .p-anun-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.p-fpub2 .p-anun-tx b{font:400 1.25rem/1.2 var(--font-display)!important;color:#131D2D!important;letter-spacing:0}
.p-fpub2 .p-anun-rol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font:400 .875rem/1.35 var(--font-body)!important;color:#59647A!important;letter-spacing:0!important;text-transform:none!important}
.p-fpub2 .p-anun-nivel{display:inline-flex;align-items:center;gap:4px;font:500 .8125rem/1 var(--font-body);color:#75623C;letter-spacing:0;text-transform:none}
.p-fpub2 .p-anun-nivel svg{width:14px;height:14px}
.p-fpub2 .p-anun-res{font:500 .8125rem/1.3 var(--font-body);color:#131D2D}
.p-fpub2 .p-anun-ir{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-top:1px solid #ECE9E3;font:500 .9375rem/1.2 var(--font-body);color:#131D2D;background:#fff}
.p-fpub2 .p-anun-ir svg{width:18px;height:18px;color:#75623C}
.p-fpub2 .p-anun:active{background:#FBFAF8}

/* El perfil completo: arriba compacto, el catálogo enseguida */
.ap-pm-stats{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0 0;font:400 .875rem/1.3 var(--font-body);color:rgba(251,250,246,.82)}
.ap-pm-stats .ap-pm-est{color:#DECDA0}
.ap-pm-zonas{margin:0 0 6px;font:400 .875rem/1.5 var(--font-body);color:#59647A}
.ap-pm-mas{display:inline-block;margin:-6px 0 14px;padding:0;border:0;background:none;color:#131D2D;font:500 .875rem/1 var(--font-body);text-decoration:underline;text-decoration-color:rgba(19,29,45,.3);text-underline-offset:3px;cursor:pointer}
@media(max-width:859px){
  .pm-cab .pm-cab-in{display:grid!important;grid-template-columns:56px 1fr;align-items:center;gap:14px!important;padding-top:18px!important;padding-bottom:18px!important}
  .pm-cab .pm-logo{width:56px!important;height:56px!important;border-radius:12px!important}
  .pm-cab .pm-logo img{width:100%;height:100%;object-fit:cover}
  .pm-cab .pm-nombre{margin:0!important;font-size:1.375rem!important;line-height:1.2!important}
  .pm-cab .pm-rol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:4px 0 0!important}
  .pm-cab .pm-cat{font:400 .875rem/1.3 var(--font-body)!important;letter-spacing:0!important;text-transform:none!important;color:rgba(251,250,246,.82)!important}
  .pm-cab .pm-verif{font:500 .8125rem/1 var(--font-body)!important;letter-spacing:0!important;text-transform:none!important}
  .pm-cab .pm-acc{grid-column:1 / -1;margin:2px 0 0!important}
  .pm-cab .pm-acc .pm-wa{width:100%;height:46px;justify-content:center}
  .pm-cuerpo{padding-top:18px!important}
  .pm-cuerpo .pm-desc{margin:0 0 8px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .pm-cuerpo .pm-desc.abierta{display:block;-webkit-line-clamp:unset}
  .pm-cuerpo .pm-datos{display:none!important}
  .pm-cuerpo .pm-res{margin:4px 0 14px!important}
  .pm-cuerpo .pm-deptos-cab{margin-top:6px!important;padding-top:16px;border-top:1px solid #E0DCD4}
  .pm-cuerpo .pm-h2{font-size:1.3125rem!important;margin:0 0 10px!important}
  /* En su propio perfil, cada tarjeta no repite quién publica */
  .pm-grid .tj-pub{display:none!important}
}
@media(max-width:859px){
  #pmGrid .p-tj .tj-pub{display:none!important}
  .pm-cab .pm-quien{text-align:left!important;align-items:flex-start!important}
  .pm-cab .pm-rol{justify-content:flex-start!important}
  .ap-pm-stats span + span::before{content:"·";margin-right:14px;margin-left:-8px;color:rgba(251,250,246,.45)}
}
@media(max-width:859px){
  .pm-cab .pm-cab-in .pm-quien .pm-rol{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;width:100%}
  .pm-cab .pm-cab-in .pm-quien .pm-rol > *{margin:0!important}
}

/* 27/10/2026 · Tomás: "el mapa me gustaba más del tamaño anterior" (150) */
@media(max-width:1023px){ .p-fb-ubic .p-map-wrap{height:150px} }

/* 27/10/2026 · El perfil, con aire (Tomás: "están muy pegados los textos, no se ve premium; en la descripción hay un espacio
   grande"): más aire entre nombre, tipo y cifras; la descripción corta entera; cada parte separada con su línea fina. */
@media(max-width:859px){
  .pm-cab .pm-cab-in{grid-template-columns:64px 1fr!important;gap:16px!important;padding-top:26px!important;padding-bottom:24px!important}
  .pm-cab .pm-logo{width:64px!important;height:64px!important;border-radius:14px!important}
  .pm-cab .pm-nombre{font-size:1.5rem!important;line-height:1.15!important}
  .pm-cab .pm-cab-in .pm-quien .pm-rol{margin:8px 0 0!important;gap:6px 14px!important}
  .ap-pm-stats{margin-top:8px!important;gap:6px 0!important}
  .ap-pm-stats span + span::before{margin:0 10px!important}
  .pm-cab .pm-acc{margin-top:10px!important}
  .pm-cuerpo{padding-top:26px!important}
  .pm-cuerpo .pm-desc{margin:0 0 4px!important;font:400 .96875rem/1.65 var(--font-body)!important;color:#454D5C!important}
  .pm-cuerpo .pm-desc.entera{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}
  .ap-pm-mas{margin:6px 0 0!important}
  .ap-pm-zonas{margin:18px 0 0!important;padding-top:16px;border-top:1px solid #E0DCD4;color:#454D5C!important}
  .pm-cuerpo .pm-res{margin:12px 0 0!important}
  .pm-cuerpo .pm-deptos-cab{margin-top:20px!important;padding-top:22px!important}
  .pm-cuerpo .pm-h2{margin:0 0 14px!important}
}
@media(max-width:859px){.ap-pm-mas[hidden]{display:none!important}}

/* 27/10/2026 · Reseñas: la regla para aprobar, arriba de la moderación */
.ap-res-regla{max-width:640px;margin:0 0 18px;padding:14px 16px;border:1px solid #E0DCD4;border-radius:12px;background:#fff;font:400 .9375rem/1.5 var(--font-body);color:#454D5C}
.ap-res-regla b{color:#131D2D;font-weight:500}

/* 27/10/2026 · El sello de verificado, pegado al nombre (como Instagram) */
.ap-sello{display:inline-flex;flex:none;width:1.05em;height:1.05em;max-width:22px;max-height:22px;margin-left:.3em;vertical-align:-.12em;line-height:0}
.ap-sello svg{width:100%;height:100%;display:block}
.p-verif svg{width:15px;height:15px;vertical-align:-3px}
/* 27/10/2026 · Tomás: "hay mucho espacio debajo de Escribir por WhatsApp en el perfil" (eran 24 de navy + 44 de lienzo) */
@media(max-width:859px){
  .pm-cab .pm-cab-in{padding-bottom:20px!important}
  #pmCab.pm-cab{margin-bottom:0!important}
  .pm-cuerpo{padding-top:20px!important}
}
/* 27/10/2026 · Tomás: "el tick de verificado centrado al lado del nombre, en Quién lo publica". El nombre y el sello en una fila
   centrada (no en la línea de base del texto, que en Playfair lo dejaba corrido). */
.p-fpub2 .p-anun-tx b,.pm-cab .pm-nombre{display:inline-flex!important;align-items:center;gap:7px;flex-wrap:wrap}
.p-fpub2 .ap-sello,.pm-cab .ap-sello{margin-left:0;vertical-align:middle;width:20px;height:20px;max-width:none;max-height:none}
.p-fpub2 .ap-sello svg,.pm-cab .ap-sello svg{transform:translateY(1px)}
/* 27/10/2026 · Tomás: "en las propiedades, donde dice Publica X, el verificado sale muy mini; en tamaño acorde al texto y
   centrado". El sello de la línea Publica, de 16 px (la roseta llena menos que el cuadro) y centrado con las letras. */
body .p-tj .tj-pub .tj-pub-t .p-verif,body .p-verif{display:inline-flex!important;align-items:center;vertical-align:middle!important;margin-left:4px!important;line-height:0}
body .p-tj .tj-pub .tj-pub-t .p-verif svg,body .p-verif svg{width:16px!important;height:16px!important;vertical-align:middle!important;transform:translateY(-1px)}
/* 27/10/2026 · Tomás: "el box de Buscá por barrio está muy pegado al logo y tiene más espacio azul con la campanita que con el
   logo; tienen que tener el mismo espacio". Medido: eran 4 px al logo y 16 a la campanita (y 12 y 24 a los bordes). Ahora 14 y
   14 a los lados de la caja, y 16 a cada borde de la pantalla (el botón de la campanita tiene 12 px de aire alrededor del ícono). */
@media(max-width:859px){
  html.ap-lista #pHeader .p-navbar{padding-left:16px!important;padding-right:16px!important;gap:0!important}
  html.ap-lista #pHeader .ap-busca{margin:0 2px 0 14px!important}
  html.ap-lista #pHeader .p-campana-m{margin-right:-12px!important}
}
@media(max-width:859px){html.ap-lista #pHeader .p-navbar:not(:has(.p-campana-m:not([hidden]))) .ap-busca{margin-right:0!important}}

/* 27/10/2026 · "Así lo vas a ver" con capturas reales del portal del dueño (portada y propietarios): se deslizan de costado en
   el celular y van lado a lado en la compu; cada una abre su ejemplo vivo. */
.ap-ej-fila{display:flex;gap:12px;margin:10px 0 0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 14px}
.ap-ej-fila::-webkit-scrollbar{display:none}
.ap-ej{position:relative;flex:0 0 74%;max-width:300px;scroll-snap-align:start;border-radius:18px;overflow:hidden;border:1px solid #E0DCD4;background:#131D2D;box-shadow:0 12px 30px rgba(19,29,45,.12);-webkit-tap-highlight-color:transparent;transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.ap-ej img{display:block;width:100%;height:auto}
.ap-ej-r{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#fff;color:#131D2D;font:500 .8125rem/1 var(--font-body);box-shadow:0 2px 8px rgba(19,29,45,.16)}
.ap-ej:active{transform:scale(.98)}
@media(min-width:860px){.ap-ej-fila{overflow:visible}.ap-ej{flex:1 1 0}}
/* La sección de la portada para propietarios, en una tarjeta como el resto de la app */
@media(max-width:859px){
  .h-duenos .h-duenos-txt{background:#fff;border:1px solid #E0DCD4;border-radius:12px;padding:20px 18px}
  .h-duenos .h-h2{margin:0 0 6px!important;font-size:1.3125rem!important}
  .h-duenos .h-sub{margin:0 0 16px!important;color:#59647A!important}
  .h-duenos .h-dos-btn{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
  .h-duenos .h-dos-btn .h-btn{height:48px;border-radius:12px!important;justify-content:center;display:inline-flex;align-items:center;font-size:.9375rem}
  .h-duenos .h-duenos-vis{margin-top:22px}
  .h-duenos .h-vis-l{margin:0 2px;font:500 .875rem/1.3 var(--font-body)!important;color:#454D5C!important}
}
@media(max-width:859px){
  .h-duenos .h-duenos-fila{display:block!important}
  .h-duenos .h-duenos-txt{box-sizing:border-box;width:100%!important;max-width:100%!important;margin:0!important}
  .h-duenos .h-dos-btn .h-btn{min-width:0;padding:0 10px;white-space:nowrap}
}
.ap-ej-r{top:12px;bottom:auto}
@media(max-width:859px){.h-duenos .h-dos-btn{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.h-duenos .h-dos-btn .h-btn{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important}}

/* 27/10/2026 · Publicar: "Ver un ejemplo" discreto (Tomás: "no lo haría en negrita con doble subrayado y tan protagonista") y
   menos espacio entre Preguntas y "Cada departamento, en vivo" (eran ~140 px vacíos) */
#panel .aji-rep-t .p-link{display:inline-block;margin-top:6px;padding:0!important;border:0!important;font:400 .9375rem/1.4 var(--font-body)!important;color:rgba(251,250,246,.78)!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-decoration-color:rgba(251,250,246,.35)!important;text-underline-offset:4px}
#panel .aji-rep-t .p-link::after,#panel .aji-rep-t .p-link::before{display:none!important}
@media(max-width:859px){
  section:has(+ #panel){padding-bottom:20px!important}
  section:has(+ #panel) > *:last-child{margin-bottom:0!important}
  #panel{padding-top:36px!important}
}

/* 27/10/2026 · Los filtros, más sobrios (Tomás: "me gusta pero no lo veo premium, lo veo bastante IA"). Como el resto de la app:
   secciones separadas por líneas finas, títulos en tinta, píldoras rellenas que se marcan en navy, el precio en una barra de
   tres partes, la cruz redonda y el botón de abajo grande. Sin cajas con borde por todos lados. */
@media(max-width:859px){
  html.ap-lista #drawer .panel{background:#FBFAF8!important}
  html.ap-lista #drawer .mc-hoja-cab{padding:18px 16px 14px 20px!important;border-bottom:1px solid #ECE9E3!important;background:#FBFAF8!important}
  html.ap-lista #drawer .mc-hoja-cab::before{display:none!important}
  html.ap-lista #drawer .mc-hoja-cab h2{font:400 1.375rem/1.2 var(--font-display)!important;color:#131D2D!important}
  html.ap-lista #drawer .mc-hoja-cab .x{width:40px!important;height:40px!important;border:0!important;border-radius:999px!important;background:#ECE9E3!important;color:#131D2D!important;font-size:1.25rem!important;box-shadow:none!important;outline:0}
  html.ap-lista #drawer .grp{padding:22px 20px!important;margin:0!important;border-top:1px solid #ECE9E3!important;border-bottom:0!important}
  html.ap-lista #drawer .grp:first-of-type{border-top:0!important}
  html.ap-lista #drawer .grp > .t{margin:0 0 14px!important;font:500 1rem/1.3 var(--font-body)!important;color:#131D2D!important;letter-spacing:0!important;text-transform:none!important}
  /* Barrios y ambientes: píldoras rellenas, lo elegido en navy */
  html.ap-lista #drawer .mc-zonas:not(.mc-fr1){display:flex!important;flex-wrap:wrap!important;gap:8px!important;grid-template-columns:none!important}
  html.ap-lista #drawer .mc-zonas:not(.mc-fr1) .mc-zona{width:auto!important;min-height:40px!important;padding:0 14px!important;border:0!important;border-radius:999px!important;background:#ECE9E3!important;color:#131D2D!important;box-shadow:none!important;display:inline-flex!important;align-items:center;gap:6px;font:400 .9375rem/1 var(--font-body)!important;transition:background-color 160ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1)}
  html.ap-lista #drawer .mc-zona .nm{font:inherit!important;color:inherit!important}
  html.ap-lista #drawer .mc-zona small{font:400 .75rem/1 var(--font-body)!important;color:#7A8090!important}
  html.ap-lista #drawer .mc-zona.on{background:#131D2D!important;color:#FBFAF6!important}
  html.ap-lista #drawer .mc-zona.on small{color:rgba(251,250,246,.6)!important}
  html.ap-lista #drawer .mc-zona:disabled,html.ap-lista #drawer .mc-zona[aria-disabled="true"]{opacity:.4}
  html.ap-lista #drawer .mc-zona:active{transform:scale(.97)}
  /* El precio: el gráfico en tinta suave y lo elegido en oro; las tres franjas en una barra de una pieza */
  html.ap-lista #drawer .ref-histo-b{border-bottom-color:#E0DCD4!important}
  html.ap-lista #drawer .ref-histo-b i{background:#E0DCD4!important;border-radius:2px 2px 0 0}
  html.ap-lista #drawer .ref-histo-b i.on{background:#C2A968!important}
  html.ap-lista #drawer .mc-fr1{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin-top:14px!important;border:1px solid #E0DCD4!important;border-radius:12px!important;overflow:hidden;background:#fff}
  html.ap-lista #drawer .mc-fr1 .mc-zona{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-height:58px!important;padding:6px 4px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#131D2D!important;box-shadow:none!important;text-align:center}
  html.ap-lista #drawer .mc-fr1 .mc-zona + .mc-zona{border-left:1px solid #E0DCD4!important}
  html.ap-lista #drawer .mc-fr1 .mc-zona .nm{font:500 .8125rem/1.2 var(--font-body)!important}
  html.ap-lista #drawer .mc-fr1 .mc-zona.on{background:#131D2D!important;color:#FBFAF6!important}
  /* Moneda y desde/hasta */
  html.ap-lista #drawer .p-mon{display:inline-flex!important;gap:0!important;margin-top:14px!important;padding:3px!important;border-radius:999px!important;background:#ECE9E3!important}
  html.ap-lista #drawer .p-mon .p-fbtn{min-height:32px!important;padding:0 14px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#454D5C!important;font:500 .8125rem/1 var(--font-body)!important;box-shadow:none!important}
  html.ap-lista #drawer .p-mon .p-fbtn.on{background:#fff!important;color:#131D2D!important;box-shadow:0 1px 3px rgba(19,29,45,.14)!important}
  html.ap-lista #drawer .mc-rot{margin:16px 0 8px!important;font:400 .8125rem/1.3 var(--font-body)!important;color:#59647A!important;letter-spacing:0!important;text-transform:none!important}
  html.ap-lista #drawer .mc-rango{gap:10px!important}
  html.ap-lista #drawer .mc-rango input{height:48px!important;border:1px solid #E0DCD4!important;border-radius:12px!important;background:#fff!important;font:400 1rem/1 var(--font-body)!important;padding:0 14px!important;box-shadow:none!important}
  html.ap-lista #drawer .mc-rango input:focus{border-color:#131D2D!important;outline:0}
  /* Más filtros, como un renglón */
  html.ap-lista #drawer .ref-mas{border-top:1px solid #ECE9E3!important;margin:0!important}
  html.ap-lista #drawer .ref-mas > summary{padding:18px 20px!important;font:500 1rem/1.3 var(--font-body)!important;color:#131D2D!important}
  /* El pie: blanco, con la línea fina y el botón grande */
  html.ap-lista #drawer .foot{background:#fff!important;border-top:1px solid #ECE9E3!important;box-shadow:0 -8px 20px rgba(19,29,45,.06)!important}
  html.ap-lista #drawer .foot #applyDrawer{height:52px!important;border-radius:12px!important;font:500 1rem/1 var(--font-body)!important}
}
@media(max-width:859px){
  html.ap-lista #drawer .mc-zonas:not(.mc-fr1) .mc-zona.on{background:#131D2D!important;color:#FBFAF6!important}
  html.ap-lista #drawer .mc-zonas:not(.mc-fr1) .mc-zona.on small{color:rgba(251,250,246,.6)!important}
  html.ap-lista #drawer .mc-fr1 .mc-zona .nm{white-space:normal!important;font:500 .78rem/1.25 var(--font-body)!important;max-width:100%}
  html.ap-lista #drawer .mc-fr1 .mc-zona{min-height:62px!important;padding:8px 6px!important}
}

/* 27/10/2026 · Tomás: "en Quién lo publica sale 5.0 estrellas y 1 reseña, me parecía mejor antes; el 5 está descentrado". El
   5,0 tomaba la letra del nombre (Playfair grande). Ahora es una línea chica, en la letra del texto, centrada con la estrella. */
.p-fpub2 .p-anun-res{display:inline-flex!important;align-items:center;gap:5px;margin-top:2px;font:400 .875rem/1.2 var(--font-body)!important;color:#59647A!important}
.p-fpub2 .p-anun-res[hidden]{display:none!important}
.p-fpub2 .p-anun-res .p-anun-est{font-size:.875rem;line-height:1;color:#C2A968}
.p-fpub2 .p-anun-tx .p-anun-res b{display:inline!important;font:500 .875rem/1.2 var(--font-body)!important;color:#131D2D!important;gap:0}
.p-fpub2 .p-anun-res span:not(.p-anun-est){color:#59647A}

/* 27/10/2026 · Las fotos a pantalla completa, más premium (Tomás: "la interfaz cuando abro la imagen en pantalla completa con las
   fotitos abajo no me parece súper premium"). Fondo casi negro para que la foto mande; arriba, la cruz redonda y "1 / 18" en
   píldoras de vidrio; la foto de borde a borde en el celular; abajo, las miniaturas más grandes y redondeadas sobre un degradé,
   la elegida entera y con su borde blanco. */
.p-lb .velo{background:#07090E!important;opacity:.98!important}
.p-lb .x{position:absolute!important;top:calc(14px + env(safe-area-inset-top))!important;left:14px!important;right:auto!important;z-index:6!important;width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:transparent!important;font-size:0!important;cursor:pointer;transition:background-color 160ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1)}
.p-lb .x::before,.p-lb .x::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:1.6px;margin:-.8px 0 0 -8px;border-radius:2px;background:#FBFAF6}
.p-lb .x::before{transform:rotate(45deg)}
.p-lb .x::after{transform:rotate(-45deg)}
.p-lb .x:active{transform:scale(.94)}
.p-lb .pie{bottom:0!important;padding:28px 0 calc(16px + env(safe-area-inset-bottom))!important;gap:0!important;background:linear-gradient(to top,rgba(7,9,14,.92) 55%,rgba(7,9,14,0))!important}
.p-lb .cuenta{position:fixed;top:calc(20px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:6;display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#FBFAF6!important;font:500 .8125rem/1 var(--font-body)!important;letter-spacing:.02em;font-variant-numeric:tabular-nums lining-nums}
.p-lb .tiras{gap:8px!important;max-width:100vw!important;padding:4px 16px!important;scroll-padding:0 40%;-webkit-mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.p-lb .tiras .t{width:60px!important;height:44px!important;border:0!important;border-radius:8px!important;overflow:hidden;opacity:.45!important;box-shadow:none!important;transition:opacity 200ms cubic-bezier(.23,1,.32,1),box-shadow 200ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1)!important}
.p-lb .tiras .t img{border-radius:8px!important}
.p-lb .tiras .t.on{opacity:1!important;box-shadow:0 0 0 2px #FBFAF6!important;border-bottom-color:transparent!important}
.p-lb .tiras .t:active{transform:scale(.95)}
.p-lb .nav{width:48px!important;height:48px!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#FBFAF6!important}
@media(max-width:859px){
  .p-lb .nav{display:none!important}
  .p-lb .lb-foto img{max-width:100vw!important;max-height:calc(100svh - 200px)!important;border-radius:0!important}
}
@media(prefers-reduced-motion:reduce){.p-lb .x,.p-lb .tiras .t{transition:none!important}}
/* 27/10/2026 · Tomás: "diferenciemos con color las burbujas Publicado y Alquilado, y que no se puedan tocar ni abrir". Publicado en
   oro (como lo que está en el portal) y Alquilado en verde (como su estado); las capturas ya no son links. */
.ap-ej{cursor:default}
.ap-ej:active{transform:none}
.ap-ej-r.ap-ej-pub{background:#F6EFDC;color:#75623C;box-shadow:0 0 0 1px rgba(194,169,104,.55),0 2px 8px rgba(19,29,45,.16)}
.ap-ej-r.ap-ej-alq{background:#E6F3EA;color:#1F7A47;box-shadow:0 0 0 1px rgba(45,166,94,.4),0 2px 8px rgba(19,29,45,.16)}
.ap-ej-r::before{content:"";width:7px;height:7px;margin-right:7px;border-radius:50%;background:currentColor;opacity:.85}
/* 27/10/2026 · Tomás: "si toda la web es azul, no hagamos el fondo negro". El visor de fotos, en el navy de BAIREN. */
.p-lb .velo{background:#131D2D!important;opacity:1!important}
.p-lb .pie{background:linear-gradient(to top,rgba(19,29,45,.95) 55%,rgba(19,29,45,0))!important}

/* 27/10/2026 · Precio en Filtros (buscar.html): Desde y Hasta, con USD adelante del número, como lo dice cualquiera en
   Buenos Aires ("USD 1.000"). Sin franjas, barras ni cantidades. USD/Pesos no se ve: todo está en dólares. */
.p-mon[hidden],html.ap-lista #drawer .p-mon[hidden]{display:none!important}
.ap-precio{margin-top:2px}
.ap-pr{display:flex;flex-direction:column;gap:6px;min-width:0}
.ap-pr-l{font:400 .8125rem/1.2 var(--font-body);color:#59647A}
.ap-pr-c{display:flex;align-items:center;gap:6px;height:48px;padding:0 14px;border:1px solid #E0DCD4;border-radius:12px;background:#fff;cursor:text;transition:border-color 160ms cubic-bezier(.23,1,.32,1)}
.ap-pr-c:focus-within{border-color:#131D2D}
.ap-pr-m{flex:none;font:500 1rem/1 var(--font-body);color:#59647A;font-variant-numeric:lining-nums}
.ap-pr-c input.p-fsel,html.ap-lista #drawer .ap-pr-c input.p-fsel{flex:1 1 0;width:0;min-width:0;height:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;font:500 1rem/1 var(--font-body)!important;color:#131D2D!important;font-variant-numeric:tabular-nums lining-nums}
@media(prefers-reduced-motion:reduce){.ap-pr-c{transition:none}}

/* ── 27/10/2026 · Pasada de Emil por toda la web (Tomás: "hacé una pasada de Emil por toda la web"). En reposo nada cambia:
   solo cómo responde al toque y cómo entra lo que se abre. ── */
/* Una sola hundida. Donde js/bairen-motion.js hunde lo que se aprieta (html.bp-toque), el :active del CSS no lo hunde otra
   vez: se sumaban (.97 del script por .97 del CSS) en los botones, el corazón, los chips y la barra de abajo. Ninguno de
   estos usa transform para ubicarse. */
html.bp-toque :is(.p-btn,.p-fbtn,.p-chip,.p-icon-btn,.tj-fav,.mc-btn,.mc-chip,.p-tabbar a,.ap-tabbar a,.pp-btn,.p-vis-chip,.p-pill,.p-tab,.ap-busca,.ap-fila-b,.ap-preg-l a,.tj-wa,.ap-publicar,.ap-importar,.ap-link-b,.ap-salir-rep,details.p-mas > summary,.ap-limpiar,.ap-pm-mas,.ap-entrar-b):active{transform:none!important}
/* El visor de fotos: el fondo navy vuelve a aclararse mientras se arrastra la foto hacia abajo para cerrar (el navy fijo lo
   había dejado quieto) */
.p-lb .velo{opacity:var(--lb-velo,1)!important}
/* Lo que se abre aparece desde algo, no de golpe: los tres puntos del panel crecen desde su botón (160 ms), y "Más filtros"
   y la "i" del link del dueño entran con un fundido corto (200 ms). Sin rebote y con la curva de la casa. */
@keyframes ap-desde-boton{from{opacity:0;transform:translateY(-4px) scale(.97)}}
@keyframes ap-aparece{from{opacity:0;transform:translateY(-4px)}}
@keyframes ap-fundido{from{opacity:0}}
@media(prefers-reduced-motion:no-preference){
  body.p-panel-page details.p-mas[open] .p-mas-menu{transform-origin:top right;animation:ap-desde-boton 160ms cubic-bezier(.23,1,.32,1)}
  .ref-mas[open] > :not(summary),.ap-link-info:not([hidden]){animation:ap-aparece 200ms cubic-bezier(.23,1,.32,1)}
}
@media(prefers-reduced-motion:reduce){
  body.p-panel-page details.p-mas[open] .p-mas-menu,.ref-mas[open] > :not(summary),.ap-link-info:not([hidden]){animation:ap-fundido 150ms linear}
}

/* ── 27/10/2026 · La campana y todo lo que se prende (Tomás: "cuando toque la campanita, que se marque o cambie de color;
   la burbujita de Avisos está muy pegada y no se entiende que está abierta; lo mismo para todos los botones que se
   presionan en la web"). Prendido = oro, como lo elegido en el resto del portal: sobre el navy, el ícono en oro con un
   círculo suave; sobre lo claro, el fondo oro claro. La burbuja se separa del encabezado, tiene una flecha hacia la
   campana, la página de atrás se oscurece y entra desde la campana (200 ms) y sale más rápido (140 ms). ── */
html .p-campana > .p-bell{border-radius:999px!important;transition:color 160ms cubic-bezier(.23,1,.32,1),background-color 160ms cubic-bezier(.23,1,.32,1)}
html .p-campana.abierta > .p-bell{color:#C2A968!important;background:rgba(194,169,104,.16)!important}
html .p-campana-m .p-campana-dd{left:12px;right:12px;border:0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 24px 60px rgba(8,14,26,.32),0 2px 6px rgba(8,14,26,.08)!important;
  transform-origin:calc(100% - var(--flecha,32px) + 12px) 0;transition:opacity 140ms cubic-bezier(.23,1,.32,1),transform 140ms cubic-bezier(.23,1,.32,1),display 140ms allow-discrete}
html .p-campana-m .p-campana-dd:not([hidden]){opacity:1;transform:none;transition-duration:200ms}
html .p-campana-m .p-campana-dd[hidden]{opacity:0;transform:translateY(-6px) scale(.97)}
@starting-style{html .p-campana-m .p-campana-dd:not([hidden]){opacity:0;transform:translateY(-6px) scale(.97)}}
html .p-campana-m .p-campana-cab{padding:16px 10px 10px 18px!important;background:#fff!important;border-bottom:1px solid #EFECE6!important;border-radius:16px 16px 0 0}
html .p-campana-m .p-campana-t{font:400 1.25rem/1.2 var(--font-display,'Playfair Display',serif)!important}
html .p-campana-m .p-campana-vacio{margin:0!important;padding:16px 18px 20px!important;font:400 .9375rem/1.5 var(--font-body)!important;color:#59647A!important}
html .p-campana-m .p-campana-item{padding:14px 18px!important}
.p-campana-flecha{position:fixed;z-index:2;width:14px;height:14px;background:#fff;border-radius:3px 0 0 0;transform:rotate(45deg);pointer-events:none;transition:opacity 140ms cubic-bezier(.23,1,.32,1),display 140ms allow-discrete}
.p-campana-flecha:not([hidden]){opacity:1;transition-duration:200ms}
.p-campana-flecha[hidden]{display:none!important;opacity:0}
@starting-style{.p-campana-flecha:not([hidden]){opacity:0}}
.p-campana-velo{position:fixed;inset:0;z-index:995;background:rgba(8,14,26,.34);transition:opacity 140ms cubic-bezier(.23,1,.32,1),display 140ms allow-discrete}
.p-campana-velo:not([hidden]){opacity:1;transition-duration:200ms}
.p-campana-velo[hidden]{display:none!important;opacity:0}
@starting-style{.p-campana-velo:not([hidden]){opacity:0}}
@media(min-width:1024px){.p-campana-velo,.p-campana-flecha{display:none!important}}
/* Lo demás que se prende y se apaga: la "i" del link del dueño y los tres puntos del panel, en oro claro */
.ap-link-b[aria-expanded="true"]{background:#F3EAD3!important;color:#75623C!important}
body.p-panel-page details.p-mas[open] > summary{background:#F3EAD3!important;box-shadow:inset 0 0 0 1px rgba(194,169,104,.6)!important;color:#75623C!important}
@media(prefers-reduced-motion:reduce){
  html .p-campana-m .p-campana-dd,html .p-campana-m .p-campana-dd[hidden]{transform:none!important;transition:opacity 150ms linear,display 150ms allow-discrete}
  @starting-style{html .p-campana-m .p-campana-dd:not([hidden]){transform:none}}
}

/* 27/10/2026 · Tomás: "el logo de BAIREN está en un lugar en la portada y cuando toco Ver departamentos está en otro; que
   esté siempre en el mismo lugar". En el celular el encabezado de Propiedades tenía 16 px a los costados y el resto 12:
   el logo saltaba 4 px. Ahora todos 16, alineados con el contenido. */
@media(max-width:859px){#pHeader .p-navbar{padding-left:16px!important;padding-right:16px!important}}

/* 27/10/2026 · La "i" de "Precio por mes" en Filtros (buscar.html). Tomás: "no se ve premium; la i desfasada, no centrada;
   la info a la derecha de la i, no debajo; muy pegada a Desde y Hasta; un texto más sutil y elegante". La "i" es un ícono
   dibujado (centrado); la nota aparece a su derecha, chica y gris, con "todo incluido" en Playfair cursiva; el latido es
   suave y para al primer toque. */
.ap-t-i{display:flex;align-items:center;gap:6px;min-height:28px;margin-bottom:14px!important}
.ap-t-i > .t,.ap-t-i > .mc-pop-t{margin:0!important;flex:none}
.ap-i{position:relative;flex:none;display:grid;place-items:center;width:28px;height:28px;margin:0 -2px;padding:0;border:0;border-radius:50%;background:none;color:#8A7547;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color 160ms cubic-bezier(.23,1,.32,1),background-color 160ms cubic-bezier(.23,1,.32,1)}
.ap-i svg{display:block;width:17px;height:17px;transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.ap-i:active svg{transform:scale(.9)}
.ap-i[aria-expanded="true"]{color:#75623C}
.ap-i svg circle:first-child{transition:fill 160ms cubic-bezier(.23,1,.32,1)}
.ap-i[aria-expanded="true"] svg circle:first-child{fill:rgba(194,169,104,.22)}
.ap-i.llama::after{content:"";position:absolute;left:50%;top:50%;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;border-radius:50%;pointer-events:none;animation:ap-llama 2.6s cubic-bezier(.23,1,.32,1) infinite}
@keyframes ap-llama{0%{box-shadow:0 0 0 0 rgba(194,169,104,.45)}55%{box-shadow:0 0 0 6px rgba(194,169,104,0)}100%{box-shadow:0 0 0 6px rgba(194,169,104,0)}}
.ap-i-txt{min-width:0;padding-left:2px;font:400 .75rem/1.35 var(--font-body);color:#6B7482;letter-spacing:.01em;text-wrap:balance}
.ap-i-txt em{font:italic 400 .8125rem/1 var(--font-display,'Playfair Display',Georgia,serif);color:#3E4756;letter-spacing:0;white-space:nowrap}
.ap-i-txt:not([hidden]){animation:ap-lado 220ms cubic-bezier(.23,1,.32,1)}
@keyframes ap-lado{from{opacity:0;transform:translateX(-6px)}}
@media(prefers-reduced-motion:reduce){.ap-i.llama::after{animation:none;box-shadow:0 0 0 2px rgba(194,169,104,.35)}.ap-i-txt:not([hidden]){animation:ap-fundido 150ms linear}}
/* En la compu, el panel de Precio es más ancho para que la nota de la "i" entre en un renglón, a la derecha */
/* 27/10/2026 · Tomás: "en el celular, que entre todo en una misma línea y que al tocarlo no se corra nada para abajo".
   La frase entera (223 px) no entra a la derecha de la "i" (148 a 178 px según el teléfono): en Filtros va la corta,
   "Valores todo incluido", en un renglón y sin mover nada. En el panel de la compu sigue la frase entera. */
#drawer .g-precio .ap-i-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:28px}
/* 27/10/2026 · Tomás: "que esté centrado a la i". La nota es una fila centrada en alto con la "i" (cada parte en su caja, así
   Safari no la corre por mezclar Jost y Playfair) y con el mismo aire a los dos lados de la "i" */
.ap-i-txt:not([hidden]){display:inline-flex;align-items:baseline;gap:.28em;padding-left:0;line-height:1.2!important}
.ap-i-txt > span,.ap-i-txt > em{display:block}
@media(min-width:821px){#precioPop{width:auto!important;min-width:500px}#precioPop .ap-i-txt{white-space:nowrap}#precioPop .ap-t-i{margin-bottom:0!important}}

/* 27/10/2026 · Filtros abiertos desde el primer cuadro al llegar con #filtros (buscar.html, html.ap-filtros-ya): sin la lista
   de por medio ni la hoja subiendo tarde. Barrios y Ambientes muestran lugares de reserva hasta que llegan los datos. */
html.ap-filtros-ya #drawer{display:block!important}
html.ap-filtros-ya #drawer .panel{transform:none!important;transition:none!important}
html.ap-filtros-ya #drawer .bg{opacity:1!important;transition:none!important}
#drawer .ap-sk{display:inline-block;flex:none;height:46px;border-radius:999px;background:#ECE9E3}

/* 27/10/2026 · Tomás: "Registrar visita: Fecha y hora tiene un campo de texto desfasado en el celular". Safari del iPhone
   centra el valor de las fechas, les cambia el alto y las deja más anchas que la caja: a la izquierda, 46 px y dentro de la caja. */
input[type="datetime-local"],input[type="date"],input[type="time"]{-webkit-appearance:none;appearance:none;min-width:0;max-width:100%}
.mu-campo{min-width:0}
.mu-campo input[type="datetime-local"]{display:block;height:46px;text-align:left}
input[type="datetime-local"]::-webkit-date-and-time-value,input[type="date"]::-webkit-date-and-time-value,input[type="time"]::-webkit-date-and-time-value{text-align:left;margin:0}

/* 27/10/2026 · El barrio en la ficha (debajo del mapa): el nombre, dos renglones y "Ver más" */
.ap-barrio{margin-top:16px;padding-top:14px;border-top:1px solid #E7E3DC}
.ap-barrio-t{margin:0 0 4px;font:500 .6875rem/1.2 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#8A7547}
.ap-barrio-d{margin:0;font:400 .9375rem/1.55 var(--font-body);color:#454D5C;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ap-barrio-d.abierta{display:block;-webkit-line-clamp:unset;overflow:visible}
.ap-barrio-mas{margin:6px 0 0;padding:6px 0;border:0;background:none;color:#131D2D;font:500 .875rem/1 var(--font-body);text-decoration:underline;text-decoration-color:rgba(19,29,45,.3);text-underline-offset:3px;cursor:pointer}
.ap-barrio-mas[hidden]{display:none!important}

/* 27/10/2026 · Duración del contrato en tramos ("3 meses", "3 a 6 meses", "6 a 12 meses"): cada uno en un renglón */
.p-visita .p-vis-chip{white-space:nowrap!important;padding-left:4px!important;padding-right:4px!important;font-size:.875rem!important;letter-spacing:0!important}

/* 27/10/2026 · La "g" de Colegiales (y la de Belgrano) se cortaba en Barrios: el nombre medía justo el alto de la letra y
   recorta lo que sobra (para los puntos suspensivos). Un renglón con aire para las colitas. */
html .mc-zona .nm,html.ap-lista #drawer .mc-zona .nm,html.ap-lista #drawer .mc-fr1 .mc-zona .nm{line-height:1.35!important;padding-bottom:1px}

/* 27/10/2026 · Duración del contrato · Tomás: "pongamos alguna animación cuando el usuario toque alguna burbuja de
   duración". El color entra en 200 ms y un filete oro se cierra sobre la burbuja (de 1.06 a 1) con la curva de la casa; al
   soltarla se va más rápido. En la hoja del celular, lo elegido igual que en la tarjeta: crema con borde oro. */
.p-vis-chip{position:relative;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .2s cubic-bezier(.23,1,.32,1),border-color .2s cubic-bezier(.23,1,.32,1),color .2s ease!important}
.p-vis-chip::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1.5px solid #C2A968;opacity:0;transform:scale(1.03);transition:opacity .12s ease-out,transform .12s ease-out;pointer-events:none}
.p-vis-chip[aria-pressed="true"]::after{opacity:1;transform:scale(1);transition:opacity .18s cubic-bezier(.23,1,.32,1),transform .22s cubic-bezier(.23,1,.32,1)}
body .p-vis-hoja .p-vis-chip[aria-pressed="true"]{background:#F6EFDC!important;border-color:#C2A968!important;color:#131D2D!important}
/* 27/10/2026 (noche) · Tomás: "le saquemos el tilde y dejemos solo el pop, pero más sutil": sin tilde, y el filete entra
   desde 1.03 en vez de 1.06 */
.p-vis-chips{overflow:visible!important}
@media (prefers-reduced-motion:reduce){.p-vis-chip,.p-vis-chip::after,.p-vis-chip[aria-pressed="true"]::after{transition:none!important}.p-vis-chip::after{transform:none}}
/* ── 27/10/2026 · Lo que quedó de la investigación (Tomás: "¿aplicaste todo lo que habíamos quedado?") ── */
/* Tarjeta: el ingreso sobre la foto (con el punto verde si es inmediato), "Nuevo" en oro y "todo incluido" bajo el precio */
.p-tj .tj-desde.tj-ya{display:inline-flex;align-items:center;gap:6px}
.p-tj .tj-desde.tj-ya i{width:6px;height:6px;border-radius:50%;background:#2DA65E;flex:none}
.p-tj .tj-tag.tj-nuevo{background:#C2A968!important;color:#131D2D!important;font-weight:500!important}
/* Ficha: la revisión a la vista, debajo del título */
.ap-sellos{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;margin:10px 0 0;padding:0}
.ap-sellos li{display:inline-flex;align-items:center;gap:6px;font:400 .8125rem/1.2 var(--font-body);color:#454D5C}
.ap-sellos li svg{width:14px;height:14px;flex:none;color:#8A7547}
/* 27/10/2026 (noche) · Tomás: "a Revisado por BAIREN le pondría otro color para destacar, un azulcito clarito tipo link".
   Es un link de verdad: lleva a Cómo funciona, a "Lo que miramos". */
.ap-sellos a{display:inline-flex;align-items:center;gap:6px;color:#2F6AB0;text-decoration:none;-webkit-tap-highlight-color:transparent}
.ap-sellos a svg{color:#2F6AB0}
@media (hover:hover) and (pointer:fine){.ap-sellos a:hover span{text-decoration:underline;text-decoration-color:rgba(47,106,176,.4);text-underline-offset:3px}}
/* La tilde dorada de "Incluye" */
#ctaLugar #ctaCard .ap-incluye svg,.ap-incluye svg{width:14px;height:14px;margin-right:6px;vertical-align:-2px;color:#8A7547}
/* Los datos: rótulo chico en oro y el valor en Playfair, tres por fila */
@media(max-width:1023px){
  .ap-feats.ap-feats-r{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}
  .ap-feats.ap-feats-r li{width:auto!important;align-items:flex-start!important;gap:5px!important;padding:0!important;text-align:left!important}
  .ap-feats.ap-feats-r .r{font:500 .625rem/1.2 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#8A7547}
  .ap-feats.ap-feats-r b{font:400 1.125rem/1.15 var(--font-display,'Playfair Display',serif);color:#131D2D}
}
/* Los títulos de sección de la ficha con una línea fina en oro hacia la derecha */
body.p-ficha-page h2.p-sec-t,body.p-ficha-page .p-fpub2-t{display:flex!important;align-items:center;gap:14px}
body.p-ficha-page h2.p-sec-t::after,body.p-ficha-page .p-fpub2-t::after{content:"";flex:1 1 auto;height:1px;background:linear-gradient(to right,rgba(194,169,104,.6),rgba(194,169,104,0))}

/* 27/10/2026 · Quién publica, en la tarjeta, lleva a su perfil: se nota que se toca (con el mouse, el nombre se subraya) */
.p-tj .tj-pub[data-perfil]{cursor:pointer}
@media (hover:hover) and (pointer:fine){.p-tj .tj-pub[data-perfil]:hover .tj-pub-t b{text-decoration:underline;text-decoration-color:rgba(19,29,45,.35);text-underline-offset:3px}}
/* ── 27/10/2026 · Cómo funciona con fotos (Tomás: "Cómo revisamos con fotos y lo que rechazamos; reemplazar
   y fusionar Cómo funciona con este concepto"). La foto grande arriba con una sola frase; lo que miramos en fotos reales del
   catálogo con un rótulo en oro y una línea; quién publica; lo que no publicamos con la cifra real. Poco texto. ── */
body.p-criterios .cf-hero{position:relative;display:block;margin:0;height:clamp(360px,62svh,560px);overflow:hidden;background:#131D2D;color:#FBFAF6}
body.p-criterios .cf-hero-f{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.p-criterios .cf-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(19,29,45,.88) 0%,rgba(19,29,45,.35) 48%,rgba(19,29,45,0) 72%)}
body.p-criterios .cf-hero-in{position:absolute;left:0;right:0;bottom:0;z-index:1;box-sizing:border-box;max-width:1100px;margin:0 auto;padding:0 20px 26px;display:flex;flex-direction:column;gap:10px}
body.p-criterios .cf-eyebrow{margin:0;font:500 .6875rem/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:#DECDA0}
body.p-criterios .cf-h1{margin:0;max-width:18ch;font:400 1.75rem/1.12 var(--font-display,'Playfair Display',serif);color:#FBFAF6;text-wrap:balance;letter-spacing:-.005em}
body.p-criterios .cf-pie-foto{margin:4px 0 0;font:400 .6875rem/1 var(--font-body);color:rgba(251,250,246,.6)}
body.p-criterios .cf-in{padding-top:22px!important}
body.p-criterios .cf-sec{margin-top:48px!important;padding-top:0!important}
body.p-criterios .cf-h2{margin:0 0 6px;font:400 1.3125rem/1.2 var(--font-display,'Playfair Display',serif);color:#131D2D}
body.p-criterios .cf-bajada{margin:0 0 16px;font:400 .9375rem/1.5 var(--font-body);color:#59647A}
body.p-criterios .cf-criterios{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:16px}
body.p-criterios .cf-c{margin:0;display:flex;flex-direction:column;gap:10px}
body.p-criterios .cf-c img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px;background:#E0DCD4}
body.p-criterios .cf-c figcaption{display:flex;flex-direction:column;gap:4px}
body.p-criterios .cf-rot{font:500 .6875rem/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#8A7547}
body.p-criterios .cf-l{font:400 1.125rem/1.3 var(--font-display,'Playfair Display',serif);color:#131D2D;text-wrap:balance}
body.p-criterios .cf-dir{font:400 .75rem/1.3 var(--font-body);color:#8A93A0}
body.p-criterios .cf-cuentas{list-style:none;margin:0;padding:0;background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(19,29,45,.05)}
body.p-criterios .cf-cuentas li{display:flex;flex-direction:column;gap:3px;padding:15px 18px;border-top:1px solid #EFECE6}
body.p-criterios .cf-cuentas li:first-child{border-top:0}
body.p-criterios .cf-cuentas b{font:500 .9375rem/1.3 var(--font-body);color:#131D2D}
body.p-criterios .cf-cuentas span{font:400 .875rem/1.4 var(--font-body);color:#59647A}
body.p-criterios .cf-cifra{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:14px 0 16px;font:400 .9375rem/1.3 var(--font-body);color:#59647A}
body.p-criterios .cf-cifra .n{font:400 1.875rem/1 var(--font-display,'Playfair Display',serif);color:#131D2D;font-variant-numeric:lining-nums}
body.p-criterios .cf-cifras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 16px}
body.p-criterios .cf-cifras > div{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:#fff;border-radius:14px}
body.p-criterios .cf-cifras .n{font:400 2rem/1 var(--font-display,'Playfair Display',serif);color:#131D2D;font-variant-numeric:lining-nums}
body.p-criterios .cf-cifras span:not(.n){font:400 .8125rem/1.3 var(--font-body);color:#59647A}
body.p-criterios .cf-motivos{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
body.p-criterios .cf-motivos li{padding:8px 12px;border:1px solid #E0DCD4;border-radius:999px;background:#fff;font:400 .8125rem/1 var(--font-body);color:#454D5C}
body.p-criterios .cf-reporte{margin:16px 0 0;font:400 .8125rem/1.5 var(--font-body);color:#8A93A0}
body.p-criterios .cf .cr-tabs{margin-top:4px}
@media(min-width:760px){
  body.p-criterios .cf-hero{height:clamp(420px,70vh,640px)}
  body.p-criterios .cf-hero-in{padding:0 32px 40px}
  body.p-criterios .cf-h1{font-size:2.125rem;max-width:22ch}
  body.p-criterios .cf-h2{font-size:1.75rem}
  body.p-criterios .cf-criterios{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}
  body.p-criterios .cf-cuentas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  body.p-criterios .cf-cuentas li{border-top:0;border-left:1px solid #EFECE6}
  body.p-criterios .cf-cuentas li:first-child{border-left:0}
}

/* 27/10/2026 (noche) · La tarjeta, ordenada (Tomás: "pensá en toda la info y ordenala de la forma más premium"). La foto
   queda limpia; la calle lleva los metros y los baños; el ingreso va en la fila del precio, a la derecha, chico y sin
   recuadro (el punto verde si es inmediato). */
/* Visto y Contactado arriba a la izquierda, donde va Nuevo (nunca los dos juntos) */
html .p-tj .tj-foto > .tj-estado{top:12px;bottom:auto}
.p-tj .tj-calle .tj-meta{font-size:inherit!important;color:inherit!important;display:inline}
.p-tj .tj-fila{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px}
.p-tj .tj-ing{display:inline-flex;align-items:center;gap:6px;flex:none;font:400 .8125rem/1.2 var(--font-body);color:#4A5468;white-space:nowrap}
.p-tj .tj-ing.tj-ya i{width:6px;height:6px;border-radius:50%;background:#2DA65E;flex:none}
/* Ficha: "Revisado por BAIREN" en el renglón de la dirección, en azul de link */
.p-ficha2 .p-fcalle{flex-wrap:wrap;row-gap:4px}
.p-ficha2 .p-frev-l{margin:-2px 0 0}
.p-ficha2 .p-frev{display:inline-flex;align-items:center;gap:6px;color:#2F6AB0;text-decoration:none;font:400 .875rem/1.3 var(--font-body);white-space:nowrap;-webkit-tap-highlight-color:transparent}
.p-ficha2 .p-frev svg{width:14px;height:14px;color:#2F6AB0;flex:none}
@media (hover:hover) and (pointer:fine){.p-ficha2 .p-frev:hover span{text-decoration:underline;text-decoration-color:rgba(47,106,176,.4);text-underline-offset:3px}}
/* 27/10/2026 (noche) · La cabecera de la ficha, pareja · Tomás: "la dirección y Revisado por BAIREN quedan muy pegados al
   corazón y no son equilibrados los espacios con el título y Ubicación". Título, 12 px, dirección, 28 px, Ubicación. */
body.p-ficha-page .p-ficha2 .p-ficha-head{gap:12px!important;margin-bottom:28px!important}

/* 27/10/2026 (noche) · Quién publica, en la tarjeta: al tocarlo se hunde él (no la tarjeta) y aparece un fondo suave detrás,
   así se entiende que va al perfil */
.p-tj .tj-pub[data-perfil]{position:relative;isolation:isolate;align-self:flex-start;width:fit-content;max-width:100%;transform-origin:left center}
.p-tj .tj-pub[data-perfil]::before{content:"";position:absolute;inset:-4px -10px -4px -6px;border-radius:999px;background:rgba(19,29,45,.07);opacity:0;transition:opacity .2s ease-out;z-index:-1;pointer-events:none}
.p-tj .tj-pub[data-perfil]:active::before,.p-tj .tj-pub.tocado::before{opacity:1;transition-duration:.08s}
/* El corazón: el pop se anima sobre el dibujo (el botón ya se hunde con el toque) */
[data-fav] svg{transform-origin:50% 55%}
@media (prefers-reduced-motion:reduce){.p-tj .tj-pub[data-perfil]::before{transition:none}}

/* 28/10/2026 · La "i" de los servicios del anunciante (en lugar del asterisco y la nota): la misma "i" de Filtros (.ap-i, late
   hasta el primer toque) y la frase en una burbuja blanca debajo, que no mueve nada. --dx la corre para no salirse de la
   pantalla (propiedad.html) y la flechita sigue apuntando a la "i".
   Va fija a la pantalla: las tarjetas del precio recortan lo que sobresale. */
.p-iserv-w{position:relative;display:inline-flex;vertical-align:middle;margin-left:3px}
.p-iserv.ap-i{width:26px;height:26px;margin:-4px -4px -4px 0}
.p-iserv-txt{position:fixed;top:0;left:0;z-index:1000;width:max-content;max-width:min(260px,calc(100vw - 24px));padding:10px 12px;border-radius:10px;background:#fff;color:#2A3342;font:400 .8125rem/1.4 var(--font-body);letter-spacing:0;white-space:normal;text-align:left;text-transform:none;border-radius:10px!important;box-shadow:0 1px 2px rgba(17,24,39,.08),0 8px 24px rgba(17,24,39,.14);transform-origin:top center;animation:p-iserv-in 180ms cubic-bezier(.23,1,.32,1)}
.p-iserv-txt[hidden]{display:none}
.p-iserv-txt::before{content:"";position:absolute;top:-5px;left:var(--flecha,50%);width:10px;height:10px;background:#fff;transform:rotate(45deg);box-shadow:-1px -1px 1px rgba(17,24,39,.05)}
@keyframes p-iserv-in{from{opacity:0;transform:scale(.96)}}
@media (prefers-reduced-motion:reduce){.p-iserv-txt{animation:none}}

/* 27/10/2026 (noche) · La unidad de la cartera: Editar, Visitas y reservas, y el Link del dueño (con En vivo). Las cifras,
   en una línea debajo del precio. */
.mu-dueno .mu-h-fila{margin-bottom:14px}
.mu-dueno .mu-h-fila .mu-h{margin:0}
/* 28/10/2026 · Tomás: "USD y abajo visualizaciones está pegado": 8 px entre el precio y las cifras */
.mu-cifras{margin:8px 0 0;font:400 .875rem/1.35 var(--font-body);color:#59647A}
.mu-dueno .mu-d-abrio{margin:12px 0 0}

/* 27/10/2026 (noche) · A 320 px el rótulo "DORMITORIOS" de los datos de la ficha pasaba 2 px su columna: menos espaciado y
   corte de palabra si hiciera falta */
@media (max-width:359px){.ap-feats.ap-feats-r .r{letter-spacing:.04em!important}}
.ap-feats.ap-feats-r .r{overflow-wrap:anywhere}

/* 27/10/2026 (noche) · Tomás: "cuando aparezca Contactado en el buscador lo pondría en verde" (Visto sigue en navy) */
html .p-tj .tj-foto > .tj-estado.tj-contactado{background:#E6F3EA;color:#1F7A47}

/* Mi panel: el aviso de los documentos, en rojo suave cuando quedan 2 días o menos */
.mc-docs.urgente{background:#FBEDEA!important;box-shadow:inset 0 0 0 1px rgba(163,64,46,.35)!important;color:#7A2E21!important}
.mc-docs.urgente svg{color:#A3402E!important}

/* 28/10/2026 · "Tenés otro departamento? Publicalo gratis", solo para el dueño directo: una tarjeta blanca con el botón */
.pm-otro-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin:16px 0 0;padding:16px 18px;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(17,24,39,.05),0 4px 14px rgba(17,24,39,.05)}
.pm-otro-card b{font:400 1.125rem/1.25 var(--font-display);color:#131D2D}
.pm-otro-card .p-btn{flex:none}

/* 28/10/2026 · Las cuatro cifras de Unidades: en el celular "Visualizaciones" no entraba y se partía ("Visualizacio-nes").
   Hasta 480 px van de a dos por fila, sin cortar palabras. */
@media (max-width:480px){
  html .mc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html .mc-kpis .mc-kpi + .mc-kpi{border-left:0}
  html .mc-kpis .mc-kpi:nth-child(2n){border-left:1px solid var(--n-linea,#E0DCD4)}
  html .mc-kpis .mc-kpi:nth-child(n+3){border-top:1px solid var(--n-linea,#E0DCD4)}
}
html .mc-kpis .mc-kpi *{overflow-wrap:normal;word-break:normal;hyphens:none}
/* 28/10/2026 · Importar desde un Excel. Las solapas parejas y de todo el ancho en el celular ("Desde un Excel" no entraba a
   320 px), la planilla modelo, la caja para subir el archivo, la vista previa que se desliza dentro de su caja (nunca la
   página: la dirección queda fija a la izquierda y los títulos arriba), el avance y el resumen. */
.imp-fuente{display:flex;width:100%;max-width:440px}
.imp-fuente button{flex:1 1 0;min-width:0;padding:0 12px;white-space:nowrap}
@media (max-width:480px){body.p-herramienta .p-imp{padding:20px 18px}}
@media (max-width:359px){.imp-fuente button{font-size:.875rem;padding:0 8px}}
.imx-plantilla{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 16px}
.imx-bajar{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 20px;border-radius:var(--n-r,12px)!important;cursor:pointer}
.imx-bajar svg{width:18px;height:18px;flex:none;color:#75623C}
.imx-plantilla .imp-cols{flex:1 1 220px}
.imx-plantilla .imp-cols[open]{flex-basis:100%}
.imx-drop{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-height:136px;padding:22px 18px;border:1px dashed #C2A968;border-radius:12px;background:#FBF9F4;color:#59647A;font:400 .9375rem/1.4 var(--font-body);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 200ms ease-out,border-color 200ms ease-out}
.imx-drop svg{width:28px;height:28px;color:#8A7547;margin-bottom:2px}
.imx-drop b{font-weight:500;font-size:1.0625rem;max-width:100%;overflow-wrap:anywhere}
.imx-drop:active{transform:scale(.985)}
.imx-drop:focus-visible{outline:2px solid #C2A968;outline-offset:2px}
.imx-drop.sobre{background:#F8F3E6;border-style:solid}
.imx-drop.cargado{border-style:solid;border-color:#CFCAC1;background:#FFF}
.imx-drop.cargado svg{color:#1F6B45}
.imx-drop.cargando{cursor:progress}
@media (hover:hover) and (pointer:fine){.imx-drop:hover{background:#F8F3E6;border-color:#B39A57}.imx-drop.cargado:hover{background:#FBF9F4}}
.imx-cuenta{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 10px}
.imx-cuenta span{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;font:500 .8125rem/1 var(--font-body);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.imx-cuenta span::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.imx-cuenta .ok{background:#EAF4EE}
.imx-cuenta .falta{background:#F8F3E6}
.imx-cuenta .no{background:#F7EAE8}
.imx-nota{margin:0 0 12px;font:400 .875rem/1.45 var(--font-body)}
/* Si la tabla sigue a la derecha, una sombra suave en el borde lo avisa; al llegar al final, la tapa el blanco que viaja
   con el contenido */
.imx-caja{position:relative;max-width:100%;max-height:min(70vh,640px);overflow:auto;border:1px solid #E0DCD4;border-radius:12px;background:linear-gradient(to left,#FFF 40%,rgba(255,255,255,0)) right center/36px 100% no-repeat local,radial-gradient(farthest-side at 100% 50%,rgba(19,29,45,.14),rgba(19,29,45,0)) right center/14px 100% no-repeat scroll,#FFF;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.imx-caja:focus-visible{outline:2px solid #C2A968;outline-offset:2px}
.imx-tabla{width:100%;min-width:820px;border-collapse:separate;border-spacing:0;font:400 .875rem/1.35 var(--font-body);color:#131D2D;font-variant-numeric:tabular-nums lining-nums}
.imx-tabla th,.imx-tabla td{padding:11px 14px;border-bottom:1px solid #EFEDE8;text-align:left;vertical-align:top;white-space:nowrap}
.imx-tabla thead th{position:sticky;top:0;z-index:2;background:#F7F5F0;border-bottom-color:#E0DCD4;font:500 .75rem/1.2 var(--font-body);letter-spacing:.02em}
.imx-tabla tbody tr:last-child > *{border-bottom:0}
.imx-tabla .dir{position:sticky;left:0;z-index:1;background:#FFF;min-width:150px;max-width:200px;white-space:normal;font-weight:500;box-shadow:inset -1px 0 0 #EFEDE8}
.imx-tabla thead .dir{z-index:3;background:#F7F5F0}
.imx-tabla .dir small{display:block;margin-bottom:2px;font:400 .75rem/1.2 var(--font-body);color:#6C727E}
.imx-tabla .dir .u{white-space:nowrap}
.imx-tabla .num{text-align:right}
.imx-tabla .est{min-width:190px;max-width:260px;white-space:normal}
.imx-tabla .est small{display:block;margin-top:3px;font-size:.8125rem;line-height:1.35;color:#59647A}
/* En el celular, la dirección y el estado entran juntos en la caja a 390 px; lo demás se ve deslizando */
@media (max-width:480px){.imx-tabla th,.imx-tabla td{padding:10px 12px}.imx-tabla .dir{min-width:118px;max-width:136px}.imx-tabla .est{min-width:168px}}
.imx-est{display:inline-flex;align-items:center;gap:7px;font-weight:500}
.imx-est::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.imx-crear{display:flex;justify-content:flex-end;margin-top:16px}
.imx-crear .p-btn{min-height:52px;padding:0 28px;font-size:1rem;font-variant-numeric:tabular-nums lining-nums}
.imx-crear .p-btn:disabled{opacity:.5;cursor:default}
@media (max-width:600px){.imx-crear .p-btn{width:100%;justify-content:center}}
.imx-barra{height:4px;margin-top:12px;border-radius:999px;background:#EFEDE8;overflow:hidden}
.imx-barra span{display:block;width:0;height:100%;border-radius:inherit;background:#C2A968;transition:width 200ms cubic-bezier(.23,1,.32,1)}
.imx-fin{margin-top:4px;padding:24px 22px;border:1px solid #E0DCD4;border-radius:12px;background:#FBF9F4;animation:imx-entra 260ms cubic-bezier(.23,1,.32,1) both}
.imx-fin:focus{outline:none}
.imx-fin-ico{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:50%;background:#EAF4EE}
.imx-fin-ico svg{width:22px;height:22px}
.imx-fin-t{margin:0 0 6px;font:500 1.5rem/1.2 var(--font-display);font-variant-numeric:lining-nums}
.imx-fin-s{margin:0 0 4px;font:400 .9375rem/1.5 var(--font-body)}
.imx-fin-no{margin:16px 0 6px;font:500 .875rem/1.4 var(--font-body)}
.imx-fin ul{margin:0;padding-left:18px;font:400 .875rem/1.55 var(--font-body);color:#59647A;overflow-wrap:anywhere}
.imx-fin-acc{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.imx-fin-acc .p-btn{min-height:48px;padding:0 22px;border-radius:var(--n-r,12px)!important;cursor:pointer}
@media (max-width:600px){.imx-fin-acc .p-btn{flex:1 1 100%;justify-content:center}}
/* Los colores van con body.p-herramienta .p-imp delante: portal.css (body .p-page.after-band :is(p,span,b,td,th…)) los
   pasaba a heredar y todo quedaba navy */
body.p-herramienta .p-imp :is(.imx-drop b,.imx-fin-t){color:#131D2D}
body.p-herramienta .p-imp :is(.imx-nota,.imx-tabla .est small){color:#59647A}
body.p-herramienta .p-imp .imx-fin-s{color:#454D5C}
body.p-herramienta .p-imp :is(.imx-cuenta .ok,.imx-est.ok,.imx-fin-ico){color:#1F6B45}
body.p-herramienta .p-imp :is(.imx-cuenta .falta,.imx-est.falta,.imx-tabla thead th){color:#75623C}
body.p-herramienta .p-imp :is(.imx-cuenta .no,.imx-est.no,.imx-fin-no){color:#9C3A34}
body.p-herramienta .p-imp .imx-tabla tr.imx-no > :is(th,td){color:#6C727E}
body.p-herramienta .p-imp .imx-tabla tr.imx-no .imx-est{color:#9C3A34}
body.p-herramienta .p-imp .imx-vacio{color:#B4B0A8}
/* El radio de todo el portal (12 px): portal.css deja en cuadrado los botones dentro de cualquier clase p- */
body.p-herramienta .p-imp :is(.imx-drop,.imx-bajar){border-radius:var(--n-r,12px)!important}
@keyframes imx-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.imx-drop,.imx-barra span{transition:none}.imx-drop:active{transform:none}.imx-fin{animation:none}}
/* 28/10/2026 · A 320 px "Descargar planilla modelo" no entraba en el botón: puede bajar de renglón */
html .imx-bajar{max-width:100%;white-space:normal!important;text-align:left;height:auto!important;min-height:44px}

/* 28/10/2026 · La unidad, sin visitas: Estado en tres botones y el Portal del propietario con su miniatura (gestion.html) */
.mu-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:#F1EEE7}
.mu-seg button{min-height:42px;padding:0 6px;border:0;border-radius:9px;background:transparent;color:#454D5C;font:500 .875rem/1.15 var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s cubic-bezier(.23,1,.32,1),color .2s ease,transform .16s cubic-bezier(.23,1,.32,1)}
.mu-seg button[aria-pressed="true"]{background:#fff;color:#131D2D;box-shadow:0 1px 3px rgba(17,24,39,.12)}
.mu-seg button:active:not(:disabled){transform:scale(.97)}
.mu-seg button:disabled{cursor:default}
.mu-seg button:disabled[aria-pressed="false"]{opacity:.55}
.mu-nota{margin:10px 0 0;font:400 .8125rem/1.4 var(--font-body);color:#6B7589}
.mu-confirma{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#FBEDEA}
.mu-confirma p{margin:0 0 10px;font:400 .875rem/1.4 var(--font-body);color:#7A2E21}
.mu-dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.mu-dos .mu-btn{width:100%;justify-content:center}
.mu-prev{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;width:100%;margin:0 0 12px;padding:10px;border:0;border-radius:12px;background:#F6F3EC;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.23,1,.32,1)}
.mu-prev:active{transform:scale(.985)}
.mu-prev-foto{width:64px;height:64px;border-radius:9px;background:#DCD7CE center/cover no-repeat}
.mu-prev-tx{display:grid;gap:4px;min-width:0}
.mu-prev-tx b{font:400 1.0625rem/1.2 var(--font-display);color:#131D2D;overflow-wrap:anywhere}
.mu-prev-tx small{font:400 .8125rem/1.35 var(--font-body);color:#454D5C}
.mu-dueno .mu-d-abrio{margin:12px 0 0}
@media (prefers-reduced-motion:reduce){.mu-seg button,.mu-prev{transition:none}.mu-seg button:active,.mu-prev:active{transform:none}}

/* 28/10/2026 · Fundadores: la tarjeta de Publicar, el aviso de Mi panel y la hoja con los cuatro pasos (BP.fundadores) */
.fund-card{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;margin:20px 0 0;padding:16px 18px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(194,169,104,.55);text-align:left}
.fund-sello{display:block;width:22px;height:22px;color:#8A7547}.fund-sello svg{width:22px;height:22px}
.fund-rot{margin:0 0 4px!important;font:500 .6875rem/1 var(--font-body)!important;letter-spacing:.12em;text-transform:uppercase;color:#8A7547!important}
.fund-t{margin:0!important;font:400 1.1875rem/1.25 var(--font-display)!important;color:#131D2D!important}
.fund-p{margin:6px 0 0!important;font:400 .875rem/1.45 var(--font-body)!important;color:#454D5C!important}
.fund-link{margin:8px 0 0;padding:4px 0;border:0;background:none;font:500 .875rem/1 var(--font-body);color:#131D2D;text-decoration:underline;text-decoration-color:rgba(19,29,45,.3);text-underline-offset:3px;cursor:pointer}
.mc-fund{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 12px;padding:12px 14px;border:0;border-radius:12px;background:#FBF7EC;box-shadow:inset 0 0 0 1px rgba(194,169,104,.45);color:#131D2D;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.23,1,.32,1)}
.mc-fund:active{transform:scale(.985)}
.mc-fund-ic{flex:none;width:22px;height:22px;color:#8A7547}.mc-fund-ic svg{width:22px;height:22px}
.mc-fund-tx{flex:1;min-width:0;font:400 .9375rem/1.35 var(--font-body)}.mc-fund-tx b{font-weight:600}
.mc-fund > svg{flex:none;width:18px;height:18px;color:#75623C}
.fund-hoja{position:fixed;inset:0;z-index:1100;display:flex;align-items:flex-end;justify-content:center}
.fund-velo{position:absolute;inset:0;background:rgba(19,29,45,.45);animation:fund-velo .2s ease-out}
.fund-in{position:relative;width:100%;max-width:520px;max-height:88vh;overflow:auto;padding:22px 20px calc(24px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:#FBFAF6;animation:fund-sube .26s cubic-bezier(.32,.72,0,1)}
.fund-hoja.sale .fund-in{animation:fund-baja .18s ease-in forwards}.fund-hoja.sale .fund-velo{animation:fund-velo .18s ease-in reverse forwards}
.fund-asa{display:block;width:40px;height:4px;margin:0 auto 14px;border-radius:2px;background:#D6D1C6}
.fund-x{position:absolute;top:14px;right:12px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#131D2D;cursor:pointer}.fund-x svg{width:22px;height:22px}
.fund-in h2{margin:0 0 14px;font:400 1.5rem/1.2 var(--font-display);color:#131D2D}
.fund-pasos{margin:0;padding:0;list-style:none}
.fund-pasos li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid #E6E1D8}
.fund-pasos li:first-child{border-top:0}
.fund-pasos .n{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#F1ECDF;color:#8A7547;font:500 .8125rem/1 var(--font-body)}
.fund-pasos .corte .n{background:#131D2D;color:#C2A968}
.fund-pasos b{display:block;font:500 .9375rem/1.3 var(--font-body);color:#131D2D}
.fund-pasos span:not(.n){font:400 .875rem/1.45 var(--font-body);color:#454D5C}
.fund-pie{margin:14px 0 0;font:400 .8125rem/1.45 var(--font-body);color:#6B7589}
@media (min-width:640px){.fund-hoja{align-items:center}.fund-in{border-radius:18px}.fund-asa{display:none}}
@keyframes fund-sube{from{transform:translateY(100%)}}
@keyframes fund-baja{to{transform:translateY(100%)}}
@keyframes fund-velo{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.fund-in,.fund-velo,.fund-hoja.sale .fund-in,.fund-hoja.sale .fund-velo{animation:none}.mc-fund{transition:none}.mc-fund:active{transform:none}}

/* 28/10/2026 · Mis departamentos del dueño, solo interacciones: dos cifras (visualizaciones y WhatsApp) */
.rep .rep-nums.rep-nums-2{grid-template-columns:repeat(2,minmax(0,1fr))}