/* Start custom CSS for html, class: .elementor-element-f2bfc29 *//* =====================================================================
   MESII · /producto/ (page-id-19) · 整页收编到首页配色
   ---------------------------------------------------------------------
   作用：把 .mhub 区块的全部旧主题色统一成首页青色板
         （Slate 蓝 #22D3EE → #7ECFCF / 薄荷绿 / #161616 卡面 → #16161E /
          #000000 底 → #0A0A0F / #9CA3AF 灰字 → 首页次级白）。
   放法（二选一，效果相同）：
         A. Elementor → 编辑 /producto/ → 页面设置 → 自定义 CSS，整段粘入；
         B. 外观 → 自定义 → 额外 CSS，整段粘入（靠 body.page-id-19 命中）。
   维护：改色只动 .mhub 里的 --mesii-* 变量一处即可。
   注意：内联 style 用「属性选择器 + !important」覆盖；末段反杀了其它 9
         个区块遗留的 .mhub a:hover{opacity:.86} 悬停变暗规则。
   ===================================================================== */

.mhub{
  --mesii-bg:#0a0a0f;            /* 页面底色 */
  --mesii-bg-alt:#0e0e18;        /* 区块交替底 / 卡片头 */
  --mesii-surface:#16161e;       /* 卡片 / 面板 */
  --mesii-line:rgba(255,255,255,.10);     /* 中性描边 */
  --mesii-line-2:rgba(126,207,207,.10);   /* 青描边（静止） */
  --mesii-line-2-h:rgba(126,207,207,.35); /* 青描边（hover） */
  --mesii-accent:#7ecfcf;        /* 主强调青 */
  --mesii-accent-2:#9fdede;      /* 青 hover */
  --mesii-on-accent:#0a0a0f;     /* 青底上的深字 */
  --mesii-text:rgba(255,255,255,.72);      /* 正文 */
  --mesii-text-2:rgba(255,255,255,.55);    /* 次级 */
  --mesii-text-3:rgba(255,255,255,.45);    /* 弱 */
}

/* 页面容器底色 */
body.page-id-19,
.page-id-19 .content-area,
.page-id-19 .entry-content-wrap,
.page-id-19 .site-main{ background:var(--mesii-bg) !important; }

/* 1. 底色 #000000 / #0F0F0F → 首页底 / 交替底 */
.mhub{ background:var(--mesii-bg) !important; }
.mhub [style*="background:#000000"]{ background-color:var(--mesii-bg) !important; }
.mhub [style*="background:#0F0F0F"]{ background-color:var(--mesii-bg-alt) !important; }

/* 2. 卡面 #161616 → #16161E */
.mhub .mh-card{ background:var(--mesii-surface) !important; }
.mhub [style*="background:#161616"]{ background-color:var(--mesii-surface) !important; }

/* 3. 主强调青 #22D3EE → #7ECFCF（背景 / 文字 / 按钮） */
.mhub .mh-btn{
  background:var(--mesii-accent) !important;
  color:var(--mesii-on-accent) !important;
  border-color:var(--mesii-accent) !important;
}
.mhub .mh-num{ color:var(--mesii-accent) !important; }
.mhub [style*="color:#22D3EE"]{ color:var(--mesii-accent) !important; }
.mhub [style*="background:#22D3EE"]{ background-color:var(--mesii-accent) !important; }

/* 4. 青半透明描边 / 数字 → 青调同透明度 */
.mhub [style*="rgba(34,211,238,0.28)"]{ border-color:rgba(126,207,207,.28) !important; }
.mhub [style*="rgba(34,211,238,0.34)"]{ border-color:rgba(126,207,207,.34) !important; }
.mhub [style*="rgba(34,211,238,0.42)"]{ border-color:rgba(126,207,207,.42) !important; }
.mhub [style*="rgba(34,211,238,0.5)"]{ color:rgba(126,207,207,.7) !important; }

/* 5. 中性描边 rgba(255,255,255,0.08) → 首页中性线 .10 */
.mhub [style*="rgba(255,255,255,0.08)"]{ border-color:var(--mesii-line) !important; }

/* 6. 灰字 #9CA3AF → 首页次级白 */
.mhub [style*="#9CA3AF"]{ color:var(--mesii-text-2) !important; }

/* 7. 正文白字层级（0.6 / 0.72 / 0.76 / 0.45）→ 首页文字层级 */
.mhub [style*="rgba(255,255,255,0.6)"]{ color:var(--mesii-text-2) !important; }
.mhub [style*="rgba(255,255,255,0.72)"]{ color:var(--mesii-text) !important; }
.mhub [style*="rgba(255,255,255,0.76)"]{ color:var(--mesii-text) !important; }
.mhub [style*="rgba(255,255,255,0.45)"]{ color:var(--mesii-text-3) !important; }

/* 8. 反杀其它区块遗留的悬停变暗（9 条 .mhub a:hover{opacity:.86}）
       全页链接悬停锁定不透明，与首页一致 */
.mhub a:hover,
.mhub a:focus,
.mhub a:active{ opacity:1 !important; }

/* 9. 按钮悬停：保持青色实底、无提亮无变暗（四状态同色） */
.mhub a.mh-btn,
.mhub a.mh-btn:hover,
.mhub a.mh-btn:focus,
.mhub a.mh-btn:active{
  background:var(--mesii-accent) !important;
  color:var(--mesii-on-accent) !important;
  border-color:var(--mesii-accent) !important;
  opacity:1 !important;
  transform:none !important;
  box-shadow:none !important;
  filter:none !important;
  transition:none !important;
}
/* ===== MESII /producto/ · 手机端配置（沿用 vaper-con-pantalla 同套规则）=====
   页面满宽 + 内容居中；栅格手机端堆叠单列；按钮全宽；标题/图片缩放 */

/* 防横向溢出（满宽保障） */
.mhub{ width:100%; overflow-x:hidden; }

/* 平板 / 大手机：≤820px */
@media (max-width:820px){
  /* 表格栅格：列变单列满宽 */
  .mhub td.mh-col{ display:block !important; width:100% !important; padding:0 0 14px 0 !important; }

  /* 标题缩放 */
  .mhub .mh-h1{ font-size:32px !important; line-height:118% !important; }
  .mhub .mh-h2{ font-size:24px !important; line-height:124% !important; }
  .mhub .mh-lead{ font-size:16px !important; line-height:172% !important; }
  .mhub .mh-num{ font-size:30px !important; }

  /* 内容列与区块留白收紧 */
  .mhub .mh-body{ padding-left:16px !important; padding-right:16px !important; }
  .mhub .mh-pad{ padding-top:44px !important; padding-bottom:44px !important; }

  /* 卡片内边距收紧 */
  .mhub .mh-card{ padding:22px 18px !important; }

  /* 按钮全宽 */
  .mhub .mh-btn{ display:block !important; width:100% !important; text-align:center !important; box-sizing:border-box !important; }

  /* 图片：单列时不再被固定 170px 高度撑高 */
  .mhub .mh-card img{ height:auto !important; max-height:160px !important; }
}

/* 小手机：≤480px */
@media (max-width:480px){
  .mhub .mh-h1{ font-size:26px !important; line-height:116% !important; }
  .mhub .mh-h2{ font-size:21px !important; line-height:122% !important; }
  .mhub .mh-lead{ font-size:15px !important; line-height:168% !important; }
  .mhub .mh-body{ padding-left:14px !important; padding-right:14px !important; }
  .mhub .mh-pad{ padding-top:36px !important; padding-bottom:36px !important; }
  .mhub .mh-card img{ max-height:140px !important; }
  .mhub .mh-btn{ font-size:15px !important; padding:14px 20px !important; }
}/* End custom CSS */