/* BAIREN · Portal · El portal del dueño (26/10/2026, js/portal-dueno.js). El formato del portal de propietarios del OS
   (cabecera navy, la respuesta grande con filete de color, renglones con su respuesta adentro, un apartado por pantalla)
   con la piel del portal: lienzo #ECE9E3, tarjetas blancas con sombra suave, un solo radio de 12 px, oro solo para lo
   elegido. Celular: vista previa con el aviso de la compu, o el portal entero con la barra de abajo. Compu: apartados al
   costado. Tacto de Emil Kowalski: .97 al apretar, curvas propias, hover solo con mouse. */
body.p-reporte{background:var(--n-fondo,#ECE9E3)}
body.p-reporte main#contenido{padding-top:64px}
.pd{--pd-verde:#2F6B41;--pd-verde-s:#E7EFE6;--pd-ambar:#9A6B12;--pd-ambar-s:#F7EFDA;--pd-sombra:0 1px 2px rgba(17,24,39,.05),0 8px 24px rgba(17,24,39,.07);color:var(--n-tinta,#131D2D)}
.pd-ej{position:fixed;z-index:40;top:76px;right:max(14px,env(safe-area-inset-right,0px));margin:0;padding:6px 12px;border-radius:999px;background:#C2A968;color:#131D2D;font:600 .6875rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase}

/* La cabecera navy, con la foto */
.pd-hero{background:linear-gradient(180deg,#22314A,#131D2D);color:#FBFAF6;border-bottom:1px solid rgba(194,169,104,.45)}
.pd-hero-in{max-width:1120px;margin:0 auto;padding:18px max(16px,env(safe-area-inset-left,0px)) 26px;display:grid;gap:16px}
.pd-volver{display:inline-flex;align-items:center;gap:6px;min-height:40px;justify-self:start;color:#DECDA0;font:500 .9375rem/1 var(--font-body);text-decoration:none}
.pd-volver svg{width:18px;height:18px}
.pd-foto{display:block;aspect-ratio:16/10;border-radius:var(--n-r,12px);background:#2A3A52 center/cover no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.28)}
.pd-hero-t{display:grid;gap:8px;align-content:start;min-width:0}
.pd-vivo{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;font:400 .8125rem/1.2 var(--font-body);color:rgba(251,250,246,.72)}
.pd-dir{margin:2px 0 0;font:400 clamp(1.625rem,1.3rem + 1.4vw,2.25rem)/1.12 var(--font-display),Georgia,serif;letter-spacing:-.01em;text-wrap:balance;color:#FBFAF6}
.pd-sub{margin:0;font:400 .9375rem/1.4 var(--font-body);color:rgba(251,250,246,.78)}
.pd-pill{justify-self:start;display:inline-flex;align-items:center;margin-top:4px;padding:7px 14px;border-radius:999px;font:500 .8125rem/1 var(--font-body);letter-spacing:.01em;white-space:nowrap;background:rgba(251,250,246,.12);color:#FBFAF6;box-shadow:inset 0 0 0 1px rgba(251,250,246,.22)}
.pd-pill-disponible{background:rgba(47,107,65,.32);box-shadow:inset 0 0 0 1px rgba(143,207,160,.45);color:#E3F3E7}
.pd-pill-reservado{background:rgba(194,169,104,.22);box-shadow:inset 0 0 0 1px rgba(194,169,104,.6);color:#F1E6C8}
.pd-pill-revision{background:rgba(222,205,160,.14);color:#F1E6C8}
@media(min-width:900px){
  .pd-hero-in{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:center;gap:28px 36px;padding-top:28px;padding-bottom:34px}
  .pd-volver{grid-column:1 / -1}
}

/* El cuerpo: en la compu, los apartados al costado */
.pd-cuerpo{max-width:1120px;margin:0 auto;padding:22px max(16px,env(safe-area-inset-left,0px)) 56px}
.pd-vista{min-width:0;display:grid;gap:0}
.pd-h2{margin:0 0 14px;font:400 1.3125rem/1.25 var(--font-display),Georgia,serif;color:var(--n-tinta)}
@media(min-width:900px){
  .pd-completo .pd-cuerpo{display:grid;grid-template-columns:232px minmax(0,1fr);gap:32px;align-items:start;padding-top:32px}
  .pd-completo .pd-vista{max-width:720px}
  .pd-h2{font-size:1.75rem;margin-bottom:18px}
}

/* La navegación: columna en la compu, barra navy abajo en el celular (como el OS) */
.pd-nav{display:grid;gap:4px;position:sticky;top:88px}
.pd-nav-b{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border-radius:var(--n-r,12px);color:var(--n-tinta-2);font:500 .9375rem/1 var(--font-body);text-decoration:none;transition:background-color .18s ease,color .18s ease,transform .16s var(--n-curva)}
.pd-nav-b svg{width:20px;height:20px;flex:none;color:var(--n-oro-osc,#8A7547)}
.pd-nav-b.on{background:var(--n-blanco,#FFF);color:var(--n-tinta);box-shadow:var(--pd-sombra),inset 3px 0 0 #C2A968}
.pd-nav-b:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.pd-nav-b:not(.on):hover{background:rgba(255,255,255,.55)}}
@media(max-width:899px){
  .pd-completo .pd-nav{position:fixed;z-index:60;left:0;right:0;bottom:0;top:auto;grid-template-columns:repeat(4,1fr);gap:0;padding:0 max(6px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(6px,env(safe-area-inset-left,0px));background:#131D2D;border-top:1px solid rgba(194,169,104,.3)}
  .pd-completo .pd-nav-b{flex-direction:column;justify-content:center;gap:5px;min-height:64px;padding:0;border-radius:0;color:rgba(251,250,246,.62);font-size:.75rem;box-shadow:none;background:transparent;position:relative}
  .pd-completo .pd-nav-b svg{color:currentColor}
  .pd-completo .pd-nav-b.on{color:#FBFAF6;background:transparent;box-shadow:none}
  .pd-completo .pd-nav-b.on::before{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;background:#C2A968;border-radius:0 0 2px 2px}
  body.pd-con-barra .pd-cuerpo{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  body.pd-con-barra #pFooter{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
}

/* La respuesta grande: tarjeta con filete del color del estado */
.pd-grande{display:block;position:relative;padding:18px 20px 18px 22px;border-radius:var(--n-r,12px);background:var(--n-blanco,#FFF);box-shadow:var(--pd-sombra);color:inherit;text-decoration:none;overflow:hidden;transition:transform .16s var(--n-curva),box-shadow .2s ease}
.pd-grande::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#C2A968}
.pd-g-verde::before{background:var(--pd-verde)}.pd-g-ambar::before{background:#D2A24C}.pd-g-neutro::before{background:var(--n-linea-2,#CFCAC1)}
a.pd-grande:active{transform:scale(.985)}
@media(hover:hover) and (pointer:fine){a.pd-grande:hover{box-shadow:0 1px 2px rgba(17,24,39,.06),0 12px 30px rgba(17,24,39,.1)}}
.pd-rot{margin:0;font:500 .75rem/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--n-oro-tinta,#75623C)}
.pd-val{margin:6px 0 0;font:400 1.75rem/1.15 var(--font-display),Georgia,serif;color:var(--n-tinta)}
.pd-g-verde .pd-val{color:var(--pd-verde)}
.pd-det{margin:6px 0 0;font:400 .9375rem/1.4 var(--font-body);color:var(--n-tinta-2)}
.pd-ver{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:12px;font:500 .875rem/1 var(--font-body);color:var(--n-tinta)}
.pd-ver svg{width:16px;height:16px;transition:transform .2s var(--n-curva)}
@media(hover:hover) and (pointer:fine){a.pd-grande:hover .pd-ver svg{transform:translateX(3px)}}
.pd-segs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}
.pd-segs i{height:5px;border-radius:3px;background:#EDE7D6}
.pd-segs i.hecho{background:var(--pd-verde)}.pd-segs i.ahora{background:#C2A968}

/* Secciones, rótulos y listas */
.pd-sec{margin-top:26px}
.pd-l{margin:0 0 10px;font:500 .75rem/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--n-oro-tinta,#75623C)}
.pd-tarjeta,.pd-lista{border-radius:var(--n-r,12px);background:var(--n-blanco,#FFF);box-shadow:var(--pd-sombra)}
.pd-lista{margin:0;padding:0;list-style:none;overflow:hidden}
.pd-lista > * + *{border-top:1px solid var(--n-linea,#E0DCD4)}
.pd-cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:var(--n-r,12px);background:var(--n-blanco,#FFF);box-shadow:var(--pd-sombra)}
.pd-cifra{display:grid;gap:2px;padding:16px 14px;min-width:0}
.pd-cifra + .pd-cifra{border-left:1px solid var(--n-linea,#E0DCD4)}
.pd-cifra b{font:400 1.875rem/1 var(--font-display),Georgia,serif;font-variant-numeric:tabular-nums lining-nums;color:var(--n-tinta)}
.pd-cifra span{font:500 .875rem/1.2 var(--font-body);color:var(--n-tinta)}
.pd-cifra small{font:400 .8125rem/1.3 var(--font-body);color:var(--n-tinta-3)}
/* Renglón de apartado: ícono en círculo, título y su respuesta, chevron */
.pd-ap{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 16px;color:inherit;text-decoration:none;transition:background-color .18s ease}
.pd-ap:active{background:var(--n-suave,#EFEDE8)}
@media(hover:hover) and (pointer:fine){.pd-ap:hover{background:#FAF9F6}}
.pd-ap-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(194,169,104,.5);color:var(--n-oro-osc,#8A7547)}
.pd-ap-ic svg{width:19px;height:19px}
.pd-ap-tx{display:grid;gap:3px;min-width:0;flex:1}
.pd-ap-tx b{font:500 1rem/1.25 var(--font-body)}
.pd-ap-tx span{font:400 .875rem/1.35 var(--font-body);color:var(--n-tinta-2)}
.pd-ap-chev{flex:none;color:var(--n-tinta-3)}.pd-ap-chev svg{width:18px;height:18px}
/* Lo que dijo la gente */
.pd-dijeron{padding:16px 18px}
.pd-tt{margin:0 0 10px;font:500 1rem/1.25 var(--font-body)}
.pd-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.pd-chip{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;background:var(--n-suave,#EFEDE8);font:500 .8125rem/1 var(--font-body);color:var(--n-tinta-2);white-space:nowrap}
.pd-chip-oro{background:#F6EFDC;color:#75623C}.pd-chip-info{background:#E6EDF6;color:#2B4A72}.pd-chip-off{background:transparent;box-shadow:inset 0 0 0 1px var(--n-linea-2);color:var(--n-tinta-3)}
.pd-cita{margin:12px 0 0;padding:0 0 0 14px;border-left:2px solid rgba(194,169,104,.6)}
.pd-cita p{margin:0;font:400 italic 1.0625rem/1.45 var(--font-display),Georgia,serif;color:var(--n-tinta)}
.pd-cita cite{display:block;margin-top:4px;font:400 normal .8125rem/1.2 var(--font-body);color:var(--n-tinta-3)}
.pd-nota{margin:10px 0 0;font:400 .875rem/1.45 var(--font-body);color:var(--n-tinta-3)}
.pd-vacio{margin:0;padding:18px;border:1px dashed var(--n-linea-2,#CFCAC1);border-radius:var(--n-r,12px);color:var(--n-tinta-2);font:400 .9375rem/1.4 var(--font-body)}
.pd-aviso{margin:12px 0 0;padding:12px 14px;border-radius:var(--n-r,12px);background:var(--pd-ambar-s);color:#6B4B0E;font:500 .875rem/1.4 var(--font-body)}
/* Visitas */
.pd-vis{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 16px}
.pd-vis-tx{display:grid;gap:3px;min-width:0;flex:1}
.pd-vis-tx b{font:500 .9375rem/1.3 var(--font-body)}
.pd-vis-tx span{font:400 .875rem/1.4 var(--font-body);color:var(--n-tinta-2)}
.pd-mas{margin-top:8px}
.pd-mas summary,.pd-plegado summary{list-style:none;cursor:pointer}
.pd-mas summary::-webkit-details-marker,.pd-plegado summary::-webkit-details-marker{display:none}
.pd-mas summary{display:inline-flex;min-height:44px;align-items:center;font:500 .875rem/1 var(--font-body);color:var(--n-tinta);text-decoration:underline;text-decoration-color:#C2A968;text-underline-offset:4px}
.pd-mas[open] summary{display:none}
.pd-plegado{border-radius:var(--n-r,12px);background:var(--n-blanco,#FFF);box-shadow:var(--pd-sombra);overflow:hidden}
.pd-plegado summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 16px;font:500 .9375rem/1 var(--font-body)}
.pd-plegado summary svg{width:18px;height:18px;color:var(--n-tinta-3);transform:rotate(90deg);transition:transform .2s var(--n-curva)}
.pd-plegado[open] summary svg{transform:rotate(-90deg)}
.pd-plegado .pd-lista{border-radius:0;box-shadow:none;border-top:1px solid var(--n-linea)}
/* Publicación: pasos y datos */
.pd-paso{display:flex;align-items:center;gap:14px;min-height:60px;padding:10px 16px}
.pd-marca{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--n-linea-2,#CFCAC1)}
.pd-paso.hecho .pd-marca{background:var(--pd-verde);box-shadow:none;color:#FFF}.pd-paso.hecho .pd-marca svg{width:14px;height:14px;stroke-width:2.4}
.pd-paso.ahora .pd-marca{box-shadow:inset 0 0 0 2px #C2A968;background:radial-gradient(circle,#C2A968 0 4px,transparent 4.5px)}
.pd-paso-tx{display:grid;gap:2px;flex:1;min-width:0}
.pd-paso-tx b{font:500 .9375rem/1.3 var(--font-body)}
.pd-paso-tx span{font:400 .8125rem/1.3 var(--font-body);color:var(--n-tinta-3)}
.pd-paso:not(.hecho):not(.ahora) .pd-paso-tx b{color:var(--n-tinta-3)}
.pd-datos{padding:4px 0}
.pd-dato{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:13px 16px}
.pd-dato span{font:400 .9375rem/1.3 var(--font-body);color:var(--n-tinta-2)}
.pd-dato b{font:500 .9375rem/1.3 var(--font-body);text-align:right}
.pd-link{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin-top:8px;font:500 .9375rem/1 var(--font-body);color:var(--n-oro-tinta,#75623C);text-decoration:none}
.pd-link svg{width:16px;height:16px}
/* Quién lo gestiona */
.pd-gest{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px}
.pd-gest-logo{flex:none;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;overflow:hidden;background:#131D2D;color:#C2A968;font:500 1.125rem/1 var(--font-body);box-shadow:0 0 0 1px rgba(19,29,45,.08)}
.pd-gest-logo img{width:100%;height:100%;object-fit:cover}
.pd-gest-tx{display:grid;gap:2px;flex:1;min-width:0}
.pd-gest-tx small{font:500 .6875rem/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--n-tinta-3)}
.pd-gest-tx b{font:500 1.0625rem/1.25 var(--font-body)}
.pd-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:var(--n-r,12px);font:500 .9375rem/1 var(--font-body);letter-spacing:.01em;text-decoration:none;cursor:pointer;border:0;transition:transform .16s var(--n-curva),background-color .2s ease,border-color .2s ease}
.pd-btn svg{width:18px;height:18px;flex:none}
.pd-btn:active{transform:scale(.97)}
.pd-btn:focus-visible,.pd-ap:focus-visible,.pd-grande:focus-visible,.pd-nav-b:focus-visible,.pd-igual:focus-visible{outline:2px solid #C2A968;outline-offset:2px}
.pd-btn-1{background:#131D2D;color:#FBFAF6}
.pd-btn-2{background:var(--n-blanco,#FFF);color:var(--n-tinta);box-shadow:inset 0 0 0 1px var(--n-linea-2,#CFCAC1)}
@media(hover:hover) and (pointer:fine){.pd-btn-1:hover{background:#22314A}.pd-btn-2:hover{box-shadow:inset 0 0 0 1px var(--n-tinta)}}
@media(max-width:599px){.pd-gest .pd-btn{width:100%}}
/* El aviso del celular: la información completa, en la compu */
.pd-compu{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 14px;padding:18px}
.pd-compu-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#F6EFDC;color:#75623C}
.pd-compu-ic svg{width:22px;height:22px}
.pd-compu-tx b{display:block;font:500 1.0625rem/1.3 var(--font-body)}
.pd-compu-tx p{margin:4px 0 0;font:400 .9375rem/1.45 var(--font-body);color:var(--n-tinta-2)}
.pd-compu-bts{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.pd-compu-bts .pd-btn{padding:0 12px;font-size:.875rem}
.pd-igual{grid-column:1 / -1;justify-self:center;min-height:44px;padding:0 6px;border:0;background:none;font:500 .9375rem/1 var(--font-body);color:var(--n-tinta);text-decoration:underline;text-decoration-color:#C2A968;text-underline-offset:4px;cursor:pointer}
/* El gráfico y la lista de consultas (js/reporte.js) dentro del apartado */
.pd-rep .rep{background:none;box-shadow:none;border:0;padding:0;margin:0}
.pd-rep .rep > section{margin-top:26px;padding:16px 18px;border-radius:var(--n-r,12px);background:var(--n-blanco,#FFF);box-shadow:var(--pd-sombra);border:0}
.pd-rep .rep-l{margin:0 0 10px;font:500 .75rem/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--n-oro-tinta,#75623C)}
@media(prefers-reduced-motion:reduce){.pd-grande,.pd-nav-b,.pd-btn,.pd-ap,.pd-plegado summary svg,.pd-ver svg{transition:none}}
@media print{.pd-nav,.pd-compu,.pd-gest .pd-btn,.pd-ej{display:none!important}.pd-completo .pd-cuerpo{display:block}}
/* Abriendo: la marca y una línea, mientras llegan los datos */
.pd-cargando{min-height:60vh;display:grid;place-content:center;justify-items:center;gap:14px;padding:40px 24px;text-align:center;color:var(--n-tinta-2);font:400 .9375rem/1.45 var(--font-body)}
.pd-carg-marca{font:500 1.375rem/1 var(--font-display),Georgia,serif;letter-spacing:.02em;color:var(--n-tinta);animation:pd-late 1.6s ease-in-out infinite}
@keyframes pd-late{50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.pd-carg-marca{animation:none}}
/* La columna de apartados: sin el fondo que el portal les pone a los nav; el navy queda solo para la barra del celular */
.pd .pd-nav{background:transparent;border:0;box-shadow:none;margin:0;padding:0;height:auto;width:auto}
.pd .pd-nav-b{width:100%;box-sizing:border-box}
@media(max-width:899px){
  .pd.pd-completo .pd-nav{background:#131D2D;padding:0 max(6px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(6px,env(safe-area-inset-left,0px));border-top:1px solid rgba(194,169,104,.3)}
  /* En cada apartado, la cabecera corta (sin la foto), como en el OS: el contenido aparece primero */
  .pd-completo:not([data-vista="inicio"]) .pd-foto{display:none}
  .pd-completo:not([data-vista="inicio"]) .pd-hero-in{padding-bottom:20px}
}
.pd-compu-bts{grid-template-columns:1fr}
@media(min-width:900px){.pd-volver{display:none}.pd .pd-nav{display:grid;justify-items:stretch}}

/* 27/10/2026 · El departamento alquilado (js/portal-dueno.js, V.pagos, V.contrato, V.papeles, V.gastos) */
.pd-pill-alquilado{background:rgba(47,107,65,.32);box-shadow:inset 0 0 0 1px rgba(143,207,160,.45);color:#E3F3E7}
.pd-monto{flex:none;font:500 .9375rem/1 var(--font-body);color:var(--n-tinta,#131D2D);white-space:nowrap}
.pd-monto.pd-ok{color:var(--pd-verde)}
.pd-monto.pd-espera{color:var(--n-tinta-3,#6B7280)}
.pd-dato b.pd-menos{color:var(--n-tinta-2,#454D5C);font-weight:400}
.pd-dato b.pd-neto{color:var(--pd-verde);font-weight:500}
.pd-dato b.pd-aviso-t{color:var(--pd-ambar)}
.pd-progreso{padding:16px}
.pd-pr-arriba{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font:400 .9375rem/1.3 var(--font-body);color:var(--n-tinta-2,#454D5C)}
.pd-pr-arriba b{font:500 1.125rem/1 var(--font-body);color:var(--n-tinta,#131D2D)}
.pd-barrita{height:8px;margin:12px 0 8px;border-radius:999px;background:var(--n-suave,#EFEDE8);overflow:hidden}
.pd-barrita i{display:block;height:100%;border-radius:999px;background:var(--pd-verde)}
.pd-pr-abajo{margin:0;font:400 .8125rem/1.3 var(--font-body);color:var(--n-tinta-3,#6B7280)}
.pd-doc-ic{flex:none;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#F6EFDC;color:#75623C}
.pd-doc-ic svg{width:18px;height:18px}
.pd-doc-ver{flex:none;min-height:36px;padding:0 14px;border:1px solid var(--n-linea-2,#D6D1C7);border-radius:999px;background:#fff;color:var(--n-tinta,#131D2D);font:500 .8125rem/1 var(--font-body);cursor:pointer;transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.pd-doc-ver:active{transform:scale(.97)}
/* 27/10/2026 · Alquilado: cinco apartados en la barra de abajo del celular y cuatro tramos en Papeles */
.pd-segs.pd-segs-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:899px){.pd-nav.pd-nav-5{grid-template-columns:repeat(5,1fr)}}

/* 27/10/2026 (noche) · El portal del dueño como una ficha, ordenado por las preguntas del dueño (ver js/portal-dueno.js).
   Todo en una columna que no se rompe: cada fila es una grilla con minmax(0,1fr), los textos largos cortan palabra y nada
   tiene ancho fijo salvo los íconos. */
.pd-ficha{max-width:720px;margin:0 auto;padding:0 16px 40px;min-width:0}
.pd-ficha *{min-width:0}
.pdf-gal{position:relative;aspect-ratio:16/11;margin:0 -16px;background:#DCD7CE;overflow:hidden}
.pdf-tira{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pdf-tira::-webkit-scrollbar{display:none}
.pdf-tira img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}
.pdf-gal .pdf-est{position:absolute;left:12px;top:12px;z-index:1;background:rgba(251,250,246,.95)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.pdf-cont{position:absolute;right:12px;bottom:12px;z-index:1;padding:6px 10px;border-radius:999px;background:rgba(19,29,45,.72);color:#FBFAF6;font:500 .75rem/1 var(--font-body);font-variant-numeric:lining-nums tabular-nums}
.pdf-cab{padding:16px 0 0}
/* Quién lo gestiona, arriba del título: el logo y el nombre (para la inmobiliaria, su firma) */
.pdf-quien{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;margin:0 0 12px}
.pdf-quien-logo{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;overflow:hidden;background:#131D2D;color:#C2A968;font:500 .875rem/1 var(--font-body)}
.pdf-quien-logo img{width:100%;height:100%;object-fit:cover}
.pdf-quien-tx{display:grid;gap:1px}
.pdf-quien-tx small{font:500 .6875rem/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#8A7547}
.pdf-quien-tx b{font:500 .9375rem/1.25 var(--font-body);color:#131D2D;overflow-wrap:anywhere}
.pdf-tit{margin:0;font:400 1.625rem/1.15 var(--font-display);color:#131D2D;letter-spacing:0;overflow-wrap:anywhere}
.pdf-dir{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:10px 0 0;font:400 .9375rem/1.3 var(--font-body);color:#454D5C}
.pdf-barrio{display:inline-flex;align-items:center;gap:6px}
.pdf-dir svg{width:16px;height:16px;flex:none;color:#8A7547}
.pdf-precio b{font:500 1rem/1 var(--font-body);color:#131D2D;font-variant-numeric:lining-nums}
.pdf-vivo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:14px 0 0;font:400 .8125rem/1.2 var(--font-body);color:#59647A}
.pdf-sec{margin:28px 0 0}
.pdf-sec-cif{margin-top:22px}
.pdf-l{margin:0 0 10px;font:500 .75rem/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#8A7547}
.pdf-sec .pd-cifras{margin:0}
.pd-ficha .pd-cifra{padding:14px 12px}
.pd-ficha .pd-cifra span{overflow-wrap:anywhere}
.pdf-h{display:flex;align-items:center;gap:14px;margin:0 0 12px;font:400 1.3125rem/1.2 var(--font-display);color:#131D2D;letter-spacing:0}
.pdf-h::after{content:"";flex:1 1 auto;height:1px;background:linear-gradient(to right,rgba(194,169,104,.6),rgba(194,169,104,0))}
.pdf-sec .pd-grande{margin:0}
.pdf-agenda{margin-top:10px}
/* Qué pasó: el ícono, qué pasó y cuándo, y lo que dijo la gente debajo */
.pdf-nov{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;padding:12px 16px}
.pdf-nov + .pdf-nov{border-top:1px solid var(--n-linea,#E0DCD4)}
.pdf-nov-ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#F1EEE7;color:#5B6576}
.pdf-nov-ic svg{width:17px;height:17px}
.pdf-nov-wa .pdf-nov-ic{background:#E6F3EA;color:#1F7A47}
.pdf-nov-off .pdf-nov-ic{background:#F3F1EC;color:#9AA1AC}
.pdf-nov-tx{display:grid;gap:2px;padding-top:1px}
.pdf-nov-tx b{font:500 .9375rem/1.3 var(--font-body);color:#131D2D;overflow-wrap:anywhere}
.pdf-nov-off .pdf-nov-tx b{color:#6B7589}
.pdf-nov-tx small{font:400 .8125rem/1.3 var(--font-body);color:#6B7589}
.pdf-nov-tx q{display:block;margin:6px 0 0;padding:8px 12px;border-radius:10px;background:#F6F3EC;font:400 .875rem/1.45 var(--font-body);color:#2A3342;quotes:"“" "”";overflow-wrap:anywhere}
.pdf-mas-novs{margin-top:10px}
.pdf-desc{margin:0;font:400 .9375rem/1.6 var(--font-body);color:#2A3342;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.pdf-desc.abierta{display:block;-webkit-line-clamp:unset;overflow:visible}
.pdf-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}
.pdf-mas[hidden]{display:none}
.pdf-ver{display:flex;align-items:center;justify-content:center;min-height:48px;margin:16px 0 0;padding:0 16px;border:1px solid #CFC9BE;border-radius:12px;background:#fff;color:#131D2D;font:500 .9375rem/1.2 var(--font-body);text-align:center;text-decoration:none;transition:transform .16s cubic-bezier(.23,1,.32,1)}
.pdf-ver:active{transform:scale(.97)}
.pd-ficha .pd-gest{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px}
.pd-ficha .pd-gest .pd-btn{grid-column:1 / -1;justify-content:center}
.pd-ficha .pd-gest-tx b{overflow-wrap:anywhere}
/* El celular: el WhatsApp de quien gestiona, siempre a mano en una barra fija abajo (la tarjeta del final no repite el botón) */
.pdf-barra{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(251,250,246,.96);border-top:1px solid rgba(42,58,82,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pdf-barra .pd-btn{width:100%;max-width:720px;margin:0 auto;justify-content:center;min-height:50px}
.pdf-barra .pd-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.pdf-con-barra .pd-ficha{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
body.pdf-con-barra .pdf-gest-sec .pd-btn{display:none}
@media (min-width:900px){
  .pd-ficha{padding:28px 24px 56px}
  .pdf-gal{aspect-ratio:16/10;margin:0;border-radius:14px}
  .pdf-tit{font-size:2.125rem}
  .pdf-barra{display:none}
  body.pdf-con-barra .pd-ficha{padding-bottom:56px}
  body.pdf-con-barra .pdf-gest-sec .pd-btn{display:inline-flex}
  .pd-ficha .pd-gest{grid-template-columns:52px minmax(0,1fr) auto;align-items:center}
  .pd-ficha .pd-gest .pd-btn{grid-column:auto}
}
@media (prefers-reduced-motion:reduce){.pdf-ver{transition:none}.pdf-ver:active{transform:none}}
/* El estado sobre la foto: las pastillas del portal del dueño eran para el fondo navy; sobre la foto, crema con letra de color */
.pdf-gal .pdf-est{margin:0;box-shadow:0 1px 3px rgba(17,24,39,.12)!important;color:#454D5C!important}
.pdf-gal .pd-pill-disponible{color:#1F7A47!important}
.pdf-gal .pd-pill-reservado{color:#1F5A8A!important}
.pdf-gal .pd-pill-revision{color:#8A5A12!important}
/* 28/10/2026 · El alquilado como ficha: subtítulos dentro de una sección y la pastilla Alquilado sobre la foto */
.pdf-l-sub{margin:18px 0 10px}
.pdf-sec .pd-progreso{margin:0}
.pdf-gal .pd-pill-alquilado{color:#131D2D!important}
/* 28/10/2026 · A 370 px o menos, "visualizaciones" no entra en un tercio: las tres cifras van una debajo de la otra, el número a
   la izquierda y lo demás a la derecha (sin partir palabras) */
@media (max-width:370px){
  .pd-ficha .pd-cifras{grid-template-columns:1fr}
  .pd-ficha .pd-cifra{grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:baseline;padding:12px 14px}
  .pd-ficha .pd-cifra b{grid-row:span 2}
  .pd-ficha .pd-cifra + .pd-cifra{border-left:0;border-top:1px solid var(--n-linea,#E0DCD4)}
}
.pd-ficha .pd-cifra span{overflow-wrap:normal!important}
/* 28/10/2026 · Solo interacciones: dos cifras y el gráfico de visualizaciones de 14 días */
.pd-ficha .pdf-cif2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pdf-graf{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;align-items:end;height:120px;padding:14px 14px 0;border-radius:12px 12px 0 0;background:#fff;box-shadow:var(--pd-sombra)}
.pdf-bar{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.pdf-bar i{display:block;width:100%;max-width:18px;border-radius:4px 4px 0 0;background:#C2A968}
.pdf-bar:last-child i{background:#131D2D}
.pdf-bar b{margin:0 0 4px;font:500 .625rem/1 var(--font-body);color:#8A93A0;font-variant-numeric:lining-nums}
.pdf-graf-ejes{display:flex;justify-content:space-between;padding:8px 14px 12px;border-radius:0 0 12px 12px;background:#fff;box-shadow:var(--pd-sombra);clip-path:inset(0 -20px -20px -20px);font:400 .75rem/1 var(--font-body);color:#6B7589}