/* Etapa 7 · Lanzar y medir: kit de Hotmart, checklist técnico, calculadora y plan, resultados y lista final. */

.etiqueta-estimacion { display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0 7px; border-radius: var(--mp-radius-sm); border: 1px dashed var(--mp-color-border-field); color: var(--mp-color-text-secondary); font-size: 11.5px; font-weight: var(--mp-font-weight-semibold); white-space: nowrap; }
.kit__titulo { font-size: 16px; font-weight: var(--mp-font-weight-semibold); letter-spacing: -0.01em; }
.seccion-lanzar .tarjeta { display: flex; flex-direction: column; gap: 12px; }

/* --- Kit de Hotmart --- */
.kit { display: grid; gap: 20px; align-items: start; }
.kit__principal { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.kit__principal > section { display: flex; flex-direction: column; gap: 12px; }
.kit__lateral { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
@media (min-width: 1200px) {
  .kit { grid-template-columns: minmax(0, 1fr) 360px; }
  .kit__lateral { position: sticky; top: calc(var(--mp-topbar-height) + 16px); }
}
.kit-ficha { gap: 0 !important; padding: 0 !important; overflow: hidden; }
.kit-ficha > .kit__titulo { padding: 14px 16px 6px; }
.kit-campo { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "cab acc" "val acc"; gap: 6px 12px; padding: 12px 16px; border-top: 1px solid var(--mp-color-border); }
.kit-campo > .texto-secundario, .kit-campo > .fila-acciones { grid-column: 1 / -1; }
.kit-campo__cabecera { grid-area: cab; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.kit-campo__etiqueta { font-size: 13px; font-weight: var(--mp-font-weight-semibold); }
.kit-campo__meta { font-size: 11.5px; color: var(--mp-color-text-tertiary); }
.kit-campo__valor { grid-area: val; font-size: 14px; line-height: 1.5; background: var(--mp-color-surface-sunken); border-radius: var(--mp-radius-sm); padding: 7px 10px; word-break: break-word; white-space: pre-wrap; }
.kit-campo__acciones { grid-area: acc; display: flex; gap: 6px; align-items: center; align-self: center; }
.btn.is-copiado { border-color: var(--mp-color-success); color: var(--mp-color-success-text); background: var(--mp-color-success-soft); }
@media (max-width: 767px) {
  .kit-campo { grid-template-columns: 1fr; grid-template-areas: "cab" "val" "acc"; }
}
.kit-piezas { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 12px; }
.kit-pieza { gap: 10px !important; }
.kit-pieza__cabecera { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.kit-pieza__fila { display: flex; gap: 8px; align-items: flex-start; justify-content: space-between; }
.kit-pieza__nombre { font-weight: var(--mp-font-weight-semibold); font-size: 15px; }
.kit-pieza__texto { font-size: 13.5px; line-height: 1.5; color: var(--mp-color-text-secondary); }
.kit-pasos { display: flex; flex-direction: column; border: 1px solid var(--mp-color-border); border-radius: var(--mp-radius-lg); background: var(--mp-color-surface); overflow: hidden; }
.kit-pasos__grupo + .kit-pasos__grupo { border-top: 1px solid var(--mp-color-border); }
.kit-pasos__grupo summary { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 16px; cursor: pointer; font-weight: var(--mp-font-weight-semibold); list-style: none; }
.kit-pasos__grupo summary::-webkit-details-marker { display: none; }
.kit-pasos__grupo summary:focus-visible { outline: none; box-shadow: inset var(--mp-shadow-focus); }
@media (hover: hover) { .kit-pasos__grupo summary:hover { background: var(--mp-color-surface-hover); } }
.kit-pasos__numero { width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--mp-color-primary-soft); color: var(--mp-color-primary-text); font-size: 12px; flex: none; }
.kit-pasos__flecha { margin-left: auto; display: flex; transition: transform var(--mp-duration-fast); }
.kit-pasos__grupo[open] .kit-pasos__flecha { transform: rotate(180deg); }
.kit-pasos ol { margin: 0; padding: 0 20px 14px 60px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; line-height: 1.5; color: var(--mp-color-text-secondary); }
.kit-enlaces__cabecera { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.enlace-pago { display: flex; flex-direction: column; gap: 4px; }
.enlace-pago .campo__input { font-family: var(--mp-font-mono); font-size: 13px; }
.enlace-pago .campo.is-ok .campo__input { border-color: var(--mp-color-success); }
.enlace-pago__estado { display: flex; align-items: center; gap: 4px; font-size: 12.5px; color: var(--mp-color-text-secondary); min-height: 16px; }
.enlace-pago__estado.is-ok { color: var(--mp-color-success-text); }

/* --- Checklist técnico --- */
.check-cabecera { display: flex; flex-direction: column; gap: 12px; }
.check-cabecera__camino { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.grupo-check { display: flex; flex-direction: column; border: 1px solid var(--mp-color-border); border-radius: var(--mp-radius-lg); background: var(--mp-color-surface); overflow: hidden; }
.grupo-check__cabecera { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: var(--mp-color-surface-sunken); }
.grupo-check__titulo { font-size: 14px; font-weight: var(--mp-font-weight-semibold); }
.paso-check { border-top: 1px solid var(--mp-color-border); padding: 10px 16px; display: flex; flex-direction: column; gap: 8px; }
.paso-check__fila { display: grid; grid-template-columns: 130px minmax(0, 1fr) minmax(0, 220px) auto; gap: 12px; align-items: center; }
.paso-check__estado { height: 28px; padding: 0 10px; border-radius: var(--mp-radius-full); display: inline-flex; align-items: center; gap: 6px; font: inherit; font-size: 12.5px; font-weight: var(--mp-font-weight-semibold); cursor: pointer; justify-self: start; white-space: nowrap; border: 1px solid var(--mp-color-border-strong); background: var(--mp-color-surface-sunken); color: var(--mp-color-text-secondary); }
.paso-check__estado.is-hecho { background: var(--mp-color-success-soft); color: var(--mp-color-success-text); border-color: transparent; }
.paso-check__estado.is-no_aplica { background: transparent; border-style: dashed; color: var(--mp-color-text-tertiary); }
.paso-check__estado:disabled { cursor: not-allowed; }
.paso-check__estado:focus-visible, .paso-check__comentario:focus-visible, .paso-check__como:focus-visible { outline: none; box-shadow: var(--mp-shadow-focus); }
.paso-check__texto { font-size: 14px; line-height: 1.45; display: flex; flex-direction: column; gap: 2px; }
.paso-check.is-hecho .paso-check__texto { color: var(--mp-color-text-secondary); }
.paso-check.is-bloqueado .paso-check__texto { color: var(--mp-color-text-tertiary); text-decoration: line-through; }
.paso-check__pista { font-size: 12.5px; color: var(--mp-color-warning-text); display: inline-flex; align-items: center; gap: 4px; }
.paso-check__comentario { border: none; background: none; padding: 4px 6px; border-radius: var(--mp-radius-sm); font: inherit; font-size: 13px; color: var(--mp-color-text); text-align: left; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.paso-check__comentario.is-vacio { color: var(--mp-color-text-tertiary); }
.paso-check__como { border: none; background: none; padding: 4px 6px; font: inherit; font-size: 13px; font-weight: var(--mp-font-weight-semibold); color: var(--mp-color-primary-text); display: inline-flex; align-items: center; gap: 4px; cursor: pointer; white-space: nowrap; border-radius: var(--mp-radius-sm); }
.paso-check__flecha { display: flex; transition: transform var(--mp-duration-fast); }
.paso-check__como[aria-expanded="true"] .paso-check__flecha { transform: rotate(180deg); }
@media (hover: hover) { .paso-check__comentario:hover { background: var(--mp-color-surface-hover); } }
.paso-check__pasos { margin: 0 0 4px 142px; padding: 10px 14px 10px 30px; background: var(--mp-color-surface-sunken); border-radius: var(--mp-radius-md); display: flex; flex-direction: column; gap: 4px; font-size: 13.5px; line-height: 1.5; color: var(--mp-color-text-secondary); }
@media (max-width: 767px) {
  .paso-check__fila { grid-template-columns: 1fr auto; grid-template-areas: "estado como" "texto texto" "comentario comentario"; gap: 6px; }
  .paso-check__estado { grid-area: estado; min-height: 36px; }
  .paso-check__como { grid-area: como; min-height: 44px; }
  .paso-check__texto { grid-area: texto; }
  .paso-check__comentario { grid-area: comentario; min-height: 44px; }
  .paso-check__pasos { margin-left: 0; }
}

/* --- Calculadora y plan --- */
.calc { display: grid; gap: 20px; align-items: start; }
@media (min-width: 1200px) { .calc { grid-template-columns: 360px minmax(0, 1fr); } }
.calc__entradas { gap: 16px !important; }
.calc__resultados { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.deslizador { display: flex; flex-direction: column; gap: 6px; }
.deslizador__cabecera { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.deslizador__valor { font-size: 14px; }
.deslizador__input { width: 100%; height: 24px; accent-color: var(--mp-color-primary); cursor: pointer; }
.deslizador__input:focus-visible { outline: none; box-shadow: var(--mp-shadow-focus); border-radius: var(--mp-radius-sm); }
@media (max-width: 767px) { .deslizador__input { height: 44px; } }
.calc-resumen { gap: 0 !important; }
.calc-resumen__cabecera { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; padding-bottom: 8px; }
.calc-dato { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--mp-color-border); font-size: 14px; align-items: baseline; }
.calc-dato__etiqueta { display: flex; flex-direction: column; gap: 2px; color: var(--mp-color-text-secondary); min-width: 0; }
.calc-dato__ayuda { font-size: 12px; color: var(--mp-color-text-tertiary); font-family: var(--mp-font-mono); }
.calc-dato__valor { white-space: nowrap; text-align: right; }
.calc-dato.is-fuerte .calc-dato__etiqueta { color: var(--mp-color-text); font-weight: var(--mp-font-weight-semibold); }
.calc-dato.is-fuerte .calc-dato__valor { font-size: 17px; font-weight: var(--mp-font-weight-medium); }
.escenarios { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.escenario { display: flex; flex-direction: column; gap: 10px; padding: 14px; border: 1px solid var(--mp-color-border); border-radius: var(--mp-radius-lg); background: var(--mp-color-surface); min-width: 0; }
.escenario--medio { border-color: var(--mp-color-primary); box-shadow: 0 0 0 3px var(--mp-color-focus-ring); }
.escenario__cabecera { display: flex; flex-direction: column; gap: 2px; }
.escenario__cabecera b { font-size: 15px; }
.escenario__cabecera span { font-size: 12px; }
.escenario__datos { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; margin: 0; font-size: 13px; }
.escenario__datos dt { color: var(--mp-color-text-secondary); }
.escenario__datos dd { margin: 0; text-align: right; }
.escenario__beneficio { display: flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: var(--mp-radius-md); font-weight: var(--mp-font-weight-semibold); }
.escenario__beneficio b { margin-left: auto; font-size: 16px; font-weight: var(--mp-font-weight-medium); }
.escenario__beneficio.is-positivo { background: var(--mp-color-success-soft); color: var(--mp-color-success-text); }
.escenario__beneficio.is-negativo { background: var(--mp-color-error-soft); color: var(--mp-color-error-text); }
.escenario__nota { font-size: 12.5px; color: var(--mp-color-text-tertiary); line-height: 1.4; }
@media (max-width: 1199px) {
  .escenarios { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; }
  .escenario { flex: 0 0 min(86%, 320px); scroll-snap-align: center; }
}
.conjuntos { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 12px; }
.conjunto__cabecera { display: flex; gap: 8px; align-items: flex-end; }
.conjunto__cabecera > .campo { flex: 1; }
.conjunto__codigos { display: flex; gap: 6px; flex-wrap: wrap; }
.seccion-lanzar .campo--corto { max-width: none; }

/* --- Resultados --- */
.kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr)); gap: 12px; }
@media (max-width: 767px) { .kpi { padding: 12px; } .kpi__valor { font-size: 18px; } }
.kpi { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border: 1px solid var(--mp-color-border); border-radius: var(--mp-radius-lg); background: var(--mp-color-surface); }
.kpi__etiqueta { font-size: 12.5px; color: var(--mp-color-text-secondary); font-weight: var(--mp-font-weight-semibold); }
.kpi__valor { font-size: 24px; font-weight: var(--mp-font-weight-medium); letter-spacing: -0.02em; }
.kpi.is-malo .kpi__valor, .tabla td.is-malo { color: var(--mp-color-error-text); }
.kpi.is-bueno .kpi__valor, .tabla td.is-bueno { color: var(--mp-color-success-text); }
.res-nota { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; line-height: 1.5; }
.tabla-res { overflow-x: auto; border: 1px solid var(--mp-color-border); border-radius: var(--mp-radius-lg); background: var(--mp-color-surface); }
.tabla-res:focus-visible { outline: none; box-shadow: var(--mp-shadow-focus); }
.seccion-lanzar .tabla { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 13px; }
.seccion-lanzar .tabla th, .seccion-lanzar .tabla td { padding: 10px 12px; border-bottom: 1px solid var(--mp-color-border); text-align: left; vertical-align: top; }
.seccion-lanzar .tabla thead th { background: var(--mp-color-surface-sunken); font-size: 12px; font-weight: var(--mp-font-weight-semibold); white-space: nowrap; height: 36px; }
.seccion-lanzar .tabla .num { text-align: right; white-space: nowrap; }
.seccion-lanzar .tabla tbody th .mono { white-space: nowrap; }
.tabla-res > .tabla:not(.tabla--compacta) { min-width: 1080px; }
.seccion-lanzar .tabla tbody th { display: flex; flex-direction: column; gap: 2px; position: sticky; left: 0; background: var(--mp-color-surface); z-index: 1; }
.seccion-lanzar .tabla thead th:first-child { position: sticky; left: 0; z-index: 2; }
.seccion-lanzar .tabla tfoot th, .seccion-lanzar .tabla tfoot td { background: var(--mp-color-surface-sunken); font-weight: var(--mp-font-weight-semibold); border-bottom: none; }
.seccion-lanzar .tabla tr.is-seleccionada > * { background: var(--mp-color-primary-soft); }
@media (hover: hover) { .seccion-lanzar .tabla tbody tr:hover > * { background: var(--mp-color-surface-hover); } }
.tabla--compacta th, .tabla--compacta td { padding: 6px 10px !important; }
.res-sugerencia { display: flex; flex-direction: column; gap: 3px; min-width: 260px; max-width: 360px; align-items: flex-start; }
.res-sugerencia__porque { font-size: 13px; line-height: 1.4; }
.res-sugerencia__regla svg, .res-nota svg { display: inline; vertical-align: -2px; }
.res-sugerencia__regla { display: block; font-size: 12px; line-height: 1.4; color: var(--mp-color-text-tertiary); }
.sugerencia { display: inline-flex; align-items: center; gap: 2px; font-size: 12px; font-weight: var(--mp-font-weight-semibold); padding: 2px 8px; border-radius: var(--mp-radius-sm); background: var(--mp-color-surface-sunken); color: var(--mp-color-text-secondary); }
.sugerencia--pausar { background: var(--mp-color-error-soft); color: var(--mp-color-error-text); }
.sugerencia--mantener { background: var(--mp-color-success-soft); color: var(--mp-color-success-text); }
.sugerencia--escalar { background: var(--mp-color-primary-soft); color: var(--mp-color-primary-text); }
.tarjetas-res { display: none; flex-direction: column; gap: 12px; }
.tarjeta-res__cabecera { display: flex; justify-content: space-between; gap: 8px; }
.tarjeta-res__metricas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px 10px; margin: 0; font-size: 12px; }
.tarjeta-res__metricas dt { color: var(--mp-color-text-secondary); grid-row: 1; }
.tarjeta-res__metricas dd { margin: 0; font-size: 14px; grid-row: 2; }
.tarjeta-res__mas summary { cursor: pointer; font-size: 13px; font-weight: var(--mp-font-weight-semibold); color: var(--mp-color-primary-text); min-height: 44px; display: flex; align-items: center; }
.tarjeta-res__mas .tarjeta-res__metricas { grid-template-columns: minmax(0, 1fr) auto; }
.tarjeta-res__mas .tarjeta-res__metricas dt, .tarjeta-res__mas .tarjeta-res__metricas dd { grid-row: auto; }
.tarjeta-res__mas .tarjeta-res__metricas dd { text-align: right; }
@media (max-width: 767px) {
  .seccion-lanzar > .tabla-res { display: none; }
  .tarjetas-res { display: flex; }
  .res-sugerencia { min-width: 0; }
}
.res-columnas { display: grid; gap: 16px; align-items: start; }
@media (min-width: 1200px) { .res-columnas { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.res-columnas > * { min-width: 0; }
.diag-cadena { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: stretch; }
.diag-flecha { display: flex; align-items: center; color: var(--mp-color-text-tertiary); }
.diag-nodo { display: flex; flex-direction: column; gap: 4px; padding: 12px; border-radius: var(--mp-radius-md); border: 1px solid var(--mp-color-border); background: var(--mp-color-surface); min-width: 0; }
.diag-nodo__cabecera { display: flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: var(--mp-font-weight-semibold); }
.diag-nodo__valor { font-size: 20px; }
.diag-nodo__medida { font-size: 12px; color: var(--mp-color-text-tertiary); line-height: 1.35; }
.diag-nodo__estado { font-size: 12px; font-weight: var(--mp-font-weight-semibold); }
.diag-nodo.is-ok .diag-nodo__cabecera, .diag-nodo.is-ok .diag-nodo__estado { color: var(--mp-color-success-text); }
.diag-nodo.is-falla { border: 2px solid var(--mp-color-error); background: var(--mp-color-error-soft); }
.diag-nodo.is-falla .diag-nodo__cabecera, .diag-nodo.is-falla .diag-nodo__estado { color: var(--mp-color-error-text); }
.diag-nodo.is-pocos_datos .diag-nodo__cabecera, .diag-nodo.is-pocos_datos .diag-nodo__estado { color: var(--mp-color-text-secondary); }
@media (max-width: 767px) {
  .diag-cadena { grid-template-columns: 1fr; }
  .diag-flecha { justify-content: center; transform: rotate(90deg); }
}
.grafico { margin: 0; display: flex; flex-direction: column; gap: 10px; }
.grafico__leyenda { display: flex; gap: 16px; font-size: 12.5px; color: var(--mp-color-text-secondary); flex-wrap: wrap; }
.grafico__clave { display: inline-flex; align-items: center; gap: 6px; }
.grafico__clave::before { content: ""; width: 10px; height: 10px; border-radius: 2px; }
.grafico__clave.is-gasto::before { background: var(--mp-color-text-tertiary); }
.grafico__clave.is-beneficio::before { background: var(--mp-color-primary); }
.grafico__marco { overflow-x: auto; }
.grafico__barras { position: relative; height: 160px; margin-bottom: 22px; display: flex; gap: 6px; min-width: 100%; }
.grafico__dia { position: relative; flex: 1 0 34px; height: 100%; }
.grafico__barra { position: absolute; width: 40%; border-radius: 2px; }
.grafico__barra.is-gasto { left: 8%; background: var(--mp-color-text-tertiary); opacity: 0.7; }
.grafico__barra.is-beneficio { right: 8%; background: var(--mp-color-primary); }
.grafico__barra.is-negativo { right: 8%; background: var(--mp-color-error); opacity: 0.85; }
.grafico__fecha { position: absolute; bottom: -22px; left: 0; right: 0; text-align: center; font-size: 11px; color: var(--mp-color-text-tertiary); }
.grafico__cero { position: absolute; left: 0; right: 0; height: 1px; background: var(--mp-color-border-strong); }
.calc-lista { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; margin: 0 0 8px; font-size: 13.5px; }
.calc-lista dt { color: var(--mp-color-text-secondary); }
.calc-lista dd { margin: 0; text-align: right; }
.decisiones__lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.decisiones__lista li { display: grid; grid-template-columns: 90px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 6px 0; border-top: 1px solid var(--mp-color-border); font-size: 13.5px; line-height: 1.45; }
.decisiones__nueva { display: flex; gap: 8px; align-items: flex-end; }
.decisiones__nueva > .campo { flex: 1; }
.res-datos { gap: 12px; }
.res-datos summary { cursor: pointer; font-weight: var(--mp-font-weight-semibold); min-height: 32px; display: flex; align-items: center; }
@media (max-width: 767px) { .decisiones__lista li { grid-template-columns: minmax(0, 1fr) auto; } .decisiones__lista li > :first-child { grid-column: 1 / -1; } }

/* --- Lista final --- */
.final-contador { font-size: 15px; color: var(--mp-color-text-secondary); align-self: center; }
.final-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.final-item { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--mp-radius-md); background: var(--mp-color-surface); border: 1px solid var(--mp-color-border); flex-wrap: wrap; }
.final-item.is-pendiente { border-color: var(--mp-color-warning); }
.final-item__marcar { flex: 1 1 260px; display: flex; align-items: center; gap: 12px; border: none; background: none; padding: 0; font: inherit; color: inherit; text-align: left; cursor: pointer; min-height: 44px; border-radius: var(--mp-radius-sm); }
.final-item__marcar:focus-visible { outline: none; box-shadow: var(--mp-shadow-focus); }
.final-item.is-auto > .final-item__textos { flex: 1 1 260px; }
.final-item__caja { width: 22px; height: 22px; flex: none; border-radius: 6px; display: flex; align-items: center; justify-content: center; border: 1.5px solid var(--mp-color-border-field); color: var(--mp-color-surface); }
.final-item.is-hecho .final-item__caja { background: var(--mp-color-success); border-color: var(--mp-color-success); }
.final-item.is-auto .final-item__caja { border-style: dashed; }
.final-item.is-auto.is-hecho .final-item__caja { border-style: solid; }
.final-item__textos { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.final-item__titulo { font-size: 14.5px; font-weight: var(--mp-font-weight-semibold); }
.final-item.is-hecho .final-item__titulo { color: var(--mp-color-text-secondary); }
.final-item__detalle { font-size: 13px; color: var(--mp-color-text-secondary); line-height: 1.45; }
.final-item__auto { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: var(--mp-font-weight-semibold); color: var(--mp-color-text-tertiary); white-space: nowrap; }
.final-item.is-auto.is-hecho .final-item__auto { color: var(--mp-color-success-text); }
.final-item.is-auto.is-pendiente .final-item__auto { color: var(--mp-color-warning-text); }
.final-item__donde { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; white-space: nowrap; }
@media (max-width: 767px) { .final-item__donde, .final-item__auto { margin-left: 34px; } }