/* MShowTV V17.8.06 — Admin 1 + Admin 2/Production + Public organization and mobile stability */
:root{--mshow-v17806:1;--mshow-safe-gap:16px}
html,body{max-width:100%;}
*,*::before,*::after{box-sizing:border-box}
img,video,canvas,svg{max-width:100%}

/* Consistent page containment without changing existing desktop design. */
.admin-main,.prod-main,.staff-main,main,.wrap,.container{min-width:0}
.admin-main,.prod-main,.staff-main{overflow-wrap:anywhere}

/* Admin/Production: consistent section rhythm and prevent controls from forcing horizontal overflow. */
.admin-main section,.prod-main section,.staff-main section,
.admin-main .card,.prod-main .card,.staff-main .card{min-width:0}
.admin-main input,.admin-main select,.admin-main textarea,.admin-main button,
.prod-main input,.prod-main select,.prod-main textarea,.prod-main button,
.staff-main input,.staff-main select,.staff-main textarea,.staff-main button{max-width:100%}

@media (max-width:820px){
  html,body{overflow-x:hidden!important}
  .admin-main,.prod-main,.staff-main,.admin-shell,.prod-shell,.staff-shell{width:100%!important;max-width:100%!important;min-width:0!important}
  .admin-main,.prod-main,.staff-main{padding-left:12px!important;padding-right:12px!important}
  .admin-grid,.prod-grid,.staff-grid,.settings-grid,.form-grid{grid-template-columns:minmax(0,1fr)!important}
  .admin-main input,.admin-main select,.admin-main textarea,
  .prod-main input,.prod-main select,.prod-main textarea,
  .staff-main input,.staff-main select,.staff-main textarea{width:100%!important;min-width:0!important}
  .prod-top,.topbar,.admin-topbar,.staff-topbar{max-width:100%!important;min-width:0!important}
}

/* Public mobile drawer: safe within iPhone viewport, compact and scrollable. */
@media (max-width:760px){
  html,body{max-width:100%;overflow-x:hidden!important}
  #mshowPhysicalNavV17702.mshow-menu-drawer-v17702,.mshow-menu-drawer-v17702{
    box-sizing:border-box!important;width:min(88vw,390px)!important;max-width:calc(100vw - 8px)!important;
    left:auto!important;right:0!important;padding:16px 12px calc(24px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
  }
  .mshow-menu-drawer-v17702 a{box-sizing:border-box!important;width:100%!important;min-height:0!important;padding:13px 15px!important;margin:0 0 8px!important;border-radius:16px!important;font-size:clamp(16px,4.8vw,19px)!important;line-height:1.2!important}
  .mshow-menu-head-v17702{margin-bottom:14px!important;padding:4px 2px!important}
  #publicMenuToggleV1762{right:12px!important;top:max(12px,env(safe-area-inset-top))!important}

  /* Reality/Events: remove empty dead space. */
  #reality{min-height:0!important;padding-bottom:32px!important}
  #reality .reality-featured-wrap:empty{display:none!important;margin:0!important;min-height:0!important}
  #reality .reality-events-grid:empty{display:block!important;min-height:0!important}
  #reality .reality-events-grid:empty::before{content:'No hay eventos publicados en este momento.';display:block;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.035);color:#cfc2d7;font-weight:700}
  #reality .reality-section-head{margin:18px 0 10px!important;align-items:center!important}
  #reality .reality-section-head h2{margin:2px 0!important}

  /* Careers and forms: single-column, viewport-safe. */
  #contrataciones .hiring-layout,#contrataciones .hiring-form-grid{grid-template-columns:minmax(0,1fr)!important}
  #contrataciones .hiring-hero,#contrataciones .hiring-jobs-panel,#contrataciones .hiring-apply-panel,#contrataciones .hiring-market-note-v17739{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important}

  /* Floating subscribe button stays clear of Safari controls/content. */
  #mshowSubscribeFabV17738{right:12px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;padding:10px 14px!important;font-size:14px!important;max-width:calc(100vw - 24px)!important}
}