.selector-producto{position:relative;flex:none;margin-right:auto}.selector-producto__boton{display:inline-flex;align-items:center;gap:.35rem;height:2rem;padding:0 .4rem 0 .55rem;font-family:inherit;color:var(--color-prensa-suave);background:transparent;border:1px solid var(--color-prensa-filo);border-radius:4px;cursor:pointer;transition:border-color var(--motion-rapido) var(--ease-advent),color var(--motion-rapido) var(--ease-advent)}.selector-producto__boton:hover,.selector-producto__boton[aria-expanded=true]{color:var(--color-prensa-tinta);border-color:var(--color-prensa-tinta)}.selector-producto__logo{display:block;height:1.1rem;width:auto}.selector-producto__chevron{flex:none}.selector-producto__lista{position:fixed;z-index:90;display:flex;flex-direction:column;gap:.15rem;width:min(12rem,calc(100vw - 1rem));padding:.3rem;background:var(--color-barra);color:var(--color-prensa-tinta);border:1px solid var(--color-prensa-filo);border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.35)}.selector-producto__opcion{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3rem;padding:.5rem .85rem;color:var(--color-prensa-tinta);text-decoration:none;border-radius:4px}.selector-producto__opcion:focus-visible,.selector-producto__opcion:hover{background:var(--color-prensa-velo);text-decoration:none}.selector-producto__opcion:focus-visible{outline:2px solid var(--color-marcador);outline-offset:-2px}.selector-producto__opcion .selector-producto__logo{height:1.5rem}.selector-producto__check{flex:none;color:var(--color-logo)}.selector-producto__opcion[aria-checked=true]{background:var(--color-prensa-velo)}.selector-producto[data-variante=cabecera]{display:none;margin-right:0}.selector-producto[data-variante=cabecera] .selector-producto__boton{height:2rem;background:var(--color-barra);color:var(--color-prensa-suave);border-color:var(--color-barra)}@media (max-width:767px){.selector-producto[data-variante=cabecera]{display:block}.selector-producto[data-variante=cabecera]~.contexto__migas{max-width:30%}}@media (min-width:768px){.marco[data-colapsada] .selector-producto{margin-right:0}.marco[data-colapsada] .selector-producto__boton{padding:0 .35rem}.marco[data-colapsada] .selector-producto__chevron{display:none}.marco[data-colapsada] .selector-producto__logo{height:.9rem}}@media (prefers-reduced-motion:reduce){.selector-producto__boton{transition:none}}