.rio360-opciones{display:grid;gap:14px;margin:4px 0 6px}.rio360-opg{background:rgb(255 255 255 / .045);border-radius:16px;container:rio360-grupo / inline-size;padding:14px 14px 12px;scroll-margin:24px}.rio360-opg[hidden]{display:none!important}.rio360-opg__cabeza{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.rio360-producto-modal .rio360-opg__nombre{color:#fff!important;font-size:15.5px!important;font-weight:700!important;letter-spacing:-.01em;line-height:1.3!important;margin:0!important;text-wrap:balance}.rio360-producto-modal .rio360-opg__regla{color:rgb(255 255 255 / .64);font-size:13px;line-height:1.35;margin:3px 0 0!important;padding:0!important}.rio360-opg__estado{align-items:center;background:rgb(255 255 255 / .08);border-radius:999px;color:rgb(255 255 255 / .72);display:inline-flex;flex:none;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;gap:4px;line-height:1;padding:6px 10px;transition:background-color 0.2s ease,color 0.2s ease;white-space:nowrap}.rio360-opg__estado.is-falta{background:rgb(255 198 55 / .14);color:#ffd56b}.rio360-opg__estado.is-listo{background:rgb(52 199 89 / .16);color:#7fe0a0}.rio360-opg__lista{display:grid;gap:8px}@container rio360-grupo (min-width:340px){.rio360-opg__lista.is-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}}.rio360-op{align-items:center;background:rgb(255 255 255 / .06);border:1.5px solid #fff0;border-radius:12px;cursor:pointer;display:flex;gap:10px;min-height:48px;padding:9px 12px;position:relative;transition:background-color 0.15s ease,border-color 0.15s ease,opacity 0.2s ease,transform 0.1s ease-out;-webkit-tap-highlight-color:#fff0;user-select:none}@media (hover:hover){.rio360-op:hover{background:rgb(255 255 255 / .1)}}.rio360-op:active{transform:scale(.98)}.rio360-op__campo{height:1px;margin:0;opacity:0;pointer-events:none;position:absolute;width:1px}.rio360-op:has(.rio360-op__campo:focus-visible){outline:2.5px solid #ffc637;outline-offset:2px}.rio360-op:has(.rio360-op__campo:checked){background:rgb(255 198 55 / .13);border-color:#ffc637}.rio360-op__marca{align-items:center;border:2px solid rgb(255 255 255 / .42);color:#16130f;display:inline-flex;flex:none;height:22px;justify-content:center;transition:background-color 0.15s ease,border-color 0.15s ease;width:22px}.rio360-op__marca.is-una{border-radius:50%}.rio360-op__marca.is-varias{border-radius:7px}.rio360-op__marca i{background:#ffc637;border-radius:50%;display:block;height:10px;transform:scale(0);transition:transform 0.18s cubic-bezier(.22,1,.36,1);width:10px}.rio360-op__marca svg{opacity:0;transform:scale(.6);transition:opacity 0.12s ease,transform 0.18s cubic-bezier(.22,1,.36,1)}.rio360-op:has(.rio360-op__campo:checked) .rio360-op__marca{border-color:#ffc637}.rio360-op:has(.rio360-op__campo:checked) .rio360-op__marca.is-varias{background:#ffc637}.rio360-op:has(.rio360-op__campo:checked) .rio360-op__marca i{transform:scale(1)}.rio360-op:has(.rio360-op__campo:checked) .rio360-op__marca svg{opacity:1;transform:scale(1)}.rio360-op__mini{border-radius:8px;flex:none;height:38px;object-fit:cover;width:38px}.rio360-op__nombre{color:#fff;flex:1;font-size:14.5px;hyphens:auto;line-height:1.3;min-width:0;overflow-wrap:anywhere}.rio360-op__precio{color:rgb(255 255 255 / .78);flex:none;font-size:13.5px;font-variant-numeric:tabular-nums;font-weight:700}.rio360-op__precio.is-propio{color:#fff}@container rio360-grupo (min-width:340px){.rio360-opg__lista.is-rejilla .rio360-op{align-items:flex-start;flex-wrap:wrap;padding:10px 11px}.rio360-opg__lista.is-rejilla .rio360-op__nombre{flex:1 1 calc(100% - 34px)}.rio360-opg__lista.is-rejilla .rio360-op__precio{margin-left:32px;width:100%}}.rio360-op.is-apagada{cursor:not-allowed;opacity:.36}.rio360-op.is-apagada:active{transform:none}.rio360-opg__tope{color:#ffd56b;font-size:12.5px;margin:10px 2px 0!important;padding:0!important}.rio360-opg__tope[hidden]{display:none!important}.rio360-opg.is-llamado{animation:rio360-opg-llamado 1.1s ease-out}@keyframes rio360-opg-llamado{0%{box-shadow:0 0 0 0 #fff0;transform:translateX(0)}12%{box-shadow:0 0 0 2.5px rgb(255 143 133 / .95);transform:translateX(-6px)}24%{transform:translateX(5px)}36%{transform:translateX(-3px)}48%{transform:translateX(0)}70%{box-shadow:0 0 0 2.5px rgb(255 143 133 / .8)}100%{box-shadow:0 0 0 0 #fff0}}.rio360-producto-modal .rio360-producto-modal__acciones{background:linear-gradient(to top,#1c1b22 calc(100% - 20px),#fff0);bottom:0;margin:6px 0 -24px;padding:20px 0 24px;position:sticky;z-index:1}.rio360-catalogo__agregar{font-variant-numeric:tabular-nums;min-height:48px;white-space:nowrap;transition:background-color 0.2s ease,color 0.2s ease,transform 0.1s ease-out}.rio360-catalogo__agregar:active{transform:scale(.98)}.rio360-catalogo__agregar.is-falta{background:rgb(255 255 255 / .12);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion:reduce){.rio360-op,.rio360-op__marca,.rio360-op__marca i,.rio360-op__marca svg,.rio360-opg__estado,.rio360-catalogo__agregar{transition:none}.rio360-op:active,.rio360-catalogo__agregar:active{transform:none}.rio360-opg.is-llamado{animation:none;box-shadow:0 0 0 2.5px rgb(255 143 133 / .9)}}@media (min-width:740px){.rio360-producto-modal__panel:has(>.rio360-producto-modal__foto) .rio360-producto-modal__acciones{bottom:-24px}.rio360-producto-modal__panel:has(>.rio360-producto-modal__foto)>.rio360-producto-modal__cuerpo{display:flex;flex-direction:column}.rio360-producto-modal__panel:has(>.rio360-producto-modal__foto) .rio360-producto-modal__acciones{margin-top:auto}}.rio360-producto-modal__foto{max-height:44vh;max-height:44svh}@media (min-width:740px){.rio360-producto-modal__panel:has(>.rio360-producto-modal__foto){grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);max-width:940px}.rio360-producto-modal__panel:has(>.rio360-producto-modal__foto)>.rio360-producto-modal__foto{align-self:start;aspect-ratio:4 / 5;height:auto;max-height:calc(100vh - 40px);max-height:calc(100svh - 40px);min-height:0}.rio360-producto-modal__panel:has(>.rio360-producto-modal__foto)>.rio360-producto-modal__cuerpo{contain:size;height:100%;max-height:none}}