/* Reto flash · el camino de la galería: «¿Para qué usas tu IA?», la carga, las cajas, una caja abierta. */
.paso-intermedio main.centro{flex:1;justify-content:flex-start;gap:18px}
.paso-intermedio .titulo{font-size:30px}

.que-haces main{padding-top:16px}
/* «Personalicemos tu galería», bien visible arriba de la pregunta */
.sello-galeria{align-self:flex-start;padding:8px 16px;border-radius:999px;background:var(--verde);box-shadow:0 3px 0 var(--verde-sombra);color:var(--sobre-verde);font-size:17px;font-weight:800}
.fila-cuenta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.cuenta{flex:none;padding:4px 12px;border-radius:999px;background:var(--suave);color:var(--hondo);font-size:15px;font-weight:800;white-space:nowrap}
.cuenta.con{background:var(--verde-fondo);color:var(--verde-texto)}
.lista-marcar{display:flex;flex-direction:column;border-top:1.5px solid var(--lila2)}
.fila-marcar{width:100%;min-height:54px;display:flex;align-items:center;gap:14px;padding:8px 2px;border:none;border-bottom:1.5px solid var(--lila2);background:transparent;font-size:17px;font-weight:700;text-align:left}
.fila-marcar.apagada{opacity:.45;cursor:default}
.caja-marca{width:26px;height:26px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:8px;border:2.5px solid var(--lila);background:var(--blanco);color:var(--blanco)}
.caja-marca.puesta{background:var(--morado);border-color:var(--morado)}
.caja-marca .i{width:18px;height:18px;stroke-width:3}
.que-haces .campo{margin-top:8px}

.riel.carga{flex:none;width:100%;height:14px}
.riel.carga i{width:100%;animation:llenar 2.4s ease-in-out both}
@keyframes llenar{from{width:0}to{width:100%}}
.tarde{flex:1;animation:asomar .3s ease-out 3s both}
@keyframes asomar{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}

/* las cajas de la galería */
.galeria main{gap:12px}
.galeria .bajada{margin-top:-4px}
.cuadro.caja{min-height:72px;padding:10px 14px;gap:14px}
.cuadro.caja .cuadro-ico{width:48px;height:48px}
.cuadro.caja b{font-size:18px}
.cuadro.caja small{font-size:14px}
.cuadro.lila{background:var(--lila);box-shadow:0 5px 0 var(--morado);color:var(--tinta)}
.cuadro.lila .cuadro-ico{background:rgba(255,255,255,.4)}
.cuadro.honda{background:var(--hondo);box-shadow:0 5px 0 var(--tinta);color:var(--blanco)}
.cuadro.honda .cuadro-ico{background:rgba(255,255,255,.18)}
.cuadro.honda small,.cuadro.lila small{opacity:.9}
.cuadro.nueva{background:var(--blanco);border:2.5px dashed var(--lila);color:var(--tinta)}
.cuadro.nueva .cuadro-ico{background:var(--suave);color:var(--morado)}
.cuadro.nueva small{color:var(--gris)}
.etiqueta-caja{align-self:flex-start;padding:2px 8px;border-radius:999px;background:var(--verde);color:var(--sobre-verde);font-size:12px;font-weight:700}

/* una caja abierta */
.categoria main{padding-top:0;gap:8px}
.titulo-caja{display:flex;align-items:center;gap:12px}
.titulo-caja .cuadro-ico{width:48px;height:48px;border-radius:14px;background:var(--morado);color:var(--blanco)}
.titulo-caja .titulo{font-size:26px}
.filas{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;border-top:1.5px solid var(--lila2)}
.fila{width:100%;min-height:76px;display:flex;align-items:center;gap:12px;padding:8px 4px 8px 2px;border:none;border-bottom:1.5px solid var(--lila2);background:transparent;text-align:left;color:var(--tinta)}
.fila>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fila b{font-size:17px;line-height:1.2}
.fila small{font-size:14px;line-height:1.35;color:var(--gris);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fila>.i{color:var(--morado)}
.paginas{min-height:44px;display:flex;align-items:center;justify-content:space-between}
.pildora{min-height:44px;display:flex;align-items:center;gap:6px;padding:0 16px;border-radius:999px;background:var(--blanco);border:2px solid var(--lila2);color:var(--hondo);font-weight:700}