/* Selector nativo de tarifas; la escena conserva sus estilos históricos. */
.cinema-site .billing-switch{display:block;width:min(100%,19rem);min-width:0;overflow:visible;margin:0 0 16px;padding:0;border:0;background:transparent}
.cinema-site .billing-switch legend,.cinema-site .billing-switch input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;margin:0;border:0}
.cinema-site .billing-options{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;border:1px solid var(--line);border-radius:5px;background:#ffffffb3}
.cinema-site .billing-switch label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:10px 12px;border-radius:3px;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer}
.cinema-site .billing-switch label span{transition:transform .24s cubic-bezier(.2,.7,.2,1)}
.cinema-site .billing-switch label:hover,.cinema-site .billing-switch label:has(input:checked){color:var(--ink)}
.cinema-site .billing-switch label:has(input:checked) span{transform:translateX(12px)}
.cinema-site .billing-switch label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.cinema-site .billing-indicator{position:absolute;inset:4px auto 4px 4px;width:calc(50% - 4px);border:1px solid #ebc29f;border-radius:3px;background:#fff0e2;pointer-events:none;transition:transform .24s cubic-bezier(.2,.7,.2,1)}
.cinema-site .billing-indicator svg{position:absolute;top:50%;left:15px;width:26px;height:24px;transform:translateY(-50%);fill:#ed8936;stroke:var(--accent);stroke-width:1;stroke-linejoin:round}
.cinema-site .billing-options:has(input[value=annual]:checked) .billing-indicator{transform:translateX(100%)}
.cinema-plans:has(input[name=home-billing][value=monthly]:checked) .plan-rate-annual{display:none}
.cinema-plans:has(input[name=home-billing][value=annual]:checked) .plan-rate-monthly{display:none}
.cinema-price-list article>div:first-child{min-width:0}
.cinema-price-list article>div:first-child p{max-width:19ch}
.cinema-price-list .plan-rates{flex:0 0 auto;text-align:right}
@media(max-width:300px){.cinema-site .billing-switch label{min-height:64px;padding:28px 4px 8px}.cinema-site .billing-switch label:has(input:checked) span{transform:none}.cinema-site .billing-indicator svg{top:8px;left:50%;width:24px;height:20px;transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.cinema-site .billing-indicator,.cinema-site .billing-switch label span{transition:none}}
@media(forced-colors:active){.cinema-site .billing-options{background:Canvas}.cinema-site .billing-indicator{background:Canvas;border-color:Highlight}.cinema-site .billing-indicator svg{fill:Highlight;stroke:Highlight}.cinema-site .billing-switch label:has(input:checked){color:Highlight;text-decoration:underline}.cinema-site .billing-switch label:has(input:focus-visible){outline-color:Highlight}}