/* Prospección: estilos de legado/lista/index.html (los tokens, .btn, .btn2, .card, .field y el logo ya están en index.html).
   Las clases que chocaban con la pantalla base llevan «p-»: .p-vacio, .p-llave y .p-modal. */
/* Tokens de color propios de Prospección. Oscuro = el de siempre; claro = edición «el respiro» del manual de Clarity AI. */
:root{
  --p-oro-rgb:184,146,60; --p-ok:#9BC28A; --p-error:#E58A74; --p-acento:#B8923C;
  --p-calif-txt:#FFE9A8; --p-kpi-meta:#221a0e; --p-av-1:#3a2e17; --p-av-2:#1c160c;
  --p-velo-rgb:0,0,0; --p-tour-rgb:5,4,2; --p-glow-rgb:255,214,0; --p-sombra:1;
  --p-barra-calif:var(--ca-gold-hi); --p-barra-rev:var(--ca-gold-deep); --p-barra-desc:#3a3226;
}
html[data-tema="claro"]{
  color-scheme:light;
  --p-ok:#4A6339; --p-error:#B23B24; --p-acento:#8A6E27;
  --p-calif-txt:#6B5320; --p-kpi-meta:#EDE4D0; --p-av-1:#F4EEDF; --p-av-2:#EDE4D0;
  --p-velo-rgb:251,247,238; --p-tour-rgb:251,247,238; --p-glow-rgb:184,146,60; --p-sombra:.5;
  --p-barra-calif:#8A6E27; --p-barra-rev:#D2B66E; --p-barra-desc:#C9BB98;
}
.prosp{display:flex;flex-direction:column}
.p-barra{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.p-barra .esp{flex:1}
.p-demo{margin:0 0 14px;padding:12px 16px;border:1px solid var(--ca-gold-line);border-radius:14px;background:rgba(var(--p-oro-rgb),.08);color:var(--ca-cream);font-size:15px}
.prosp .ok,.p-modal .ok,.panel .ok{color:var(--p-ok)}
textarea.field{min-height:84px;resize:vertical}
.error-txt{color:var(--p-error)}
.metaedit{display:flex;gap:8px;align-items:center}
.metaedit input{max-width:110px}
@keyframes glow{0%,100%{box-shadow:0 0 .16em rgba(var(--p-glow-rgb),calc(.65*var(--p-sombra))),0 0 .45em rgba(var(--p-glow-rgb),calc(.25*var(--p-sombra)))}50%{box-shadow:0 0 .24em rgba(var(--p-glow-rgb),calc(.9*var(--p-sombra))),0 0 .8em rgba(var(--p-glow-rgb),calc(.4*var(--p-sombra)))}}
.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;margin-bottom:18px}
.hero .txt{position:relative;z-index:1;padding:28px 32px;display:flex;flex-direction:column;gap:10px}
.hero h2{margin:0;font:700 clamp(26px,3.4vw,40px)/1.1 var(--ca-titular);letter-spacing:-.02em}
.hero p{margin:0;color:var(--ca-muted);max-width:520px}
.selector{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.selector select{min-width:220px}

.kpis{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.kpi{padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.kpi .n{font:700 34px/1 var(--ca-titular)}
.kpi .s{color:var(--ca-muted);font-size:14.5px}
.kpi.meta{border-color:var(--ca-gold-line);background:linear-gradient(180deg,var(--p-kpi-meta),var(--ca-panel))}
.barra{height:8px;border-radius:6px;background:var(--ca-linea);overflow:hidden}
.barra i{display:block;height:100%;background:var(--ca-metal);background-size:220% 100%}

.vistas{display:flex;gap:6px;margin:6px 0 14px;flex-wrap:wrap}
.tab{border:1px solid var(--ca-linea);background:none;border-radius:999px;padding:11px 18px;min-height:46px;cursor:pointer;color:var(--ca-muted);font:600 14px var(--ca-texto)}
.tab.on{border-color:var(--ca-gold);color:var(--ca-cream);background:rgba(var(--p-oro-rgb),.12)}
.tab .c{color:var(--ca-gold);margin-left:6px}
.filtros{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.filtros .field{max-width:320px}

.lista{display:flex;flex-direction:column;gap:8px}
.fila{width:100%;text-align:left;font:inherit;color:inherit;display:grid;grid-template-columns:minmax(0,1.3fr) 130px minmax(0,1.6fr) 150px 120px;gap:14px;align-items:center;padding:12px 16px;cursor:pointer;transition:border-color .3s}
.fila:hover{border-color:var(--ca-gold-line)}
.fila .u{font:600 15px var(--ca-texto);color:var(--ca-cream);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fila .bio{color:var(--ca-muted);font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pill{display:inline-block;padding:5px 11px;border-radius:999px;font:600 14px var(--ca-texto);letter-spacing:.05em;text-transform:uppercase;border:1px solid}
.pill.CALIFICADO{color:var(--p-calif-txt);border-color:var(--ca-gold);background:rgba(var(--p-oro-rgb),.18)}
.pill.REVISION{color:var(--ca-gold);border-color:var(--ca-linea)}
.pill.DESCARTADO{color:var(--ca-dim);border-color:var(--ca-linea)}
.puntos{display:flex;gap:4px}
.puntos i{width:9px;height:9px;border-radius:50%;background:var(--ca-linea)}
.puntos i.on{background:var(--ca-gold)}
.marcas{display:flex;gap:10px;font-size:14px;color:var(--ca-dim)}
.marcas .on{color:var(--ca-gold)}

.p-vacio{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;overflow:hidden}
.p-vacio .txt{padding:30px;display:flex;flex-direction:column;gap:12px}
.p-vacio h3{margin:0;font:700 22px/1.25 var(--ca-titular)}

/* panel lateral */
.velo{position:fixed;inset:0;background:rgba(var(--p-velo-rgb),.55);opacity:0;pointer-events:none;transition:opacity .3s;z-index:20}
.velo.on{opacity:1;pointer-events:auto}
.panel{position:fixed;top:0;right:0;bottom:0;width:min(520px,100%);background:var(--ca-hondo);border-left:1px solid var(--ca-linea);transform:translateX(110%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.7,.3,1),visibility 0s .35s;z-index:21;overflow-y:auto;padding:22px max(22px,env(safe-area-inset-right,0px)) 40px 22px}
.panel.on{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.2,.7,.3,1),visibility 0s}
.panel h3{margin:0;font:700 22px/1.2 var(--ca-titular)}
.panel .blq{display:flex;flex-direction:column;gap:8px;padding:14px 0;border-top:1px solid var(--ca-linea)}
.panel .datos{display:flex;gap:16px;flex-wrap:wrap;color:var(--ca-muted);font-size:14.5px}
.panel .datos b{color:var(--ca-cream);font-weight:600}
.cerrar{position:sticky;top:0;float:right;background:var(--ca-panel);border:1px solid var(--ca-linea);border-radius:999px;width:48px;height:48px;cursor:pointer;color:var(--ca-cream);font-size:18px}
.segs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}
.seg{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:14px;color:var(--ca-dim);text-align:center}
.seg input{width:28px;height:28px;accent-color:var(--p-acento);cursor:pointer}
.chk{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400}
.chk input{width:22px;height:22px;accent-color:var(--p-acento)}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.guardado{font-size:14px;color:var(--p-ok);opacity:0;transition:opacity .4s}
.guardado.on{opacity:1}

/* modal */
.p-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:16px;z-index:30;background:rgba(var(--p-velo-rgb),.65)}
.p-modal.on{display:flex}
.p-modal .card{width:min(640px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}
.p-modal .cuerpo{padding:22px 24px;display:flex;flex-direction:column;gap:12px}
.p-modal h3{margin:0;font:700 21px/1.25 var(--ca-titular)}
.presu{padding:14px 16px;border:1px solid var(--ca-gold-line);border-radius:14px;background:rgba(var(--p-oro-rgb),.08)}
.p-llave{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--ca-linea);border-radius:14px}
.p-llave p{margin:0;color:var(--ca-muted);font-size:15px;line-height:1.45}
.p-llave a{color:var(--ca-gold)}
.llave-fila{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.llave-fila .field{flex:1 1 240px}
.llave-ok{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--ca-muted);font-size:15px}
.llave-ok b{color:var(--ca-cream);font-weight:600}
.p-llave .ok{color:var(--p-ok)}
.p-llave .ruta{color:var(--ca-cream);font-weight:600;word-break:break-all}
.p-llave .o{color:var(--ca-dim);font-size:14px;text-transform:uppercase;letter-spacing:.12em}
.escribir{display:flex;flex-direction:column;gap:10px;padding:14px 0 6px}
.escribir .btn{width:100%}
.escribir a{text-decoration:none}
.escribir .otros{display:flex;gap:10px;flex-wrap:wrap}
.escribir .otros .btn2{flex:1 1 180px;min-height:48px}
/* calculadora */
.calc{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px solid var(--ca-gold-line);border-radius:14px;background:rgba(var(--p-oro-rgb),.08)}
.calc-linea{display:flex;justify-content:space-between;gap:12px;color:var(--ca-muted);font-size:15px}
.calc-linea b{color:var(--ca-cream);font-weight:600;white-space:nowrap}
.calc-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:8px;border-top:1px solid var(--ca-linea)}
.calc-total b{font:700 24px/1 var(--ca-titular)}
.calc p{margin:0;font-size:14.5px;color:var(--ca-muted);line-height:1.45}
.calc .ok{color:var(--p-ok)}
.cant{display:flex;gap:12px;align-items:center}
.cant input[type=range]{flex:1;accent-color:var(--p-acento);height:28px}
.cant .field{max-width:120px}
.cuenta-fija{font:700 18px var(--ca-titular)}
.acciones{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.motivo{margin:0;font-size:14.5px;color:var(--p-error)}
/* avatar y ficha */
.av{flex:none;width:30px;height:30px;border-radius:50%;overflow:hidden;display:inline-grid;place-items:center;background:linear-gradient(140deg,var(--p-av-1),var(--p-av-2));border:1px solid var(--ca-linea);color:var(--ca-gold);font:600 13px var(--ca-texto);text-transform:uppercase}
.av img{width:100%;height:100%;object-fit:cover}
.av.g{width:76px;height:76px;font-size:26px;border-color:var(--ca-gold-line)}
.fila .u{display:flex;align-items:center;gap:10px}
.fila .u span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cabeza{display:flex;gap:16px;align-items:center;margin-top:4px}
.cabeza .nom{color:var(--ca-muted);font-size:15px}
.verif{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ca-gold);color:var(--ca-ink);font:700 12px var(--ca-texto);vertical-align:middle;margin-left:6px}
.contacto{display:flex;flex-direction:column;gap:6px;font-size:15px}
.contacto span{color:var(--ca-dim)}
.contacto a{word-break:break-all}
.post{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--ca-linea);border-radius:12px}
.post .m{font-size:14px;color:var(--ca-dim)}
.post p{margin:0;font-size:15px;color:var(--ca-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* vista previa */
.vista{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border:1px solid var(--ca-linea);border-radius:14px;background:var(--ca-hondo)}
.vista h4{margin:0;font:700 19px/1.2 var(--ca-titular)}
.cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cifras div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--ca-linea);border-radius:12px}
.cifras b{font:700 20px/1.1 var(--ca-titular)}
.cifras span{font-size:13.5px;color:var(--ca-dim)}
.vista .bio{margin:0;color:var(--ca-muted);font-size:15px}
.analisis{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.analisis li{font-size:15px;color:var(--ca-muted);line-height:1.45;padding-left:14px;border-left:2px solid var(--ca-gold-deep)}
.analisis li b{color:var(--ca-cream);font-weight:600}
.analisis li.alerta{border-left-color:var(--ca-red)}
.vista .nota{margin:0;font-size:13.5px;color:var(--ca-dim)}
.cotiz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cotiz button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;border:1.5px solid var(--ca-linea);border-radius:12px;background:none;cursor:pointer;text-align:left;color:var(--ca-cream)}
.cotiz button:hover{border-color:var(--ca-gold-line)}
.cotiz button.on{border-color:var(--ca-gold);background:rgba(var(--p-oro-rgb),.12)}
.cotiz button .t{font:600 15px var(--ca-texto)}
.cotiz button .c{font:700 17px var(--ca-titular);color:var(--ca-gold)}
.cotiz button .d{font-size:13.5px;color:var(--ca-dim)}
@media (max-width:520px){.cotiz{grid-template-columns:1fr}.cifras{gap:6px}.cifras div{padding:8px}.cifras b{font-size:15px}}
/* mis listas */
.resumen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:center;padding:16px 18px;margin-bottom:14px}
.resumen .cifra{display:flex;flex-direction:column;gap:4px}
.resumen .cifra b{font:700 28px/1 var(--ca-titular)}
.resumen .cifra span{color:var(--ca-muted);font-size:14px}
.mis{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.ml{padding:18px;display:flex;flex-direction:column;gap:12px}
.ml .cabeza{margin:0}
.ml h4{margin:0;font:700 18px/1.2 var(--ca-titular);overflow:hidden;text-overflow:ellipsis}
.ml .nom{color:var(--ca-dim);font-size:14px}
.ml .barras{display:flex;height:8px;border-radius:6px;overflow:hidden;background:var(--ca-linea)}
.ml .barras i{display:block;height:100%}
.ml .ley{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--ca-muted)}
.ml .ley b{color:var(--ca-cream);font-weight:600}
.ml .acciones .btn2{min-height:44px;padding:10px 16px;flex:1 1 auto}
.ml.nueva{align-items:flex-start;justify-content:center;border-style:dashed;border-color:var(--ca-gold-line);background:none;cursor:pointer;min-height:220px;color:var(--ca-cream);font:inherit;text-align:left}
.ml.nueva:hover{background:rgba(var(--p-oro-rgb),.06)}
.ml.nueva b{font:700 20px var(--ca-titular)}
.tag{display:block;font:400 13px/1.3 var(--ca-texto);color:var(--ca-dim);overflow:hidden;text-overflow:ellipsis}
.fila .u .nomu{display:flex;flex-direction:column;min-width:0}
.fila .u .nomu > b{font-weight:600;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){.resumen{grid-template-columns:1fr 1fr}.resumen .acc{grid-column:1/-1}}
/* hoy */
.hoy-top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.hoy-top .prog{display:flex;gap:18px;flex-wrap:wrap;color:var(--ca-muted);font-size:15px}
.hoy-top .prog b{color:var(--ca-cream);font:700 20px var(--ca-titular);margin-right:4px}
.foco{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;overflow:hidden}
.foco .izq,.foco .der{padding:22px;display:flex;flex-direction:column;gap:14px}
.foco .der{border-left:1px solid var(--ca-linea);background:var(--ca-hondo)}
.foco h3{margin:0;font:700 24px/1.15 var(--ca-titular);overflow-wrap:anywhere}
.foco > div,.foco .cabeza > div{min-width:0}
.foco .contacto a,.foco .bio{overflow-wrap:anywhere}
@media (max-width:520px){.foco h3{font-size:20px}.foco .izq,.foco .der{padding:16px}.foco .av.g{width:60px;height:60px}}
.foco .bio{margin:0;color:var(--ca-cream);font-size:16px;line-height:1.5}
.foco .acc-hoy{display:flex;flex-direction:column;gap:10px}
.foco .acc-hoy .fila2{display:flex;gap:10px;flex-wrap:wrap}
.foco .acc-hoy .fila2 > *{flex:1 1 140px}
.foco .acc-hoy a{text-decoration:none}
.pos{color:var(--ca-dim);font-size:14px}
.foco .datos{display:flex;gap:16px;flex-wrap:wrap;color:var(--ca-muted);font-size:14.5px}
.foco .datos b{color:var(--ca-cream);font-weight:600}
.hoy-vacio{padding:30px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.hoy-vacio h3{margin:0;font:700 22px var(--ca-titular)}
@media (max-width:900px){.foco{grid-template-columns:1fr}.foco .der{border-left:0;border-top:1px solid var(--ca-linea)}}
.ia{color:var(--ca-gold)}
.radio{display:flex;flex-direction:column;gap:8px}
.radio label{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1.5px solid var(--ca-linea);border-radius:12px;cursor:pointer}
.radio label:has(input:checked){border-color:var(--ca-gold);background:rgba(var(--p-oro-rgb),.1)}
.radio input{accent-color:var(--p-acento);width:18px;height:18px}
.prog-ia{height:10px;border-radius:6px;background:var(--ca-linea);overflow:hidden}
.prog-ia i{display:block;height:100%;background:var(--ca-metal);background-size:220% 100%;transition:width .4s}
.resumen.r5{grid-template-columns:repeat(5,minmax(0,1fr))}
.resumen.r3{grid-template-columns:repeat(3,minmax(0,1fr))}
#vistaTablero .tablero{margin-top:2px}
#vistaTablero .tablero th{padding:8px 8px;font-size:12.5px;letter-spacing:.06em;line-height:1.2}
#vistaTablero .tablero td{padding:9px 8px}
@media (max-width:900px){.resumen.r5,.resumen.r3{grid-template-columns:1fr 1fr}.resumen .cifra b{font-size:22px}}
.msg-card{padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.msg-card .cab{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.msg-card .cab .field{flex:1 1 220px;font-weight:600}
.msg-card .stat{color:var(--ca-dim);font-size:14px}
.msg-card .prev{margin:0;padding:10px 12px;border-left:2px solid var(--ca-gold-deep);color:var(--ca-muted);font-size:15px;white-space:pre-wrap}
.chip{display:inline-block;padding:3px 9px;border:1px solid var(--ca-gold-line);border-radius:999px;color:var(--ca-gold);font:600 13.5px var(--ca-texto);background:none;cursor:pointer}
.copiado{color:var(--p-ok);font-size:14px}
/* recorrido */
.tour{position:fixed;inset:0;z-index:50}
.tour .hueco{position:fixed;border-radius:14px;border:2px solid var(--ca-gold);box-shadow:0 0 0 9999px rgba(var(--p-tour-rgb),.78),0 0 30px rgba(var(--p-glow-rgb),calc(.35*var(--p-sombra)));transition:all .35s cubic-bezier(.2,.7,.3,1);pointer-events:none}
.tour .tip{position:fixed;width:min(360px,calc(100vw - 32px));background:var(--ca-panel);border:1px solid var(--ca-gold-line);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 60px rgba(0,0,0,calc(.6*var(--p-sombra)));transition:top .35s,left .35s}
.tour .tip h4{margin:0;font:700 18px/1.25 var(--ca-titular)}
.tour .tip p{margin:0;color:var(--ca-muted);font-size:15.5px;line-height:1.5}
.tour .pie{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}
.tour .pie .n{color:var(--ca-dim);font-size:14px}
.tour .pie .btn,.tour .pie .btn2{min-height:44px;padding:10px 18px}
@media (max-width:600px){.tour .tip{left:16px!important;right:16px;width:auto;top:auto!important;bottom:16px}}
.linkbtn{background:none;border:0;padding:6px 2px;color:var(--ca-gold);font:600 15px var(--ca-texto);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.error{color:var(--p-error)}

/* tablero */
.tablero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.tablero table{width:100%;border-collapse:collapse}
.tablero th{text-align:left;padding:10px 12px;font:600 14px var(--ca-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--ca-gold)}
.tablero td{padding:10px 12px;border-top:1px solid var(--ca-linea);color:var(--ca-muted)}
.tablero td b{color:var(--ca-cream);font-weight:600}

@media (max-width:900px){
  .kpis{grid-template-columns:1fr 1fr}
  .hero,.p-vacio,.tablero{grid-template-columns:1fr}
  .fila{grid-template-columns:1fr auto;grid-template-areas:"u b" "bio bio" "p m"}
  .fila .u{grid-area:u}.fila .pillw{grid-area:b}.fila .bio{grid-area:bio;white-space:normal}.fila .puntos{grid-area:p}.fila .marcas{grid-area:m}
  .segs{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:520px){.selector select{min-width:0;flex:1 1 100%}.p-barra .selector{width:100%}.resumen{grid-template-columns:1fr 1fr}}