/* BAIREN · Portal · Ajustes de inmobiliaria (25/10/2026), sobre el diseño de siempre: claridad, textos, legibilidad y funciones. Sin cambiar colores, encabezado, pie, fotos, logo ni formas. */
/* Pantallas: Publicá gratis (publicar.html), Mis avisos (panel.html), una unidad de la cartera (gestion.html), quienes
   publican (publicadores.html), dejar una reseña (resena.html) y la carga del aviso (publicar-aviso.html). Las clases
   nuevas llevan el prefijo aji-. Navy y oro como siempre; la hoja crema queda donde ya estaba. */

/* ── Publicá tus alquileres gratis (publicar.html) ───────────────────────── */
/* Las puertas suben y se apoyan sobre la cabecera navy: lo primero que se ve es elegir quién sos */
body.p-publicar-landing .aji-band{padding-bottom:88px}
body.p-publicar-landing .p-page.after-band{padding-top:0}
body.p-publicar-landing .aji-puertas{position:relative;z-index:2;margin-top:-52px;box-shadow:0 18px 44px rgba(19,29,45,.16)}
body.p-publicar-landing .aji-puertas .p-perfil b{font-weight:500}
body.p-publicar-landing .aji-puertas .p-perfil span:not(.ico-w){font-size:.92rem;color:#4A5468}
/* El ícono de cada regla no se veía: la regla general de la hoja lo pintaba navy sobre el círculo navy */
body .p-page.after-band .pr-reglas .ic{color:var(--pr-oro)}
/* ¿Entra tu departamento?: los barrios en una lista corta, como rótulos */
body.p-publicar-landing .aji-barrios{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
body.p-publicar-landing .aji-barrios li{padding:8px 12px;border:1px solid rgba(19,29,45,.14);border-radius:999px;background:#FFFDF8;font:400 .9rem/1.2 var(--font-body);color:var(--navy-deeper)}
body.p-publicar-landing .aji-reglas{margin:18px 0 4px}
body.p-publicar-landing .aji-reglas li{align-items:center}
body.p-publicar-landing .aji-link{display:inline-flex;align-items:center;min-height:44px}
/* Cómo funciona: los documentos de cada uno, con su nombre en negrita */
body.p-publicar-landing .p-pasos .aji-docs b{display:inline;font-size:inherit;font-weight:500;color:var(--navy-deeper)}
body.p-publicar-landing .aji-imp{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px}
body.p-publicar-landing .aji-imp .p-h2{margin:0}
body.p-publicar-landing .aji-imp .p-btn{min-height:44px}

/* Bloque navy: el reporte de cada dueño, el precio y "Publicar gratis". La página termina en navy, como el sitio. */
.aji-navy{background:var(--navy-deeper);color:var(--p-ink,#FBFAF6);padding:64px 0 72px;border-top:1px solid rgba(194,169,104,.18)}
.aji-navy .p-eyebrow{color:rgba(251,250,246,.62)!important}   /* el sobretítulo general va con !important en portal.css */
.aji-navy .p-h2{margin:10px 0 10px;font-size:1.6rem;color:#FBFAF6}
.aji-navy .p-sub{margin:0;font-size:1rem;line-height:1.6;color:rgba(251,250,246,.78);max-width:52ch}
.aji-navy .p-link{display:inline-flex;align-items:center;min-height:44px;color:#FBFAF6;border-bottom-color:rgba(194,169,104,.6);text-decoration-color:rgba(194,169,104,.6)}
@media(hover:hover) and (pointer:fine){.aji-navy .p-link:hover{color:var(--gold-light)}}
.aji-dos{list-style:none;margin:20px 0 8px;padding:0;display:grid;gap:12px}
.aji-dos li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:baseline;font:500 1.05rem/1.4 var(--font-body);color:#FBFAF6}
.aji-dos i{font:400 1.7rem/1 var(--font-display);font-style:normal;color:var(--gold)}
.aji-dos b{font-weight:500;color:#FBFAF6}
.aji-ejemplo{position:relative;margin:32px 0 0;padding:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:calc(var(--p-radius,14px) + 4px)}
.aji-ejemplo img{display:block;width:100%;height:auto;border-radius:var(--p-radius,14px);background:#F4F0E6}
.aji-ejemplo .p-badge{position:absolute;top:18px;left:18px;z-index:1;margin:0;background:var(--navy-deeper);border-color:var(--navy-deeper);color:var(--gold-light)}
.aji-cierre{margin-top:48px;padding-top:36px;border-top:1px solid rgba(194,169,104,.28)}
body.p-publicar-landing #precios .aji-precio{margin:0;font:400 1.3rem/1.4 var(--font-display);color:#FBFAF6}   /* #precios p de portal.css lo dejaba gris y chico */
body.p-publicar-landing .aji-navy .p-pl-cta{margin-top:24px}
body.p-publicar-landing .aji-navy .p-pl-cta .p-note{color:rgba(251,250,246,.66)}
@media (min-width:900px){
  .aji-navy{padding:88px 0 96px}
  .aji-rep{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:72px;align-items:center}
  .aji-ejemplo{margin-top:0}
  .aji-navy .p-h2{font-size:2rem}
  body.p-publicar-landing .aji-puertas{margin-top:-64px}
}

/* ── Mis avisos (panel.html) ──────────────────────────────────────────── */
/* Cada fila dice quién es el dueño; toda la fila lleva a la unidad y los botones de adentro quedan por encima */
body.p-panel-page .p-aviso-dueno{margin:8px 0 0;font:400 .88rem/1.4 var(--font-body);color:var(--text-dark);overflow-wrap:anywhere}
body.p-panel-page .p-aviso-dueno.sin{font-weight:500;color:var(--gold-dark)}
body.p-panel-page .p-aviso-tit{color:inherit;text-decoration:none}
body.p-panel-page .p-aviso-tit::after{content:"";position:absolute;inset:0;z-index:0}
body.p-panel-page .p-aviso-row.v2 :is(.acts,.p-visitas,.p-aviso-motivo,a:not(.p-aviso-tit),button,details){position:relative;z-index:1}
@media(hover:hover) and (pointer:fine){body.p-panel-page .p-aviso-row.v2:hover{border-color:rgba(19,29,45,.22)}}
body.p-panel-page .p-aviso-row.v2 .acts .p-btn svg{width:16px;height:16px;flex:none}
/* Lo que se toca, a 44 px */
body.p-panel-page details.p-mas summary{width:44px;height:44px}
body.p-panel-page .p-mas-menu a,body.p-panel-page .p-mas-menu button{min-height:44px}
body.p-panel-page .p-visitas summary{min-height:44px}
body.p-panel-page .p-herr-q input,body.p-panel-page .p-herr .p-fsel{height:44px}
/* Reseñas, al pie de la lista */
body.p-panel-page .p-res-card{margin:18px 0 0}
@media (max-width:1023px){
  /* Las cuatro pestañas entran enteras: "Mi cuenta" ya no queda cortada en el borde */
  body.p-panel-page .p-side-nav,body.p-panel-page .p-panel .p-side-nav{margin:0 -24px 18px;padding:8px 18px 0}
  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{min-height:44px;padding:8px 7px}
  body.p-panel-page .p-aviso-row.v2 .acts .p-btn-dueno{flex:1.5 1 auto;padding:0 12px}
  body.p-panel-page .p-aviso-row.v2 .acts{flex-wrap:wrap}
}

/* ── Una unidad de la cartera (gestion.html) ──────────────────────────── */
body.p-gestion .ges-tit{margin:0 0 6px;font:400 1.25rem/1.25 var(--font-display);color:var(--pr-navy)}
body.p-gestion .ges-form input[aria-invalid=true]{border-color:#B94A4A;background:#FBF1EF}
body.p-gestion .ges-form .ges-err{margin:6px 0 2px}
body.p-gestion .ges-cancelar,body.p-gestion .ges-bts .ges-cambiar{min-height:44px}
body.p-gestion .ges-cancelar{align-self:flex-start;margin-top:6px;padding:0;border:0;background:none;font:500 .88rem/1 var(--font-body);color:var(--pr-tinta2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body.p-gestion .ges-d-n span{font-size:.9rem}
body.p-gestion .ges-d-abrio{font-size:.9rem}

/* ── Quiénes publican (publicadores.html) ─────────────────────────────── */
body.p-publicadores .pr-res-quien{display:inline-block;margin-left:6px;padding:3px 8px;border:1px solid rgba(19,29,45,.14);border-radius:999px;font:500 .78rem/1.2 var(--font-body);color:#59647A;white-space:nowrap}
body.p-publicadores .pr-res-dejar{display:inline-flex;align-items:center;min-height:44px}

/* ── Dejar una reseña (resena.html) ───────────────────────────────────── */
body.p-resena .res-falta{outline:1px solid #B94A4A;outline-offset:6px;border-radius:8px}
body.p-resena input.res-falta,body.p-resena textarea.res-falta{outline:0;border-color:#B94A4A;background:#FBF1EF}
body.p-resena .res-form .ges-err{margin:8px 0 0}

/* ── La carga del aviso (publicar-aviso.html) ─────────────────────────── */
/* "Cerrar" lleva una cruz: se lee como cerrar la carga, no como cerrar una sesión */
body.p-flujo-pub .pf-salir{display:inline-flex;align-items:center;gap:6px;min-width:44px}
body.p-flujo-pub .pf-salir::before{content:"";flex:none;width:13px;height:13px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center/contain no-repeat}
body.p-flujo-pub .pf-top-in{padding:0 12px}
/* "Copiar el link" salía recto y "Ver cómo lo ve" redondeado (portal.css pone a 0 los <button> dentro de un .p-): los dos iguales */
body.p-gestion .ges-bts button:not(.ges-cambiar){border-radius:10px !important}

/* 25/10/2026 (noche) · Soy inmobiliaria: debajo de las puertas, una línea para el dueño y dos plegables (Requisitos y Cómo
   funciona). Filete fino entre filas, la flecha oro de siempre. */
.aji-soy-dueno{margin:14px 0 0;font:400 .9375rem/1.4 var(--font-body)}
.aji-soy-dueno a{display:inline-flex;align-items:center;min-height:44px;color:#1A2538;text-decoration:underline;text-decoration-color:rgba(194,169,104,.7);text-underline-offset:4px}
.aji-pleg{margin:0;border-top:1px solid rgba(19,29,45,.12)}
.aji-pleg:first-of-type{margin-top:28px}
.aji-pleg:last-of-type{border-bottom:1px solid rgba(19,29,45,.12);margin-bottom:8px}
.aji-pleg summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;cursor:pointer;list-style:none;font:500 1.0625rem/1.2 var(--font-body);color:#131D2D}
.aji-pleg summary::-webkit-details-marker{display:none}
.aji-pleg summary::after{content:"";flex:none;width:8px;height:8px;margin-right:4px;border-right:1.5px solid #8A7547;border-bottom:1.5px solid #8A7547;transform:translateY(-2px) rotate(45deg);transition:transform .2s cubic-bezier(.23,1,.32,1)}
.aji-pleg[open] summary::after{transform:translateY(2px) rotate(225deg)}
.aji-pleg[open]{padding-bottom:22px}
.aji-pleg .p-pasos{margin-top:4px}
@media (prefers-reduced-motion:reduce){.aji-pleg summary::after{transition:none}}
/* sin el alto mínimo de las páginas del portal: debajo de los plegables viene enseguida el bloque navy */
.p-page:has(.aji-puertas){min-height:0;padding-bottom:40px}

/* 25/10/2026 (noche) · La cartera más corta en el celular: vistas y consultas en una línea debajo del título, al lado de
   la foto, en lugar de la fila de números grandes. Cada unidad ocupa bastante menos. */
.p-aviso-cifras-m{display:none}
@media (max-width:1023px){
  body.p-panel-page .p-aviso-row.v2{align-items:start}
  body.p-panel-page .p-aviso-row.v2 .p-aviso-cifras{display:none}
  body.p-panel-page .p-aviso-cifras-m{display:block;margin:6px 0 0;font:500 .875rem/1.3 var(--font-body);color:var(--navy-deeper,#131D2D);font-variant-numeric:tabular-nums lining-nums}
}