.fo{border:0;min-width:0;margin:0;padding:0}.fo-leyenda{letter-spacing:-.01em;color:var(--mu-tinta);margin:0 0 10px;padding:0;font-size:17px;font-weight:500;line-height:1.3}.fo-error{margin:-4px 0 8px;display:block}.fo-rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (min-width:640px){.fo[data-col="3"] .fo-rejilla{grid-template-columns:repeat(3,minmax(0,1fr))}.fo[data-col="4"] .fo-rejilla{grid-template-columns:repeat(4,minmax(0,1fr))}}.fo-op{border:1px solid var(--mu-linea);background-color:var(--mu-blanco);min-height:48px;color:var(--mu-tinta);letter-spacing:-.008em;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;align-items:center;padding:10px 14px;font-size:16px;line-height:1.25;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out;display:flex;position:relative}.fo-op input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.fo-op:hover{border-color:var(--mu-tinta)}.fo-op:has(input:checked){border-color:var(--mu-tinta);background-color:var(--mu-tinta);color:var(--mu-blanco)}.fo-op:has(input:focus-visible){outline:2px solid var(--mu-acento);outline-offset:2px}.fo-mal .fo-op{border-color:#b3261e}.mu-oscuro .fo-leyenda{color:#fff}.mu-oscuro .fo-op{color:#fff;background-color:#1a1a1a;border-color:#ffffff29}.mu-oscuro .fo-op:hover{border-color:#ffffffb8}.mu-oscuro .fo-op:has(input:checked){color:var(--mu-negro);background-color:#fff;border-color:#fff}.mu-oscuro .fo-op:has(input:focus-visible){outline-color:#fff}.mu-oscuro .fo-mal .fo-op{border-color:#ff9b91}.fo-varias .fo-op{gap:10px;min-height:52px}.fo-marca{border:1.5px solid var(--mu-suave);background-color:var(--mu-blanco);border-radius:4px;flex:none;width:20px;height:20px;transition:background-color .16s ease-out,border-color .16s ease-out;position:relative}.fo-marca:after{content:"";border:solid var(--mu-tinta);opacity:0;border-width:0 2px 2px 0;width:5px;height:10px;transition:opacity .16s ease-out,transform .16s ease-out;position:absolute;top:2px;left:6px;transform:rotate(45deg)scale(.6)}.fo-varias .fo-op:has(input:checked) .fo-marca{border-color:var(--mu-blanco);background-color:var(--mu-blanco)}.fo-varias .fo-op:has(input:checked) .fo-marca:after{opacity:1;transform:rotate(45deg)scale(1)}@media (prefers-reduced-motion:reduce){.fo-marca,.fo-marca:after{transition:none}}