/* BAIREN · Portal · Ajustes de propietario (25/10/2026), sobre el diseño de siempre: claridad, textos, legibilidad y funciones. Sin cambiar colores, encabezado, pie, fotos, logo ni formas. */
/* Mismos colores, radios y letras de promesa.css (--pr-*). Sin frases nuevas (regla de Tomás, 25/10): la cabecera navy
   del reporte (la de criterios y legales), las cifras con su período, "Qué hacer ahora" con dos botones en el bloque
   navy de siempre, el gráfico que dice sus números, las visitas con su vacío corto, y en propietarios los tres casos que
   se tocan enteros. */

/* ═════════════ El reporte en vivo (reporte.html; también en Mis propiedades y en la gestión) ═════════════ */

/* Cabecera navy con el título y quién lo publica; las tarjetas suben un poco sobre ella */
body.p-reporte.p-herramienta .rep-band{padding:96px 0 52px}
body.p-reporte .rep-band .p-container{max-width:640px;padding:0 16px;box-sizing:border-box}
body.p-reporte.p-herramienta .rep-band h1{margin:0 0 6px;font-size:clamp(1.6rem,6.6vw,2.1rem) !important;line-height:1.12}
body.p-reporte .rep-intro{margin:0;font:300 .95rem/1.5 var(--font-body);color:rgba(251,250,246,.86)}
body.p-reporte .rep-intro b{font-weight:500;color:#FBFAF6}
body.p-reporte .rep-intro[hidden]{display:none}
body.p-reporte .rep-pag{position:relative;margin:-30px auto 0;padding-top:0}
body.p-reporte .rep-mas-link{margin:22px 0 0;text-align:center}
body.p-reporte .rep-mas-link[hidden]{display:none}
body.p-reporte .rep-mas-link a{display:inline-flex;align-items:center;min-height:44px;font:400 .92rem/1.3 var(--font-body);color:var(--pr-navy2);text-decoration:underline;text-decoration-color:var(--pr-oro);text-underline-offset:4px}

/* La tarjeta del departamento: "En vivo · Actualizado recién" (la hora que antes iba al pie) */
.rep-vivo span{margin-left:8px;font:300 .78rem/1 var(--font-body);letter-spacing:0;text-transform:none;color:var(--pr-tinta2)}
.rep-vivo span::before{content:"·";margin-right:8px}

/* Etiquetas y textos chicos, un punto más grandes para que se lean */
.rep-l{font-size:.72rem}
.rep-act-t small{font-size:.8125rem}

/* Las cifras: tres iguales, desde que se publicó, con lo de esta semana abajo de cada una */
.rep .rep-nums.rep-nums-3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.rep-nums-3 b{font-size:2.3rem}
.rep-nums-3 span{font-size:.9rem;color:var(--pr-tinta)}
.rep-nums-3 small{font:400 .8125rem/1.3 var(--font-body);color:#59647A}

/* Qué hacer ahora: el bloque navy de siempre (el del consejo del pie), con los dos botones */
.rep > .rep-ahora{padding:18px;background:var(--pr-navy);border-color:var(--pr-navy);color:rgba(251,250,246,.86)}
.rep-ahora h3{margin:0 0 14px;font:400 1.3rem/1.2 var(--font-display);color:#FBFAF6}
.rep-bts{display:flex;flex-direction:column;gap:10px}
.rep-bts .pp-btn{width:100%;box-sizing:border-box;text-align:center;line-height:1.25}
.rep-bts .pp-btn:active{transform:scale(.98)}
@media (min-width:560px){.rep-bts{flex-direction:row;flex-wrap:wrap}.rep-bts .pp-btn{flex:1 1 auto;width:auto}}

/* Vistas de los últimos 14 días: cada barra dice su número; los días sin vistas son un punto (antes, barras planas
   que hacían parecer roto el gráfico); el último día dice "Hoy" */
.rep .rep-barras{height:112px}
.rep-barras b{font:500 .72rem/1 var(--font-body);color:var(--pr-navy);font-variant-numeric:tabular-nums lining-nums}
.rep-barras span.sin i{width:4px;height:4px;min-height:0;margin-bottom:3px;border-radius:50%;background:rgba(194,169,104,.55)}
.rep-barras em{font-size:.7rem}
.rep-barras span:last-child em{font-weight:500;color:var(--pr-navy)}

/* Visitas: el día, en qué quedó y lo que dijo la persona */
.rep-vis ul{margin:0;padding:0;list-style:none}
.rep-v{padding:12px 0;border-top:1px solid var(--pr-linea)}
.rep-v:first-child{padding-top:0;border-top:0}
.rep-v-cab{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rep-v-cab b{display:inline-block;font:500 .9rem/1.35 var(--font-body);color:var(--pr-navy)}
.rep-v-cab b::first-letter{text-transform:uppercase}
.rep-v-cab .rep-estado{flex:none}
.rep-v q{display:block;margin-top:8px;font:300 italic .95rem/1.5 var(--font-body);color:var(--pr-tinta);quotes:"“" "”"}
.rep-v-off .rep-v-cab b{color:var(--pr-tinta2)}

/* Consultas y favoritos: desde la quinta, plegadas */
.rep-mas-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:12px;padding:0 16px;border:1px solid rgba(19,29,45,.2);border-radius:10px;background:#fff;color:var(--pr-navy);font:500 .88rem/1 var(--font-body);cursor:pointer}
.rep-mas-btn:active{transform:scale(.98)}

/* Link que no abre ningún reporte: el botón a Cómo funciona */
.rep-vacio .rep-ver{margin-top:16px}

/* ═════════════ La tarjeta de ejemplo (portada y propietarios) ═════════════ */
.rp-nums span{font-size:.8rem}

/* ═════════════ Propietarios (propietarios.html) ═════════════ */
.pp-eyebrow{font-size:.7rem}
.pp-nota{font-size:.8125rem}
/* Los tres casos: cada caja entera se toca y lleva a lo suyo (antes, solo el botón) */
a.pp-caja{display:block;color:inherit;text-decoration:none;transition:transform .16s cubic-bezier(.22,1,.36,1),border-color .16s}
a.pp-caja:active{transform:scale(.985)}
a.pp-caja:focus-visible{outline:2px solid var(--pr-oro);outline-offset:3px}
@media (hover:hover) and (pointer:fine){a.pp-caja:not(.pp-caja-navy):hover{border-color:rgba(19,29,45,.3)}}
@media (min-width:900px){a.pp-caja{display:flex;flex-direction:column;align-items:flex-start}a.pp-caja p{flex:1}}
@media (prefers-reduced-motion:reduce){a.pp-caja,.rep-bts .pp-btn,.rep-mas-btn{transition:none;transform:none !important}}