/* =========================================================
   PRO MENU LIMPIO V3
   Los módulos Pro viven en una página grande y el menú
   lateral es la única navegación Pro visible.
   ========================================================= */
.pro-side-menu{margin:8px 0 3px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}
.pro-side-toggle{width:100%;display:grid;grid-template-columns:31px 1fr auto 18px;align-items:center;gap:8px;border:1px solid rgba(239,200,74,.18);background:rgba(239,200,74,.07);color:#fff;padding:9px 10px;border-radius:13px;cursor:pointer;text-align:left}
.pro-side-toggle:hover{background:rgba(239,200,74,.13)}
.pro-side-star{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(239,200,74,.16);color:#f4cf57;font-size:15px}
.pro-side-title{font-size:12px;font-weight:900;letter-spacing:.02em}
.pro-side-toggle small{font-size:7px;font-weight:900;border-radius:999px;padding:4px 6px;background:#5c4720;color:#ffe99c}
.pro-side-toggle small.active{background:#246f40;color:#dff5e5}
.pro-side-arrow{font-size:15px;transition:transform .18s ease}.pro-side-menu.open .pro-side-arrow{transform:rotate(180deg)}
.pro-side-submenu{padding:7px 4px 3px}
.pro-menu-group{padding:5px 0 8px}.pro-menu-group+b{margin-top:4px}
.pro-menu-group>b{display:block;color:#8fb19a;font-size:7px;letter-spacing:.11em;padding:6px 8px 3px}
.pro-menu-group button{width:100%;border:0;background:transparent;color:#d7e5dc;padding:7px 9px;border-radius:9px;text-align:left;font-size:10px;cursor:pointer;margin:1px 0}
.pro-menu-group button:hover{background:rgba(255,255,255,.08);color:#fff}
body.plan-free .pro-menu-group button:after{content:" 🔒";font-size:7px;opacity:.65}
body.plan-pro .pro-menu-group button:after{content:"";}

/* Dedicated Pro page */
.pro-workspace-page{width:100%}
.pro-workspace-banner{min-height:150px;border-radius:23px;background:linear-gradient(125deg,#123b25,#267244);color:#fff;padding:25px 28px;display:flex;gap:18px;align-items:flex-end;margin-bottom:16px;box-shadow:0 14px 34px rgba(18,59,37,.12)}
.pro-workspace-banner>div{margin-right:auto}.pro-workspace-banner span{font-size:9px;font-weight:900;letter-spacing:.13em;color:#d9efdf}.pro-workspace-banner h2{font-size:30px;line-height:1.08;margin:5px 0}.pro-workspace-banner p{margin:0;font-size:11px;color:#d6e7dc}
.pro-workspace-banner button{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.11);color:#fff;border-radius:10px;padding:9px 11px;font-size:10px;font-weight:800;cursor:pointer}
.pro-workspace-content{width:100%}

/* Remove all duplicate Pro navigation and advertising from the workspace. */
.pro-clean-layout #farmPro,
.pro-clean-layout #proMax{margin:0;border:0;box-shadow:none;border-radius:0;padding:0;background:transparent}
.pro-clean-layout #farmPro .pro-lock-box,
.pro-clean-layout #farmPro .farm-pro-head,
.pro-clean-layout #farmPro .farm-kpis,
.pro-clean-layout #farmPro .farm-tabs{display:none!important}
.pro-clean-layout #proMax .ultra-release-badge,
.pro-clean-layout #proMax .pmx-hero,
.pro-clean-layout #proMax .ultra-mega-menu,
.pro-clean-layout #proMax #pmxLock,
.pro-clean-layout #proMax .pmx-nav{display:none!important}
.pro-clean-layout #farmPro .farm-pane,
.pro-clean-layout #proMax .pmx-pane{border:1px solid #dce6de;border-radius:19px;background:#fff;padding:20px;box-shadow:0 10px 30px rgba(18,59,37,.07)}
.pro-clean-layout #farmPro[hidden],
.pro-clean-layout #proMax[hidden]{display:none!important}

/* Existing free blur rules should never be seen: free users are stopped before entering. */
body.plan-free #page-pro{display:none!important}

/* Remove old globally-visible promotion leftovers if a browser restores them. */
#planes,.ultra-floating-launch{display:none!important}

@media(max-width:760px){
 .pro-workspace-banner{align-items:flex-start;flex-direction:column;min-height:0;padding:19px}.pro-workspace-banner h2{font-size:24px}.pro-workspace-banner button{align-self:flex-start}
 .pro-clean-layout #farmPro .farm-pane,.pro-clean-layout #proMax .pmx-pane{padding:12px;border-radius:14px}
}


/* =========================================================
   V4 · TIPOGRAFÍA PRO IGUAL AL MENÚ GRATIS
   La navegación Pro hereda tamaño/tipografía del menú original.
   ========================================================= */
.pro-side-toggle{
  font-family:inherit !important;
  font-size:inherit !important;
  line-height:inherit !important;
}
.pro-side-title{
  font-family:inherit !important;
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}
.pro-side-toggle small{
  font-family:inherit !important;
}
.pro-menu-group button{
  font-family:inherit !important;
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:inherit !important;
  letter-spacing:0 !important;
}

/* Igualar alto visual y respiración de cada opción del menú Gratis */
.pro-menu-group button{
  padding-top:9px !important;
  padding-bottom:9px !important;
  padding-left:10px !important;
  padding-right:10px !important;
}
.pro-menu-group>b{
  font-family:inherit !important;
  font-size:8px !important;
  letter-spacing:.08em !important;
}

/* El encabezado PRO no debe verse más pequeño que una opción normal */
.pro-side-toggle{
  min-height:44px;
  padding-top:8px !important;
  padding-bottom:8px !important;
}
.pro-side-star{
  font-size:inherit !important;
}

/* En móvil mantener exactamente la misma escala que el menú principal */
@media(max-width:760px){
  .pro-side-title,.pro-menu-group button,.pro-side-toggle{
    font-size:inherit !important;
  }
}

/* V5 · estado Guardar en la nube */
#proSideMenu button[onclick="saveProToCloud()"]{
  color:#e4f5e9;
}
#proSideMenu button[onclick="saveProToCloud()"]:before{
  content:"";
}
#proSideMenu button[onclick="saveProToCloud()"]:disabled{
  opacity:.7;
  cursor:wait;
}