/* Reto flash · la celebración, la insignia, la satisfacción y «Esto fue una muestra». */
.listo{background:radial-gradient(circle at 50% 30%,#FFFFFF 0,var(--suave) 42%,var(--fondo) 75%)}
.listo main.centro{flex:1;gap:12px}

/* la insignia: el campo, la foto, el lienzo y los botones para compartir */
.insignia main{padding-top:18px;gap:10px}
.titulo.mediano{font-size:23px;line-height:1.15}
/* la foto: tomártela con la cámara o subirla, una al lado de la otra */
.fotos{flex:none}
.subir{flex:1;min-width:0;min-height:64px;display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:18px;border:2px dashed var(--lila);background:var(--blanco);text-align:left;color:var(--tinta)}
.subir b{font-size:16px;line-height:1.2;font-weight:800}
.error-foto{font-size:14px;color:var(--hondo);font-weight:700}
.subir-ico{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--suave);color:var(--morado)}
.lienzo{width:100%;max-width:350px;align-self:center;height:auto;aspect-ratio:350/340;flex:none;border-radius:26px;box-shadow:0 6px 0 var(--tinta)}

/* la satisfacción: cinco estrellas moradas */
.satisfaccion main{gap:14px;padding-top:4px}
.estrellas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.estrella{height:64px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:16px;background:transparent;color:var(--lila)}
.estrella .i{width:44px;height:44px;stroke-width:1.8}
.estrella.llena{color:var(--morado)}
.estrella.llena .i{fill:currentColor}

/* «Esto fue una muestra» */
.organizacion main{gap:14px;padding-top:4px}
/* los 6 retos, en dos columnas de 3 tarjetas para que entren sin bajar */
.retos{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:10px}
.reto-tarjeta{min-width:0;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:18px;background:var(--blanco);border:2px solid var(--lila2)}
.reto-num{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--morado)}
.reto-tarjeta b{font-size:16px;line-height:1.2;font-weight:800;color:var(--tinta)}
.reto-tarjeta.hecho{background:var(--verde-fondo);border-color:var(--verde)}
.reto-tarjeta.hecho .reto-num{color:var(--verde-texto)}
.reto-tarjeta .pastilla{margin-top:auto;display:inline-flex;align-items:center;gap:4px;padding:2px 10px 2px 6px;background:var(--verde);color:var(--sobre-verde)}
.reto-tarjeta .pastilla .i{width:16px;height:16px;stroke-width:3}
.aviso-lila{padding:12px 14px;border-radius:14px;background:var(--suave);font-size:16px;line-height:1.4;font-weight:600;color:var(--hondo)}
.organizacion .pie .btn{flex:none}
.listo .pie .btn,.bienvenida .pie .btn,.satisfaccion .pie .subrayado{flex:none}