/* ===== Yansumi · E-E-A-T 内容页组件 (2026-11-09) =====
   仅新增组件，不改动 css/mc-shell.css 与 bootstrap
   作用页：sobre-nosotros / nuestra-fabrica / produccion-localizada /
           casos-de-exito / calidad-y-posventa / galeria-motocarros / por-que-elegirnos
*/

/* ---------- 标题大小写：西语标题不做 Title Case ---------- */
.mc-body .mc-h1{text-transform:none;}

/* ---------- 集群子导航 ---------- */
.ee-subnav{background:#f6f7f9;border-bottom:1px solid #e8eaed;}
.ee-subnav .mc-wrap{display:flex;flex-wrap:wrap;gap:7px;padding-top:11px;padding-bottom:11px;}
.ee-subnav a{font-size:13px;font-weight:600;color:#5a6169;padding:6px 13px;border:1px solid #e3e7eb;border-radius:20px;background:#fff;transition:.16s;}
.ee-subnav a:hover,.ee-subnav a.on{background:#c8102e;border-color:#c8102e;color:#fff;}

/* ---------- 正文排版补充 ---------- */
.mc-section .ee-h3{font-size:19px;line-height:1.4;font-weight:800;color:#1a1d21;margin:28px 0 12px;text-align:left;}
.mc-section p{font-size:16px;line-height:1.82;color:#3a4047;margin:0 0 16px;}
.mc-section a.ee-link{color:#c8102e;font-weight:600;border-bottom:1px solid rgba(200,16,46,.3);}
.mc-section a.ee-link:hover{border-bottom-color:#c8102e;}

/* ---------- 数字条 ---------- */
.ee-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 32px;list-style:none;padding:0;}
.ee-stats > li{list-style:none;}
.ee-stat{background:#f6f7f9;border:1px solid #e8eaed;border-radius:12px;padding:20px 14px;text-align:center;}
.ee-stat b{display:block;font-size:29px;line-height:1.12;color:#c8102e;font-weight:800;letter-spacing:-.5px;}
.ee-stat span{display:block;margin-top:7px;font-size:13px;color:#5a6169;line-height:1.5;}

/* ---------- 时间线 ---------- */
.ee-tl{position:relative;margin:0 0 30px;padding:0 0 0 28px;list-style:none;}
.ee-tl::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:#e8eaed;}
.ee-tl > li{position:relative;padding:0 0 22px;list-style:none;margin:0;}
.ee-tl > li::before{content:"";position:absolute;left:-27px;top:5px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #c8102e;box-sizing:border-box;}
.ee-tl span.ee-y{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#c8102e;font-weight:800;margin-bottom:3px;}
.ee-tl b{display:block;font-size:16px;color:#1a1d21;font-weight:800;margin-bottom:4px;line-height:1.42;}
.ee-tl p{margin:0;font-size:15px;line-height:1.74;color:#4a5158;}

/* ---------- 团队卡 ---------- */
.ee-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:0 0 30px;}
.ee-person{background:#fff;border:1px solid #e8eaed;border-left:4px solid #c8102e;border-radius:10px;padding:15px 17px;}
.ee-person b{display:block;font-size:15.5px;color:#1a1d21;font-weight:800;}
.ee-person span{display:block;font-size:12.5px;color:#c8102e;font-weight:700;margin:3px 0 7px;letter-spacing:.02em;}
.ee-person p{margin:0;font-size:14px;line-height:1.66;color:#4a5158;}

/* ---------- 流程步骤 ---------- */
.ee-steps{counter-reset:s;margin:0 0 30px;padding:0;list-style:none;}
.ee-steps > li{position:relative;padding:0 0 24px 54px;list-style:none;margin:0;}
.ee-steps > li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:9px;background:#1a1d21;color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;}
.ee-steps b{display:block;font-size:16.5px;color:#1a1d21;font-weight:800;margin-bottom:5px;line-height:1.4;}
.ee-steps p{margin:0;font-size:15px;line-height:1.74;color:#4a5158;}

/* ---------- 案例卡 ---------- */
.ee-cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;margin:0 0 30px;}
.ee-case{display:flex;flex-direction:column;border:1px solid #e8eaed;border-radius:12px;overflow:hidden;background:#fff;}
.ee-case img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f6f7f9;display:block;}
.ee-case-b{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;}
.ee-case-b h3{margin:0 0 5px;font-size:17px;line-height:1.35;color:#1a1d21;font-weight:800;}
.ee-case-loc{font-size:12.5px;color:#c8102e;font-weight:700;margin:0 0 10px;line-height:1.5;}
.ee-case-b p{margin:0 0 9px;font-size:14px;line-height:1.7;color:#4a5158;}
.ee-case-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px;}
.ee-case-tags span{font-size:11.5px;background:#f6f7f9;border:1px solid #e8eaed;border-radius:20px;padding:3px 9px;color:#5a6169;line-height:1.6;}

/* ---------- 图库 ---------- */
.ee-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:0 0 30px;}
.ee-gal figure{margin:0;border:1px solid #e8eaed;border-radius:12px;overflow:hidden;background:#fff;}
.ee-gal img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f6f7f9;display:block;transition:transform .3s;}
.ee-gal figure:hover img{transform:scale(1.035);}
.ee-gal figcaption{padding:11px 14px;font-size:13px;line-height:1.55;color:#4a5158;}

/* ---------- 文档/手册 ---------- */
.ee-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0 0 30px;}
.ee-doc{border:1px solid #e8eaed;border-radius:12px;overflow:hidden;background:#fff;}
.ee-doc img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;background:#f6f7f9;display:block;}
.ee-doc p{margin:0;padding:11px 14px;font-size:13px;line-height:1.55;color:#4a5158;}

/* ---------- 集群链接卡 ---------- */
.ee-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:16px;margin:0 0 30px;}
.ee-hub a{display:block;border:1px solid #e8eaed;border-radius:12px;padding:18px 20px;background:#fff;transition:transform .18s,box-shadow .18s,border-color .18s;}
.ee-hub a:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(26,29,33,.1);border-color:#c8102e;}
.ee-hub b{display:block;font-size:16px;color:#1a1d21;font-weight:800;margin-bottom:6px;line-height:1.4;}
.ee-hub p{margin:0;font-size:13.5px;line-height:1.62;color:#5a6169;}

/* ---------- 引用 ---------- */
.ee-quote{margin:0 0 30px;padding:24px 28px;background:#f6f7f9;border-left:5px solid #c8102e;border-radius:0 12px 12px 0;}
.ee-quote p{margin:0;font-size:16.5px;line-height:1.82;color:#2c3138;font-style:italic;}
.ee-quote footer{margin-top:11px;font-size:13px;color:#5a6169;font-weight:700;font-style:normal;}

/* ---------- 表格 ---------- */
.ee-tbl-wrap{overflow-x:auto;margin:0 0 28px;-webkit-overflow-scrolling:touch;border:1px solid #e8eaed;border-radius:10px;}
.ee-tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:520px;}
.ee-tbl th,.ee-tbl td{border-bottom:1px solid #e8eaed;padding:11px 13px;text-align:left;vertical-align:top;line-height:1.62;}
.ee-tbl th{background:#f6f7f9;color:#1a1d21;font-weight:700;white-space:nowrap;}
.ee-tbl tr:last-child td{border-bottom:0;}
.ee-tbl tr:nth-child(even) td{background:#fbfbfc;}
.ee-tbl td:first-child{font-weight:700;color:#1a1d21;}

/* ---------- 双栏图 ---------- */
.ee-2col{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:0 0 28px;align-items:start;}
.ee-2col figure{margin:0;border-radius:12px;overflow:hidden;background:#f6f7f9;}
.ee-2col img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;}

/* ---------- 小注 ---------- */
.ee-note{font-size:13px;line-height:1.7;color:#6b7280;margin:0 0 26px;}

/* ---------- 强调框 ---------- */
.ee-box{background:#fff7f8;border:1px solid #f3d3d9;border-radius:12px;padding:20px 24px;margin:0 0 28px;}
.ee-box b{display:block;color:#c8102e;font-size:15px;font-weight:800;margin-bottom:7px;}
.ee-box p{margin:0;font-size:15px;line-height:1.76;color:#3a4047;}

/* ---------- 页脚三栏（新增 Empresa 列） ---------- */
.ee-footer-grid{grid-template-columns:1.7fr 1fr 1fr;}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .ee-footer-grid{grid-template-columns:1fr;}
  .ee-stats{grid-template-columns:repeat(2,1fr);gap:12px;}
  .ee-stat b{font-size:24px;}
  .mc-section .ee-h3{font-size:18px;}
  .ee-2col{grid-template-columns:1fr;gap:16px;}
  .ee-hub{grid-template-columns:1fr;}
  .ee-quote{padding:20px 22px;}
  .ee-quote p{font-size:15.5px;}
}
@media (max-width:600px){
  .ee-cases{grid-template-columns:1fr;gap:16px;}
  .ee-gal{grid-template-columns:repeat(2,1fr);gap:11px;}
  .ee-gal figcaption{font-size:12px;padding:9px 10px;}
  .ee-docs{grid-template-columns:1fr;}
  .ee-team{grid-template-columns:1fr;}
  .ee-steps > li{padding-left:46px;}
  .ee-steps > li::before{width:30px;height:30px;font-size:14px;}
  .mc-section p{font-size:15px;}
  .ee-tl{padding-left:24px;}
  .ee-tl > li::before{left:-23px;}
  .ee-subnav a{font-size:12px;padding:5px 10px;}
  .ee-tbl{min-width:460px;font-size:12.5px;}
  .ee-tbl th,.ee-tbl td{padding:9px 10px;}
  .ee-tbl-wrap{position:relative;}
  .ee-tbl-wrap::before{content:'Desliza para ver la tabla completa →';display:block;font-size:11px;color:#8a8f98;padding:0 0 6px;}
}