/* v19, tanda 1 · «Configurar la obra» (maquetas ArmarInicio, Armar1 a Armar3, diseno/v19/configurar/).
   Barra lateral de los 5 pasos en la computadora; en el celular, los pasos arriba en una fila con
   desplazamiento. Solo variables de tokens.css. */

.configurar { display: block; min-width: 0; max-width: 100%; }
.configurar__contenido { min-width: 0; }
.configurar__bajada { margin: calc(-1 * var(--espacio-8)) 0 var(--espacio-16); color: var(--secundario); font-size: var(--letra-texto); }

/* Avance de la barra: 0 a 5 pasos listos (sin estilos en línea, regla del sistema). */
.configurar__avance--0 { width: 0; } .configurar__avance--1 { width: 20%; } .configurar__avance--2 { width: 40%; }
.configurar__avance--3 { width: 60%; } .configurar__avance--4 { width: 80%; } .configurar__avance--5 { width: 100%; }

/* --- Barra de los 5 pasos ------------------------------------------------------------------------ */
.configurar__lateral { margin: 0 0 var(--espacio-16); min-width: 0; max-width: 100%; }
.configurar__rotulo { margin: 0 0 var(--espacio-8); font-size: var(--letra-rotulo); font-weight: 600; color: var(--secundario); }
.configurar__rotulo a { color: inherit; }
.configurar__progreso { height: 4px; border-radius: 2px; background: var(--pista-barra); margin: 0 0 var(--espacio-12); overflow: hidden; }
.configurar__progreso span { display: block; height: 100%; background: var(--azul-marca); }
.configurar__pasos { max-width: 100%; box-sizing: border-box; list-style: none; margin: 0; padding: 0 0 var(--espacio-4); display: flex; gap: var(--espacio-8); overflow-x: auto; -webkit-overflow-scrolling: touch; }
.configurar__paso { flex: none; }
.configurar__enlace {
    display: flex; align-items: center; gap: 10px; min-height: var(--tamano-toque); padding: 0 var(--espacio-12); box-sizing: border-box;
    position: relative; border: 1px solid var(--linea); border-radius: 10px; color: var(--texto); text-decoration: none; font-size: var(--letra-texto); font-weight: 600;
    white-space: nowrap;
}
.configurar__marca {
    width: 26px; height: 26px; flex: none; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-size: var(--letra-etiqueta-campo); font-weight: 700; border: 1px solid var(--rotulo-tabla); color: var(--secundario); background: var(--blanco);
}
.configurar__paso--hecho .configurar__marca { border-color: var(--azul-marca); color: var(--azul-marca); background: var(--fondo-seleccion); }
.configurar__paso--actual .configurar__enlace { background: var(--fondo-seleccion); border: 2px solid var(--azul-marca); color: var(--azul-marca); font-weight: 700; }
.configurar__paso--actual .configurar__marca { background: var(--azul-marca); border-color: var(--azul-marca); color: var(--blanco); }
.configurar__nota { display: none; margin: var(--espacio-16) 0 0; padding: var(--espacio-12); border-radius: 10px; background: var(--fondo-resumen); font-size: var(--letra-texto-tabla); color: var(--secundario); }

/* --- Tarjetas y renglones ------------------------------------------------------------------------ */
.configurar__columnas { display: grid; gap: var(--espacio-16); }
.configurar__columna { display: flex; flex-direction: column; gap: var(--espacio-16); min-width: 0; }
.configurar__tarjeta { border: 1px solid var(--linea); border-radius: var(--radio-tarjeta); background: var(--blanco); padding: var(--espacio-16); min-width: 0; }
.configurar__subtitulo { margin: 0 0 var(--espacio-12); font-size: var(--letra-rotulo); font-weight: 600; color: var(--secundario); }
.configurar__renglon, .configurar__tipo {
    display: flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-8) var(--espacio-12); padding: var(--espacio-8) 0;
    border-bottom: 1px solid var(--separador-fila);
}
.configurar__tipo { background: var(--fondo-seleccion); border-radius: var(--radio-campo); padding: var(--espacio-8) var(--espacio-12); border: 0; margin: var(--espacio-8) 0; }
.configurar__etiqueta { flex: 1 0 120px; font-weight: 700; font-size: var(--letra-texto); }
.configurar__bloque .configurar__etiqueta { display: block; padding: var(--espacio-8) 0 0; }
.configurar__resultado { color: var(--secundario); font-size: var(--letra-texto-tabla); min-width: 72px; }
.configurar__contador { display: inline-flex; align-items: center; gap: var(--espacio-8); }
.configurar__mas-menos {
    width: var(--tamano-toque); height: var(--tamano-toque); border-radius: var(--radio-campo); border: 1px solid var(--borde-campo);
    background: var(--blanco); color: var(--azul-marca); font-size: 20px; font-weight: 700; cursor: pointer;
}
.configurar__mas-menos:disabled { color: var(--rotulo-tabla); border-color: var(--linea); cursor: default; }
.configurar__cuenta { min-width: 28px; text-align: center; font-size: var(--letra-cifra); font-weight: 700; color: var(--azul-marca); }
.configurar__si-no { display: inline-flex; gap: var(--espacio-4); }
.configurar__opcion {
    min-height: var(--tamano-toque); min-width: 56px; padding: 0 var(--espacio-12); border-radius: var(--radio-campo); border: 1px solid var(--borde-campo);
    background: var(--blanco); color: var(--secundario); font-weight: 700; font-size: var(--letra-boton); cursor: pointer;
}
.configurar__opcion[aria-pressed="true"] { border: 2px solid var(--azul-marca); background: var(--fondo-seleccion); color: var(--azul-marca); }
.configurar__tipo-nombre { font-weight: 700; color: var(--azul-marca); min-width: 64px; }
.configurar__tipo-rango { display: inline-flex; align-items: center; gap: var(--espacio-4); font-size: var(--letra-texto); }
.configurar__piso { min-height: var(--tamano-toque); width: auto; min-width: 84px; }
.configurar__quitar { margin-left: auto; }
.configurar__agregar { display: flex; flex-wrap: wrap; gap: var(--espacio-8); margin: var(--espacio-8) 0 0; }
.configurar__ayuda { margin: var(--espacio-8) 0 0; font-size: var(--letra-texto-tabla); color: var(--secundario); }
.configurar__quedan { margin: var(--espacio-16) 0 var(--espacio-8); font-size: var(--letra-texto); }
.configurar__fichas { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--espacio-8); }
.configurar__ficha {
    display: inline-flex; align-items: center; min-height: 32px; padding: 0 var(--espacio-12); border-radius: 16px;
    border: 1px solid var(--azul-marca); color: var(--azul-marca); font-weight: 700; font-size: var(--letra-texto-tabla); background: var(--fondo-seleccion);
}

/* --- Espacios ------------------------------------------------------------------------------------- */
.configurar__espacio { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: var(--espacio-4) var(--espacio-12); padding: var(--espacio-8) 0; border-bottom: 1px solid var(--separador-fila); align-items: start; }
.configurar__espacio-nivel { font-weight: 700; font-size: var(--letra-texto); padding-top: 10px; }
.configurar__espacio-lista { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-4) var(--espacio-8); font-size: var(--letra-texto-tabla); min-height: var(--tamano-toque); }
.configurar__espacio-deptos { color: var(--secundario); }
.configurar__chip { display: inline-flex; align-items: center; gap: 2px; padding: 0 0 0 10px; border-radius: 14px; background: var(--separador-fila); }
.configurar__chip-form { display: inline; margin: 0; }
.configurar__chip-quitar { width: var(--tamano-toque); height: 32px; border: 0; background: none; color: var(--secundario); font-size: 15px; cursor: pointer; }
.configurar__propuesta { color: var(--secundario); font-style: italic; }
.configurar__agregar-espacio { grid-column: 2; }
.configurar__agregar-espacio summary { list-style: none; cursor: pointer; display: inline-flex; }
.configurar__agregar-espacio summary::-webkit-details-marker { display: none; }
.configurar__agregar-form { display: flex; flex-wrap: wrap; gap: var(--espacio-8); margin-top: var(--espacio-8); }
.configurar__agregar-form .s-campo__control { flex: 1 1 180px; min-width: 0; }

/* --- Pie: anterior · guardado · siguiente -------------------------------------------------------- */
.configurar__pie {
    display: flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-12); margin: var(--espacio-24) 0 0; padding: var(--espacio-16) 0 0;
    border-top: 1px solid var(--linea);
}
.configurar__guardado { display: inline-flex; align-items: center; gap: var(--espacio-4); color: var(--confirmacion-texto); font-weight: 700; font-size: var(--letra-texto-tabla); }
.configurar__siguiente { margin-left: auto; }

/* --- Paso 2: capítulos ------------------------------------------------------------------------------- */
.capitulos__tabla { border: 1px solid var(--linea); border-radius: var(--radio-tarjeta); background: var(--blanco); padding: var(--espacio-8) var(--espacio-16); }
.capitulos__fila { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: var(--espacio-8) var(--espacio-12); padding: var(--espacio-12) 0; border-bottom: 1px solid var(--separador-fila); align-items: center; }
.capitulos__numero { font-weight: 700; color: var(--azul-marca); }
.capitulos__titulo { font-size: var(--letra-texto); font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.capitulos__controles { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-8) var(--espacio-16); }
.capitulos__segmento { display: inline-flex; border: 1px solid var(--borde-campo); border-radius: var(--radio-campo); overflow: hidden; }
.capitulos__segmento button { min-height: var(--tamano-toque); padding: 0 var(--espacio-12); border: 0; background: var(--blanco); color: var(--secundario); font-weight: 700; font-size: var(--letra-boton); cursor: pointer; }
.capitulos__segmento button[aria-pressed="true"] { background: var(--azul-marca); color: var(--blanco); }
.capitulos__segmento button:disabled { cursor: default; }
.capitulos__etapas { font-size: var(--letra-texto); font-weight: 700; color: var(--azul-marca); }
.capitulos__items { grid-column: 1 / -1; margin: 0; padding: 0 var(--espacio-12); background: var(--fondo-resumen); border-radius: var(--radio-campo); }
.capitulos__items > summary { cursor: pointer; min-height: var(--tamano-toque); display: flex; align-items: center; font-size: var(--letra-texto-tabla); font-weight: 600; color: var(--azul-marca); }
.capitulos__item { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: var(--espacio-4) var(--espacio-12); padding: var(--espacio-8) 0; border-top: 1px solid var(--separador-fila); align-items: center; font-size: var(--letra-texto-tabla); }
.capitulos__item-numero { font-weight: 700; }
.capitulos__item-controles { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-8); }
.capitulos__item-controles form { display: inline-flex; align-items: center; gap: var(--espacio-4); margin: 0; }
.capitulos__item-controles select { min-height: var(--tamano-toque); width: auto; }
.capitulos__excepcion { color: var(--azul-marca); font-weight: 700; }
.capitulos__propuesto { color: var(--secundario); font-size: var(--letra-texto-chico); }
.capitulos__mas { margin: var(--espacio-12) 0 0; }
.capitulos__leyenda { display: grid; gap: var(--espacio-12); margin: var(--espacio-16) 0 0; padding: var(--espacio-16); border-radius: var(--radio-tarjeta); background: var(--fondo-resumen); font-size: var(--letra-texto-tabla); color: var(--secundario); }
.capitulos__leyenda b { color: var(--texto); }

/* --- Página de inicio -------------------------------------------------------------------------------- */
.configurar-inicio__seccion { margin: 0 0 var(--espacio-24); }
.configurar-inicio__titulo { margin: 0 0 var(--espacio-8); font-size: var(--letra-rotulo); font-weight: 600; color: var(--secundario); }
.configurar-inicio__progreso { display: flex; align-items: center; gap: var(--espacio-12); margin: 0 0 var(--espacio-12); }
.configurar-inicio__barra { flex: 1 1 auto; height: 8px; border-radius: 4px; background: var(--pista-barra); overflow: hidden; }
.configurar-inicio__barra span { display: block; height: 100%; background: var(--azul-marca); }
.configurar-inicio__cuenta { font-weight: 700; color: var(--azul-marca); white-space: nowrap; }
.configurar-inicio__lista { border: 1px solid var(--linea); border-radius: var(--radio-tarjeta); background: var(--blanco); padding: 0 var(--espacio-16); }
.configurar-inicio__fila { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: var(--espacio-4) var(--espacio-12); padding: var(--espacio-12) 0; border-bottom: 1px solid var(--separador-fila); align-items: center; }
.configurar-inicio__fila:last-child { border-bottom: 0; }
.configurar-inicio__fila--proximo { background: var(--fondo-seleccion); margin: 0 calc(-1 * var(--espacio-16)); padding-left: var(--espacio-16); padding-right: var(--espacio-16); }
.configurar-inicio__marca { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: var(--letra-etiqueta-campo); border: 1px solid var(--rotulo-tabla); color: var(--secundario); background: var(--blanco); }
.configurar-inicio__fila--listo .configurar-inicio__marca { border-color: var(--azul-marca); color: var(--azul-marca); background: var(--fondo-seleccion); }
.configurar-inicio__fila--proximo .configurar-inicio__marca { background: var(--azul-marca); border-color: var(--azul-marca); color: var(--blanco); }
.configurar-inicio__que { font-weight: 700; font-size: var(--letra-texto); min-width: 0; overflow-wrap: anywhere; }
.configurar-inicio__como { display: block; font-weight: 400; font-size: var(--letra-texto-tabla); color: var(--secundario); }
.configurar-inicio__nota { display: block; font-weight: 600; font-size: var(--letra-texto-chico); color: var(--azul-marca); }
.configurar-inicio__resto { grid-column: 2; display: flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-8) var(--espacio-16); }
.configurar-inicio__quien { font-size: var(--letra-texto-tabla); color: var(--secundario); }
.configurar-inicio__accion { margin-left: auto; display: flex; flex-wrap: wrap; gap: var(--espacio-8); align-items: center; }
.configurar-inicio__asignar { display: inline-flex; flex-wrap: wrap; gap: var(--espacio-4); align-items: center; margin: 0; }
.configurar-inicio__asignar select { min-height: var(--tamano-toque); width: auto; max-width: 220px; }
.configurar-inicio__otros { grid-column: 2; display: flex; flex-wrap: wrap; gap: var(--espacio-4) var(--espacio-12); font-size: var(--letra-texto-tabla); }
.configurar-inicio__aviso { margin: 0; padding: var(--espacio-12) var(--espacio-16); border: 1px solid var(--azul-marca); border-radius: var(--radio-tarjeta); font-size: var(--letra-texto); }

@media (min-width: 900px) {
    .configurar { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: var(--espacio-32); align-items: start; }
    .configurar__lateral { position: sticky; top: var(--espacio-16); margin: 0; }
    .configurar__pasos { flex-direction: column; overflow: visible; padding: 0; }
    .configurar__enlace { white-space: normal; min-height: 56px; }
    .configurar__nota { display: block; }
    .configurar__columnas { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: start; }
    .capitulos__fila { grid-template-columns: 44px minmax(16rem, 1fr) minmax(0, auto); }
    .capitulos__controles { grid-column: auto; justify-content: flex-end; max-width: 44rem; }
    .capitulos__item { grid-template-columns: 64px minmax(0, 1fr) auto; }
    .capitulos__item-controles { grid-column: auto; justify-content: flex-end; }
    .capitulos__leyenda { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .configurar-inicio__cuerpo { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: var(--espacio-24); align-items: start; }
}

/* --- Paso 3: cuánto hay en cada nivel (pestañas «Revisar · N» y «Todos · N» con dos radios, sin JS) -- */
.reparto-paso__computo { margin: 0 0 var(--espacio-16); }
.reparto-paso__leida { margin: 0 0 var(--espacio-12); font-size: var(--letra-texto); }
.reparto-paso__subir { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--espacio-12); }
.reparto-paso__subir .s-campo { flex: 1 1 260px; margin: 0; }
.reparto-paso__hoja { flex: 1 1 100%; font-size: var(--letra-texto-tabla); }
.reparto-paso__hoja summary { cursor: pointer; min-height: var(--tamano-toque); display: inline-flex; align-items: center; color: var(--azul-marca); font-weight: 600; }
.reparto__emparejamiento { margin: 0 0 var(--espacio-16); }
.reparto__emparejamiento > summary { cursor: pointer; min-height: var(--tamano-toque); display: flex; align-items: center; }
.reparto-paso__revisar { background: var(--aviso-fondo); }
.reparto-paso__resumen { margin: var(--espacio-8) 0; font-size: var(--letra-texto); }
.reparto-paso__cierran { color: var(--confirmacion-texto); font-weight: 700; }
.reparto-paso__por-revisar { color: var(--aviso-texto); font-weight: 700; }
.reparto-paso__vista { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.reparto-paso__pestanas label { cursor: pointer; }
#vista-revisar:checked ~ .reparto-paso__pestanas .reparto-paso__pestana-revisar,
#vista-todos:checked ~ .reparto-paso__pestanas .reparto-paso__pestana-todos { background: var(--blanco); color: var(--azul-marca); font-weight: 700; }
#vista-revisar:focus-visible ~ .reparto-paso__pestanas .reparto-paso__pestana-revisar,
#vista-todos:focus-visible ~ .reparto-paso__pestanas .reparto-paso__pestana-todos { outline: 2px solid var(--foco); }
#vista-revisar:checked ~ .reparto-paso__marco .reparto-paso__fila--cierra { display: none; }
.reparto-paso__fila--revisar { background: var(--aviso-fondo); }
.reparto-paso__falta { font-weight: 700; }
.reparto-paso__acciones { display: inline-flex; flex-wrap: wrap; gap: var(--espacio-4); }
.reparto-paso__pisos summary { cursor: pointer; color: var(--azul-marca); font-weight: 600; min-height: var(--tamano-toque); display: inline-flex; align-items: center; }
.reparto-paso__piso { display: inline-flex; align-items: center; gap: var(--espacio-4); margin: 2px var(--espacio-4); font-size: var(--letra-texto-chico); }
.reparto-paso__leyenda { margin-top: var(--espacio-16); }
.reparto-paso__todas { margin: var(--espacio-8) 0; }
.configurar-inicio__equipo { list-style: none; margin: 0 0 var(--espacio-16); padding: 0; display: flex; flex-wrap: wrap; gap: var(--espacio-8); }
.configurar-inicio__persona { display: flex; align-items: center; gap: var(--espacio-8); padding: var(--espacio-8) var(--espacio-12); border: 1px solid var(--linea); border-radius: var(--radio-tarjeta); background: var(--blanco); font-size: var(--letra-texto-tabla); }
.configurar-inicio__iniciales { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--fondo-seleccion); color: var(--azul-marca); font-weight: 700; font-size: var(--letra-texto-chico); }

/* --- Paso 5: lo ya certificado (T2.2, Armar5) --------------------------------------------------------- */
.lo-cert__capitulo { border: 2px solid var(--azul-marca); }
.lo-cert__titulo { margin: 0 0 var(--espacio-4); font-size: var(--letra-texto); font-weight: 700; color: var(--azul-marca); overflow-wrap: anywhere; }
.lo-cert__sub { margin: 0 0 var(--espacio-8); font-size: var(--letra-texto-tabla); color: var(--secundario); }
.lo-cert__etapa { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--espacio-4) var(--espacio-12); padding: var(--espacio-8) 0; border-bottom: 1px solid var(--separador-fila); align-items: center; }
.lo-cert__etapa-nombre { font-weight: 700; font-size: var(--letra-texto); }
.lo-cert__etapa-cuerpo { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-8); min-width: 0; }
.lo-cert__rango { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-4) var(--espacio-8); margin: 0; }
.lo-cert__tramo { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-4); font-size: var(--letra-texto); }
.lo-cert__piso, .lo-cert__pct { min-height: var(--tamano-toque); width: auto; min-width: 72px; }
.lo-cert__marca { display: inline-block; padding: 2px var(--espacio-8); border-radius: 12px; background: var(--fondo-seleccion); color: var(--azul-marca); font-size: var(--letra-texto-chico); font-weight: 700; }
.lo-cert__propuesta { margin: 0; font-size: var(--letra-texto); }
.lo-cert__acciones { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-8); margin: 0; }
.lo-cert__otro > summary, .lo-cert__corregir > summary, .lo-cert__grupo > summary, .bloqueo__pedir > summary, .confirmar__faltan > summary {
    cursor: pointer; min-height: var(--tamano-toque); display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-8); color: var(--azul-marca); font-weight: 600; font-size: var(--letra-texto-tabla); }
.lo-cert__nada { margin: 0; color: var(--secundario); font-size: var(--letra-texto-tabla); }
.lo-cert__resumen { margin: var(--espacio-12) 0 var(--espacio-8); display: flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-8); font-size: var(--letra-texto); }
.lo-cert__cuenta { margin: 0; padding: var(--espacio-8) var(--espacio-12); border-radius: var(--radio-campo); background: var(--fondo-resumen); font-size: var(--letra-texto-tabla); overflow-wrap: anywhere; }
.lo-cert__cuenta--item { grid-column: 1 / -1; background: none; padding: 0; color: var(--secundario); }
.lo-cert__item { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: var(--espacio-4) var(--espacio-12); padding: var(--espacio-8) 0; border-top: 1px solid var(--separador-fila); align-items: center; font-size: var(--letra-texto-tabla); }
.lo-cert__item:first-of-type { border-top: 0; }
.lo-cert__numero { font-weight: 700; color: var(--azul-marca); }
.lo-cert__descripcion { min-width: 0; overflow-wrap: anywhere; }
.lo-cert__estado { grid-column: 1 / -1; }
.lo-cert__corregir { grid-column: 1 / -1; }
.lo-cert__linea { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: var(--espacio-4) var(--espacio-12); padding: var(--espacio-4) 0; border-top: 1px solid var(--separador-fila); font-size: var(--letra-texto-tabla); }
.lo-cert__dato { grid-column: 1 / -1; color: var(--secundario); }
.lo-cert__ayuda { padding: var(--espacio-16); border-radius: var(--radio-tarjeta); background: var(--fondo-resumen); font-size: var(--letra-texto-tabla); color: var(--secundario); }
.lo-cert__ayuda p { margin: 0 0 var(--espacio-8); }
.lo-cert__ayuda b { color: var(--texto); }
.lo-cert__ayuda-titulo { margin: 0 0 var(--espacio-8); font-size: var(--letra-texto); font-weight: 700; color: var(--texto); }
.lo-cert__envio { font-size: var(--letra-texto-tabla); color: var(--secundario); }

/* --- Bloqueo y «Pedir cambio» (T2.3 y T2.4) ----------------------------------------------------------- */
.bloqueo { margin: 0 0 var(--espacio-16); padding: var(--espacio-12) var(--espacio-16); border: 1px solid var(--azul-marca); border-radius: var(--radio-tarjeta); background: var(--blanco); }
.bloqueo__linea, .bloqueo__pedido { margin: 0 0 var(--espacio-4); display: flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-8); font-size: var(--letra-texto); }
.bloqueo__pedido { font-size: var(--letra-texto-tabla); }
.bloqueo__form { display: grid; gap: var(--espacio-8); max-width: 40rem; }

/* --- Confirmación de Administración (T2.3) ------------------------------------------------------------ */
.confirmar__resumen { padding-top: 0; padding-bottom: 0; }
.confirmar__fila { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: var(--espacio-4) var(--espacio-12); padding: var(--espacio-12) 0; border-bottom: 1px solid var(--separador-fila); align-items: center; }
.confirmar__n { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; border: 1px solid var(--azul-marca); color: var(--azul-marca); background: var(--fondo-seleccion); }
.confirmar__que { font-weight: 700; font-size: var(--letra-texto); }
.confirmar__dato { grid-column: 2; font-size: var(--letra-texto-tabla); color: var(--secundario); display: flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-4) var(--espacio-8); overflow-wrap: anywhere; }
.confirmar__faltan { padding: var(--espacio-8) 0; font-size: var(--letra-texto-tabla); }
.confirmar__accion { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-12); margin: var(--espacio-16) 0; }
.confirmar__pedido { padding: var(--espacio-12) 0; border-bottom: 1px solid var(--separador-fila); }
.confirmar__pedido p { margin: 0 0 var(--espacio-4); font-size: var(--letra-texto-tabla); }
.confirmar__resolver { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--espacio-8); margin-top: var(--espacio-8); }
.confirmar__resolver .s-campo { flex: 1 1 240px; margin: 0; }
.confirmar__version { margin: 0 0 var(--espacio-8); font-size: var(--letra-texto-tabla); }

@media (min-width: 900px) {
    .lo-cert__etapa { grid-template-columns: 9rem minmax(0, 1fr); }
    .lo-cert__item { grid-template-columns: 64px minmax(0, 1fr) auto; }
    .lo-cert__estado { grid-column: auto; }
    .confirmar__dato { grid-column: auto; }
    .confirmar__fila { grid-template-columns: 32px 16rem minmax(0, 1fr); }
}
/* --- Paso 4: frentes (maqueta Armar4) ---------------------------------------------------------------- */
.frentes-paso__arriba { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-12) var(--espacio-16); margin: 0 0 var(--espacio-16); }
.frentes-paso__arriba form { margin: 0; }
.frentes-paso__frase { margin: 0; flex: 1 1 280px; font-size: var(--letra-texto); }
.frentes-paso__bien { color: var(--confirmacion-texto); }
.frentes-paso__grupo { padding-top: var(--espacio-12); padding-bottom: var(--espacio-12); }
.frentes-paso__cabeza { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--espacio-4) var(--espacio-8); padding: 0 0 var(--espacio-4); }
.frentes-paso__titulo { margin: 0; font-family: inherit; font-size: var(--letra-texto); font-weight: 700; text-transform: none; color: var(--azul-marca); }
.frentes-paso__detalle { font-size: var(--letra-texto-tabla); color: var(--secundario); }
.frentes-paso__renglones { list-style: none; margin: 0; padding: 0; }
.frentes-paso__renglon { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-4) var(--espacio-12); min-height: 40px; border-top: 1px solid var(--separador-fila); font-size: var(--letra-texto); }
.frentes-paso__nombre { flex: 1 1 200px; min-width: 0; overflow-wrap: anywhere; }
.frentes-paso__medir { font-size: var(--letra-texto-tabla); font-weight: 600; color: var(--secundario); }
.frentes-paso__items { margin: var(--espacio-4) 0 0; }
.frentes-paso__items > summary, .frentes-paso__pisos > summary {
    cursor: pointer; min-height: var(--tamano-toque); display: inline-flex; align-items: center; color: var(--azul-marca); font-weight: 700; font-size: var(--letra-texto-tabla);
}
.frentes-paso__nota { margin: var(--espacio-4) 0; font-size: var(--letra-texto-tabla); color: var(--secundario); }
.frentes-paso__frente { padding: var(--espacio-8) 0; border-top: 1px solid var(--separador-fila); font-size: var(--letra-texto-tabla); }
.frentes-paso__frente-nombre { margin: 0 0 var(--espacio-4); }
.frentes-paso__lista { margin: 0; padding: 0 0 0 var(--espacio-16); color: var(--secundario); overflow-wrap: anywhere; }
.frentes-paso__numero { font-weight: 700; color: var(--texto); }
.frentes-paso__quien { display: flex; flex-direction: column; gap: var(--espacio-4); margin: var(--espacio-8) 0 0; padding: var(--espacio-8) 0 0; border-top: 1px solid var(--linea); }
.frentes-paso__responsable { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espacio-4) var(--espacio-8); margin: 0; font-size: var(--letra-texto-tabla); }
.frentes-paso__responsable label { flex: 0 1 auto; font-weight: 600; min-width: 48px; }
.frentes-paso__responsable select { min-height: var(--tamano-toque); width: auto; max-width: 100%; flex: 1 1 180px; }
.frentes-paso__pisos .frentes-paso__responsable { padding: 2px 0; }
.frentes-paso__medida { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--espacio-4) var(--espacio-8); margin: 0 0 var(--espacio-12); font-size: var(--letra-texto); }
.frentes-paso__barra { grid-column: 1 / -1; width: 100%; height: 8px; border: 0; border-radius: 4px; background: var(--pista-barra); overflow: hidden; -webkit-appearance: none; appearance: none; }
.frentes-paso__barra::-webkit-progress-bar { background: var(--pista-barra); border-radius: 4px; }
.frentes-paso__barra::-webkit-progress-value { background: var(--azul-marca); border-radius: 4px; }
.frentes-paso__barra::-moz-progress-bar { background: var(--azul-marca); }
.frentes-paso__globales { padding: var(--espacio-16); border-radius: var(--radio-tarjeta); background: var(--fondo-seleccion); font-size: var(--letra-texto-tabla); color: var(--secundario); }
.frentes-paso__globales p { margin: var(--espacio-8) 0 0; }
.frentes-paso__globales b { color: var(--texto); }
.frentes-paso__globales-titulo { margin: 0; font-family: inherit; text-transform: none; font-size: var(--letra-texto); font-weight: 700; color: var(--azul-marca); }
.configurar-inicio__para-que { display: block; font-weight: var(--peso-texto-chico); }  /* v23d-1 · D3: para qué sirve el paso */