/* ═══ LA RUEDA — selector de sección (ver rueda.js) ═══ */
.rueda-host{position:relative;margin-left:auto;flex:none;display:flex;align-items:center}
.rueda{display:flex;align-items:center;gap:8px;height:52px;padding:0 4px 0 12px;border:1px solid rgba(239,230,213,.13);
  border-radius:999px;background:rgba(0,0,0,.35);color:#EFE6D5;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}
.rueda:hover{border-color:rgba(242,176,30,.45)}
.rueda:focus-visible{outline:2px solid #F2B01E;outline-offset:2px}
.rueda svg{width:46px;height:46px;flex:none;overflow:visible;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.rueda-g{transform-box:view-box;transform-origin:50px 50px;will-change:transform}
.rueda-lbl{display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1;text-align:right}
.rueda-lbl b{font-family:"Oswald",system-ui,sans-serif;font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#F2B01E}
.rueda-lbl small{font-family:"Oswald",system-ui,sans-serif;font-weight:500;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#7E7462;white-space:nowrap}
/* Móvil y tablet: botón flotante abajo a la derecha, un 20 % más grande, al alcance del pulgar */
@media (max-width:899px){
  .rueda-host{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:60;margin:0}
  .rueda{height:62px;gap:8px;padding:0 5px 0 14px;background:rgba(11,9,8,.92);border-color:rgba(242,176,30,.35);
    box-shadow:0 14px 34px -10px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  .rueda svg{width:55px;height:55px}
  .rueda-lbl b{font-size:13px}
  .rueda-lbl small{font-size:10px}
}
@media (min-width:900px){
  .rueda-host{order:2;margin-left:26px}
}
@media (prefers-reduced-motion:reduce){
  .rueda-g{transition:none !important}
}