.widget .w-puente-variantes{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.widget .w-puente-variante{border:1px solid var(--color-borde);background:var(--color-superficie);min-height:2.75rem;color:var(--color-texto-suave);font-family:var(--font-titulo);cursor:pointer;border-radius:999px;padding:.5rem .875rem;font-size:.875rem;font-weight:600;line-height:1.25}.widget .w-puente-variante:hover{border-color:color-mix(in srgb, var(--color-luz) 60%, transparent)}.widget .w-puente-variante[aria-pressed=true]{border-color:var(--color-luz);background:color-mix(in srgb, var(--color-luz) 12%, var(--color-superficie));color:var(--color-texto)}.widget .w-puente-variante[aria-pressed=true]:before{content:"✓ ";color:var(--color-luz)}.w-puente .w-puente-reloj{margin-top:1rem}.w-puente .w-puente-reloj__texto{color:var(--color-texto-suave);font-family:var(--font-titulo);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.w-puente .w-puente-reloj__texto strong{color:var(--color-luz);font-size:1.5rem;font-weight:800}.w-puente .w-puente-reloj__barra{background:var(--color-superficie-2);border-radius:999px;height:.5rem;margin-top:.375rem;overflow:hidden}.w-puente .w-puente-reloj__barra>span{border-radius:inherit;background:var(--color-luz);width:0;height:100%;transition:width .25s;display:block}.w-puente .w-puente-reloj--fin .w-puente-reloj__barra>span{background:var(--color-sube)}.w-puente .w-puente-orillas{gap:.5rem;margin-top:1rem;display:grid}@media (width>=560px){.w-puente .w-puente-orillas{grid-template-columns:repeat(2,minmax(0,1fr))}}.w-puente .w-puente-orilla{border:1px solid var(--color-borde);background:var(--color-superficie);border-radius:1rem;min-width:0;padding:.75rem}.w-puente .w-puente-orilla--linterna{border-color:color-mix(in srgb, var(--color-luz) 55%, transparent);background:color-mix(in srgb, var(--color-luz) 6%, var(--color-superficie))}.w-puente .w-puente-orilla__cabeza{color:var(--color-texto);font-family:var(--font-titulo);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;font-size:.875rem;font-weight:600;display:flex}.w-puente .w-puente-linterna{color:var(--color-luz);font-size:.8125rem}.w-puente .w-puente-personas{flex-wrap:wrap;gap:.75rem .5rem;min-height:2.75rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.w-puente .w-puente-personas>li{margin:0}.w-puente .w-puente-vacio{color:var(--color-texto-tenue);align-self:center;font-size:.875rem}.w-puente .w-puente-persona{border:2px solid var(--color-borde);background:var(--color-superficie-2);min-width:4rem;min-height:2.75rem;color:var(--color-texto-suave);font-family:var(--font-titulo);font-variant-numeric:tabular-nums;border-radius:.875rem;justify-content:center;align-items:baseline;gap:.25rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;line-height:1.2;display:inline-flex;position:relative}.w-puente button.w-puente-persona{color:var(--color-texto);cursor:pointer}.w-puente button.w-puente-persona:hover{border-color:color-mix(in srgb, var(--color-luz) 60%, transparent)}.w-puente .w-puente-persona[aria-pressed=true]{border-color:var(--color-luz);background:color-mix(in srgb, var(--color-luz) 16%, var(--color-superficie-2))}.w-puente .w-puente-persona[aria-pressed=true]:after{content:"✓";background:var(--color-luz);width:1.25rem;height:1.25rem;color:var(--color-superficie);border-radius:999px;place-items:center;font-size:.75rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-.5rem;right:-.5rem}.w-puente .w-puente-persona--quieta{border-style:dashed}.w-puente .w-puente-persona__min{color:var(--color-luz);font-size:1.125rem;font-weight:800}.w-puente .w-puente-persona--quieta .w-puente-persona__min{color:var(--color-texto)}.w-puente .w-puente-acciones{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.w-puente .w-puente-cruzar{flex:100%}@media (width>=560px){.w-puente .w-puente-cruzar{flex:auto}}.w-puente .w-puente-acciones [aria-disabled=true]{cursor:not-allowed;opacity:.6;box-shadow:none}.w-puente .w-puente-mensaje{min-height:1.5rem;color:var(--color-texto-suave);margin:.75rem 0 0;font-size:.9375rem;line-height:1.5}.w-puente .w-puente-mensaje[data-tono=ok]{color:var(--color-sube);font-weight:600}.w-puente .w-puente-mensaje[data-tono=error]{color:var(--color-baja)}.w-puente .w-puente-registro{color:var(--color-texto-suave);margin:.75rem 0 0;padding-left:1.5rem;font-size:.875rem;list-style:decimal}.w-puente .w-puente-registro>li{margin-block:.125rem}@media (prefers-reduced-motion:reduce){.w-puente .w-puente-reloj__barra>span{transition:none}}