/* Reto flash · «Haz tu agente» con sus tres tarjetas, los permisos de tu plan, los caminos con su pedido para copiar y la prueba. */
.caminos main{gap:16px}
.caminos .bajada{margin-top:-8px;font-size:17px}
.cuadro{flex:none;width:100%;min-height:104px;display:flex;align-items:center;gap:14px;padding:14px 14px 14px 16px;border:none;border-radius:22px;text-align:left;text-decoration:none}
.cuadro>.i:last-child{opacity:.85}
.cuadro-ico{width:52px;height:52px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(255,255,255,.2)}
.cuadro-ico .i{width:28px;height:28px;stroke-width:2}
.cuadro-texto{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.cuadro-texto b{font-size:19px;line-height:1.15;font-weight:800}
.cuadro-texto small{font-size:15px;line-height:1.3}
.cuadro.morada{background:var(--morado);box-shadow:0 5px 0 var(--hondo);color:var(--blanco)}
.cuadro.morada small{color:var(--suave)}
.cuadro.verde{background:var(--verde);box-shadow:0 5px 0 var(--verde-sombra);color:var(--sobre-verde)}
.cuadro.verde .cuadro-ico{background:rgba(255,255,255,.45)}
.cuadro.blanca{background:var(--blanco);border:2px solid var(--lila2);box-shadow:0 5px 0 var(--lila2);color:var(--tinta)}
.cuadro.blanca .cuadro-ico{background:var(--suave);color:var(--morado)}
.cuadro.blanca small{color:var(--gris)}

/* «Permisos y restricciones de tu plan»: una fila por permiso, con verde si se puede y lila si depende o falta confirmar */
.permisos main{gap:12px}
.lista-permisos{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.permiso{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:16px;background:var(--blanco);border:1.5px solid var(--lila2)}
.permiso-ico{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--suave);color:var(--morado)}
.permiso-ico .i{width:20px;height:20px;stroke-width:2.6}
.permiso.si .permiso-ico{background:var(--verde-fondo);color:var(--verde-texto)}
.permiso.no .permiso-ico{background:var(--riel);color:var(--gris)}
.permiso-texto{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.permiso-texto>b{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:16px;line-height:1.25;font-weight:800}
.permiso-texto small{font-size:14.5px;line-height:1.35;color:var(--gris)}
.permiso-estado{padding:1px 8px;border-radius:999px;background:var(--suave);color:var(--hondo);font-size:12.5px;font-weight:700}
.permiso.si .permiso-estado{background:var(--verde-fondo);color:var(--verde-texto)}

/* los caminos: el pedido en su caja, lo morado se cambia */
.camino main,.agente main{padding-top:0;gap:10px}
.caja-pedido{position:relative;margin-top:4px;padding:14px 16px;border-radius:18px;background:var(--blanco);border:1.5px solid var(--lila2)}
.caja-pedido p,.pedido-completo{font-size:15.5px;line-height:1.5}
mark{padding:1px 3px;border-radius:5px;background:var(--marca);color:var(--hondo)}
.caja-pedido.corta{padding-bottom:4px}
.caja-pedido.corta p{max-height:118px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.instruccion{font-size:16px;line-height:1.4}

/* la prueba: el signo con que se llama la habilidad */
.prueba main{gap:12px;padding-top:12px}
.bajada.amplia{font-size:17px}
.caja-signo{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:var(--blanco);border:2px solid var(--lila2)}
.caja-signo p{font-size:17px;line-height:1.4;font-weight:600}
.signo{width:52px;height:52px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--morado);color:var(--blanco);font-size:30px;font-weight:800}
.insignia .dos .btn{font-size:15px;padding:0 6px}