/* css/ch-ficha-mercado.20261105.css · OC-47 v4 + OC-50 (cobertura total) · bloques de mercado de la ficha (usa las variables de .chf; con respaldo) */
.fmer{display:block}
.fmer h2{margin:0}
/* v2: los bloques usan el plegable de la ficha (.plegable, .rp-*) y la hoja (dialog.hoja). Aquí solo lo propio. */
.fmer .plegable-cuerpo{display:grid;gap:var(--e4,1rem)}
.fmer .rp-ico-mercado{background:#E0F2FE;color:#075985}
.fmer .rp-sub b{color:var(--texto,#0F172A)}
.fmer-acciones{display:flex;flex-wrap:wrap;gap:var(--e2,.5rem) var(--e4,1rem);align-items:center}
.fmer-acciones .btn-texto{padding-inline:4px}
.fmer-respuesta{margin:0;font-size:var(--t-base,1.0625rem);color:var(--texto,#0F172A)}
.fmer-respuesta strong{font-weight:700}
.fmer-pos-dentro strong{color:#15803D}
.fmer-pos-debajo strong,.fmer-pos-encima strong{color:#0369A1}
.fmer-nivel{margin:0;padding:var(--e3,.75rem) var(--e4,1rem);border-radius:var(--r-m,12px);background:var(--pend-fondo,#FEF3C7);color:var(--pend-texto,#78350F);font-size:var(--t-s,.9375rem)}
.fmer-meta{margin:0;font-size:var(--t-xs,.8125rem);color:var(--texto-3,#475569)}
.fmer-graf{margin:0;padding:var(--e4,1rem);border:1px solid var(--borde,#E2E8F0);border-radius:var(--r-l,18px);background:var(--fondo-suave,#F8FAFC)}
.fmer-graf svg{display:block;width:100%;height:auto;aspect-ratio:640/130;overflow:hidden}
.fmer-eje{stroke:#94A3B8;stroke-width:2}
/* QA-OC47 B-8: el borde de la banda (#0369A1, 7:1 sobre blanco) es el que delimita el rango (WCAG 1.4.11 ≥ 3:1) */
.fmer-banda{fill:#BAE6FD;stroke:#0369A1;stroke-width:3}
.fmer-p50{stroke:#0369A1;stroke-width:3}
.fmer-punto{fill:#64748B;fill-opacity:.75;stroke:#FFFFFF;stroke-width:1.5}
.fmer-yo{fill:#B45309}
.fmer-yo-l{stroke:#B45309;stroke-width:3}
.fmer-txt{font:600 26px/1 var(--fuente,Inter,system-ui,sans-serif);fill:#334155}
.fmer-txt-s{font-size:13px;fill:#475569}
.fmer-txt-yo{font-weight:700;fill:#92400E}
.fmer-leyenda{display:flex;flex-wrap:wrap;gap:6px 16px;line-height:1.4;margin-top:var(--e3,.75rem);font-size:var(--t-xs,.8125rem);color:var(--texto-3,#475569)}
.fmer-leyenda span{display:inline}
.fmer-leyenda i{display:inline-block;width:14px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
.fmer-l-banda{background:#BAE6FD;border:2px solid #0369A1}
.fmer-l-bigote{background:none;border-top:2px solid #64748B;height:0!important;margin-bottom:3px}
.fmer-l-p50{background:#0369A1;width:4px!important;height:14px!important}
.fmer-l-yo{background:#B45309}
.fmer-l-punto{background:#64748B;border-radius:50%!important;width:10px!important}
.fmer-lectura{display:grid;gap:var(--e2,.5rem);padding:var(--e4,1rem);border-left:4px solid var(--boton,#0369A1);border-radius:var(--r-m,12px);background:#F0F9FF}
.fmer-lectura p{margin:0;font-size:var(--t-s,.9375rem);line-height:1.55;color:var(--texto-2,#334155)}
.fmer-lectura .fmer-et{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--texto,#0F172A)}
.fmer-lectura .fmer-et svg{width:18px;height:18px;color:#075985}
.fmer-a5 summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;color:var(--texto,#0F172A)}
.fmer-a5 summary:focus-visible{outline:3px solid var(--foco,#0369A1);outline-offset:2px;border-radius:6px}
.fmer-bigote{stroke:#64748B;stroke-width:2}
.fmer-a4{margin:0;font-size:var(--t-s,.9375rem);color:var(--texto-2,#334155)}
.fmer-tabla{width:100%;border-collapse:collapse;font-size:var(--t-s,.9375rem)}
.fmer-tabla th,.fmer-tabla td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--borde,#E2E8F0)}
.fmer-tabla thead th{font-size:var(--t-xs,.8125rem);color:var(--texto-3,#475569)}
.fmer-suyo{background:#F0F9FF;font-weight:700}
.fmer-a7{display:grid;gap:4px}
.fmer-a7 .btn-texto{justify-self:start;min-height:44px}
.fmer-a8{display:grid;gap:var(--e2,.5rem);padding:var(--e4,1rem);border-radius:var(--r-m,12px);background:var(--fondo-suave,#F8FAFC);border:1px solid var(--borde,#E2E8F0)}
.fmer-a8 p{margin:0}
.fmer-estimada{display:block;font-size:var(--t-s,.9375rem)}
/* «¿Cómo lo calculamos?»: la hoja de la ficha, a la medida de su texto (no a pantalla completa) */
/* El modal nativo tiene inset:0; con height:auto se estiraría a toda la pantalla: fit-content + margin:auto lo centra */
.chf .fmer-hoja{height:fit-content;max-height:calc(100dvh - 48px);width:min(100vw - 24px,640px);margin:auto}
.chf .fmer-hoja .hoja-cuerpo{height:auto;max-height:calc(100dvh - 48px - 65px);display:grid;gap:var(--e3,.75rem)}
.fmer-como p,.fmer-como ul{margin:0;font-size:var(--t-s,.9375rem);color:var(--texto-2,#334155);line-height:1.55}
.fmer-como ul{padding-left:1.2em;display:grid;gap:6px}
.fmer-tarjeta{display:grid;gap:4px;padding:var(--e5,1.5rem);border:1px solid var(--borde,#E2E8F0);border-radius:var(--r-l,18px);background:var(--fondo,#FFF)}
.fmer-et{font-size:var(--t-s,.9375rem);color:var(--texto-3,#475569)}
.fmer-cifra{font-size:1.45rem;letter-spacing:-.01em;color:var(--texto,#0F172A)}
.fmer-tarjeta>span:not(.fmer-et){font-size:var(--t-s,.9375rem);color:var(--texto-2,#334155)}
.fmer-alerta{margin:0;padding:var(--e3,.75rem) var(--e4,1rem);border-radius:var(--r-m,12px);background:var(--pend-fondo,#FEF3C7);color:var(--pend-texto,#78350F);font-size:var(--t-s,.9375rem)}
.fmer-kpis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--e3,.75rem)}
.fmer-kpis li{display:grid;gap:2px;padding:var(--e4,1rem);border-radius:var(--r-m,12px);background:var(--fondo-tarjeta,#F1F5F9);min-height:84px}
.fmer-kpis span{font-size:var(--t-xs,.8125rem);color:var(--texto-3,#475569)}
.fmer-kpis strong{font-size:1.2rem;color:var(--texto,#0F172A);font-variant-numeric:tabular-nums}
.fmer-supuestos{margin:0;font-size:var(--t-s,.9375rem);color:var(--texto-2,#334155)}
.fmer-form fieldset{border:1px solid var(--borde,#E2E8F0);border-radius:var(--r-l,18px);padding:var(--e4,1rem);margin:0;display:grid;gap:var(--e3,.75rem)}
.fmer-form legend{font-weight:700;padding:0 6px}
.fmer-campo{display:grid;gap:4px}
.fmer-campo label{font-weight:600;font-size:var(--t-s,.9375rem)}
.fmer-entrada{display:flex;align-items:stretch;border:1px solid var(--borde-control,#64748B);border-radius:var(--r-m,12px);background:#FFF;overflow:hidden}
.fmer-entrada:focus-within{outline:3px solid var(--foco,#0369A1);outline-offset:1px}
.fmer-entrada input{flex:1;min-width:0;min-height:var(--tactil,44px);border:0;padding:0 12px;font:inherit;font-size:16px;background:transparent;color:var(--texto,#0F172A)}
.fmer-entrada input:focus{outline:0}
.fmer-entrada input[aria-invalid=true]{background:#FEF2F2}
.fmer-unidad{display:flex;align-items:center;padding:0 12px;background:var(--fondo-tarjeta,#F1F5F9);color:var(--texto-3,#475569);font-size:var(--t-s,.9375rem)}
.fmer-ayuda{margin:0;font-size:var(--t-xs,.8125rem);color:var(--texto-3,#475569)}
.fmer-cuota{margin:0;padding:var(--e4,1rem);border-radius:var(--r-m,12px);background:var(--fondo-suave,#F8FAFC);border:1px dashed var(--borde-control,#64748B);font-size:var(--t-s,.9375rem)}
.fmer-comps ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.fmer-comps a{display:flex;justify-content:space-between;gap:12px;min-height:44px;align-items:center;padding:0 12px;border-radius:var(--r-m,12px);background:var(--fondo-suave,#F8FAFC);color:var(--texto,#0F172A);text-decoration:none}
.fmer-comps a:hover{background:var(--fondo-tarjeta,#F1F5F9)}
.fmer-comps a:focus-visible{outline:3px solid var(--foco,#0369A1);outline-offset:2px}
.fmer-costo{display:grid;gap:var(--e3,.75rem);padding:var(--e5,1.5rem);border:1px solid var(--borde,#E2E8F0);border-radius:var(--r-l,18px)}
.fmer-costo h3{margin:0;font-size:var(--t-h3,1.25rem)}
.fmer-costo dl{margin:0;display:grid;gap:6px}
.fmer-costo dl>div{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.fmer-costo dt,.fmer-costo dd{margin:0}
.fmer-costo dd small{display:block;font-size:var(--t-xs,.8125rem);color:var(--texto-3,#475569)}
.fmer-costo input{min-height:44px;border:1px solid var(--borde-control,#64748B);border-radius:var(--r-m,12px);padding:0 12px;font-size:16px;max-width:12rem}
.fmer-total{border-top:1px solid var(--borde,#E2E8F0);padding-top:8px;font-weight:700;font-size:1.1rem}
.fmer-aviso strong{color:var(--texto-2,#334155)}
@media (min-width:640px){
  .fmer-kpis{grid-template-columns:repeat(4,1fr)}
  .fmer-form fieldset{grid-template-columns:repeat(2,1fr)}
  .fmer-form legend{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){.fmer *{transition:none!important}}
.fmer-leyenda b{color:var(--texto,#0F172A);font-variant-numeric:tabular-nums}
.fmer-unid{flex-basis:100%}
/* Los <details> internos no heredan la rejilla del resumen plegable de la ficha (.plegable summary) */
.fmer .plegable-cuerpo details>summary{display:flex;grid-template-columns:none;padding:0;gap:8px;border-radius:6px;background:none}
.fmer .plegable-cuerpo details>summary:hover{background:none;text-decoration:underline}
/* ---- v4 (auditoría 3-nov) ---- */
/* M-8: en móvil el gráfico no baja de 96 px de alto (el viewBox se centra) */
@media (max-width:639px){.fmer-graf svg{min-height:96px}}
/* M-10: A1 de ciudad en una sola línea, sin gráfico */
.fmer-a1-ciudad .fmer-nivel{display:flex;gap:10px;align-items:flex-start;margin:0}
.fmer-a1-ciudad .fmer-nivel svg{flex:none;width:22px;height:22px;margin-top:2px}
/* Mejora 2: «Pregúntele a su asesor» (botón de WhatsApp de la ficha) junto a las demás acciones */
.fmer-acciones .btn-wa{flex:0 1 auto}
@media (max-width:639px){.fmer-acciones .btn-wa{flex:1 1 100%;justify-content:center}}
/* ---- v5 · OC-50 (cobertura total) ---- */
/* Marca visible «Referencia aproximada» / «Estimación de referencia»: texto oscuro sobre ámbar (8:1, WCAG AA), no solo color */
.fmer-marca{display:inline-block;margin:0 6px 2px 0;padding:1px 8px;border-radius:999px;background:var(--pend-fondo,#FEF3C7);color:var(--pend-texto,#78350F);border:1px solid #D97706;font-size:var(--t-xs,.8125rem);font-weight:700;line-height:1.5;vertical-align:baseline;white-space:nowrap}
.fmer-aviso-aprox{margin:0;padding:var(--e3,.75rem) var(--e4,1rem);border-left:4px solid #D97706;border-radius:var(--r-m,12px);background:#FFFBEB;color:var(--texto-2,#334155);font-size:var(--t-s,.9375rem);line-height:1.5}
.fmer-aviso-aprox strong{color:var(--pend-texto,#78350F)}
.fmer-equiv{margin:0;font-size:var(--t-s,.9375rem);color:var(--texto-2,#334155)}
.fmer-equiv b{color:var(--texto,#0F172A);font-variant-numeric:tabular-nums}
.fmer-notas{display:block;margin-top:4px;font-size:var(--t-xs,.8125rem);color:var(--pend-texto,#78350F)}
/* Cinco cifras del comprador: 2 columnas en móvil (la quinta a lo ancho), 5 en escritorio */
.fmer-kpis-5{grid-template-columns:repeat(2,1fr)}
.fmer-kpis-5 li:last-child{grid-column:1/-1}
@media (min-width:900px){.fmer-kpis-5{grid-template-columns:repeat(5,1fr)}.fmer-kpis-5 li:last-child{grid-column:auto}}
@media (min-width:640px) and (max-width:899px){.fmer-kpis-5{grid-template-columns:repeat(3,1fr)}.fmer-kpis-5 li:last-child{grid-column:auto}}