.ret-ex-kpis.ret-ex-kpis-with-series{grid-template-columns:minmax(215px,.8fr) repeat(2,minmax(0,1.4fr));align-items:stretch}
.ret-series-card{background:#f7f8fa;color:#172c45;border:2px solid #27477e;border-bottom-width:5px;border-radius:2px;padding:14px 12px 13px;text-align:center;display:flex;flex-direction:column;align-items:center;min-width:0;color-scheme:light}
.ret-executive .ret-series-card h3{font-size:20px;font-weight:700;margin:0;color:#152b44;line-height:1.25;letter-spacing:-.3px}
.ret-series-company{font-size:11px;font-weight:700;letter-spacing:.6px;margin-top:7px;color:#526279;overflow-wrap:anywhere;max-width:100%}
.ret-series-value{font-size:43px;line-height:1.12;margin:13px 0 3px;font-variant-numeric:tabular-nums;letter-spacing:-1px;white-space:nowrap}
.ret-series-card.is-below-target .ret-series-value{color:#d4384c}
.ret-series-card.is-on-target .ret-series-value{color:#16834c}
.ret-series-card.is-unverified .ret-series-value{color:#7b6226}
.ret-series-value.is-message{font-size:24px;letter-spacing:-.4px;white-space:normal}
.ret-series-alert{font-size:20px;margin-left:3px;vertical-align:top;display:inline-block;padding-top:4px}
.ret-series-card .ret-series-goal{font-size:19px;line-height:1.35;margin:0;color:#152b44}
.ret-series-goal b{font-weight:500}
.ret-series-card .ret-series-gap{font-size:18px;line-height:1.4;margin:0;color:#152b44;font-variant-numeric:tabular-nums}
.ret-series-target-state{font-size:10px;margin-top:5px;min-height:12px;color:#586579}
.ret-series-foot{font-size:10px;line-height:1.5;margin-top:13px;padding-top:9px;border-top:1px solid #dbe0e8;width:100%;color:#536477}
.ret-series-provisional{font-size:10px;color:#865715;margin-top:5px;font-weight:600}
@container retiros (max-width:900px){.ret-ex-kpis.ret-ex-kpis-with-series{grid-template-columns:1fr 1fr}.ret-series-card{grid-column:1/-1;justify-self:start;width:245px}}
@container retiros (max-width:460px){.ret-ex-kpis.ret-ex-kpis-with-series{grid-template-columns:1fr}.ret-series-card{width:100%;max-width:290px;justify-self:center}.ret-series-value{font-size:44px}}

/* Cantidad real de actividades, sin metas ni variaciones. */
.ret-ex-kpis.ret-ex-kpis-with-completed{grid-template-columns:repeat(2,minmax(205px,.85fr)) repeat(2,minmax(0,1.35fr))}
.ret-completed-card{min-height:260px}
.ret-completed-value{display:block;font-size:55px;line-height:1.12;font-weight:650;color:#18a843;margin:30px 0 9px;font-variant-numeric:tabular-nums;letter-spacing:-1px;max-width:100%;overflow-wrap:anywhere}
.ret-completed-card .ret-completed-caption{color:#263e57;font-size:14px;line-height:1.45;margin:0 0 9px;max-width:210px}
.ret-completed-period{color:#526279;font-size:12px;line-height:1.5;margin-bottom:14px}
.ret-completed-foot{margin-top:auto;border-top:1px solid #dbe0e8;padding-top:10px;width:100%;font-size:10px;color:#536477;line-height:1.5}
@container retiros (max-width:1150px){.ret-ex-kpis.ret-ex-kpis-with-completed{grid-template-columns:repeat(2,minmax(0,1fr))}.ret-ex-kpis-with-completed>.ret-series-card{grid-column:auto;width:auto;max-width:none;justify-self:stretch}}
@container retiros (max-width:460px){.ret-ex-kpis.ret-ex-kpis-with-completed{grid-template-columns:1fr}.ret-ex-kpis-with-completed>.ret-series-card{width:100%;max-width:290px;justify-self:center}.ret-completed-value{font-size:56px}}

/* Efectividad cliente: tres tarjetas compactas y dos indicadores de equipos. */
.ret-ex-kpis.ret-ex-kpis-with-clients{grid-template-columns:repeat(6,minmax(0,1fr))}
.ret-ex-kpis-with-clients>.ret-series-card{grid-column:span 2;width:auto;max-width:none;justify-self:stretch}
.ret-ex-kpis-with-clients>.ret-ex-kpi{grid-column:span 3}
.ret-client-card{min-height:275px}
.ret-client-value{font-size:49px;line-height:1.15;font-weight:650;color:#245a94;margin:18px 0 7px;font-variant-numeric:tabular-nums;letter-spacing:-1px;white-space:nowrap}
.ret-client-value.is-message{font-size:25px;letter-spacing:-.4px;white-space:normal;margin:25px 0}
.ret-client-card .ret-client-ratio{font-size:18px;margin:0 0 8px;color:#173551}
.ret-client-card .ret-client-caption{font-size:12px;line-height:1.5;margin:0 0 9px;color:#465c72}
.ret-client-period{font-size:11px;line-height:1.5;color:#536477}
.ret-client-pending{font-size:11px;color:#865715;margin-top:8px;font-weight:600}
.ret-client-method{width:100%;margin-top:12px;padding-top:9px;border-top:1px solid #dbe0e8;text-align:left;color:#324f6e;font-size:11px;line-height:1.55}
.ret-client-method summary{cursor:pointer;text-align:center;font-weight:600;color:#324f6e}
.ret-client-method summary:focus-visible{outline:2px solid #245a94;outline-offset:3px}
.ret-client-method p{color:#465c72;font-size:11px;line-height:1.55;margin:8px 0}
@container retiros (max-width:700px){.ret-ex-kpis.ret-ex-kpis-with-clients{grid-template-columns:repeat(2,minmax(0,1fr))}.ret-ex-kpis-with-clients>.ret-series-card{grid-column:span 1}.ret-ex-kpis-with-clients>.ret-client-card{grid-column:span 2;max-width:330px;width:100%;justify-self:center}.ret-ex-kpis-with-clients>.ret-ex-kpi{grid-column:span 1}}
@container retiros (max-width:460px){.ret-ex-kpis.ret-ex-kpis-with-clients{grid-template-columns:1fr}.ret-ex-kpis-with-clients>.ret-series-card,.ret-ex-kpis-with-clients>.ret-ex-kpi{grid-column:auto}.ret-ex-kpis-with-clients>.ret-series-card{width:100%;max-width:290px;justify-self:center}.ret-client-value{font-size:46px}}

/* Tres tarjetas aprobadas: referencia del cliente. No sustituir por indicadores antiguos. */
.ret-series-card.is-on-target .ret-series-value,.ret-series-card.is-below-target .ret-series-value{color:#1262a0}
.ret-client-value{color:#1262a0}.ret-result-validated{display:block;margin-top:12px;padding-top:9px;border-top:1px solid #dbe0e8;width:100%;color:#07832d;font:600 11px/1.5 Arial,sans-serif}.ret-series-period{font-size:11px;color:#536477;line-height:1.5;margin-top:6px}
