/* Demo 15 · Gestión de propietarios · prefijo dpr- · colocación .dm-std (izquierda: WhatsApp y luego email · derecha: la app). */
.d-pro2 .dpr-izq.fuera{ display:none; }
.d-pro2 .dpr-izq2:not(.oculto) .dpr-correo{ animation:entra .5s var(--ease) both; }

/* ---------- Email (enviados) ---------- */
.dpr-correo{ position:absolute; z-index:3; left:30px; top:22px; width:340px; height:540px; display:flex; flex-direction:column; background:#fff; border-radius:16px; overflow:hidden;
  box-shadow:0 2px 4px rgba(10,10,10,.05), 0 24px 56px -26px rgba(10,10,10,.42), 0 0 0 1px rgba(10,10,10,.06); }
.dpr-logo-mail{ position:absolute; z-index:6; left:8px; top:4px; width:46px; height:46px; border-radius:13px; background:#2f6fde; color:#fff; display:grid; place-items:center;
  box-shadow:0 10px 24px -8px rgba(10,10,10,.35), 0 0 0 4px rgba(255,255,255,.9); }
.dpr-logo-mail .ico{ width:24px; height:24px; }
.dpr-c-cab{ flex:none; height:46px; display:flex; align-items:center; gap:9px; padding:0 14px 0 54px; border-bottom:1px solid var(--linea); font-size:13.5px; }
.dpr-c-cab b{ font-weight:600; }
.dpr-c-cab em{ margin-left:auto; font-style:normal; font-size:11.5px; color:var(--tinta-45); }
.dpr-c-lista{ flex:1; min-height:0; overflow:hidden; display:flex; flex-direction:column; gap:8px; padding:10px; }
.dpr-mail{ flex:none; display:flex; flex-direction:column; gap:7px; padding:11px 12px; border-radius:10px; border:1px solid rgba(47,111,222,.28); background:#f6f9ff; }
.dpr-mail:not(.oculto){ animation:entra .45s var(--ease) both; }
.dpr-m-cab{ display:flex; align-items:center; gap:9px; }
.dpr-m-av{ width:28px; height:28px; border-radius:50%; background:var(--tinta); color:#fff; font-size:10.5px; font-weight:600; display:grid; place-items:center; flex:none; }
.dpr-m-de{ min-width:0; display:flex; flex-direction:column; gap:1px; }
.dpr-m-de b{ font-size:12.6px; font-weight:600; line-height:1.3; }
.dpr-m-de em{ font-style:normal; font-size:11px; color:var(--tinta-45); }
.dpr-m-txt{ margin:0; font-size:11.8px; line-height:1.45; color:var(--tinta-80); }
.dpr-m-pdf{ display:flex; align-items:center; gap:9px; padding:7px 9px; border-radius:8px; background:#fff; border:1px solid var(--linea); }
.dpr-m-pdf .dmb-adj-ico{ width:28px; height:34px; font-size:9px; }
.dpr-m-pdf b{ display:block; font-size:12px; font-weight:600; }
.dpr-m-pdf em{ display:block; font-style:normal; font-size:10.8px; color:var(--tinta-45); }
.dpr-m-est{ align-self:flex-start; display:inline-flex; align-items:center; gap:5px; height:24px; padding:0 9px; border-radius:999px; font-size:11.2px; font-weight:600; background:var(--verde-agua); color:var(--verde-osc); }
.dpr-m-est .ico{ width:12px; height:12px; stroke-width:2.6; }
.dpr-antes{ margin:4px 2px 0; }
.dpr-viejo{ display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:9px; align-items:center; padding:7px 4px; border-top:1px solid var(--linea); }
.dpr-viejo .dpr-m-av{ background:var(--nieve-2); color:var(--tinta-60); }
.dpr-viejo b{ display:block; font-size:12px; font-weight:500; color:var(--tinta-80); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dpr-viejo em{ display:block; font-style:normal; font-size:10.8px; color:var(--tinta-45); }
.dpr-viejo time{ font-size:11px; color:var(--tinta-45); }
/* «5 de enero»: encima del email, se ve un momento y se va */
.d-pro2 .dpr-salto2{ left:150px; right:auto; width:200px; justify-content:center; top:30px; font-size:13.5px; padding:9px 14px; }
.d-pro2 .dpr-salto2:not(.off){ animation:dpr-salto 3.6s ease both; }
@keyframes dpr-salto{ 0%{ opacity:0; transform:translateY(8px) scale(.96); } 12%{ opacity:1; transform:none; } 78%{ opacity:1; transform:none; } 100%{ opacity:0; visibility:hidden; transform:translateY(-6px); } }

/* ---------- La app ---------- */
.d-pro2 .dpr-cuerpo{ flex:1; min-width:0; position:relative; display:flex; flex-direction:column; overflow:hidden; }
.d-pro2 .dpr-vista{ flex:1; min-height:0; display:flex; flex-direction:column; gap:11px; padding:14px 18px 16px; }
.d-pro2 .dpr-v2-sale{ padding:0; }
.d-pro2 .dpr-vista.fuera{ display:none; }
.d-pro2 .dpr-v2:not(.oculto), .d-pro2 .dpr-v3:not(.oculto){ animation:entra .45s var(--ease) both; }
.d-pro2 .dpr-miga span:has(~ span:not(.oculto)){ display:none; }
.dpr-cab{ display:flex; align-items:center; gap:12px; }
.dpr-cab .fi-avatar{ width:40px; height:40px; font-size:13px; }
.dpr-ico{ width:40px; height:40px; border-radius:10px; background:var(--verde-agua); color:var(--verde-osc); display:grid; place-items:center; flex:none; }
.dpr-ico .ico{ width:19px; height:19px; }
.dpr-quien{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.dpr-quien b{ font-size:15px; font-weight:600; letter-spacing:-.015em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dpr-quien em{ font-style:normal; font-size:12px; color:var(--tinta-60); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dpr-chip{ flex:none; display:inline-flex; align-items:center; gap:5px; height:24px; padding:0 9px; border-radius:999px; font-size:11.2px; font-weight:600; white-space:nowrap; background:var(--nieve-2); color:var(--tinta-80); }
.dpr-chip .ico{ width:12px; height:12px; stroke-width:2.6; }
.dpr-chip.ok{ background:var(--verde-agua); color:var(--verde-osc); }
.dpr-chip.verde{ background:var(--verde); color:#0a0a0a; }
.dpr-chip.ambar{ background:#fdf3e1; color:#8a5a12; }

/* 1) ficha del propietario: lo que el agente «lee» se resalta */
.dpr-lee, .dpr-dato{ border-radius:8px; transition:background .5s, box-shadow .5s; }
.dpr-lee{ padding:8px 10px; margin:0 -10px; }
.dpr-lee.lee, .dpr-dato.lee{ background:#f0faf6; box-shadow:0 0 0 1.5px rgba(60,193,160,.55); }
.dpr-tabla{ width:100%; border-collapse:collapse; font-size:12.4px; margin-top:6px; }
.dpr-tabla th{ text-align:left; font-size:10.8px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; color:var(--tinta-45); padding:4px 6px; border-bottom:1px solid var(--linea); }
.dpr-tabla td{ padding:6px 6px; border-bottom:1px solid var(--linea); color:var(--tinta-80); }
.dpr-tabla td b{ font-weight:600; color:var(--tinta); }
.dpr-tabla .dpr-chip{ height:21px; font-size:10.6px; }
.dpr-datos{ display:flex; flex-direction:column; gap:2px; }
.dpr-dato{ display:grid; grid-template-columns:138px 1fr; gap:10px; padding:7px 10px; margin:0 -10px; }
.dpr-dato dt{ font-size:11.5px; color:var(--tinta-45); }
.dpr-dato dd{ margin:0; font-size:12.6px; font-weight:500; line-height:1.4; }

/* 2) el informe del trimestre */
.dpr-inf{ flex:1; min-height:0; overflow:hidden; position:relative; display:flex; flex-direction:column; gap:12px; padding:2px 0 80px; }
.dpr-kpis{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.dpr-kpis div{ display:flex; flex-direction:column; gap:3px; padding:11px 12px; border-radius:10px; background:var(--nieve); }
.dpr-kpis em{ font-style:normal; font-size:11px; color:var(--tinta-60); }
.dpr-kpis b{ font-size:22px; font-weight:500; letter-spacing:-.03em; }
.dpr-kpis small{ font-size:10.8px; color:var(--verde-osc); font-weight:500; }
.dpr-kpis div:last-child{ background:#0a0a0a; color:#fff; }
.dpr-kpis div:last-child em{ color:rgba(255,255,255,.6); }
.dpr-kpis div:last-child small{ color:var(--verde); }
.dpr-obj{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; background:var(--verde-agua); font-size:12.6px; color:var(--tinta-80); }
.dpr-obj > .ico{ width:22px; height:22px; padding:4px; border-radius:50%; background:var(--verde); color:#0a0a0a; flex:none; box-sizing:border-box; stroke-width:3; }
.dpr-obj b{ font-weight:600; color:var(--tinta); }
.dpr-gastos td:last-child{ text-align:right; font-weight:500; }
.dpr-gastos tr:last-child td{ font-weight:700; color:var(--tinta); border-bottom:0; }
.dpr-sec .rotulo{ display:block; margin-bottom:2px; }
.dpr-lista{ list-style:none; margin:6px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:6px 14px; }
.dpr-lista li{ display:flex; gap:7px; font-size:12.2px; line-height:1.4; color:var(--tinta-80); }
.dpr-lista .ico{ width:14px; height:14px; color:var(--verde-osc); flex:none; margin-top:2px; stroke-width:2.6; }
.dpr-reco{ padding:11px 12px; border-radius:10px; border:1px solid rgba(183,121,31,.35); background:#fffaf0; }
.dpr-reco p{ margin:5px 0 0; font-size:12.4px; line-height:1.45; color:var(--tinta-80); }
.dpr-reco b{ font-weight:600; color:var(--tinta); }
.dpr-pdfl{ display:flex; align-items:center; gap:10px; padding:9px 11px; border-radius:10px; border:1px solid var(--linea); }
.dpr-pdfl b{ display:block; font-size:12.4px; font-weight:600; }
.dpr-pdfl em{ display:block; font-style:normal; font-size:11px; color:var(--tinta-45); }

/* 3) facturas */
.dpr-factura{ border:1px solid var(--linea); border-radius:10px; padding:12px 14px; box-shadow:0 12px 30px -22px rgba(10,10,10,.5); }
.dpr-f-cab{ display:flex; align-items:center; gap:9px; margin-bottom:8px; }
.dpr-f-cab > b{ font-size:14px; font-weight:600; }
.dpr-f-cab > span:not(.dpr-chip){ flex:1; min-width:0; font-size:12.2px; color:var(--tinta-60); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dpr-f-cab .ambar:has(~ .verde:not(.off)){ display:none; }
.dpr-f-lin{ margin:0; display:flex; flex-direction:column; }
.dpr-f-lin > div{ display:flex; justify-content:space-between; gap:12px; padding:6px 0; border-top:1px dashed var(--linea); font-size:12.6px; }
.dpr-f-lin dt{ color:var(--tinta-60); }
.dpr-f-lin dd{ margin:0; font-weight:500; border-radius:4px; }
.dpr-f-tot{ display:flex; justify-content:space-between; align-items:baseline; margin-top:6px; padding-top:8px; border-top:1.5px solid var(--tinta); }
.dpr-f-tot span{ font-size:12.6px; font-weight:600; }
.dpr-f-tot b{ font-size:20px; font-weight:600; letter-spacing:-.02em; border-radius:4px; }
.dpr-facts tr.nueva td{ background:#f0faf6; font-weight:600; color:var(--tinta); }
.dpr-facts tr.nueva:not(.oculto){ animation:entra .45s var(--ease) both; }

/* ---------- El salto de 3 meses: encima de todo, bien visible ---------- */
.d-pro2 .dpr-salto-w.fuera{ display:none; }
.dpr-salto{ position:absolute; z-index:9; inset:0; display:grid; place-items:center; background:rgba(10,10,10,.55); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
.dpr-salto:not(.off){ animation:dpr-velo .5s ease both; }
@keyframes dpr-velo{ from{ opacity:0; } }
.dpr-s-card{ display:flex; flex-direction:column; align-items:center; gap:12px; padding:26px 40px 24px; border-radius:20px; background:#fff; box-shadow:0 30px 80px -30px rgba(0,0,0,.6); }
.dpr-s-ico{ width:34px; height:34px; color:var(--verde-osc); }
.dpr-s-card > b{ font-size:34px; font-weight:600; letter-spacing:-.035em; }
.dpr-s-card > em{ font-style:normal; font-size:14px; color:var(--tinta-60); }
.dpr-meses{ display:flex; align-items:center; gap:8px; }
.dpr-mes{ height:36px; min-width:58px; padding:0 12px; border-radius:10px; display:grid; place-items:center; font-size:14px; font-weight:600; background:var(--nieve-2); color:var(--tinta-45); transition:background .35s, color .35s, transform .35s; }
.dpr-mes.ya{ background:var(--verde); color:#0a0a0a; transform:translateY(-2px); }
.dpr-flecha .ico{ width:14px; height:14px; color:var(--tinta-30); }

/* aviso final: centrado sobre la app */
.d-pro2 .toast{ left:386px; right:26px; margin:0 auto; width:fit-content; bottom:30px; }