.grp{display:grid;gap:12px;padding:18px;border:1px solid var(--linea-2);border-radius:var(--r-m);background:#ffffff06}.grp+.grp{margin-top:2px}.grp-h{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.grp-t{display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:1rem;text-transform:uppercase;letter-spacing:.005em}.grp-t svg{width:16px;height:16px;color:var(--oro);flex:none}.grp-v{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tenue);text-align:right}.grp-nota{margin:0;font-size:.76rem;color:var(--tenue);line-height:1.5}.grp.es-pers{border-color:#c9a22752;background:linear-gradient(180deg,#c9a22712,#c9a22700)}.par-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.par{display:grid;justify-items:center;gap:7px;padding:12px 8px;border:1px solid var(--linea);border-radius:var(--r-s);background:#ffffff08;color:var(--mudo);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:border-color .22s var(--e-out,ease),color .22s var(--e-out,ease),background-color .22s var(--e-out,ease),transform .15s var(--e-out,ease)}.par:active{transform:scale(.96)}.par[aria-pressed=true]{border-color:var(--oro);color:var(--blanco);background:#c9a2271a}.par-img{display:block;width:42px;height:42px;padding:3px;border-radius:9px;background:#f1f1ee;object-fit:contain}.par-nada{background:transparent;border:1px dashed var(--linea-2)}.par[aria-pressed=true] .par-img{background:#fff}@media(hover:hover)and (pointer:fine){.par:hover{border-color:var(--linea-2);color:var(--blanco)}}.modos{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;border-radius:var(--r-full);background:#ffffff0d;border:1px solid var(--linea)}.modo{min-height:42px;padding:9px 6px;border:0;border-radius:var(--r-full);background:transparent;color:#b2b2ad;font-size:.7rem;font-weight:700;letter-spacing:.05em;line-height:1.25;display:grid;place-content:center;text-align:center;transition:background-color .22s var(--e-out,ease),color .22s var(--e-out,ease),transform .15s var(--e-out,ease)}.modo small{display:block;font-size:.62rem;font-weight:600;letter-spacing:0;opacity:.75}.modo:active{transform:scale(.96)}.modo[aria-pressed=true]{background:var(--blanco);color:var(--negro)}.modo[aria-pressed=true] small{color:#5a5a54;opacity:1}@media(hover:hover)and (pointer:fine){.modo:not([aria-pressed=true]):hover{color:var(--blanco)}}.jugs{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}.jug{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:10px 12px;border:1px solid var(--linea);border-radius:var(--r-s);background:#ffffff08;color:var(--mudo);text-align:left;transition:border-color .22s var(--e-out,ease),color .22s var(--e-out,ease),background-color .22s var(--e-out,ease),transform .15s var(--e-out,ease)}.jug:active{transform:scale(.97)}.jug-n{font-size:.76rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jug-d{flex:none;font-family:var(--display);font-size:1.05rem;line-height:1;color:var(--linea-2)}.jug[aria-pressed=true]{border-color:var(--oro);color:var(--blanco);background:#c9a2271a}.jug[aria-pressed=true] .jug-d{color:var(--oro)}@media(hover:hover)and (pointer:fine){.jug:hover{border-color:var(--linea-2);color:var(--blanco)}}.campos{display:grid;grid-template-columns:2fr 1fr;gap:8px}.campos label{display:grid;gap:6px;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tenue)}.campos input{min-height:48px;padding:12px 14px;border:1px solid var(--linea-2);border-radius:var(--r-s);background:#ffffff0a;color:var(--blanco);font:inherit;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:border-color .22s var(--e-out,ease)}.campos input::placeholder{color:var(--tenue);opacity:.6;font-weight:400;letter-spacing:.04em}.campos input:focus{outline:0;border-color:#c9a227bf}.campos input.es-error{border-color:#d95b5b;animation:tiembla .38s ease}@keyframes tiembla{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.campos input.es-error{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/tlr-opciones.css.map */