/* Demo 12 · Aviso a interesados: inmueble nuevo + cruce (vista A) → ficha de la persona que encaja (vista B) */
.da-vistas{ flex:1; min-width:0; position:relative; overflow:hidden; }
.da-va, .da-vb{ position:absolute; inset:0; }
.da-va{ display:flex; flex-direction:column; gap:12px; padding:14px 18px; }
.da-vistas.v2 .da-va{ display:none; }
.da-vistas:not(.v2) .da-vb{ display:none; }
.da-vistas.v2 .da-vb{ animation:entra .5s var(--ease) both; }
.da-vb.ficha{ display:flex; flex-direction:column; }

/* El inmueble nuevo */
.da-inm{ display:flex; flex-direction:column; gap:10px; padding:10px; border:1px solid var(--linea); border-radius:12px; box-shadow:var(--sombra-2); background:#fff; }
.da-fotos{ position:relative; display:grid; grid-template-columns:2fr 1fr; grid-template-rows:56px 56px; gap:5px; }
.da-f{ border-radius:7px; background:linear-gradient(135deg, #e4ebee, #cfd9dd); color:rgba(10,10,10,.25); display:grid; place-items:center; }
.da-f.g{ grid-row:1 / span 2; background:linear-gradient(160deg, #dfe8e4 0%, #c9d7d1 60%, #b9cbc4 100%); }
.da-f .ico{ width:20px; height:20px; }
.da-nfotos{ position:absolute; left:8px; bottom:8px; display:inline-flex; align-items:center; gap:5px; padding:3px 8px; border-radius:999px; background:rgba(10,10,10,.7); color:#fff; font-size:10.5px; }
.da-nfotos .ico{ width:11px; height:11px; }
.da-info{ display:flex; flex-direction:column; gap:3px; }
.da-nuevo{ display:inline-flex; align-items:center; gap:5px; width:fit-content; font-size:10.5px; font-weight:600; letter-spacing:.04em; color:var(--verde-osc); background:var(--verde-agua); padding:3px 8px; border-radius:999px; }
.da-nuevo .ico{ width:11px; height:11px; }
.da-info > b{ font-size:15px; font-weight:600; letter-spacing:-.015em; line-height:1.25; }
.da-precio{ font-size:18px; font-weight:600; letter-spacing:-.02em; }
.da-carac{ display:flex; flex-wrap:wrap; gap:5px; margin:2px 0 0; padding:0; list-style:none; }
.da-carac li{ font-size:11px; padding:3px 8px; border-radius:6px; background:var(--nieve); color:var(--tinta-80); }

/* El cruce con los interesados */
.da-cruce{ display:flex; flex-direction:column; gap:8px; }
.da-cruce-cab{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.da-cuenta{ font-size:11.5px; font-weight:500; color:var(--tinta-80); border-radius:4px; padding:1px 4px; }
.da-barra{ display:block; height:4px; border-radius:2px; background:var(--nieve-2); overflow:hidden; }
.da-barra i{ display:block; height:100%; width:0; background:var(--verde); transition:width 1.4s cubic-bezier(.4,0,.2,1); }
.da-barra.lleno i{ width:100%; }
.da-matches{ display:flex; flex-direction:column; gap:6px; margin:0; padding:0; list-style:none; }
.da-matches li{ display:grid; grid-template-columns:28px 1fr auto; gap:10px; align-items:center; padding:8px 10px; border-radius:9px; border:1px solid var(--linea); }
.da-matches li.top{ border-color:var(--verde); background:var(--verde-agua); box-shadow:0 8px 20px -12px rgba(47,163,135,.6); }
.da-av{ width:28px; height:28px; border-radius:50%; background:var(--nieve-2); color:var(--tinta-60); font-size:10px; font-weight:600; display:grid; place-items:center; }
.da-matches li.top .da-av{ background:var(--verde); color:var(--tinta); }
.da-m-txt{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.da-m-txt b{ font-size:12.6px; font-weight:600; }
.da-m-txt em{ font-style:normal; font-size:11px; color:var(--tinta-60); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.da-pct{ font-size:11px; font-weight:600; padding:3px 9px; border-radius:999px; background:var(--nieve-2); color:var(--tinta-80); white-space:nowrap; }
.da-matches li.top .da-pct, .da-pct.grande{ background:var(--verde); color:var(--tinta); }
.da-pct.grande{ margin-left:auto; align-self:flex-start; display:flex; flex-direction:column; align-items:center; gap:0; padding:6px 12px; border-radius:10px; font-size:17px; line-height:1.1; }
.da-pct.grande em{ font-style:normal; font-size:9.5px; font-weight:500; text-transform:uppercase; letter-spacing:.08em; }

/* Lo que pidió frente al inmueble */
.da-crit{ display:flex; flex-direction:column; gap:4px; margin:0; padding:0; list-style:none; }
.da-crit li{ display:grid; grid-template-columns:86px 1fr 1fr; gap:8px; align-items:center; font-size:11.8px; padding:6px 10px; border-radius:6px; background:var(--nieve); transition:background .4s; }
.da-crit li > span{ color:var(--tinta-45); font-size:11px; }
.da-crit li > em{ font-style:normal; color:var(--tinta-60); }
.da-crit li > b{ display:inline-flex; align-items:center; gap:5px; font-weight:500; color:var(--tinta); }
.da-crit li > b .ico{ width:12px; height:12px; color:var(--verde-osc); stroke-width:2.6; opacity:0; transition:opacity .3s; }
.da-crit li.ok{ background:var(--verde-agua); }
.da-crit li.ok > b .ico{ opacity:1; }
.da-crit .da-crit-cab{ background:none; padding-block:0 2px; font-size:10px; text-transform:uppercase; letter-spacing:.06em; }
.da-crit .da-crit-cab > *{ color:var(--tinta-45) !important; font-size:10px !important; font-weight:500 !important; }
.d-avi .fi-lista > div{ grid-template-columns:96px 1fr; }
.d-avi .fi-visita:not(.lista)::after{ content:'Sin llamada todavía'; }
.d-avi .fi-hist li{ grid-template-columns:52px 1fr; }