/* FISSH Invest · «Características» con el lenguaje del Business plan (rediseño 2026-10-21, boceto aprobado).
   Solo tokens --sd-* de sala-datos.css: ningún HEX ni rgba() en este fichero.
   Ámbito: .cf (pantalla de la oportunidad). Índice: 1. Pantalla · 2. Ficha · 3. Barra · 4. Cuerpo e índice
   · 5. Secciones y campos · 6. Procedencia · 7. Meses y mercado · 8. Resumen · 9. Adaptación */

/* ===== 1. Pantalla ===== */
.cf{gap:var(--sd-e4)}
.cf .icon{width:16px;height:16px}
.cf button{font:inherit;cursor:pointer}
.cf button:disabled{cursor:not-allowed}
.cf-et{margin:0;font-size:var(--sd-t-xs);font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--sd-texto-3)}

/* ===== 2. Ficha del activo ===== */
.cf-ficha{padding:var(--sd-e5) var(--sd-e6) var(--sd-e5);display:flex;flex-direction:column;gap:var(--sd-e4)}
.cf-ficha-fila{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--sd-e4)}
.cf-ficha-titulo{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 24rem}
.cf-migas{font-size:var(--sd-t-s);color:var(--sd-texto-3)}
.cf-migas span{color:var(--sd-texto-2)}
.cf .cf-nombre{font-size:var(--sd-t-h1);line-height:1.15;letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere}
.cf-sub{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;color:var(--sd-texto-2);font-size:var(--sd-t-l);font-weight:600}
.cf-sub span+span::before{content:"";display:inline-block;width:4px;height:4px;margin:0 var(--sd-e3);border-radius:50%;background:var(--sd-borde-control);vertical-align:middle;opacity:.7}
.cf-estrellas{color:var(--sd-aviso-texto);letter-spacing:2px}
.cf-meta{font-size:var(--sd-t-s);color:var(--sd-texto-3)}
.cf-ficha .sd-segmentado button{border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-e2)}
.cf-ficha .sd-segmentado button[aria-pressed="true"]{background:var(--sd-tarjeta)}
.cf-datos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--sd-borde);border-radius:var(--sd-radio-m);background:var(--sd-tarjeta-alt);overflow:hidden}
.cf-dato{display:flex;flex-direction:column;gap:2px;min-width:0;padding:var(--sd-e3) var(--sd-e4);border-right:1px solid var(--sd-borde)}
.cf-dato:last-child{border-right:0}
.cf-dato--ficha{flex-direction:row;align-items:center;gap:var(--sd-e3)}
.cf-dato-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.cf-dato-k{font-size:var(--sd-t-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sd-texto-3)}
.cf-dato-v{font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.3;color:var(--sd-texto);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-dato-v--vacio{font-size:var(--sd-t-l);font-weight:600;color:var(--sd-texto-3);line-height:1.85}
.cf-dato-d{font-size:var(--sd-t-s);color:var(--sd-texto-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-dato-d--alerta{color:var(--sd-error-texto);font-weight:700}
.cf-anillo{--p:0;flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--sd-acento) calc(var(--p)*1%),var(--sd-segmento) 0)}
.cf-anillo span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--sd-tarjeta-alt);font-size:var(--sd-t-xs);font-weight:800;color:var(--sd-texto)}

/* ===== 3. Barra (la misma .sd-barra del Business plan) ===== */
.cf-barra .sd-barra-estado .ok{color:var(--sd-exito-texto)}
.cf-barra .sd-barra-estado .mal{color:var(--sd-error-texto)}

/* ===== 4. Cuerpo e índice ===== */
.cf-cuerpo{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,300px);gap:var(--sd-e5);align-items:start}
.cf-cuerpo--sin-resumen{grid-template-columns:200px minmax(0,1fr)}
.cf-pegado{position:sticky;top:calc(var(--sd-topbar) + var(--sd-alto-barra) + var(--sd-e4))}
.cf-indice{display:flex;flex-direction:column;gap:2px}
.cf-indice .cf-et{padding:0 10px 6px}
.cf-ir{display:grid;grid-template-columns:22px minmax(0,1fr);gap:var(--sd-e2);align-items:start;padding:var(--sd-e2) 10px;border:1px solid transparent;border-radius:var(--sd-radio-s);color:var(--sd-texto);text-decoration:none}
.cf .cf-ir{color:var(--sd-texto);font-weight:400}
.cf-ir:hover{background:var(--sd-tarjeta)}
.cf-ir[aria-current="true"]{background:var(--sd-tarjeta);border-color:var(--sd-borde-control)}
.cf-ir-num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--sd-borde-control);background:var(--sd-tarjeta);font-size:var(--sd-t-xs);font-weight:800;color:var(--sd-texto-2)}
.cf-ir--ok .cf-ir-num{background:var(--sd-acento);border-color:var(--sd-acento);color:var(--sd-sobre-acento)}
.cf-ir-txt{display:flex;flex-direction:column;min-width:0}
.cf-ir-txt b{font-weight:700}
.cf-ir-txt span{font-size:var(--sd-t-s);color:var(--sd-texto-3)}
.cf-ir--pend .cf-ir-txt span{color:var(--sd-aviso-texto)}
.cf-secciones{display:flex;flex-direction:column;gap:var(--sd-e4);min-width:0}

/* ===== 5. Secciones y campos ===== */
.cf-seccion{scroll-margin-top:calc(var(--sd-topbar) + var(--sd-alto-barra) + var(--sd-e4))}
.cf-seccion .sd-tarjeta-titulo{font-size:var(--sd-t-h3)}
.cf-fuente{display:flex;align-items:center;gap:var(--sd-e2);font-size:var(--sd-t-s);font-weight:600;color:var(--sd-texto-3)}
.cf-fuente select{max-width:13rem;min-height:var(--sd-alto-control);padding:0 var(--sd-e3);border:1px solid var(--sd-borde-control);border-radius:var(--sd-radio-s);background:var(--sd-tarjeta);color:var(--sd-texto);font:inherit;font-weight:700}
.cf-fecha{position:relative}
.cf-campo .cf-fecha-txt{padding-right:44px}
.cf-fecha-nativo{position:absolute;right:0;bottom:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}
.cf-fecha-btn{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:32px;height:30px;padding:0;border:0;border-radius:var(--sd-radio-s);display:grid;place-items:center;background:transparent;color:var(--sd-texto-2)}
.cf-fecha-btn:hover{background:var(--sd-acento-suave);color:var(--sd-acento-fuerte)}
.cf .cf-fecha-btn .icon{width:18px;height:18px}
.cf-campos{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--sd-e4) var(--sd-e5)}
.cf-campo{gap:6px}
.cf-campo--ancho{grid-column:1/-1}
.cf-campo .sd-etiqueta{display:flex;align-items:center;gap:6px;min-height:18px}
.cf-campo .sd-input,.cf-campo .sd-select{font-weight:600;padding:0 var(--sd-e3);min-height:38px}
.cf-campo .sd-select:disabled{background:var(--sd-tarjeta-alt);color:var(--sd-texto-3);cursor:not-allowed}
.cf-campo.cambiado .sd-select,.cf-campo.cambiado .cf-meses .cf-mes[aria-pressed="true"]{border-color:var(--sd-coral)}
.cf-campo.cambiado .sd-select{background:var(--sd-coral-suave);box-shadow:inset 3px 0 0 var(--sd-coral)}
.cf-campo.error .sd-input,.cf-campo.error .sd-select{border-color:var(--sd-error-texto);background:var(--sd-error-fondo)}

/* ===== 6. Procedencia: una «i» con aviso al pasar el ratón; al pulsar, el historial ===== */
.cf-prov{position:relative;display:inline-flex}
.cf-prov-btn{width:18px;height:18px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:var(--sd-acento-suave);color:var(--sd-acento-fuerte);font-size:10px;font-weight:800;line-height:1}
.cf-prov-btn:hover,.cf-prov-btn[aria-expanded="true"]{background:var(--sd-acento);color:var(--sd-sobre-acento)}
.cf-prov-burbuja{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:6;transform:translateX(-50%);width:max-content;max-width:280px;padding:var(--sd-e2) 10px;border-radius:var(--sd-radio-s);background:var(--sd-texto);color:var(--sd-tarjeta);font-size:var(--sd-t-s);font-weight:500;line-height:1.4;box-shadow:var(--sd-sombra-2);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s}
.cf-prov:hover .cf-prov-burbuja,.cf-prov-btn:focus-visible+.cf-prov-burbuja{opacity:1;visibility:visible}
.cf-historial{margin-top:var(--sd-e1)}
.cf-historial .sd-tabla td,.cf-historial .sd-tabla th{text-align:left}

/* ===== 7. Meses de operación y mercado ===== */
.cf-meses-caja{display:flex;flex-direction:column;gap:var(--sd-e2)}
.cf-meses{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}
.cf-mes{min-height:36px;padding:0;border:1px solid var(--sd-borde-control);border-radius:var(--sd-radio-s);background:var(--sd-tarjeta);color:var(--sd-texto-2);font-weight:700}
.cf-mes:hover{background:var(--sd-acento-suave);color:var(--sd-acento-fuerte)}
.cf-mes[aria-pressed="true"]{background:var(--sd-acento);border-color:var(--sd-acento);color:var(--sd-sobre-acento)}
.cf-meses-acc{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sd-e2);font-size:var(--sd-t-s);color:var(--sd-texto-3)}
.cf-nivel{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px var(--sd-e2);padding:var(--sd-e3) var(--sd-e4);border:1px solid var(--sd-acento-borde);border-radius:var(--sd-radio-m);background:var(--sd-acento-suave);color:var(--sd-texto-2)}
.cf-nivel b{color:var(--sd-acento-fuerte);font-weight:800}
.cf-nivel .sd-insignia{align-self:center}
.cf-compset{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sd-e3) var(--sd-e5)}
.cf-compset-txt{display:flex;flex-direction:column;gap:var(--sd-e1);flex:1 1 22rem;min-width:0}

/* ===== 8. Resumen (derecha) ===== */
.cf-resumen{display:flex;flex-direction:column;gap:var(--sd-e4);min-width:0}
.cf-caja{padding:var(--sd-e4) var(--sd-e5);display:flex;flex-direction:column;gap:var(--sd-e3)}
.cf .cf-caja-t{font-size:var(--sd-t-l)}
.cf-caja-t .sd-apagado{font-weight:600}
.cf-prog{display:flex;height:8px;border-radius:4px;background:var(--sd-segmento);overflow:hidden}
.cf-prog i{display:block;height:100%}
.cf-prog-inf{background:var(--sd-acento)}
.cf-prog-est{background:var(--sd-aviso-borde)}
.cf-leyenda{display:flex;flex-wrap:wrap;gap:4px var(--sd-e3);font-size:var(--sd-t-s);color:var(--sd-texto-3)}
.cf-leyenda span{display:inline-flex;align-items:center;gap:5px}
.cf-punto{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--sd-segmento);box-shadow:inset 0 0 0 1px var(--sd-borde-control)}
.cf-punto.cf-punto--inf{background:var(--sd-acento);box-shadow:none}
.cf-punto.cf-punto--est{background:var(--sd-aviso-borde);box-shadow:none}
.cf-resumen .sd-chip{min-height:26px;border-color:var(--sd-borde);background:var(--sd-tarjeta-alt)}
.cf-siguiente{background:var(--sd-acento-suave);border-color:var(--sd-acento-borde)}
.cf-siguiente p{color:var(--sd-texto-2)}
.cf-siguiente .sd-btn{align-self:flex-start}
.cf-siguiente--pend{background:var(--sd-tarjeta)}

/* Oportunidad sin abrir */
.cf-icono{width:48px;height:48px;border-radius:var(--sd-radio-l);display:grid;place-items:center;background:var(--sd-acento-suave);color:var(--sd-acento-fuerte)}
.cf .cf-icono .icon{width:24px;height:24px}
.cf-vacio{padding:var(--sd-e6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sd-e3)}
.cf-vacio .sd-h2{font-size:var(--sd-t-h2)}
.cf-vacio p{color:var(--sd-texto-3);max-width:32rem}

/* ===== 9. Adaptación ===== */
@media (max-width:1280px){
 .cf-cuerpo{grid-template-columns:190px minmax(0,1fr)}
 .cf-resumen-caja{grid-column:2;position:static}
 .cf-resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}
 .cf-datos{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cf-dato:nth-child(3){border-right:0}
 .cf-dato:nth-child(-n+3){border-bottom:1px solid var(--sd-borde)}
}
@media (max-width:820px){
 .cf-ficha{padding:var(--sd-e4)}
 .cf .cf-nombre{font-size:24px}
 .cf-ficha .sd-segmentado{width:100%}
 .cf-ficha .sd-segmentado button{flex:1;justify-content:center}
 .cf-cuerpo,.cf-cuerpo--sin-resumen{grid-template-columns:minmax(0,1fr)}
 .cf-pegado{position:static}
 .cf-resumen-caja{grid-column:auto}
 .cf-indice{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
 .cf-indice .cf-et{grid-column:1/-1}
 .cf-datos{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cf-dato,.cf-dato:nth-child(3){border-right:0;border-bottom:1px solid var(--sd-borde)}
 .cf-dato--ficha{grid-column:1/-1}
 .cf-meses{grid-template-columns:repeat(6,minmax(0,1fr))}
 .cf-fuente{flex-basis:100%;order:2}
 .cf-fuente select{flex:1;max-width:none}
}