/* Microzone · Asistente IA — hoja única de la app (web, chat de prueba y panel).
   Marca: azul #02113B · rojo #FF0000 · blanco · negro · Montserrat autoalojada (manual de marca).
   El rojo es acento: botón principal, punto de estado y subrayados. Nunca fondos grandes en rojo. */
@font-face{font-family:"Montserrat";src:url("fuentes/Montserrat-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fuentes/Montserrat-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fuentes/Montserrat-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fuentes/Montserrat-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fuentes/Montserrat-ExtraBold.ttf") format("truetype");font-weight:800;font-display:swap}

:root{
  --azul:#02113B; --azul-2:#041A52; --azul-3:#0B2A7A; --rojo:#FF0000; --rojo-2:#D90000;
  --tinta:#0B1220; --texto:#1F2A3D; --suave:#5B6678; --linea:#E3E7EE; --fondo:#F5F7FB; --blanco:#fff;
  --verde:#0E7A3E; --verde-f:#E7F6EC; --ambar:#8A5A00; --ambar-f:#FFF4DC; --azul-f:#E9EEFB; --rojo-f:#FFECEC;
  --r-s:8px; --r-m:14px; --r-l:22px;
  --sombra:0 1px 2px rgba(2,17,59,.06),0 8px 24px rgba(2,17,59,.07);
  --sombra-l:0 2px 4px rgba(2,17,59,.08),0 24px 60px rgba(2,17,59,.18);
  --letra:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --ancho:1160px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font-family:var(--letra);font-size:16px;line-height:1.6;color:var(--texto);background:var(--blanco);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--azul-3)}
h1,h2,h3,h4{color:var(--azul);line-height:1.15;margin:0;letter-spacing:-.02em}
p{margin:0}
.caja{max-width:var(--ancho);margin:0 auto;padding:0 24px}
:focus-visible{outline:3px solid var(--rojo);outline-offset:2px;border-radius:4px}

/* ── Cabecera de la casa ─────────────────────────────────────────────── */
.cab{background:linear-gradient(180deg,var(--azul) 0%,var(--azul-2) 100%);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(255,0,0,.35),0 4px 18px rgba(2,17,59,.22)}
.cab .caja{height:64px;display:flex;align-items:center;gap:18px}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;flex:none;min-width:0}
.marca .chip{width:40px;height:40px;flex:none}
.marca .palabra{height:15px;width:auto}
.marca small{display:block;margin-top:4px;font-size:11px;font-weight:700;letter-spacing:.04em;opacity:.78;white-space:nowrap}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto;min-width:0}
.nav a{font-size:13px;font-weight:600;color:rgba(255,255,255,.8);text-decoration:none;padding:9px 12px;border-radius:8px;white-space:nowrap;transition:.12s}
.nav a:hover,.nav a.activo{color:#fff;background:rgba(255,255,255,.13)}
.cab .boton{margin-left:8px}
.cab .quien{margin-left:auto;text-align:right;font-size:14px;font-weight:700;line-height:1.25;min-width:0}
.cab .quien span{display:block;font-size:11px;font-weight:500;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ── Botones ─────────────────────────────────────────────────────────── */
.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--letra);font-weight:700;font-size:15px;line-height:1;padding:15px 24px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;transition:.14s;white-space:nowrap}
.boton.rojo{background:var(--rojo);color:#fff}.boton.rojo:hover{background:var(--rojo-2)}
.boton.azul{background:var(--azul);color:#fff}.boton.azul:hover{background:var(--azul-3)}
.boton.fino{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}.boton.fino:hover{background:rgba(255,255,255,.12)}
.boton.claro{background:#fff;color:var(--azul);box-shadow:inset 0 0 0 1.5px var(--linea)}.boton.claro:hover{box-shadow:inset 0 0 0 1.5px var(--azul)}
.boton.peq{font-size:13px;padding:10px 16px}

/* ── Portada ─────────────────────────────────────────────────────────── */
.portada{background:radial-gradient(1200px 600px at 85% -10%,rgba(11,42,122,.9),transparent 60%),linear-gradient(180deg,var(--azul-2) 0%,var(--azul) 100%);color:#fff;padding:72px 0 88px;position:relative;overflow:hidden}
.portada::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:var(--rojo)}
.portada .caja{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.sobre{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82);margin-bottom:22px}
.sobre::before{content:"";width:28px;height:3px;background:var(--rojo);border-radius:2px}
.sobre.oscuro{color:var(--suave)}
.portada h1{color:#fff;font-size:clamp(34px,4.6vw,58px);font-weight:800;letter-spacing:-.035em}
.portada .bajada{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:rgba(255,255,255,.86);margin-top:22px;max-width:56ch}
.portada .acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.portada .firma{margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);font-size:14px;color:rgba(255,255,255,.75);max-width:56ch}
.portada .firma b{color:#fff}

/* ── Teléfono de muestra y chat ──────────────────────────────────────── */
.movil{width:100%;max-width:380px;margin:0 auto;background:#0A0F1E;border-radius:44px;padding:10px;box-shadow:var(--sombra-l),inset 0 0 0 1.5px rgba(255,255,255,.12)}
.movil .pantalla{background:#EEF1F6;border-radius:35px;overflow:hidden;display:flex;flex-direction:column;height:600px}
.chat-cab{background:var(--azul);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px;flex:none}
.chat-cab img{width:38px;height:38px;border-radius:50%;background:#fff;padding:5px}
.chat-cab b{display:block;font-size:15px;line-height:1.2}
.chat-cab span{font-size:12px;opacity:.8;display:flex;align-items:center;gap:6px}
.chat-cab span::before{content:"";width:7px;height:7px;border-radius:50%;background:#3DDC84}
.chat-cuerpo{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}
.burbuja{max-width:84%;padding:10px 13px;border-radius:16px;font-size:14.5px;line-height:1.45;box-shadow:0 1px 1px rgba(2,17,59,.08);white-space:pre-wrap;overflow-wrap:anywhere}
.burbuja.cli{align-self:flex-end;background:var(--azul);color:#fff;border-bottom-right-radius:5px}
.burbuja.ia{align-self:flex-start;background:#fff;color:var(--tinta);border-bottom-left-radius:5px}
.burbuja.sis{align-self:center;background:var(--ambar-f);color:var(--ambar);font-size:12.5px;font-weight:600;border-radius:999px;padding:6px 14px;box-shadow:none;text-align:center;max-width:94%}
.burbuja .hora{display:block;font-size:10.5px;opacity:.6;margin-top:3px;text-align:right}
.escribiendo{align-self:flex-start;background:#fff;border-radius:16px;border-bottom-left-radius:5px;padding:13px 16px;display:flex;gap:5px}
.escribiendo i{width:7px;height:7px;border-radius:50%;background:#9AA4B5;animation:pun 1.2s infinite ease-in-out}
.escribiendo i:nth-child(2){animation-delay:.15s}.escribiendo i:nth-child(3){animation-delay:.3s}
@keyframes pun{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.chat-pie{flex:none;background:#fff;border-top:1px solid var(--linea);padding:10px;display:flex;gap:8px;align-items:flex-end}
.chat-pie textarea{flex:1;min-width:0;font:inherit;font-size:16px;line-height:1.35;border:1.5px solid var(--linea);border-radius:20px;padding:10px 14px;resize:none;max-height:96px;background:var(--fondo);color:var(--tinta)}
.chat-pie textarea:focus{outline:0;border-color:var(--azul)}
.chat-pie button{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--rojo);color:#fff;cursor:pointer;display:grid;place-items:center}
.chat-pie button:disabled{background:#C9CFDA;cursor:default}
.chat-pie svg{width:20px;height:20px}
.sugerencias{display:flex;gap:8px;padding:0 12px 10px;background:#EEF1F6;overflow-x:auto;scrollbar-width:none;flex:none}
.sugerencias::-webkit-scrollbar{display:none}
.sugerencias button{flex:none;font:inherit;font-size:13px;font-weight:600;color:var(--azul);background:#fff;border:1.5px solid var(--linea);border-radius:999px;padding:8px 13px;cursor:pointer}
.sugerencias button:hover{border-color:var(--azul)}

/* ── Banda de confianza ──────────────────────────────────────────────── */
.confianza{border-bottom:1px solid var(--linea);background:#fff}
.confianza .caja{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.confianza .caja>div{padding:26px 20px;border-left:1px solid var(--linea)}
.confianza .caja>div:first-child{border-left:0;padding-left:0}
.confianza b{display:block;font-size:26px;font-weight:800;color:var(--azul);letter-spacing:-.02em;line-height:1.1}
.confianza span{font-size:13.5px;color:var(--suave);line-height:1.4;display:block;margin-top:6px}

/* ── Secciones ───────────────────────────────────────────────────────── */
.sec{padding:88px 0}
.sec.gris{background:var(--fondo)}
.sec.oscura{background:var(--azul);color:rgba(255,255,255,.86)}
.sec.oscura h2,.sec.oscura h3{color:#fff}
.sec-cab{max-width:760px;margin-bottom:48px}
.sec h2{font-size:clamp(28px,3.2vw,40px);font-weight:800}
.sec-cab p{font-size:18px;color:var(--suave);margin-top:16px}
.sec.oscura .sec-cab p{color:rgba(255,255,255,.78)}
.rejilla{display:grid;gap:20px}
.r3{grid-template-columns:repeat(3,minmax(0,1fr))}.r2{grid-template-columns:repeat(2,minmax(0,1fr))}.r4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tarjeta{background:#fff;border:1px solid var(--linea);border-radius:var(--r-m);padding:28px;transition:.16s}
.tarjeta:hover{border-color:#C9D2E4;box-shadow:var(--sombra)}
.tarjeta h3{font-size:18px;font-weight:700;margin-bottom:10px}
.tarjeta p{font-size:15px;color:var(--suave)}
.icono{width:44px;height:44px;border-radius:12px;background:var(--azul-f);color:var(--azul);display:grid;place-items:center;margin-bottom:18px}
.icono svg{width:22px;height:22px}
.familia{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--linea);border-radius:var(--r-m);padding:22px}
.familia .n{flex:none;min-width:46px;height:46px;border-radius:12px;background:var(--azul);color:#fff;font-weight:800;font-size:17px;display:grid;place-items:center}
.familia h3{font-size:16px;font-weight:700;margin-bottom:4px}
.familia p{font-size:14px;color:var(--suave);line-height:1.5}
.pasos{counter-reset:paso}
.paso{position:relative;padding-top:64px}
.paso::before{counter-increment:paso;content:counter(paso);position:absolute;top:0;left:0;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--azul);font-weight:800;font-size:18px;display:grid;place-items:center}
.paso h3{font-size:17px;font-weight:700;margin-bottom:8px}
.paso p{font-size:15px;color:rgba(255,255,255,.76)}

/* Sectores (pestañas sin JavaScript) */
.sectores input{position:absolute;opacity:0;pointer-events:none}
.sectores .pestanas{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.sectores label{font-size:14px;font-weight:700;color:var(--azul);background:#fff;border:1.5px solid var(--linea);border-radius:999px;padding:11px 18px;cursor:pointer;transition:.12s}
.sectores label:hover{border-color:var(--azul)}
.sectores .panel-s{display:none;background:#fff;border:1px solid var(--linea);border-radius:var(--r-l);padding:36px}
.sectores .panel-s h3{font-size:22px;font-weight:800;margin-bottom:18px}
.sectores ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}
.sectores li{position:relative;padding-left:28px;font-size:15.5px}
.sectores li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:3px;border-radius:2px;background:var(--rojo)}
#s1:checked~.pestanas label[for=s1],#s2:checked~.pestanas label[for=s2],#s3:checked~.pestanas label[for=s3],#s4:checked~.pestanas label[for=s4],#s5:checked~.pestanas label[for=s5],#s6:checked~.pestanas label[for=s6]{background:var(--azul);border-color:var(--azul);color:#fff}
#s1:checked~#p1,#s2:checked~#p2,#s3:checked~#p3,#s4:checked~#p4,#s5:checked~#p5,#s6:checked~#p6{display:block}
#s1:focus-visible~.pestanas label[for=s1],#s2:focus-visible~.pestanas label[for=s2],#s3:focus-visible~.pestanas label[for=s3],#s4:focus-visible~.pestanas label[for=s4],#s5:focus-visible~.pestanas label[for=s5],#s6:focus-visible~.pestanas label[for=s6]{outline:3px solid var(--rojo);outline-offset:2px}

/* Planes */
.plan{background:#fff;border:1px solid var(--linea);border-radius:var(--r-l);padding:30px 26px;display:flex;flex-direction:column;position:relative}
.plan.destacado{border:2px solid var(--azul);box-shadow:var(--sombra)}
.plan .etq{position:absolute;top:-13px;left:26px;background:var(--azul);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.plan h3{font-size:19px;font-weight:800}
.plan .precio{font-size:42px;font-weight:800;color:var(--azul);letter-spacing:-.03em;line-height:1;margin:18px 0 4px}
.plan .precio small{font-size:15px;font-weight:600;color:var(--suave);letter-spacing:0}
.plan .alta{font-size:13.5px;color:var(--suave)}
.plan ul{list-style:none;margin:22px 0 26px;padding:22px 0 0;border-top:1px solid var(--linea);display:grid;gap:11px;flex:1}
.plan li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.45}
.plan li::before{content:"";position:absolute;left:2px;top:.42em;width:12px;height:7px;border-left:2.5px solid var(--verde);border-bottom:2.5px solid var(--verde);transform:rotate(-45deg)}
.nota{font-size:13.5px;color:var(--suave);margin-top:28px;max-width:86ch}

/* Preguntas */
.preguntas{max-width:820px}
.preguntas details{border-bottom:1px solid var(--linea)}
.preguntas summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;font-weight:700;font-size:17px;color:var(--azul);position:relative}
.preguntas summary::-webkit-details-marker{display:none}
.preguntas summary::after{content:"";position:absolute;right:8px;top:50%;width:10px;height:10px;border-right:2.5px solid var(--azul);border-bottom:2.5px solid var(--azul);transform:translateY(-70%) rotate(45deg);transition:.18s}
.preguntas details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.preguntas details p{padding:0 40px 24px 0;color:var(--suave);font-size:16px}

/* Formulario */
.formulario{background:#fff;border-radius:var(--r-l);padding:36px;box-shadow:var(--sombra-l);color:var(--texto)}
.formulario .campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.formulario .ancho{grid-column:1/-1}
.formulario label{display:block;font-size:13px;font-weight:700;color:var(--azul);margin-bottom:6px}
.formulario input[type=text],.formulario input[type=email],.formulario input[type=tel],.formulario select,.formulario textarea{width:100%;font:inherit;font-size:16px;color:var(--tinta);background:var(--fondo);border:1.5px solid var(--linea);border-radius:10px;padding:12px 14px}
.formulario input:focus,.formulario select:focus,.formulario textarea:focus{outline:0;border-color:var(--azul);background:#fff}
.formulario .casilla{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:500;color:var(--texto)}
.formulario .casilla input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--azul)}
.contacto-datos{display:grid;gap:18px;margin-top:34px}
.contacto-datos div{font-size:15px;color:rgba(255,255,255,.8)}
.contacto-datos b{display:block;color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}
.contacto-datos a{color:#fff;text-decoration:none;font-weight:600}

/* Pie */
.pie{background:#010B28;color:rgba(255,255,255,.7);padding:56px 0 32px;font-size:14px}
.pie .caja{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.pie h4{color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.pie a{color:rgba(255,255,255,.8);text-decoration:none;display:block;padding:3px 0}
.pie a:hover{color:#fff}
.pie .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;font-size:12.5px;color:rgba(255,255,255,.55)}

/* ── Panel del cliente ───────────────────────────────────────────────── */
body.panel{background:var(--fondo)}
.panel main{max-width:1160px;margin:0 auto;padding:28px 24px 64px}
.panel h1{font-size:26px;font-weight:800}
.saludo{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.saludo p{color:var(--suave);font-size:14.5px;margin-top:4px}
.demo-aviso{font-size:12px;font-weight:700;color:var(--ambar);background:var(--ambar-f);border-radius:999px;padding:6px 12px;display:inline-block}
.bloque{background:#fff;border:1px solid var(--linea);border-radius:var(--r-m);padding:24px}
.bloque>h2{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.bloque>h2 a{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600}
.estado-ia{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-left:4px solid var(--verde)}
.estado-ia.pausa{border-left-color:var(--rojo)}
.estado-ia b{font-size:19px;color:var(--azul);display:flex;align-items:center;gap:10px}
.estado-ia b::before{content:"";width:11px;height:11px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 4px var(--verde-f)}
.estado-ia.pausa b::before{background:var(--rojo);box-shadow:0 0 0 4px var(--rojo-f)}
.estado-ia p{font-size:14px;color:var(--suave);margin-top:4px}
.cifras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0}
.cifra{background:#fff;border:1px solid var(--linea);border-radius:var(--r-m);padding:20px}
.cifra span{font-size:12.5px;font-weight:600;color:var(--suave);display:block;line-height:1.3}
.cifra b{font-size:34px;font-weight:800;color:var(--azul);letter-spacing:-.03em;line-height:1.1;display:block;margin-top:8px}
.cifra small{font-size:12.5px;color:var(--suave);display:block;margin-top:4px}
.dos{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}
.pila{display:grid;gap:16px}
.conv{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--linea);text-decoration:none;color:inherit}
.conv:first-of-type{border-top:0;padding-top:0}
.conv .inicial{width:42px;height:42px;border-radius:50%;background:var(--azul-f);color:var(--azul);font-weight:800;font-size:15px;display:grid;place-items:center}
.conv .quien{font-weight:700;color:var(--tinta);font-size:15px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.conv .texto{font-size:13.5px;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.conv .cuando{font-size:12px;color:var(--suave);white-space:nowrap;text-align:right}
.conv:hover .quien{color:var(--azul-3)}
.etq{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.etq.ia{background:var(--azul-f);color:var(--azul)}.etq.persona{background:var(--rojo-f);color:#A30000}.etq.ok{background:var(--verde-f);color:var(--verde)}.etq.gris{background:#EEF0F4;color:var(--suave)}
.barras{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:120px}
.barras div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%}
.barras i{display:block;width:100%;max-width:34px;background:var(--azul);border-radius:6px 6px 2px 2px;min-height:3px}
.barras i.hoy{background:var(--rojo)}
.barras span{font-size:11px;color:var(--suave);font-weight:600}
.barras em{font-style:normal;font-size:12px;font-weight:700;color:var(--azul)}
.medidor{height:8px;border-radius:999px;background:#E8ECF3;overflow:hidden;margin-top:12px}
.medidor i{display:block;height:100%;background:var(--azul);border-radius:999px}
.lista-ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.lista-ops h3{font-size:13px;font-weight:700;color:var(--azul);margin-bottom:6px}
.lista-ops ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.lista-ops li{font-size:12.5px;font-weight:500;background:var(--fondo);border:1px solid var(--linea);border-radius:8px;padding:5px 10px}
.sabe{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sabe li{font-size:14px;line-height:1.5;padding-left:20px;position:relative}
.sabe li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:3px;border-radius:2px;background:var(--rojo)}
.sabe b{color:var(--azul)}
.menor{font-size:12.5px;color:var(--suave);margin-top:14px;line-height:1.5}
.aviso{background:var(--ambar-f);color:var(--ambar);border-radius:var(--r-s);padding:12px 16px;font-size:14px;font-weight:600;margin-bottom:16px}
.hilo{display:flex;flex-direction:column;gap:8px;background:#EEF1F6;border-radius:var(--r-m);padding:18px;max-height:62vh;overflow-y:auto}
.hilo .burbuja{max-width:78%}
.hilo .burbuja.cli{align-self:flex-start;background:#fff;color:var(--tinta);border-radius:16px;border-bottom-left-radius:5px}
.hilo .burbuja.ia{align-self:flex-end;background:var(--azul);color:#fff;border-radius:16px;border-bottom-right-radius:5px}
.hilo .burbuja b.autor{display:block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin-bottom:2px}
.acciones-conv{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.volver{display:inline-block;font-size:14px;font-weight:600;text-decoration:none;margin-bottom:14px}
.pie-panel{max-width:1160px;margin:0 auto;padding:0 24px 40px;font-size:12.5px;color:var(--suave);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.negocios{display:grid;gap:12px;max-width:560px}
.negocios a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--linea);border-radius:var(--r-m);padding:18px 20px;text-decoration:none;color:var(--azul);font-weight:700}
.negocios a:hover{border-color:var(--azul)}
.negocios small{display:block;font-weight:500;color:var(--suave);font-size:12.5px}

/* Página de prueba en vivo */
.probar{background:radial-gradient(1000px 500px at 80% 0%,var(--brillo,rgba(11,42,122,.85)),transparent 60%),var(--azul);min-height:calc(100vh - 64px);color:#fff;padding:56px 0}
.probar .caja{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:64px;align-items:center}
.probar h1{color:#fff;font-size:clamp(30px,3.6vw,46px);font-weight:800}
.probar .bajada{font-size:18px;color:rgba(255,255,255,.84);margin-top:18px;max-width:52ch}
.probar ul{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px}
.probar li{padding-left:30px;position:relative;font-size:15.5px;color:rgba(255,255,255,.86)}
.probar li::before{content:"";position:absolute;left:0;top:.6em;width:16px;height:3px;border-radius:2px;background:var(--rojo)}
.probar li b{color:#fff}

/* ── Móvil ───────────────────────────────────────────────────────────── */
@media(max-width:980px){
  .nav a:not(.boton){display:none}
  .portada{padding:44px 0 60px}
  .portada .caja,.probar .caja{grid-template-columns:minmax(0,1fr);gap:44px}
  .r3,.r4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .confianza .caja{grid-template-columns:repeat(2,1fr)}
  .confianza .caja>div{border-left:0;padding:20px 12px 20px 0;border-top:1px solid var(--linea)}
  .confianza .caja>div:nth-child(-n+2){border-top:0}
  .dos{grid-template-columns:minmax(0,1fr)}
  .cifras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pie .caja{grid-template-columns:1fr 1fr}
  .sec{padding:64px 0}
}
@media(max-width:640px){
  .caja{padding:0 18px}
  .cab .caja{gap:10px}
  .marca .chip{width:34px;height:34px}.marca .palabra{height:12px}.marca small{font-size:10px}
  .cab .boton{padding:10px 14px;font-size:12.5px;margin-left:auto}
  .r2,.r3,.r4{grid-template-columns:minmax(0,1fr)}
  .portada .acciones .boton{flex:1 1 100%}
  .sectores ul{grid-template-columns:minmax(0,1fr)}
  .sectores .panel-s{padding:24px 20px}
  .sectores .pestanas{flex-wrap:nowrap;overflow-x:auto;margin:0 -18px 20px;padding:2px 18px;scrollbar-width:none}
  .sectores .pestanas::-webkit-scrollbar{display:none}
  .sectores label{flex:none}
  .formulario{padding:24px 18px}
  .formulario .campos{grid-template-columns:minmax(0,1fr)}
  .pie .caja{grid-template-columns:1fr}
  .movil{border-radius:38px}.movil .pantalla{border-radius:30px;height:560px}
  .panel main{padding:20px 14px 48px}
  .panel h1{font-size:22px}
  .bloque{padding:18px}
  .cifra{padding:16px}.cifra b{font-size:28px}
  .conv{grid-template-columns:38px minmax(0,1fr);gap:12px}
  .conv .inicial{width:38px;height:38px}
  .conv .cuando{grid-column:2;text-align:left;margin-top:-6px}
  .estado-ia .boton{width:100%}
  .lista-ops{grid-template-columns:minmax(0,1fr)}
  .familia{padding:16px}.familia .n{min-width:40px;height:40px;font-size:15px}
  .hilo{max-height:none;padding:14px}
  .hilo .burbuja{max-width:88%}
  .probar{padding:32px 0 40px}
  .sec-cab{margin-bottom:34px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ── Tu gestión (tarea 49, 30-sep-2026): cifras de Odoo en el panel ─────────── */
.gestion .gfila{display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--linea)}
.gestion .gfila span{font-size:14px;color:var(--suave)}
.gestion .gfila b{font-size:18px;font-weight:800;color:var(--azul);text-align:right;white-space:nowrap}
.gestion .gfila small{grid-column:2;text-align:right;font-size:12.5px;color:var(--suave)}
.gestion .gfila:last-of-type{border-bottom:0}

/* ── Panel con secciones (1-oct-2026): menú, tablas y formularios ───────────── */
.marco{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:216px minmax(0,1fr);align-items:start}
.marco>main{max-width:none;margin:0;padding:28px 24px 64px}
.lateral{position:sticky;top:64px;padding:26px 0 26px 20px;display:grid;gap:4px}
.lateral a{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:10px;color:var(--suave);font-weight:600;font-size:14.5px;text-decoration:none}
.lateral a:hover{background:#fff;color:var(--azul)}
.lateral a.activo{background:var(--azul);color:#fff}
.hecho{background:var(--verde-f);color:var(--verde);border-radius:var(--r-s);padding:12px 16px;font-size:14px;font-weight:700;margin-bottom:16px}
.pestanas-panel{display:flex;gap:8px;overflow-x:auto;margin-bottom:14px;padding-bottom:2px;scrollbar-width:none}
.pestanas-panel a{flex:none;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--linea);color:var(--suave);font-size:13.5px;font-weight:600;text-decoration:none}
.pestanas-panel a b{font-weight:800;margin-left:4px}
.pestanas-panel a.activo{background:var(--azul);border-color:var(--azul);color:#fff}
.tabla-caja{overflow-x:auto;margin:0 -4px}
.tabla{width:100%;border-collapse:collapse;font-size:14px}
.tabla th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--suave);padding:0 8px 10px}
.tabla td{padding:12px 8px;border-top:1px solid var(--linea);vertical-align:middle}
.tabla td b{color:var(--tinta);font-weight:700}
.tabla td small{display:block;color:var(--suave);font-size:12.5px;margin-top:2px}
.tabla .der{text-align:right;white-space:nowrap}
.tabla form{display:inline}
.campo{display:block;margin-bottom:12px}
.campo>span{display:block;font-size:12.5px;font-weight:700;color:var(--tinta);margin-bottom:5px}
.campo input,.campo select,.campo textarea,.en-linea select,.datos textarea{width:100%;font:inherit;font-size:16px;color:var(--tinta);background:#fff;border:1.5px solid var(--linea);border-radius:10px;padding:11px 12px}
.campo textarea,.datos textarea{resize:vertical;line-height:1.4}
.campo input:focus,.campo select:focus,.campo textarea:focus,.datos textarea:focus{outline:0;border-color:var(--azul)}
.campo small{display:block;font-size:12px;color:var(--suave);margin-top:4px}
.en-linea{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.en-linea select{width:auto;flex:1;min-width:150px;padding:9px 12px;font-size:14.5px}
.datos{list-style:none;margin:0 0 16px;padding:0}
.datos li{padding:12px 0;border-top:1px solid var(--linea)}
.datos li:first-child{border-top:0;padding-top:0}
.datos .dato{font-size:14.5px;line-height:1.5}
.datos .dato b{color:var(--azul)}
.datos summary{font-size:12.5px;font-weight:700;color:var(--azul-3,#1b3a8a);cursor:pointer;margin-top:4px;width:max-content}
.datos details[open] summary{margin-bottom:8px}
.botones{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.nuevo-dato{border-top:1px solid var(--linea);padding-top:16px}
.canales{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.canales li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14.5px}
.integro{font-size:13px;font-weight:700;color:var(--verde);margin-top:12px}
.responder{margin-top:16px}
.bloque p{font-size:14.5px;line-height:1.55}
@media(max-width:980px){
  .marco{display:block}
  .lateral{position:sticky;top:64px;z-index:40;display:flex;gap:6px;overflow-x:auto;padding:10px 14px;background:var(--fondo);border-bottom:1px solid var(--linea);scrollbar-width:none}
  .lateral a{flex:none;padding:9px 13px;font-size:13.5px;background:#fff;border:1px solid var(--linea)}
  .lateral a.activo{border-color:var(--azul)}
  .marco>main{padding:20px 14px 56px}
}
@media(max-width:640px){
  .tabla{font-size:13.5px}
  .tabla th,.tabla td{padding-left:4px;padding-right:4px}
  .lateral a svg{display:none}
}
.pila{grid-template-columns:minmax(0,1fr)}
.pila>*,.dos>*{min-width:0}
@media(max-width:640px){
  .tabla thead{display:none}
  .tabla tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px 0;border-top:1px solid var(--linea)}
  .tabla tbody tr:first-child{border-top:0;padding-top:0}
  .tabla td{border:0;padding:0}
  .tabla td:empty{display:none}
  .tabla td.der{text-align:right}
  .tabla td[colspan]{grid-column:1/-1}
}
.panel .cab .caja,.panel .pie-panel{max-width:1320px}
.datos{margin-top:14px}
.cierres{list-style:none;margin:12px 0 0;padding:0}
.cierres li{padding:12px 0;border-top:1px solid var(--linea);font-size:14.5px}
.cierres li small{display:block;color:var(--suave);font-size:12.5px;margin-top:2px}
.cierres form{display:inline}
@media(max-width:640px){
  .tabla tr{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .tabla td{overflow-wrap:anywhere}
  .tabla td:nth-child(even){text-align:right}
}

/* ── marca propia del negocio (1-oct-2026): su logotipo en la cabecera, con Microzone como firma */
.marca.propia .palabra{height:30px}
.marca .chip.redondo{border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.18)}
.marca.propia small{opacity:.7;letter-spacing:.03em}
.chat-cab img.redondo{padding:0;background:transparent}
@media (max-width:640px){.marca.propia .palabra{height:22px}.marca.propia small{font-size:9.5px}}

/* ── cartera de inmuebles */
details.mas{text-align:left}details.mas summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--azul-3);text-align:right;list-style:none}
details.mas summary::-webkit-details-marker{display:none}
details.mas[open]{min-width:240px}details.mas[open] summary{margin-bottom:10px}
details.mas form{margin-top:8px}details.mas .botones{display:flex;gap:6px;flex-wrap:wrap}
.rejilla .campo.ancho{grid-column:1/-1}
.rejilla.cuatro{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}
.rejilla.cuatro>button{justify-self:start}
.tabla td.nw{white-space:nowrap}
@media (max-width:980px){.rejilla.cuatro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.rejilla.cuatro{grid-template-columns:minmax(0,1fr)}}

/* ── cómo habla el asistente */
form.opciones{display:grid;gap:10px}
.opcion{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--linea);border-radius:var(--r-s);cursor:pointer}
.opcion:has(input:checked){border-color:var(--rojo);background:var(--rojo-f)}
.opcion input{margin-top:4px;accent-color:var(--rojo)}
.opcion b{display:block;color:var(--tinta);font-size:14.5px}.opcion small{display:block;color:var(--suave);font-size:12.5px;line-height:1.4}
form.opciones>button{justify-self:start}

/* ── oportunidades y mercado */
.ops{list-style:none;margin:0;padding:0;display:grid;gap:0}
.ops li{padding:14px 0;border-top:1px solid var(--linea)}.ops li:first-child{border-top:0;padding-top:4px}
.ops li.vacio{color:var(--suave);font-size:14px}
.op-cab{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.op-cab small{margin-left:auto;color:var(--suave);font-size:12.5px}
.quien-op{color:var(--tinta);text-decoration:none}.quien-op:hover b{text-decoration:underline}
.op-pide{margin:6px 0 0;font-size:14.5px;color:var(--texto)}.op-pide small{display:block;color:var(--suave);font-size:12.5px;margin-top:2px}
.op-valor{margin:8px 0 0;font-size:15px}.op-valor b{font-size:18px;color:var(--tinta)}.op-valor small{display:block;color:var(--suave);font-size:12.5px}
.inms{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.inm{display:block;border:1px solid var(--linea);border-radius:var(--r-s);padding:8px 12px;text-decoration:none;color:var(--texto);font-size:13.5px;background:#fff;min-width:0}
.inm:hover{border-color:var(--rojo)}.inm b{color:var(--tinta)}.inm span{display:block;color:var(--suave);font-size:12.5px}
.barra{display:inline-block;vertical-align:middle;width:88px;height:8px;border-radius:99px;background:var(--linea);overflow:hidden;margin-right:6px}
.barra i{display:block;height:100%;background:var(--rojo);border-radius:99px}
.tabla tr.sel td{background:var(--rojo-f)}.tabla td a{color:var(--tinta);text-decoration:none}.tabla td a:hover b{text-decoration:underline}
.valor{margin-top:16px;padding:16px 18px;border-radius:var(--r-m);background:var(--rojo-f);border:1px solid var(--linea)}
.valor>span{display:block;font-size:13px;color:var(--suave);font-weight:600}.valor>b{display:block;font-size:30px;line-height:1.2;color:var(--tinta);margin-top:4px}
.valor>small{display:block;color:var(--texto);font-size:13.5px;margin-top:4px}

form.buscador{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:4px 0 6px}
form.buscador input[type=search]{flex:1 1 220px;min-width:0;padding:10px 12px;border:1px solid var(--linea);border-radius:var(--r-s);font:inherit}
form.buscador select{padding:10px 12px;border:1px solid var(--linea);border-radius:var(--r-s);font:inherit;background:#fff;max-width:100%}
.tabla td small a{color:var(--azul-3)}

@media (max-width:640px){.tabla td.nw{white-space:normal}.barra{width:64px}}

/* ── Inicio con vida: tarjetas con acento y tres piezas de KPI (2-oct-2026) */
.cifras>.cifra{position:relative;overflow:hidden;transition:box-shadow .15s,transform .15s}
.cifras>.cifra::before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:var(--linea)}
.cifras>.cifra:hover{box-shadow:var(--sombra);transform:translateY(-1px)}
.cifras>.cifra:first-child{background:var(--azul);border-color:var(--azul)}
.cifras>.cifra:first-child::before{background:var(--rojo)}
.cifras>.cifra:first-child span,.cifras>.cifra:first-child small{color:rgba(255,255,255,.78)}
.cifras>.cifra:first-child b{color:#fff}
.kpis{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,1fr);gap:16px;margin:0 0 16px;align-items:stretch}
.kpi h2{margin-bottom:10px}
.kpi.oscuro{background:linear-gradient(160deg,var(--azul) 0%,var(--azul-2) 100%);border-color:var(--azul);color:#fff}
.kpi.oscuro h2{color:rgba(255,255,255,.72)}
.kpi.oscuro p{color:rgba(255,255,255,.86);font-size:14.5px;margin:6px 0 0}
.kpi .hero{display:block;font-size:56px;font-weight:800;line-height:1;letter-spacing:-.04em;color:#fff}
.kpi .mini{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}
.kpi .mini span{display:block;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.72)}
.kpi .mini b{display:block;font-size:26px;font-weight:800;line-height:1.2;color:#fff}
.kpi .mini small{display:block;font-size:12px;color:rgba(255,255,255,.66)}
.kpi svg.horas{width:100%;height:132px;display:block}
.kpi svg .eje{font-size:10.5px;fill:var(--suave);font-family:var(--letra)}
.kpi svg g:hover rect[fill^="var"]{opacity:.72}
.anillo{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.anillo svg{flex:none}
.an-n{font-size:25px;font-weight:800;fill:var(--tinta);font-family:var(--letra)}
.an-t{font-size:8.5px;font-weight:600;fill:var(--suave);font-family:var(--letra)}
.leyenda{list-style:none;margin:0;padding:0;display:grid;gap:8px;flex:1 1 130px;min-width:0}
.leyenda li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--texto)}
.leyenda li i{width:10px;height:10px;border-radius:3px;flex:none}
.leyenda li span{flex:1;min-width:0}
.leyenda li b{color:var(--tinta);font-weight:800}
.leyenda.fila{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px}
.leyenda.fila li span{flex:none}
@media (max-width:980px){.kpis{grid-template-columns:minmax(0,1fr)}}

.kpi svg .eje.val{font-size:10px;font-weight:700;fill:var(--tinta)}

/* ── más vida: barras horizontales, rejilla de dos piezas y detalles (2-oct, segunda pasada) */
.kpis.dos-kpi{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.barras-h{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px}
.barras-h li{display:grid;grid-template-columns:minmax(90px,1.1fr) minmax(0,2.4fr) auto;gap:12px;align-items:center;font-size:14px}
.barras-h li span{color:var(--tinta);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.barras-h li span small{display:block;font-weight:500;color:var(--suave);font-size:12px}
.barras-h li i{display:block;height:12px;border-radius:99px;background:var(--linea);overflow:hidden}
.barras-h li em{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--azul),var(--rojo))}
.barras-h li b{font-weight:800;color:var(--tinta);white-space:nowrap;font-size:13.5px}
.bloque{transition:box-shadow .15s}
.bloque:hover{box-shadow:var(--sombra)}
.lateral a{transition:background .12s,color .12s}
.saludo h1{letter-spacing:-.02em}
@media (max-width:980px){.kpis.dos-kpi{grid-template-columns:minmax(0,1fr)}}

/* ── iconos en botones y tarjetas, cabecera de sección como banda (2-oct, tercera pasada) */
.boton .ic{flex:none;margin-right:-1px}
.boton.peq .ic{width:14px;height:14px}
.cifras>.cifra .ci{position:absolute;right:16px;top:18px;width:38px;height:38px;border-radius:11px;background:var(--rojo-f);color:var(--rojo);display:grid;place-items:center;font-style:normal}
.cifras>.cifra:first-child .ci{background:rgba(255,255,255,.14);color:#fff}
.cifras>.cifra>span{padding-right:46px}
.saludo.banner{background:linear-gradient(115deg,var(--azul) 0%,var(--azul-2) 58%,var(--brillo,var(--azul-3)) 135%);color:#fff;border-radius:var(--r-l);padding:22px 26px;
  align-items:center;justify-content:flex-start;gap:18px;box-shadow:var(--sombra);position:relative;overflow:hidden}
.saludo.banner::after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 65%);pointer-events:none}
.saludo.banner h1{color:#fff;margin:0}
.saludo.banner p{color:rgba(255,255,255,.82)}
.saludo.banner p a{color:#fff}
.saludo.banner .demo-aviso{margin-left:auto;background:rgba(255,255,255,.14);color:#fff;position:relative;z-index:1}
.ico-sec{width:54px;height:54px;border-radius:16px;background:var(--rojo);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.ico-sec svg{width:27px;height:27px}
.bloque>h2{position:relative;padding-left:14px}
.bloque>h2::before{content:"";position:absolute;left:0;top:50%;width:4px;height:14px;margin-top:-7px;border-radius:2px;background:var(--rojo)}
.kpi.oscuro>h2::before{background:var(--rojo)}
.lateral a.activo{box-shadow:0 6px 16px rgba(0,0,0,.18)}
@media (max-width:640px){.saludo.banner{padding:16px 18px;gap:12px}.ico-sec{width:44px;height:44px;border-radius:13px}.ico-sec svg{width:22px;height:22px}.saludo.banner .demo-aviso{margin-left:0}}

/* ── Oportunidades por operación: pestañas grandes y filas de Inicio que se pulsan (2-oct) */
.pestanas-panel.grandes a{font-size:15.5px;padding:13px 22px}
.pestanas-panel.grandes a b{margin-left:6px}
.sub-op{margin:2px 0 14px;color:var(--suave);font-size:14.5px;font-weight:600}
a.gfila.enlace{text-decoration:none;color:inherit}
a.gfila.enlace:hover span{text-decoration:underline}

/* ── Oportunidades en tablas y seguimiento por comercial (2-oct) */
.bloque>h2 .cuenta{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:99px;background:var(--azul);color:#fff;font-size:12px;letter-spacing:0;vertical-align:1px}
.ops-t td{vertical-align:top}
.ops-t td.vacio{color:var(--suave)}
.ops-t a.ref{display:block;text-decoration:none;color:var(--texto);font-size:13px;white-space:nowrap}
.ops-t a.ref:hover b{text-decoration:underline}
.ops-t td.seguir form.en-linea{margin:0;flex-wrap:nowrap;gap:6px}
.ops-t td.seguir select{min-width:0;width:auto;flex:1 1 118px;padding:7px 8px;font-size:13px}
.ops-t td.seguir .boton{padding:8px 12px}
.ops-t td.lleva{font-size:13px;line-height:1.6}
.ops-t td.lleva a{color:var(--tinta);font-weight:600;text-decoration:none}.ops-t td.lleva small{display:inline;color:var(--suave);margin:0}
@media (max-width:980px){.ops-t td.seguir form.en-linea{flex-wrap:wrap}}

/* el seguimiento cabe en una línea: comercial, estado y guardar */
.ops-t td.seguir{min-width:292px}
.ops-t td.seguir form.en-linea{display:flex!important;flex-wrap:nowrap!important;align-items:center}
.ops-t td.seguir select{flex:1 1 0!important;min-width:0!important;width:auto!important}
.ops-t td.seguir .boton.solo-ic{padding:9px 10px;flex:none}
.ops-t td.seguir .boton.solo-ic .ic{margin:0}
.ops-t a.ref{white-space:normal}
@media (max-width:640px){.ops-t td.seguir{min-width:0}}

/* ── Bandeja de conversaciones (4-oct-2026): lista y conversación en una pantalla, como la de Microzone Connect.
   Rehecha el mismo día para que se LEA como un chat: el hilo ocupa casi todo el alto y empieza por lo último, burbujas de
   15,5 px, quién habla se ve por el lado y el color, el estado en una línea y el redactor pegado abajo.
   El canal y el estado van siempre con icono Y palabra (nunca solo color). En móvil: lista → conversación a pantalla completa. */
.marco:has(.bandeja){max-width:1680px}
.marco>main:has(.bandeja){padding:14px 20px 14px}
main:has(.bandeja)>.saludo.banner{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);padding:0;margin:0}
.bandeja{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:14px;height:calc(100vh - 64px - 28px);min-height:460px}
.bj-lista,.bj-conv{background:#fff;border:1px solid var(--linea);border-radius:var(--r-m);min-width:0;min-height:0}
.bj-ic{flex:none}
.bj-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* la lista */
.bj-lista{display:flex;flex-direction:column;padding:12px 12px 0;overflow:hidden}
.bj-resumen{font-size:13.5px;font-weight:700;color:var(--tinta);margin:2px 2px 10px;flex:none}
.bj-lista .pestanas-panel{flex:none;flex-wrap:nowrap;overflow-x:auto;gap:2px;margin:0 -12px 10px;padding:0 12px;border-bottom:1px solid var(--linea)}
.bj-lista .pestanas-panel a{padding:8px 9px 9px;font-size:13.5px;font-weight:600;color:#414B5A;background:none;border:0;border-bottom:3px solid transparent;border-radius:0;white-space:nowrap}
.bj-lista .pestanas-panel a b{font-weight:800;margin-left:3px;color:var(--tinta)}
.bj-lista .pestanas-panel a.activo{background:none;color:var(--tinta);border-bottom-color:var(--rojo);font-weight:800}
.bj-filtros{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center;padding-bottom:10px;flex:none}
.bj-filtros label{min-width:0;display:block}
.bj-filtros select,.bj-asignar select{width:100%;font:inherit;font-size:14px;padding:8px 10px;border:1.5px solid var(--linea);border-radius:10px;background:#fff;color:var(--tinta);min-width:0}
.bj-filtros.auto{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.bj-filtros.auto .boton{display:none}
.bj-quitar{grid-column:1/-1;font-size:13px;font-weight:700;color:var(--tinta)}
.bj-filas{overflow-y:auto;margin:0 -12px;padding:0 6px 10px;flex:1;min-height:0;border-top:1px solid var(--linea)}
.bj-grupo{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#414B5A;padding:14px 8px 6px;margin:0;font-weight:800;display:flex;gap:8px;align-items:center}
.bj-grupo span{background:#EEF0F4;color:var(--tinta);border-radius:99px;padding:1px 8px;letter-spacing:0;font-size:12px}
.bj-fila{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;padding:10px 8px;border-radius:12px;text-decoration:none;color:inherit;border-left:3px solid transparent}
.bj-fila:hover{background:var(--fondo)}
.bj-fila.activa{background:#E9EDF5;border-left-color:var(--rojo)}
.bj-av{width:40px;height:40px;border-radius:50%;background:#DDE3EE;color:var(--tinta);font-weight:800;font-size:16px;display:grid;place-items:center;flex:none}
.bj-fila.activa .bj-av{background:#fff}
.bj-txt{display:grid;gap:2px;min-width:0}
.bj-l1{display:flex;justify-content:space-between;gap:8px;align-items:baseline;min-width:0}
.bj-l1 b{color:var(--tinta);font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.bj-hora{font-size:12.5px;color:#4A5568;white-space:nowrap;flex:none}
.bj-l3{display:flex;gap:8px;align-items:center;min-width:0}
.bj-frase{font-size:14px;line-height:1.4;color:#414B5A;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.bj-l2{display:flex;gap:8px;align-items:center;justify-content:space-between;min-width:0;margin-top:2px}
.bj-canal{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#4A5568;min-width:0;white-space:nowrap}
.bj-canal b{color:inherit;font-weight:600}
.bj-l2 .bj-canal{overflow:hidden}.bj-l2 .bj-canal span{overflow:hidden;text-overflow:ellipsis}
.bj-estado{display:inline-flex;gap:4px;align-items:center;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:#EEF0F4;color:#333D4D;white-space:nowrap;flex:none}
.bj-estado.espera{background:var(--ambar-f);color:#5F3E00}
.bj-estado.llevada,.bj-estado.pospuesta{background:#fff;color:var(--tinta);box-shadow:inset 0 0 0 1.5px #AEB8C8}
.bj-estado.resuelta{background:var(--verde-f);color:#0A5E2F}
.bj-fila.nueva .bj-l1 b{font-weight:800}
.bj-fila.nueva .bj-frase{color:var(--tinta);font-weight:700}
.bj-nuevos{flex:none;background:var(--rojo-2,#D90000);color:#fff;font-size:12px;font-weight:800;border-radius:999px;padding:1px 8px;min-width:22px;text-align:center}
.bj-vacia{padding:14px 8px}
/* la conversación: cabecera · estado en una línea · hilo (todo el alto que quede) · redactor pegado abajo */
.bj-conv{display:flex;flex-direction:column;overflow:hidden;position:relative}
.bj-conv.cargando .bj-hilo{opacity:.45}
.bj-conv>*{min-width:0;flex:none}
.bj-cab{display:flex;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--linea);position:relative}
.bj-volver{display:none}
.bj-quien{min-width:0;flex:1}
.bj-quien h2{font-size:18px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bj-quien p{font-size:13.5px;color:#4A5568;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bj-mas{flex:none}
.bj-mas summary,.bj-guardadas summary{cursor:pointer;list-style:none;font-size:13.5px;font-weight:700;color:var(--tinta);padding:9px 14px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--linea);background:#fff;white-space:nowrap}
.bj-mas summary::-webkit-details-marker,.bj-guardadas summary::-webkit-details-marker{display:none}
.bj-mas summary::after,.bj-guardadas summary::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 2px 3px 8px}
.bj-mas[open] summary,.bj-guardadas[open] summary{box-shadow:inset 0 0 0 1.5px var(--tinta)}
.bj-acciones{position:absolute;right:12px;top:calc(100% - 4px);z-index:20;width:min(360px,calc(100% - 24px));background:#fff;border:1px solid var(--linea);border-radius:14px;box-shadow:var(--sombra-l);padding:14px;display:grid;gap:12px}
.bj-acciones form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}
.bj-asignar label{font-size:14px;font-weight:700;color:var(--tinta)}
.bj-asignar select{width:auto;flex:1;min-width:120px}
.bj-opo{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0}
.bj-opo small{color:#4A5568;font-size:13px}
.bj-sin-equipo,.bj-cerrada,.bj-fuera{margin:0}
.bj-sin-equipo a,.bj-fuera a{color:var(--tinta);font-weight:600}
.bj-cinta{display:flex;gap:10px;align-items:center;padding:7px 14px;background:#EEF0F4;color:var(--texto);border-bottom:1px solid var(--linea)}
.bj-cinta p{flex:1;font-size:14px;line-height:1.35;margin:0;min-width:0}
.bj-cinta b{color:var(--tinta)}
.bj-cinta.espera{background:var(--ambar-f);color:#5F3E00}.bj-cinta.espera b{color:#4A3000}
.bj-cinta.resuelta{background:var(--verde-f);color:#0A5E2F}.bj-cinta.resuelta b{color:#084A25}
.bj-cinta.llevada,.bj-cinta.pospuesta{background:#F3F5F9}
.bj-cinta form{margin:0;flex:none}
.bj-cinta .boton.peq{padding:8px 14px}
.bj-conv>.hecho,.bj-conv>.aviso{margin:8px 14px 0;padding:8px 12px}
.bj-conv>.bj-hilo{flex:1 1 0;min-height:0;max-height:none;display:flex;flex-direction:column-reverse;overflow-y:auto;background:#EDF0F5;border-radius:0;padding:0;gap:0}
.bj-mensajes{display:flex;flex-direction:column;gap:3px;padding:16px 18px 18px}
.bj-dia{display:flex;justify-content:center;margin:12px 0 8px}
.bj-dia span{background:#fff;color:#333D4D;font-size:12.5px;font-weight:700;border-radius:999px;padding:3px 12px;box-shadow:0 1px 1px rgba(2,17,59,.08)}
.bj-hilo .burbuja{max-width:min(74%,640px);padding:9px 13px 7px;font-size:15.5px;line-height:1.5;border-radius:16px;box-shadow:0 1px 1px rgba(2,17,59,.10);margin-top:9px}
.bj-hilo .burbuja.sigue{margin-top:0}
.bj-hilo .burbuja.cli{align-self:flex-start;background:#fff;color:var(--tinta);border-bottom-left-radius:5px}
.bj-hilo .burbuja.ia{align-self:flex-end;background:var(--azul);color:#fff;border-bottom-right-radius:5px}
.bj-hilo .burbuja.eq{background:#0B5C36;color:#fff}
.bj-hilo .burbuja b.autor{display:flex;gap:5px;align-items:center;font-size:12.5px;font-weight:800;letter-spacing:0;text-transform:none;opacity:1;margin-bottom:2px}
.bj-hilo .burbuja.cli b.autor{color:#8A1F1F}
.bj-hilo .burbuja.ia b.autor{color:#C9D6F5}
.bj-hilo .burbuja.eq b.autor{color:#C6EBD6}
.bj-dicho{white-space:pre-wrap;overflow-wrap:anywhere}
.bj-hilo .burbuja .hora{display:block;font-size:12px;line-height:1.3;margin-top:2px;text-align:right;opacity:1;color:#4A5568}
.bj-hilo .burbuja.ia .hora{color:#D5DDF0}
.bj-hilo .burbuja.eq .hora{color:#D3EEDD}
.bj-hilo .burbuja.nota{align-self:center;max-width:min(88%,700px);background:var(--ambar-f);color:#4A3000;border:1px dashed #B98A2E;border-radius:12px;box-shadow:none;font-size:14.5px}
.bj-hilo .burbuja.nota b.autor{color:#5F3E00}
.bj-hilo .burbuja.nota .hora{color:#5F3E00}
.bj-sin-mensajes{text-align:center;padding:24px 0}
.bj-ausente{display:flex;gap:8px;align-items:flex-start;background:var(--ambar-f);color:#5F3E00;padding:7px 14px;font-size:13.5px;line-height:1.4;margin:0;border-top:1px solid #EAD9AE}
.bj-ausente .bj-ic{margin-top:2px}
.bj-cerrada{padding:14px;border-top:1px solid var(--linea);text-align:center}
.bj-redactor{border-top:1px solid var(--linea);padding:9px 14px 10px;display:grid;gap:7px;margin:0;background:#fff;position:relative}
.bj-redactor:has(input[value=nota]:checked){background:var(--ambar-f)}
.bj-barra{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.bj-modo{display:flex;gap:6px}
.bj-modo label{cursor:pointer;position:relative}
.bj-modo input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.bj-modo span{display:inline-flex;gap:6px;align-items:center;padding:7px 13px;border-radius:999px;font-size:13.5px;font-weight:700;color:#333D4D;background:#fff;border:1.5px solid var(--linea)}
.bj-modo input:checked+span{background:var(--tinta);border-color:var(--tinta);color:#fff}
.bj-modo input:focus-visible+span{outline:3px solid var(--rojo);outline-offset:2px}
.bj-guardadas summary{padding:7px 13px}
.bj-plantillas{position:absolute;right:14px;bottom:calc(100% - 44px);z-index:20;width:min(420px,calc(100% - 28px));max-height:min(340px,50vh);overflow-y:auto;background:#fff;border:1px solid var(--linea);border-radius:14px;box-shadow:var(--sombra-l);padding:10px;display:grid;gap:6px}
.bj-plantillas a{display:block;padding:9px 12px;border:1px solid var(--linea);border-radius:10px;text-decoration:none;color:var(--texto);background:#fff;min-width:0}
.bj-plantillas a:hover{border-color:var(--tinta)}
.bj-plantillas a b{display:block;color:var(--tinta);font-size:14px}
.bj-plantillas a span{display:block;font-size:13px;color:#4A5568;line-height:1.4;overflow-wrap:anywhere}
.bj-plantillas a.bj-crear{border-style:dashed;font-weight:700;font-size:13.5px;color:var(--tinta)}
.bj-escribe{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.bj-escribe textarea{width:100%;font:inherit;font-size:16px;line-height:1.4;color:var(--tinta);background:#fff;border:1.5px solid #C5CCD8;border-radius:14px;padding:10px 13px;resize:none;min-height:48px;max-height:150px;display:block}
.bj-escribe textarea:focus{outline:0;border-color:var(--tinta)}
.bj-escribe .boton{padding:15px 22px}
.bj-por{font-size:13px;color:#4A5568;line-height:1.4}
.bj-por .bj-canal{vertical-align:-2px;font-size:13px}
.bj-por.si-nota{display:none;color:#5F3E00}
.bj-redactor:has(input[value=nota]:checked) .si-nota{display:block}
.bj-redactor:has(input[value=nota]:checked) .si-responder{display:none}
.bj-nada{padding:56px 24px;text-align:center;justify-content:center}
.bj-plantilla{white-space:pre-wrap;color:var(--texto);font-size:14px;margin:4px 0 8px;overflow-wrap:anywhere}
.tabla tr:has(td[id^="op-"]:target) td{background:var(--ambar-f)}
@media(max-width:1180px){.bandeja{grid-template-columns:minmax(270px,320px) minmax(0,1fr)}}
@media(max-width:980px){
  .marco>main:has(.bandeja){padding:10px 12px 24px}
  .bandeja{display:block;height:auto;min-height:0}
  .bandeja.elegida .bj-lista,.bandeja.sin-elegir .bj-conv{display:none}
  .bandeja.sin-elegir .bj-fila.activa{background:none;border-left-color:transparent}
  .bj-lista{overflow:visible;padding-bottom:6px}
  .bj-filas{overflow:visible}
  /* la conversación, a pantalla completa: tapa la cabecera y el menú, como un chat del teléfono */
  .bandeja.elegida .bj-conv{position:fixed;inset:0;z-index:60;border:0;border-radius:0;height:100vh;height:100dvh}
  body:has(.bandeja.elegida){overflow:hidden}
  .bj-cab{padding:6px 10px 6px 4px;gap:8px}
  .bj-cab .bj-av{width:36px;height:36px;font-size:15px}
  .bj-volver{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--tinta);flex:none;text-decoration:none}
  .bj-volver span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .bj-quien h2{font-size:16.5px}
  .bj-mas summary{padding:0 12px;min-height:44px;display:inline-flex;align-items:center;font-size:0}
  .bj-mas summary::before{content:"Más";font-size:13.5px}
  .bj-cinta{flex-wrap:wrap;padding:7px 12px}
  .bj-cinta p{flex:1 1 200px;font-size:13.5px}
  .bj-mensajes{padding:10px 10px 14px}
  .bj-hilo .burbuja{max-width:86%}
  .bj-redactor{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
  .bandeja .boton,.bj-filtros select,.bj-asignar select{min-height:44px}
  .bj-lista .pestanas-panel a,.bj-modo span,.bj-guardadas summary{min-height:44px;display:inline-flex;align-items:center}
  .bj-quitar,.bj-fuera a,.bj-sin-equipo a{display:inline-flex;align-items:center;min-height:44px}
  .bj-plantillas a{padding:12px}
  .bj-plantillas{bottom:calc(100% - 52px)}
  .bj-por{font-size:12.5px}
  .lateral a{min-height:44px}
  .bj-resp .boton,.bj-resp .volver{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:640px){
  .bj-filtros{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .bj-filtros .boton{grid-column:1/-1}
  .bj-asignar{width:100%}
}

/* ── Ajustes → Conexiones (5-oct-2026). Clases nuevas, prefijo cx-: no cambian ninguna de las que ya usa el panel en marcha */
.cx-entrada{display:flex;align-items:center;gap:14px;background:var(--azul);color:#fff;border-radius:var(--r-m);padding:18px 20px;text-decoration:none;margin-top:4px}
.cx-entrada:hover{background:var(--azul-3)}
.cx-entrada .cx-ico{flex:none;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.14);display:grid;place-items:center;color:#fff}
.cx-entrada .cx-txt{flex:1;min-width:0;display:grid;gap:2px}
.cx-entrada .cx-txt b{font-size:17px;line-height:1.25}
.cx-entrada .cx-txt span{font-size:13.5px;line-height:1.4;color:#DCE4F7}
.cx-entrada .cx-cuenta{flex:none;background:#fff;color:var(--azul);font-size:13px;font-weight:700;padding:6px 12px;border-radius:99px;white-space:nowrap}
.cx-entrada .cx-flecha{flex:none;font-size:20px;font-weight:700}
.cx-vuelta{margin:0 0 4px;font-size:14px;font-weight:600}
.cx-vuelta a{display:inline-flex;align-items:center;min-height:44px;color:var(--azul-3)}
.cx-grupo{margin-top:22px}
.cx-grupo>h2{font-size:19px;line-height:1.3;color:var(--azul);display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
.cx-grupo>h2 .cx-cuenta{background:var(--azul-f);color:var(--azul);font-size:12.5px;font-weight:700;padding:4px 11px;border-radius:99px}
.cx-entradilla{font-size:14.5px;line-height:1.5;color:var(--suave);margin:4px 0 14px}
.cx-entradilla a{color:var(--azul-3);font-weight:600}
.cx-rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;align-items:start}
.cx-tarjeta{background:#fff;border:1px solid var(--linea);border-radius:var(--r-m);padding:18px;min-width:0}
.cx-tarjeta.cx-on{border-color:#B9DFC8;box-shadow:inset 4px 0 0 var(--verde)}
.cx-cab{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.cx-cab .cx-ico{flex:none;width:40px;height:40px;border-radius:11px;background:var(--azul-f);color:var(--azul);display:grid;place-items:center}
.cx-cab h3{flex:1 1 auto;min-width:min-content;max-width:calc(100% - 52px);font-size:16px;line-height:1.3;color:var(--tinta);margin:0}
.cx-estado{flex:none;font-size:12.5px;font-weight:700;line-height:1.2;padding:5px 10px;border-radius:99px;white-space:nowrap}
.cx-estado.cx-ok{background:var(--verde-f);color:var(--verde)}
.cx-estado.cx-no{background:#EEF1F6;color:#465166}
.cx-estado.cx-pre{background:var(--ambar-f);color:var(--ambar)}
.cx-estado.cx-mal{background:var(--rojo-f);color:#B00000}
.cx-tarjeta p{font-size:14px;line-height:1.5;color:var(--texto);margin:0 0 10px}
.cx-tarjeta .cx-datos{color:var(--suave)}
.cx-tarjeta .cx-datos b{color:var(--tinta)}
.cx-tarjeta .cx-quien{font-size:13.5px;padding:8px 11px;border-radius:var(--r-s);background:#EEF1F6;color:#465166}
.cx-tarjeta .cx-quien.cx-si{background:var(--verde-f);color:var(--verde)}
.cx-tarjeta .cx-quien.cx-ojo{background:var(--ambar-f);color:var(--ambar)}
.cx-tarjeta .cx-nota{font-size:13px;color:var(--suave)}
.cx-tarjeta .cx-pedido{font-size:13.5px;font-weight:600;color:var(--verde);margin:0}
.cx-pie{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;margin-top:4px}
.cx-pie form{margin:0}
.cx-tarjeta .boton.peq{min-height:44px}
.cx-mas{margin-top:6px}
.cx-mas>summary{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:99px;font-size:13px;font-weight:700;color:var(--azul);box-shadow:inset 0 0 0 1.5px var(--linea);cursor:pointer;list-style:none}
.cx-mas>summary::-webkit-details-marker{display:none}
.cx-mas>summary:hover{box-shadow:inset 0 0 0 1.5px var(--azul)}
.cx-mas[open]>summary{margin-bottom:12px}
.cx-abrir>summary{background:var(--azul);color:#fff;box-shadow:none}
.cx-abrir>summary:hover{background:var(--azul-3);box-shadow:none}
.cx-quitar>summary{color:#B00000}
.cx-quitar[open]{flex-basis:100%}
.cx-form .campo input{min-height:44px}
.cx-par{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:0 10px}
.cx-seguro{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:600;margin-bottom:10px}
.cx-seguro input{width:20px;height:20px;flex:none}
.cx-codigo{background:var(--tinta);color:#E8EDF7;font-size:12.5px;line-height:1.5;padding:12px;border-radius:var(--r-s);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px}
@media(max-width:640px){
  .cx-entrada{flex-wrap:wrap;padding:16px}
  .cx-entrada .cx-flecha{display:none}
  .cx-rejilla{grid-template-columns:minmax(0,1fr)}
}

/* ── Ficheros, Gastos, Proyectos e Importar (datos.py, 5-oct-2026). Clases nuevas, prefijo dt-: no cambia ninguna de las que ya había. */
.dt-entrada{margin-top:0}
.dt-barra{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}
.dt-barra input[type=search],.dt-barra input:not([type]),.dt-barra input[type=date],.dt-barra input[type=file],.dt-barra select,.dt-en-linea select{font:inherit;font-size:15px;color:var(--tinta);background:#fff;border:1.5px solid var(--linea);border-radius:10px;padding:9px 12px;min-height:44px;min-width:0;max-width:100%}
.dt-barra input[type=search],.dt-barra input:not([type]){flex:1 1 200px}
.dt-barra form.dt-barra{margin:0;flex:1 1 auto}
.dt-barra .boton,.dt-en-linea .boton,.dt-borrar summary{min-height:44px}
.dt-pie{margin:16px 0 0}
.dt-nueva{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--linea)}
.dt-en-linea{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dt-tabla td.dt-colgar select{max-width:230px}
.dt-borrar{display:inline-block;text-align:right}
.dt-borrar summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--suave);padding:0 6px}
.dt-borrar summary::-webkit-details-marker{display:none}
.dt-borrar summary:hover{color:#A30000}
.dt-borrar[open] summary{display:none}
.boton.dt-rojo{color:#A30000;box-shadow:inset 0 0 0 1.5px #E7B4B4}
.dt-venc{color:#A30000;font-weight:700}
.dt-tareas{list-style:none;margin:0;padding:0}
.dt-tareas li{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--linea)}
.dt-tareas li:first-child{border-top:0}
.dt-tareas .dt-t{min-width:0}.dt-tareas .dt-t b{display:block;color:var(--tinta);font-size:14.5px;line-height:1.35;overflow-wrap:anywhere}
.dt-tareas small{display:block;font-size:12.5px;color:var(--suave);margin-top:2px}
.dt-tareas .dt-hecha .dt-t b{text-decoration:line-through;color:var(--suave)}
.dt-tareas .dt-acc{display:flex;gap:6px;flex:none}
.dt-tareas .dt-vacio{color:var(--suave);font-size:14px}
.dt-ficha{list-style:none;margin:0 0 16px;padding:0}
.dt-ficha li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--linea);font-size:14px}
.dt-ficha li:first-child{border-top:0}.dt-ficha span{color:var(--suave)}.dt-ficha b{color:var(--tinta);text-align:right;overflow-wrap:anywhere}
.dt-franja{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px}
.dt-franja>div{background:#fff;border:1px solid var(--linea);border-radius:var(--r-m);padding:16px 20px}
.dt-franja span{display:block;font-size:12.5px;font-weight:600;color:var(--suave)}
.dt-franja b{display:block;font-size:24px;font-weight:800;color:var(--azul);letter-spacing:-.02em;margin-top:4px}
.dt-franja small{display:block;font-size:12.5px;color:var(--suave);margin-top:2px}
.dt-franja .dt-ojo{border-color:#E7B4B4}.dt-franja .dt-ojo b{color:#A30000}
.dt-tabla td a b{overflow-wrap:anywhere}
@media(max-width:640px){
  .dt-franja{grid-template-columns:minmax(0,1fr)}
  .dt-tareas li{flex-direction:column;align-items:stretch}
  .dt-tabla td.dt-colgar select{max-width:100%;width:100%}
  .dt-barra select,.dt-barra input[type=date],.dt-barra input[type=file]{flex:1 1 100%}
}
.dt-form .boton{min-height:44px}
@media(max-width:980px){
  .dt-tabla td>a{display:flex;align-items:center;min-height:44px}
  .dt-tabla td small a,.dt-ver{display:inline-flex;align-items:center;min-height:44px}
}

/* ── Inicio: el parte del día, y la actividad en Clientes e Inmuebles (5-oct-2026). Clases nuevas, prefijo pt-: no cambian ninguna de las que ya usa el panel en marcha */
.pt-dos{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start;margin:16px 0}
.pt-col{display:grid;gap:16px;min-width:0}
.pt-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pt-h small{font-size:13px;font-weight:600;color:var(--suave)}
.pt-cuenta{background:var(--azul-f);color:var(--azul);font-size:12.5px;font-weight:700;padding:4px 11px;border-radius:99px;white-space:nowrap}
.pt-cuenta.pt-roja{background:var(--rojo-f);color:#A30000}
.pt-hoy{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.pt-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;min-height:60px;padding:12px 14px;border:1px solid var(--linea);border-radius:var(--r-s);text-decoration:none;color:var(--texto);background:#fff}
.pt-item:hover{border-color:var(--azul-3);box-shadow:var(--sombra)}
.pt-item.pt-urge{border-color:#E7B4B4;box-shadow:inset 4px 0 0 var(--rojo)}
.pt-orden{width:30px;height:30px;border-radius:50%;background:var(--azul);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800;flex:none}
.pt-txt{display:grid;gap:2px;min-width:0}
.pt-txt b{font-size:15.5px;line-height:1.35;color:var(--tinta);font-weight:700}
.pt-txt small{font-size:13px;line-height:1.45;color:var(--suave);overflow-wrap:anywhere}
.pt-n{font-style:normal;font-weight:800;color:var(--azul)}
.pt-item.pt-urge .pt-txt .pt-n{color:#A30000}
.pt-ir{font-size:13px;font-weight:700;color:var(--azul-3);white-space:nowrap}
.pt-aldia{font-size:13.5px;line-height:1.5;color:var(--verde);background:var(--verde-f);border-radius:var(--r-s);padding:10px 14px;margin:12px 0 0}
.pt-vacio{font-size:14.5px;color:var(--suave);margin:6px 0 0}
.pt-avisos,.pt-lista{list-style:none;margin:6px 0 0;padding:0;display:grid}
.pt-aviso{display:grid;gap:2px;padding:11px 0 11px 14px;min-height:44px;border-bottom:1px solid var(--linea);border-left:3px solid var(--rojo);text-decoration:none;color:var(--texto)}
.pt-avisos li:last-child .pt-aviso,.pt-lista li:last-child .pt-fila{border-bottom:0}
.pt-aviso b{font-size:14.5px;line-height:1.4;color:var(--tinta)}
.pt-aviso small{font-size:13px;color:var(--suave);line-height:1.4}
.pt-aviso:hover b,.pt-fila:hover span{text-decoration:underline}
.pt-avisos{gap:8px}.pt-avisos .pt-aviso{border-bottom:0}
.pt-fila{display:grid;grid-template-columns:minmax(34px,auto) minmax(0,1fr);gap:12px;align-items:center;min-height:48px;padding:8px 0;border-bottom:1px solid var(--linea);text-decoration:none;color:var(--texto)}
.pt-fila .pt-n{font-size:22px;line-height:1;text-align:right}
.pt-fila span{font-size:14.5px;line-height:1.35}
.pt-fila small{display:block;font-size:12.5px;color:var(--suave)}
.pt-asist{margin:20px 0 16px}
.pt-h.pt-suelto{font-size:19px;line-height:1.3;color:var(--azul);margin:0 0 12px}
.pt-cifras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pt-cifra{background:#fff;border:1px solid var(--linea);border-radius:var(--r-m);padding:18px 20px;text-decoration:none;color:var(--texto);display:block;min-width:0}
a.pt-cifra:hover{box-shadow:var(--sombra);border-color:var(--azul-3)}
.pt-cifra span{display:block;font-size:12.5px;font-weight:600;color:var(--suave);line-height:1.3}
.pt-cifra b{display:block;font-size:32px;font-weight:800;color:var(--azul);letter-spacing:-.03em;line-height:1.1;margin-top:8px}
.pt-cifra small{display:block;font-size:12.5px;color:var(--suave);margin-top:4px;line-height:1.4}
.pt-cifra.pt-fuerte{background:var(--azul);border-color:var(--azul)}
.pt-cifra.pt-fuerte b{color:#fff}.pt-cifra.pt-fuerte span,.pt-cifra.pt-fuerte small{color:#DCE4F7}
.pt-canales{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 0;font-size:13.5px;color:var(--suave)}
.pt-chip{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid var(--linea);border-radius:99px;background:#fff;color:var(--texto);text-decoration:none;font-size:13.5px;font-weight:600}
.pt-chip b{color:var(--azul);font-weight:800}
a.pt-chip:hover{border-color:var(--azul-3)}
.pt-act{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:13px;line-height:1.45;color:var(--suave);min-width:210px}
.pt-act a,.pt-preg a,.pt-ver{color:var(--azul-3);font-weight:600}
.pt-debe{color:#A30000;font-weight:700}
.pt-nada{font-size:13px;color:var(--suave)}
.tabla small.pt-preg{color:var(--texto);margin-top:4px}
@media(max-width:980px){.pt-dos{grid-template-columns:minmax(0,1fr)}.pt-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .pt-item{grid-template-columns:auto minmax(0,1fr);gap:12px}.pt-ir{display:none}
  .pt-cifra{padding:14px 16px}.pt-cifra b{font-size:26px}
  .pt-act a,.pt-preg a,.pt-ver{display:inline-block;padding:12px 0;min-height:44px}
}

/* ── Automatizaciones (5-oct-2026). Clases nuevas, prefijo au-: no cambian ninguna de las que ya usa el panel en marcha */
.au{display:grid;gap:16px}.au>*{min-width:0}
.au-dist{margin-left:auto;min-width:22px;padding:2px 7px;border-radius:99px;background:#B00020;color:#fff;font-size:12px;font-weight:700;line-height:1.5;text-align:center}
.lateral a.au-camp{display:none}
@media(max-width:980px){.lateral a.au-camp{display:flex;background:#B00020;border-color:#B00020;color:#fff}.lateral a.au-camp svg{display:block}}
.au-lista{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.au-aviso{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--ambar-f)}
.au-aviso b{display:block;color:var(--tinta);font-size:15px;line-height:1.35}.au-aviso small{display:block;color:var(--tinta);font-size:12.5px;margin-top:2px}
.au-campana{color:var(--ambar);display:flex}
.au-reglas{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.au-regla{border:1.5px solid var(--linea);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0;background:#fff}
.au-regla.off{background:#F7F8FA}
.au-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.au-cab h3{font-size:16px;line-height:1.3;color:var(--tinta);overflow-wrap:anywhere}
.au-int{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;border:0;background:none;cursor:pointer;font:inherit;font-size:13px;font-weight:700;color:var(--suave);white-space:nowrap}
.au-int i{width:42px;height:24px;border-radius:99px;background:#B8BFCC;position:relative;flex:none;transition:background .12s}
.au-int i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .12s}
.au-int.on{color:var(--verde)}.au-int.on i{background:var(--verde)}.au-int.on i::after{left:21px}
.au-int:focus-visible{outline:2px solid var(--azul);outline-offset:2px;border-radius:8px}
.au-cuando{font-size:14.5px;line-height:1.45;color:var(--tinta);font-weight:600}
.au-hacer{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:14px;line-height:1.45;color:var(--tinta)}
.au-hacer li{padding-left:20px;position:relative;overflow-wrap:anywhere}.au-hacer li::before{content:"→";position:absolute;left:0;color:var(--suave)}
.au-pie{margin-top:auto;padding-top:8px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:12.5px!important;color:var(--suave)}
.au-pie span{flex:1 1 100%}.au-pie a,.au-borrar summary{color:var(--azul-3);font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;min-height:44px}
.au-borrar{display:inline-block}.au-borrar[open]{flex:1 1 100%}.au-borrar summary{list-style:none}.au-borrar summary::-webkit-details-marker{display:none}.au-borrar[open] summary{color:var(--suave)}
.au-vigila{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin-top:14px}.au-vigila .menor{margin:0;flex:1 1 260px}
.au-listas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.au-lista-r{display:flex;flex-direction:column;gap:6px;padding:16px;border:1.5px solid var(--linea);border-radius:14px;text-decoration:none;color:var(--tinta);min-width:0}
.au-lista-r:hover{border-color:var(--azul)}.au-lista-r b{font-size:15px}.au-lista-r span{font-size:13.5px;line-height:1.45;color:var(--suave)}
.au-lista-r em{margin-top:auto;padding-top:6px;font-style:normal;font-weight:700;font-size:13px;color:var(--azul-3)}
.au-form{max-width:760px}
.au-grupo{border:0;padding:0;margin:0 0 18px;min-width:0}
.au-grupo legend{font-size:15px;font-weight:700;color:var(--tinta);margin-bottom:8px;padding:0}.au-grupo legend small{font-weight:600;color:var(--suave);font-size:12.5px}
.au-op{display:flex;gap:10px;align-items:flex-start;padding:10px 0;min-height:44px;font-size:14.5px;line-height:1.4;color:var(--tinta);cursor:pointer}
.au-op input[type=radio],.au-op input[type=checkbox]{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--azul)}
.au-op small{display:block;font-size:12.5px;color:var(--suave);margin-top:2px}
.au-min{white-space:nowrap}.au-min input{width:78px;font:inherit;font-size:16px;padding:6px 8px;border:1.5px solid var(--linea);border-radius:8px;margin:0 4px 0 8px}
.au-cond{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.au-acc{border-top:1px solid var(--linea)}
.au-acc>select,.au-acc>input,.au-acc>textarea{width:calc(100% - 30px);margin:0 0 12px 30px;font:inherit;font-size:16px;color:var(--tinta);background:#fff;border:1.5px solid var(--linea);border-radius:10px;padding:10px 12px}
.au-acc>textarea{resize:vertical;line-height:1.4}.au-falta{display:block;margin:0 0 12px 30px;font-size:12.5px;color:var(--suave)}
.au-enc{border-top:1px solid var(--linea);margin-bottom:6px}
.au-fallo{color:#A30000!important;font-weight:600}
.au-tabla td{overflow-wrap:anywhere}
.au-etq{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:#EEF0F4;color:var(--tinta);white-space:nowrap}
@media(max-width:640px){
  .au-aviso{grid-template-columns:auto minmax(0,1fr)}.au-aviso>a,.au-aviso>form{grid-column:1/-1}.au-aviso .boton{width:100%;min-height:44px}
  .au-reglas,.au-listas,.au-cond{grid-template-columns:minmax(0,1fr)}
  .au .boton.peq{min-height:44px}
  .au-tabla td a{display:inline-block;padding:14px 0}.au-acc>select,.au-acc>input{min-height:44px}
}

/* ── Embudo de Oportunidades (5-oct-2026). Prefijo em-: todo nuevo, no cambia ninguna clase que ya hubiera. */
.em-vistas{display:inline-flex;gap:4px;padding:4px;background:#EEF0F4;border-radius:12px;margin-bottom:4px}
.em-vistas a{padding:9px 16px;border-radius:9px;font-size:14px;font-weight:700;color:var(--texto);text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
.em-vistas a.activo{background:#fff;color:var(--azul);box-shadow:0 1px 2px rgba(2,17,59,.12)}
.cifra b.em-valor{font-size:24px;line-height:1.25;letter-spacing:-.02em;overflow-wrap:anywhere}
.em-filtro{margin-top:4px}
.em-saltos{display:none}
.em-tablero{min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(218px,1fr);gap:12px;overflow-x:auto;padding:2px 2px 14px;align-items:start;scroll-snap-type:x proximity}
.em-col{background:#F0F3F8;border:1px solid var(--linea);border-radius:14px;padding:10px;min-width:0;scroll-snap-align:start;scroll-margin:0 14px;border-top:4px solid #9AA6BA}
.em-e-nuevo{border-top-color:#0B2A7A}.em-e-contactado{border-top-color:#5B6FB8}.em-e-visita{border-top-color:#B27300}.em-e-negociacion{border-top-color:#D90000}
.em-e-cerrado{border-top-color:#0E7A3E}.em-e-descartado{border-top-color:#9AA6BA}
.em-col.em-sobre{background:var(--azul-f);border-color:var(--azul-3)}
.em-cab{padding:2px 4px 8px}
.em-cab h2{margin:0;font-size:14.5px;font-weight:800;color:var(--tinta);display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:1.3}
.em-n{flex:none;min-width:26px;text-align:center;font-size:12.5px;font-weight:800;padding:2px 8px;border-radius:99px;background:#fff;color:var(--azul);border:1px solid var(--linea)}
.em-total{margin:4px 0 0;font-size:12.5px;font-weight:600;color:var(--suave);line-height:1.35}
.em-pila{display:flex;flex-direction:column;gap:8px;min-height:44px}
.em-vacia{margin:0;padding:14px 8px;font-size:13px;color:var(--suave);text-align:center;border:1.5px dashed #C9D1DE;border-radius:10px}
.em-tarjeta{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;min-width:0;box-shadow:0 1px 2px rgba(2,17,59,.05);scroll-margin-top:90px}
.em-tarjeta:target{outline:2px solid var(--azul-3);outline-offset:1px}
.em-tarjeta.em-parada{border-left:4px solid #B27300}
.em-tarjeta.em-cogida{opacity:.45}.em-tarjeta.em-yendo{opacity:.55}
.em-js .em-tarjeta[draggable=true]{cursor:grab}
.em-t1{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.em-cliente{font-size:15px;font-weight:800;color:var(--tinta);line-height:1.3;overflow-wrap:anywhere;min-width:0}
.em-op{flex:none;font-size:11px;font-weight:800;padding:3px 8px;border-radius:99px;white-space:nowrap}
.em-compra{background:var(--azul-f);color:var(--azul)}.em-venta{background:var(--verde-f);color:#0A5C2E}.em-alquiler{background:var(--ambar-f);color:#6B4500}
.em-frase{margin:0;font-size:13.5px;line-height:1.4;color:var(--texto);overflow-wrap:anywhere}
.em-inm{font-size:13px;line-height:1.4;color:var(--azul-3);text-decoration:none;overflow-wrap:anywhere}.em-inm:hover{text-decoration:underline}.em-inm b{font-weight:800}
.em-mas{display:block;font-size:12px;color:var(--suave);line-height:1.3}
.em-importe{font-size:17px;font-weight:800;color:var(--azul);letter-spacing:-.01em;line-height:1.2}
.em-t3{display:flex;flex-direction:column;gap:1px;font-size:12.5px;line-height:1.4;color:var(--suave)}
.em-lleva{font-weight:700;color:var(--texto)}
.em-marcas{display:flex;flex-wrap:wrap;gap:6px}
.em-parada-etq{background:var(--ambar-f);color:#6B4500}
.em-conv{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--azul-3);text-decoration:none;padding:4px 0}.em-conv:hover{text-decoration:underline}
.em-mover{position:relative;display:flex;gap:6px;align-items:center;margin-top:2px;padding-top:8px;border-top:1px solid var(--linea)}
.em-mover select{flex:1;min-width:0;font:inherit;font-size:14px;color:var(--tinta);background:#fff;border:1.5px solid var(--linea);border-radius:9px;padding:8px 8px;min-height:40px}
.em-mover .boton{flex:none;padding:9px 12px;min-height:40px}
.em-js .em-mover .em-ir{display:none}
.em-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:980px){
  .em-vistas{display:flex}.em-vistas a{flex:1;justify-content:center;min-height:44px}
  .em-saltos{display:flex;gap:8px;overflow-x:auto;margin:0 0 10px;padding-bottom:2px;scrollbar-width:none}
  .em-saltos::-webkit-scrollbar{display:none}
  .em-saltos a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;background:#F0F3F8;border:1px solid var(--linea);color:var(--tinta);font-size:13px;font-weight:700;text-decoration:none}
  .em-saltos a b{margin-left:6px;color:var(--azul)}
  .em-filtro a{min-height:44px;display:inline-flex;align-items:center}
  .em-tablero{display:flex;align-items:flex-start;scroll-snap-type:x mandatory;width:100%;max-width:calc(100vw - 28px)}.em-col{flex:0 0 84%}
  .cifra b.em-valor{font-size:19px;margin-top:24px}
  .em-conv{min-height:44px}.em-inm{display:inline-block;padding:13px 0}
  .em-mover select,.em-mover .boton{min-height:44px;font-size:16px}
}

/* ───────── Facturas (5-oct-2026): lista con filtros, nueva factura con líneas, ficha, confirmaciones. Prefijo fa-; no cambia ninguna clase anterior. */
.fa-arriba{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.boton.fa-grande{font-size:15px;padding:14px 22px;min-height:48px}
.fa-acc .boton{min-height:44px}.fa-acc form{margin:0}
.fa-pest{display:flex;gap:6px;margin:18px 0 0;overflow-x:auto;border-bottom:2px solid var(--linea);scrollbar-width:thin}
.fa-pest a{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-size:14.5px;font-weight:600;color:var(--suave);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}
.fa-pest a:hover{color:var(--azul)}
.fa-pest a.fa-activa{color:var(--azul);border-bottom-color:var(--rojo)}
.fa-filtros{align-items:flex-end}
.fa-fecha{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--suave);font-weight:600}
.fa-pag{display:flex;gap:12px;align-items:center;justify-content:center;margin:16px 0 0;font-size:14px;color:var(--suave)}
.fa-pag .boton{min-height:44px}
a.fa-num{color:var(--azul);text-decoration:none;display:inline-flex;align-items:center;min-height:32px}a.fa-num:hover b{text-decoration:underline}
.fa-tabla tfoot td{border-top:2px solid var(--linea);background:#FAFBFD}
.fa-tabla td.fa-rojo{color:#A30000;font-weight:700}
.fa-deben th,.fa-deben td{white-space:nowrap}.fa-deben td:first-child{white-space:normal;min-width:180px}
.aviso.fa-aviso{margin:12px 0 0}
.fa-form .bloque{margin-top:16px}
.fa-nuevo{margin-top:14px;border-top:1px solid var(--linea);padding-top:6px}
.fa-nuevo summary{cursor:pointer;font-weight:600;color:var(--azul);font-size:14.5px;min-height:44px;display:flex;align-items:center}
.fa-nuevo .rejilla{margin-top:8px}
.fa-lineas{min-width:760px}
.fa-lineas input,.fa-lineas select,.fa-texto,.fa-radio input{font:inherit;font-size:15px;color:var(--tinta)}
.fa-lineas td{padding:6px 6px;vertical-align:middle}
.fa-lineas td input,.fa-lineas td select{width:100%;min-width:0;background:#fff;border:1.5px solid var(--linea);border-radius:10px;padding:9px 10px;min-height:44px;box-sizing:border-box}
.fa-lineas td input:focus,.fa-lineas td select:focus{outline:2px solid var(--azul);outline-offset:1px}
.fa-lineas th:nth-child(1){width:36%}.fa-lineas th:nth-child(2),.fa-lineas th:nth-child(4){width:10%}.fa-lineas th:nth-child(3){width:13%}.fa-lineas th:nth-child(5){width:19%}
.fa-lineas .fa-sub{white-space:nowrap;font-weight:700;color:var(--tinta)}
.fa-lineas.fa-ver td{padding:12px 10px}.fa-lineas.fa-ver{min-width:0}
.fa-mas{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0 0}.fa-mas .boton{min-height:44px}
.fa-pie{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:24px;margin-top:20px;align-items:start}
.fa-pie textarea{font:inherit;font-size:15px;width:100%;box-sizing:border-box;border:1.5px solid var(--linea);border-radius:10px;padding:10px 12px;color:var(--tinta)}
.fa-totales{background:#F6F8FC;border:1px solid var(--linea);border-radius:14px;padding:14px 18px;display:grid;gap:8px}
.fa-totales[hidden]{display:none}
.fa-totales>div{display:flex;justify-content:space-between;gap:16px;font-size:14.5px;color:var(--suave)}
.fa-totales>div b{color:var(--tinta);font-variant-numeric:tabular-nums;white-space:nowrap}
.fa-totales>.fa-total{border-top:1px solid var(--linea);padding-top:10px;font-size:17px;color:var(--tinta);font-weight:700}
.fa-totales>.fa-total b{font-size:20px;color:var(--azul)}
.fa-totales small{font-size:12.5px;color:var(--suave);line-height:1.4}
.fa-totales.fa-fijos{margin:16px 0 0 auto;max-width:380px}
.fa-confirma{border:2px solid var(--azul);margin-top:16px}
.fa-confirma p{max-width:70ch}
.fa-confirma form{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.fa-confirma form.rejilla{display:grid}
.fa-confirma .boton{min-height:44px}
.fa-resumen{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 20px}
.fa-resumen li{min-width:0}.fa-resumen span:not(.etq){display:block;font-size:12.5px;color:var(--suave);font-weight:600}
.fa-resumen b{display:block;color:var(--tinta);font-size:15.5px;overflow-wrap:anywhere}.fa-resumen small{display:block;font-size:12.5px;color:var(--suave);margin-top:2px}
.fa-resumen a{color:var(--azul)}
.fa-radio{border:0;margin:0;padding:0;display:grid;gap:4px}.fa-radio legend{font-size:13px;font-weight:600;color:var(--suave);padding:0;margin-bottom:4px}
.fa-radio label{display:flex;gap:10px;align-items:center;min-height:44px;font-size:15px;color:var(--tinta)}.fa-radio input{width:20px;height:20px;flex:none}
.fa-rect>div,.fa-rect .boton{justify-self:start}
.fa-texto{width:100%;box-sizing:border-box;border:1.5px solid var(--linea);border-radius:12px;padding:14px;line-height:1.5;background:#FAFBFD;resize:vertical}
.fa-en-linea{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.fa-en-linea .boton{min-height:44px}
form.fa-en-linea{margin-top:0}
.fa-pagos{list-style:none;margin:0 0 12px;padding:0}
.fa-pagos li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--linea);font-size:14.5px;min-height:44px;box-sizing:border-box}
.fa-pagos li:first-child{border-top:0}.fa-pagos span{color:var(--suave);font-size:13.5px;text-align:right}.fa-pagos a{color:var(--azul);overflow-wrap:anywhere}
.fa-cobro{margin-top:12px;padding-top:14px;border-top:1px solid var(--linea)}.fa-cobro .boton{justify-self:start;min-height:44px}
.fa-adj{margin:12px 0 0}
.fa-nota{margin:0 0 4px;padding:12px 16px;background:var(--azul-f);border-radius:12px;color:var(--tinta);font-size:14.5px}
.fa-notas{margin:16px 0 0;font-size:14.5px;color:var(--tinta);overflow-wrap:anywhere}
a.fa-en-cont{color:var(--verde);font-weight:700}
form.fa-pasar{display:inline-block;margin:0 0 6px}.fa-pasar .boton{min-height:44px}
@media (max-width:760px){
  .fa-arriba .boton.fa-grande{flex:1 1 100%;justify-content:center;text-align:center}
  .fa-pie{grid-template-columns:minmax(0,1fr)}
  .fa-totales.fa-fijos{max-width:none}
  .fa-filtros .fa-fecha{flex:1 1 130px}.fa-filtros .fa-fecha input{width:100%;box-sizing:border-box}
  .fa-lineas{min-width:0}.fa-lineas thead{display:none}
  .fa-lineas tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 0;border-top:1px solid var(--linea)}
  .fa-lineas td{display:block;padding:0;border:0}
  .fa-lineas td::before{content:attr(data-t);display:block;font-size:12px;font-weight:600;color:var(--suave);margin-bottom:2px}
  .fa-lineas td:first-child{grid-column:1/-1}
  .fa-lineas.fa-ver td.der{text-align:left}
}
.fa-pest .cuenta{display:inline-block;padding:1px 8px;border-radius:99px;background:var(--azul);color:#fff;font-size:12px}
@media (max-width:760px){.fa-lineas td,.fa-lineas td.der{text-align:left}a.fa-num{min-height:44px}}
/* ── Leer la factura sola (lector.py, lector.js): clases nuevas con prefijo le- ─────────── */
.le-caja{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;padding:12px 14px;border:1.5px dashed var(--linea);border-radius:10px;background:var(--fondo)}
.le-caja[hidden]{display:none}
.le-caja .le-boton{min-height:44px;font-weight:700}
.le-caja .le-boton:disabled{opacity:.72;cursor:not-allowed}
.le-estado{font-size:14px;font-weight:600;color:var(--verde);min-width:0}
.le-estado.le-mal{color:#B00000}
.le-leyendo .le-estado{color:var(--tinta)}
.le-ayuda{flex-basis:100%;font-size:12px;color:var(--suave)}
.aviso.le-banda{display:block;margin:0 0 16px;border-left:5px solid var(--ambar)}
.le-banda b{display:block;font-size:15px}
.le-banda .le-linea{display:block;font-weight:500;font-size:13.5px;margin-top:4px}
.campo input.le-leido,.campo select.le-leido,.campo textarea.le-leido,.fa-lineas input.le-leido,.fa-lineas select.le-leido{border-color:var(--verde);background:var(--verde-f)}
.campo small.le-marca{color:var(--verde);font-weight:700}

/* ── remates (5-oct-2026). Todo son clases NUEVAS o reglas que solo agrandan lo pulsable en el móvil: nada de lo que pinta el panel en marcha cambia de sitio. */
.pt-sabe{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);margin:16px 0 0}
.pt-hoy.pt-info{margin-top:8px}
.pt-orden.pt-inf{background:#E6EBF3;color:#33415C;font-family:Georgia,serif;font-style:italic}
.bj-l3{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px;min-width:0}
.rm-error{display:block;margin:5px 0 0;font-size:13px;font-weight:700;color:#A30000}
.campo.rm-mal input,.campo.rm-mal select,.campo.rm-mal textarea,input.rm-mal,select.rm-mal,textarea.rm-mal{border-color:#B00020;box-shadow:0 0 0 2px rgba(176,0,32,.12)}
.aviso.rm-vuelve{border-left:5px solid #B00020}
@media(max-width:640px){
  .boton.peq{min-height:44px}
  .bloque>h2 a,.pt-h a,.saludo a,p.menor a.rm-toca{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
  .tabla td .boton.peq{white-space:nowrap}
}
.au-min .rm-error{white-space:normal;max-width:100%}
.au-min:has(.rm-error){white-space:normal}
.campo small.rm-error,small.rm-error{color:#A30000;font-weight:700}

/* ── Agenda (7-oct-2026): visitas y citas con día y hora. Clases nuevas con prefijo ag- ──────────── */
.ag{display:grid;gap:16px;min-width:0}
.ag-arriba{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.ag-arriba .ag-nueva{min-height:44px;font-weight:700}
.ag-vistas{display:inline-flex;gap:4px;padding:4px;background:#fff;border:1px solid var(--linea);border-radius:99px}
.ag-vistas a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:70px;padding:0 16px;border-radius:99px;font-weight:700;font-size:14px;color:var(--suave);text-decoration:none}
.ag-vistas a.activo{background:var(--azul);color:#fff}
.ag-personas a{display:inline-flex;align-items:center;gap:6px;min-height:44px}
.ag-personas a b{font-size:12px;background:var(--azul-f);color:var(--azul-3);border-radius:99px;padding:1px 8px}
.ag-personas a.activo b{background:rgba(255,255,255,.22);color:inherit}
.ag-v{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:6px 14px;align-items:start;padding:14px 0;border-top:1px solid var(--linea)}
.ag-v:first-of-type{border-top:0}
.ag-hora{display:flex;flex-direction:column;line-height:1.15}.ag-hora b{font-size:20px;color:var(--tinta);font-variant-numeric:tabular-nums}.ag-hora span{font-size:12.5px;color:var(--suave)}
.ag-hora .ag-fdia{font-size:12px;font-weight:700;color:var(--azul-3);text-transform:capitalize;margin-bottom:2px}
.ag-cuerpo{display:grid;gap:3px;min-width:0}
.ag-cliente{font-weight:700;font-size:16px;color:var(--tinta);text-decoration:none;overflow-wrap:anywhere}.ag-cliente:hover{text-decoration:underline}
.ag-de,.ag-meta{font-size:14px;color:var(--texto);overflow-wrap:anywhere}.ag-meta{color:var(--suave)}.ag-meta em{font-style:normal;color:var(--ambar);font-weight:700}
.ag-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.ag-acc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.ag-conv{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--azul-3);text-decoration:none;min-height:36px}.ag-conv:hover{text-decoration:underline}
.ag-anulada .ag-cliente{text-decoration:line-through;color:var(--suave)}.ag-hecha .ag-hora b{color:var(--verde)}
.ag-choca{box-shadow:inset 4px 0 0 var(--ambar);padding-left:12px}
.etq.ag-pisa{background:var(--ambar-f);color:var(--ambar)}
.ag-vacio{margin:8px 0}
.ag-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.ag-nav .boton{min-height:44px}
.ag-semana{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.ag-dia{position:relative;display:grid;align-content:start;gap:6px;min-width:0;padding:10px 8px 40px;border:1px solid var(--linea);border-radius:12px;background:#fff}
.ag-dia h3{margin:0;font-size:12.5px;font-weight:700;color:var(--suave);text-transform:uppercase;letter-spacing:.04em;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.ag-dia h3 b{font-size:18px;color:var(--tinta)}.ag-dia h3 em{font-style:normal;font-size:11px;background:var(--azul);color:#fff;border-radius:99px;padding:1px 7px;text-transform:none}
.ag-es-hoy{border-color:var(--azul);box-shadow:0 0 0 2px var(--azul-f)}
.ag-mini{display:grid;gap:1px;padding:7px 8px;border-radius:8px;background:var(--azul-f);text-decoration:none;color:var(--tinta);min-width:0;font-size:13px}
.ag-mini b{font-variant-numeric:tabular-nums}.ag-mini span{font-weight:600;overflow-wrap:anywhere}.ag-mini small{color:var(--suave);font-size:12px}
.ag-mini.ag-hecha{background:var(--verde-f)}.ag-mini.ag-anulada{background:#EEF0F4;text-decoration:line-through}.ag-mini.ag-choca{box-shadow:inset 3px 0 0 var(--ambar)}
.ag-nada{margin:0;font-size:12.5px;color:var(--suave)}
.ag-mas{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:99px;border:1.5px dashed var(--linea);color:var(--azul-3);font-weight:700;font-size:20px;text-decoration:none}.ag-mas:hover{background:var(--azul-f)}
.ag-avisos{margin:0}
.ag-vuelta{margin:0}.ag-vuelta a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--azul-3)}
.ag-viene{margin:0 0 12px;padding:10px 14px;background:var(--azul-f);border-radius:10px;font-size:14.5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ag-titular{margin:0 0 10px;font-size:18px}
.ag-datos{display:grid;gap:10px}.ag-dato{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;font-size:14.5px}.ag-dato span{color:var(--suave);font-weight:600}.ag-dato p{margin:0;overflow-wrap:anywhere}
.ag-ajena{margin:8px 0 0}.aviso.ag-ojo{border-left:5px solid var(--ambar)}
.ag-como{border:0;margin:0 0 12px;padding:0;display:grid;gap:2px}.ag-como legend{font-size:13px;font-weight:600;color:var(--suave);padding:0;margin-bottom:4px}
.ag-res{display:flex;gap:10px;align-items:center;min-height:44px;font-size:15px;color:var(--tinta)}.ag-res input{width:20px;height:20px;flex:none}
.ag-anular{margin-top:14px}.ag-anular summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-weight:700;color:var(--suave)}
.ag-seguro{display:flex;gap:10px;align-items:center;min-height:44px;margin:6px 0}.ag-seguro input{width:20px;height:20px;flex:none}
.ag-botones{display:flex;flex-wrap:wrap;gap:10px;grid-column:1/-1}.ag-botones .boton{min-height:44px}
.ag-form .campo input,.ag-form .campo select,.ag-form .campo textarea{width:100%;box-sizing:border-box}
.ag-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ag-cal-lista{list-style:none;margin:12px 0;padding:0;display:grid;gap:12px}
.ag-cal-p{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--linea)}.ag-cal-p:first-child{border-top:0}
.ag-cal-q{display:grid;gap:2px}.ag-cal-q small{color:var(--suave);font-size:13px}
.ag-cal-dir{display:flex;gap:8px;align-items:stretch}.ag-cal-dir input{flex:1 1 auto;min-width:0;box-sizing:border-box;min-height:44px;padding:0 12px;border:1.5px solid var(--linea);border-radius:10px;background:var(--fondo);font-size:13px}
.ag-cal-dir .boton{min-height:44px;flex:none}
.ag-cal-mas summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-weight:700;color:var(--azul-3);font-size:14px}
.ag-cal-f{display:flex;flex-wrap:wrap;gap:8px}.ag-cal-f .boton{min-height:44px}
.em-visita{display:flex;gap:6px;align-items:center;margin:6px 0 0;font-size:13px;font-weight:700;color:var(--verde)}.em-visita a{color:var(--verde);text-decoration:none}.em-visita a:hover{text-decoration:underline}
@media (max-width:900px){.ag-semana{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .ag-v{grid-template-columns:62px minmax(0,1fr)}.ag-acc{grid-column:1/-1;justify-content:flex-start}
  .ag-semana{grid-template-columns:minmax(0,1fr)}.ag-dia{padding-bottom:56px}
  .ag-vistas{display:flex;width:100%}.ag-vistas a{flex:1 1 0;min-width:0;padding:0 8px}
  .ag-dato{grid-template-columns:minmax(0,1fr);gap:2px}
  .ag-conv{min-height:44px}.ag-cliente{display:inline-flex;align-items:center;min-height:44px}
  .ag-cal-dir{flex-wrap:wrap}.ag-cal-dir input{flex:1 1 100%}.ag-cal-dir .boton{flex:1 1 100%}
  .em-visita a{display:inline-flex;align-items:center;min-height:44px}
}
.em-nota-visita{margin:6px 0 0;font-size:12.5px;line-height:1.35;color:var(--suave);overflow-wrap:anywhere}
@media (max-width:640px){.ag-viene a,.ag-dato a,.ag-de a{display:inline-flex;align-items:center;min-height:44px}}
/* ── Fichas (7-oct-2026): la ficha del cliente, la del inmueble y el trozo junto al chat. Clases nuevas, todas con prefijo fc- */
.fc-cab{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;margin-bottom:16px}
.fc-av{width:56px;height:56px;border-radius:50%;background:var(--azul-f);color:var(--azul-3);display:grid;place-items:center;font-size:24px;font-weight:700;flex:none}
.fc-quien{flex:1 1 260px;min-width:0}.fc-quien h2{margin:0 0 6px;font-size:22px;overflow-wrap:anywhere}
.fc-quien p{margin:0;color:var(--suave);font-size:14px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;overflow-wrap:anywhere}
.fc-acciones{display:flex;flex-wrap:wrap;gap:8px}.fc-acciones .boton{min-height:44px;display:inline-flex;align-items:center;gap:6px}
.fc-bloque h2 .cuenta{margin-left:6px}
.fc-lista{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}
.fc-lista li{display:grid;gap:2px;font-size:14.5px;min-width:0;overflow-wrap:anywhere}
.fc-lista li>a{color:var(--azul-3);text-decoration:none}.fc-lista li>a:hover{text-decoration:underline}
.fc-lista small{color:var(--suave);font-size:13px}
.fc-lista:not(.fc-lista-d) li{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:space-between}
.fc-ult{margin:6px 0 4px}.fc-ult a{color:var(--azul-3);text-decoration:none}
.fc-msgs{list-style:none;margin:8px 0 10px;padding:10px 12px;background:var(--fondo);border-radius:10px;display:grid;gap:8px}
.fc-m{display:grid;gap:1px;font-size:14px;overflow-wrap:anywhere}.fc-m b{font-size:12.5px;color:var(--suave)}.fc-m-cli b{color:var(--azul-3)}
.fc-sub{margin:14px 0 2px;font-size:13px;font-weight:700;color:var(--suave)}
.fc-debe{margin:6px 0 10px;font-size:15px}.fc-debe b{color:#8A0000}.fc-debe.fc-ok{color:var(--verde);font-weight:700}
.etq.fc-debe-chip{background:var(--rojo-f);color:#8A0000}
.fc-tl{list-style:none;margin:8px 0 0;padding:0}
.fc-tl li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--linea);font-size:14.5px;overflow-wrap:anywhere}.fc-tl li:first-child{border-top:0}
.fc-tl-i{width:32px;height:32px;border-radius:50%;background:var(--azul-f);color:var(--azul-3);display:grid;place-items:center}
.fc-tl a{color:var(--azul-3);text-decoration:none}.fc-tl a:hover{text-decoration:underline}
.fc-tl small{display:block;color:var(--suave);font-size:13px}
.fc-form .campo input,.fc-form .campo select{width:100%;box-sizing:border-box}
.fc-botones{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}.fc-botones .boton{min-height:44px}
.fc-subir{display:grid;gap:10px;margin-top:12px}.fc-subir .boton{min-height:44px;justify-self:start}
.fc-nombre{display:inline-block;padding:4px 0;color:inherit;text-decoration:none}.fc-nombre:hover b{text-decoration:underline}
@media (max-width:640px){
  .fc-acciones{width:100%}.fc-acciones .boton{flex:1 1 100%;justify-content:center}
  .fc-lista li>a,.fc-tl a,.fc-ult a{display:inline-flex;align-items:center;min-height:44px}
  .fc-nombre{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
  .fc-quien h2{font-size:20px}
}
/* La ficha junto al chat (ficha.js): tercera columna a partir de 1280 px, plegable; por debajo, un panel sobre el chat que abre el botón «Ficha» */
.fc-lado{display:none;background:#fff;border:1px solid var(--linea);border-radius:var(--r-m);min-width:0;min-height:0;overflow-y:auto;flex-direction:column}
.fc-lado-cab{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 6px 6px 14px;border-bottom:1px solid var(--linea);position:sticky;top:0;background:#fff;z-index:1}
.fc-lado-cab b{font-size:14px;color:var(--tinta)}
.fc-cerrar{width:44px;height:44px;border:0;background:none;font-size:26px;line-height:1;color:var(--suave);cursor:pointer;border-radius:10px}.fc-cerrar:hover{background:var(--fondo)}
.fc-lado-cuerpo{padding:4px 14px 16px}
.fc-cargando,.fc-fallo{margin:12px 0;font-size:14px}.fc-fallo{color:var(--ambar)}
.fc-l-b{padding:10px 0;border-top:1px solid var(--linea)}.fc-l-b:first-child{border-top:0}
.fc-l-b h3{margin:0 0 4px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--suave)}
.fc-l-b p{margin:2px 0;font-size:14.5px;overflow-wrap:anywhere}.fc-l-b a{color:var(--azul-3);text-decoration:none}.fc-l-b a:hover{text-decoration:underline}
.fc-l-nombre{font-size:17px!important;font-weight:700}
.fc-l-alta{grid-template-columns:minmax(0,1fr)!important;margin-top:8px}.fc-l-alta .campo input{width:100%;box-sizing:border-box}
.fc-l-acc{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--linea)}.fc-l-acc .boton{min-height:44px;display:inline-flex;align-items:center;gap:6px;justify-content:center}
.fc-btn{min-height:36px;flex:none}
@media (min-width:1280px){
  .bandeja.fc-con-ficha{grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(250px,280px)}
  .bandeja.fc-con-ficha.fc-plegada{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}
  .bandeja.fc-con-ficha:not(.fc-plegada) .fc-lado{display:flex}
}
@media (max-width:1279px){
  .bandeja.fc-abierta .fc-lado{display:flex;position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);z-index:70;border-radius:0;border-width:0 0 0 1px;box-shadow:var(--sombra-l)}
}
@media (max-width:980px){.bandeja.sin-elegir .fc-lado{display:none}}   /* atrás desde el chat: la ficha no se queda tapando la lista */
.fc-aviso-peso{margin:6px 0}
@media (max-width:980px){.fc-btn{min-height:44px;min-width:56px}.fc-l-b a{display:inline-flex;align-items:center;min-height:44px}.fc-l-b p{margin:0}}
/* Ficha del inmueble: galería de fotos y portada en la lista de Inmuebles y en el embudo (clases fc-) */
.fc-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:8px 0 12px}
.fc-foto{margin:0;display:grid;gap:6px;align-content:start;min-width:0}
.fc-foto img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;background:var(--fondo);border:2px solid transparent}
.fc-es-portada img{border-color:var(--verde)}
.fc-foto figcaption{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fc-f-form{display:inline}.fc-f-form .boton{min-height:44px}
.fc-borrar summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-weight:700;color:var(--suave);font-size:14px;padding:0 4px}
.fc-mini-a{display:block;margin-bottom:4px}
.fc-mini{width:64px;height:48px;object-fit:cover;border-radius:6px;display:block;background:var(--fondo)}
.fc-mini-e{width:100%;height:96px;border-radius:8px;margin-bottom:6px}
.fc-ref{display:inline-block;padding:4px 0;color:inherit;text-decoration:none}.fc-ref:hover b{text-decoration:underline}
@media (max-width:640px){.fc-galeria{grid-template-columns:repeat(2,minmax(0,1fr))}.fc-ref{display:inline-flex;align-items:center;min-height:44px;min-width:44px}}
@media (max-width:980px){.fc-l-nombre a{display:inline-flex;align-items:center;min-height:44px}}

/* Correos (31-oct-2026) */
.co .co-txt{min-width:0;flex:1;overflow-wrap:anywhere}
.co .co-txt b,.co .co-txt small,.co .co-nota,.co .co-extracto{display:block;overflow-wrap:anywhere;word-break:break-word}
.co .co-nota{margin-top:.3rem}
.co .co-extracto{margin-top:.3rem;color:#5b6472;font-size:.85rem}
.co .co-aviso{flex-wrap:wrap;gap:.6rem}
.co .co-inline{display:inline-block;margin:0 .4rem .4rem 0}
.co .co-ayuda{margin-top:1rem}
.co .co-ayuda h4{margin:.8rem 0 .2rem}
.co .co-lista{padding-left:1.1rem}
.co .co-lista li{margin:.3rem 0;overflow-wrap:anywhere}
.co input,.co select{max-width:100%;box-sizing:border-box}
.co .cx-estado{display:inline-block;font-size:.8rem;margin-left:.4rem;vertical-align:middle}