/* MoviePlay Operation 360 — capa visual unificada, móvil primero. */
:root{
  --mp360-bg:#f4f6f3;--mp360-panel:#fff;--mp360-line:#dfe7dc;--mp360-text:#172016;--mp360-muted:#687665;
  --mp360-lime:#a8ff1a;--mp360-good:#198754;--mp360-warning:#9a6400;--mp360-danger:#b42318;--mp360-info:#2457c5;
}
.mp360Launcher{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid #dce6d8;border-radius:11px;background:#f8fbf6;color:#263522;font-weight:900;cursor:pointer}
.mp360Launcher b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#111811;color:var(--mp360-lime);font-size:11px}
.mp360Launcher:hover{border-color:#9fd85d;background:#f5ffe9}
.mp360MobileFab{display:none}
@media(max-width:900px){
  .mp360Launcher{display:none}
  .mp360MobileFab{position:fixed;right:12px;bottom:max(16px,env(safe-area-inset-bottom));z-index:86;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:15px;background:#111811;color:var(--mp360-lime);font-size:12px;font-weight:1000;box-shadow:0 12px 30px rgba(15,23,42,.24);cursor:pointer}
  .mp360MobileFab:active{transform:scale(.97)}
  body[data-page="catalogo"] .mp360MobileFab{bottom:max(88px,calc(env(safe-area-inset-bottom) + 78px))}
  body:has(.multiPurchaseBarV8324) .mp360MobileFab{bottom:max(96px,calc(env(safe-area-inset-bottom) + 84px))}
}
.mp360Overlay{position:fixed;inset:0;z-index:12050;display:grid;grid-template-columns:minmax(0,1fr) min(720px,94vw);background:rgba(6,10,6,.56);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.mp360Backdrop{min-width:0}
.mp360Panel{height:100dvh;overflow:auto;background:var(--mp360-bg);box-shadow:-24px 0 70px rgba(0,0,0,.24);color:var(--mp360-text);overscroll-behavior:contain}
.mp360Top{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--mp360-line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.mp360Top>div{min-width:0;flex:1}.mp360Top small{display:block;color:var(--mp360-muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.mp360Top h2{margin:2px 0 0;font-size:19px}
.mp360Close{width:40px;height:40px;border:1px solid #dfe6dd;border-radius:12px;background:#fff;color:#344033;font-size:20px;cursor:pointer}
.mp360Body{display:grid;gap:12px;padding:14px 16px 26px}
.mp360Search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;border:1px solid var(--mp360-line);border-radius:15px;background:#fff}
.mp360Search input{min-width:0;height:44px;border:1px solid #dbe4d8;border-radius:11px;padding:0 12px;font-size:14px;outline:0}.mp360Search input:focus{border-color:#8ed137;box-shadow:0 0 0 3px rgba(142,209,55,.13)}
.mp360Primary,.mp360Secondary{min-height:42px;border-radius:11px;padding:0 13px;font-weight:950;cursor:pointer}.mp360Primary{border:1px solid #8fd929;background:var(--mp360-lime);color:#15200d}.mp360Secondary{border:1px solid #d9e3d6;background:#fff;color:#3a4937}.mp360Primary:disabled,.mp360Secondary:disabled{opacity:.48;cursor:not-allowed}
.mp360Results{display:grid;gap:8px}.mp360Result{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;text-align:left;padding:12px;border:1px solid var(--mp360-line);border-radius:14px;background:#fff;color:var(--mp360-text);cursor:pointer}.mp360Result:hover{border-color:#a8d77a}.mp360Result strong,.mp360Result span,.mp360Result small{display:block}.mp360Result strong{font-size:13px}.mp360Result span{margin-top:3px;font-size:11px;color:#52614f}.mp360Result small{margin-top:3px;font-size:10px;color:#879184}.mp360ResultAside{display:grid;justify-items:end;align-content:start;gap:5px}
.mp360Badge{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:950;white-space:nowrap}
.mp360Tone-good{background:#eaf9ed;color:#19733e;border:1px solid #cce9d2}.mp360Tone-warning{background:#fff6df;color:#855600;border:1px solid #edd7a0}.mp360Tone-danger{background:#fff0ed;color:#a62d22;border:1px solid #efc9c3}.mp360Tone-info{background:#edf3ff;color:#2f55a8;border:1px solid #d3e0ff}.mp360Tone-neutral{background:#f1f4f0;color:#5f6c5c;border:1px solid #dfe5dd}
.mp360Hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:15px;border:1px solid var(--mp360-line);border-radius:17px;background:linear-gradient(135deg,#fff,#f4faef)}.mp360Hero h3{margin:0;font-size:19px}.mp360Hero p{margin:5px 0 0;color:var(--mp360-muted);font-size:12px}.mp360HeroState{display:grid;justify-items:end;align-content:start;gap:5px}
.mp360Facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mp360Fact{min-width:0;padding:10px;border:1px solid var(--mp360-line);border-radius:12px;background:#fff}.mp360Fact small,.mp360Fact b{display:block}.mp360Fact small{color:var(--mp360-muted);font-size:9px;font-weight:850;text-transform:uppercase}.mp360Fact b{margin-top:3px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp360Actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mp360Action{min-height:47px;border:1px solid #dbe5d8;border-radius:12px;background:#fff;color:#2b3928;font-size:11px;font-weight:950;cursor:pointer}.mp360Action.primary{background:#111811;color:#fff;border-color:#111811}.mp360Action.lime{background:var(--mp360-lime);color:#13200d;border-color:#8fd929}.mp360Action:disabled{opacity:.45;cursor:not-allowed}
.mp360Section{padding:13px;border:1px solid var(--mp360-line);border-radius:15px;background:#fff}.mp360SectionHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.mp360SectionHead h4{margin:0;font-size:13px}.mp360SectionHead small{color:var(--mp360-muted);font-size:9px;font-weight:850}.mp360List{display:grid;gap:6px}.mp360ListItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px;border-radius:10px;background:#f7f9f6}.mp360ListItem b,.mp360ListItem small{display:block}.mp360ListItem b{font-size:11px}.mp360ListItem small{margin-top:2px;color:var(--mp360-muted);font-size:9.5px}
.mp360Empty{padding:22px;text-align:center;color:#788576;font-size:12px}
.mp360Today{display:grid;gap:8px;margin:0 0 12px}.mp360TodayHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.mp360TodayHead h3{margin:0;font-size:14px}.mp360TodayHead button{border:0;background:transparent;color:#49683c;font-weight:900;cursor:pointer}
.mp360TodayGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.mp360TodayCard{min-width:0;padding:10px;border:1px solid var(--mp360-line);border-radius:12px;background:#fff;text-align:left;cursor:pointer}.mp360TodayCard b{display:block;font-size:18px}.mp360TodayCard span{display:block;margin-top:3px;color:#667463;font-size:9px;font-weight:850}
.mp360TodaySecondary{margin-top:10px;border-top:1px solid #e1eadb;padding-top:8px}.mp360TodaySecondary summary{color:#40543a;font-size:11px;font-weight:900;cursor:pointer}.mp360TodaySecondary .mp360TodayGrid{margin-top:8px}.mp360TodayCard:focus-visible,.mp360TodaySecondary summary:focus-visible{outline:2px solid #79c900;outline-offset:2px}
.mp360AutomationGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mp360AutomationCard{padding:12px;border:1px solid var(--mp360-line);border-radius:14px;background:#fff}.mp360AutomationCard small,.mp360AutomationCard b,.mp360AutomationCard span{display:block}.mp360AutomationCard small{color:var(--mp360-muted);font-size:9px;font-weight:900;text-transform:uppercase}.mp360AutomationCard b{margin:5px 0 2px;font-size:20px}.mp360AutomationCard span{font-size:10px;color:#657261}
.mp360AutomationPlan{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border-radius:11px;background:#f7f9f6}.mp360AutomationPlan b{display:block;font-size:11px}.mp360AutomationPlan small{display:block;margin-top:2px;color:#71806d;font-size:9px}
.mp360OverlayAutomation{display:block;background:#e9eee8}.mp360OverlayAutomation .mp360Backdrop{display:none}.mp360OverlayAutomation .mp360Panel{width:min(100%,1440px);margin-inline:auto;box-shadow:0 16px 60px rgba(0,0,0,.16)}.mp360OverlayAutomation .mp360Body{max-width:1320px;margin-inline:auto;padding:20px clamp(14px,3vw,32px) 42px;gap:16px}.mp360OverlayAutomation .mp360Top{padding:16px clamp(14px,3vw,32px)}.mp360OverlayAutomation .mp360AutomationGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.mp360OverlayAutomation .mp360AutomationCard{min-width:0;overflow-wrap:anywhere}.mp360CloseLayout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}.mp360CloseForm,.mp360CloseHistory{min-width:0}.mp360CloseForm{display:grid;gap:8px}.mp360CloseForm>.mp360Search{margin:0}.mp360CloseForm>.mp360Primary,.mp360CloseForm>.mp360Secondary{width:100%!important;margin:0!important;min-height:46px}.mp360CloseForm>.mp360Empty{padding:9px;text-align:left;min-height:30px}.mp360CloseHistory .mp360List{max-height:390px;overflow:auto;overscroll-behavior:contain}.mp360CloseHistory .mp360ListItem{min-width:0;align-items:start}.mp360CloseHistory .mp360ListItem small{overflow-wrap:anywhere;line-height:1.35}.mp360CloseHistory .mp360Badge{max-width:130px;white-space:normal;text-align:center}.mp360OverlayAutomation .mp360SectionHead h4{font-size:15px}.mp360OverlayAutomation .mp360Section>p{line-height:1.5}
@media(max-width:1100px){.mp360OverlayAutomation .mp360AutomationGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.mp360OverlayAutomation .mp360AutomationGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp360CloseLayout{grid-template-columns:1fr}.mp360CloseHistory .mp360List{max-height:280px}.mp360OverlayAutomation .mp360Body{padding:12px 12px 32px}.mp360OverlayAutomation .mp360Top{padding:12px}.mp360OverlayAutomation .mp360Section{padding:12px}}
@media(max-width:430px){.mp360OverlayAutomation .mp360AutomationGrid{grid-template-columns:1fr 1fr;gap:7px}.mp360OverlayAutomation .mp360AutomationCard{padding:9px}.mp360OverlayAutomation .mp360AutomationCard b{font-size:15px}.mp360CloseHistory .mp360ListItem{grid-template-columns:1fr}.mp360CloseHistory .mp360Badge{justify-self:start}}
.mp360CodeResult{text-align:center;padding:16px;border:1px solid #d8e9c9;border-radius:15px;background:#f7ffef}.mp360CodeResult strong{display:block;margin:7px 0;font-size:38px;letter-spacing:.11em}.mp360CodeResult h4{margin:4px 0;font-size:16px}.mp360CodeResult p{margin:5px 0;color:#5f6d5c;font-size:11px}
.mp360SyncCode{width:100%;height:58px;border:1px solid #cdd9c9;border-radius:13px;background:#fff;text-align:center;font-size:25px;font-weight:950;letter-spacing:.18em}
.mp360Progress{display:grid;gap:6px}.mp360Progress div{padding:9px;border-radius:10px;background:#f3f6f2;color:#586655;font-size:11px;font-weight:850}.mp360Progress div.active{background:#effbdc;color:#315b17}.mp360Progress div.done{background:#e8f8ec;color:#176b39}.mp360Progress div.warning{background:#fff7df;color:#8a6500}.mp360Progress div.error{background:#fff0ed;color:#9b3026}
.mp360SupportConfirm{display:grid;gap:9px;margin:0 0 10px;padding:11px;border:1px solid #cfe6bb;border-radius:15px;background:linear-gradient(135deg,#f8ffef,#fff);box-shadow:0 5px 16px rgba(40,70,25,.05)}
.mp360SupportConfirmHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.mp360SupportConfirmHead span{display:block;color:#52733d;font-size:9px;font-weight:950;letter-spacing:.08em}.mp360SupportConfirmHead h3{margin:2px 0 0;font-size:14px}.mp360SupportConfirmHead>b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:999px;background:#111811;color:var(--mp360-lime);font-size:12px}
.mp360SupportConfirmList{display:grid;gap:8px}.mp360SupportConfirmItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px;border:1px solid #dde9d5;border-radius:12px;background:#fff}.mp360SupportConfirmItem strong,.mp360SupportConfirmItem small{display:block}.mp360SupportConfirmItem strong{font-size:12px}.mp360SupportConfirmItem small{margin-top:2px;color:#778473;font-size:9px}.mp360SupportConfirmItem p{margin:7px 0 0;color:#3d4b39;font-size:11px;line-height:1.4;white-space:pre-line}.mp360SupportConfirmActions{display:grid;grid-template-columns:1fr;gap:6px;align-content:center}.mp360SupportConfirmActions button{min-width:112px}
.mp360Toast{position:fixed;z-index:13000;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:min(520px,calc(100vw - 28px));padding:11px 14px;border-radius:12px;background:#101810;color:#fff;font-size:12px;font-weight:850;box-shadow:0 15px 45px rgba(0,0,0,.3)}
.mp360AutomationPage{width:100%;max-width:1440px;margin:0 auto;color:var(--mp360-text)}
#content .mp360AutomationIntro{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:0!important;padding:18px clamp(14px,2vw,28px);border:1px solid #dfe8d9;border-radius:18px;background:linear-gradient(115deg,#142519,#233b1d);color:#fff}
.mp360AutomationIntro small{display:block;color:#b0ff49;font-size:10px;font-weight:900;letter-spacing:.09em}
.mp360AutomationIntro h2{margin:5px 0 2px;font-size:clamp(20px,2vw,27px)}
.mp360AutomationIntro p{margin:0;color:#d2dfd0;font-size:12px}
.mp360AutomationPage>.mp360Body{max-width:none;margin:0;padding:16px 0 32px;gap:14px}
.mp360AutomationPage .mp360AutomationGrid{grid-template-columns:repeat(5,minmax(0,1fr))}
.mp360AutomationPage .mp360AutomationCard{min-width:0;overflow-wrap:anywhere}
.mp360AutomationPage .mp360SectionHead h4{font-size:15px}
.mp360AutomationPage .mp360Section>p{line-height:1.5}
#mp360CloseChoice{display:grid;gap:8px;padding:11px;border:1px solid #dce8d7;border-radius:12px;background:#f7fbf4}#mp360CloseChoice[hidden],#mp360ClosePassword[hidden]{display:none!important}#mp360CloseChoice label{font-size:11px;font-weight:800;color:#364831}#mp360CloseChoice select{min-width:0;min-height:44px;border:1px solid #dbe4d8;border-radius:10px;padding:0 10px;background:#fff;color:#22321e}#mp360CloseChoice button{width:100%}
@media(max-width:1100px){.mp360AutomationPage .mp360AutomationGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.mp360AutomationPage .mp360AutomationGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp360AutomationIntro{padding:15px}.mp360AutomationPage>.mp360Body{padding:12px 0 24px}.mp360AutomationPage .mp360Section{padding:12px}}
@media(max-width:430px){.mp360AutomationPage .mp360AutomationGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mp360AutomationPage .mp360AutomationCard{padding:9px}.mp360AutomationPage .mp360AutomationCard b{font-size:15px}}
@media(max-width:900px){.mp360TodayGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.mp360Actions{grid-template-columns:repeat(2,minmax(0,1fr))}.mp360Facts{grid-template-columns:repeat(2,minmax(0,1fr))}.mp360AutomationGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.mp360Overlay{grid-template-columns:1fr}.mp360Backdrop{display:none}.mp360Panel{width:100vw}.mp360Body{padding:10px 10px calc(18px + env(safe-area-inset-bottom))}.mp360Top{padding:10px}.mp360Search{grid-template-columns:1fr}.mp360Search button{width:100%}.mp360TodayGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp360AutomationGrid{grid-template-columns:1fr}.mp360Hero{grid-template-columns:1fr}.mp360HeroState{justify-items:start}.mp360Result{grid-template-columns:1fr}.mp360ResultAside{justify-items:start;grid-auto-flow:column;justify-content:start}.mp360Action{min-height:50px}.mp360CodeResult strong{font-size:34px}}
