/* =============================================================
 Q_Lib_Mail.renewed.v2.css
 - Email-safe + vista previa web
 - 100% namespaced: todo vive dentro de .mcss (y preview opcional .mcss-preview)
 - Temas SOLO layout (NO colores)
 - Conservador para clientes de correo (Outlook/Gmail/etc.)
 - Pensado para inline (inliner): estas clases son la "fuente de verdad"
================================================================ */

/* ---------------------
   (OPCIONAL) FIXES GLOBALES
   Descomentarlos SOLO si el HTML se envía como email independiente.
   Si incrustas en una web, déjalos comentados para no afectar el sitio.
---------------------- */
/*
html, body { margin:0 !important; padding:0 !important; height:100% !important; width:100% !important; }
* { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
a[x-apple-data-detectors], u + #body a, .aBn { border-bottom:0 !important; text-decoration:none !important; color:inherit !important; }
.ExternalClass, .ExternalClass * { width:100% !important; line-height:100% !important; }  / * Outlook.com * /
#outlook a { padding:0 !important; } / * Outlook (clásico) * /
.ReadMsgBody { width:100% !important; }
div[style*="margin: 16px 0"] { margin:0 !important; }  / * Android 4.4 * /
*/

/* =============================================================
   1) SCOPE BASE (todo dentro de .mcss)
============================================================= */
.mcss { width:100% !important; }

/* Tablas / celdas (Outlook / Word engine) */
.mcss table,
.mcss td { mso-table-lspace:0pt !important; mso-table-rspace:0pt !important; }

/* Imágenes dentro del scope (NO forzar display:block global) */
.mcss img{
  -ms-interpolation-mode:bicubic !important;
  border:0 !important;
  outline:0 !important;
  text-decoration:none !important;
  height:auto !important;
  max-width:100% !important;
}

/* Links dentro del scope */
.mcss a{ text-decoration:underline !important; }

/* Preheader (texto oculto para preview en bandeja) */
.mcss .mcss-preheader{
  display:none !important;
  font-size:1px !important;
  line-height:1px !important;
  max-height:0 !important;
  max-width:0 !important;
  opacity:0 !important;
  overflow:hidden !important;
  mso-hide:all !important;
}

/* Spacer (porque margin no siempre es confiable en email) */
.mcss .mcss-spacer{ line-height:0 !important; font-size:0 !important; }
.mcss .mcss-spacer--8{ height:8px !important; }
.mcss .mcss-spacer--12{ height:12px !important; }
.mcss .mcss-spacer--16{ height:16px !important; }
.mcss .mcss-spacer--24{ height:24px !important; }

/* =============================================================
   2) WRAPPER / CONTAINER
============================================================= */
.mcss .mcss-wrapper{
  width:100% !important;
  background:#f5f5f5 !important;
  padding:20px 0 !important;
}
.mcss .mcss-container{
  width:100% !important;
  max-width:600px !important;
  margin:0 auto !important;
  background:#ffffff !important;
  border:1px solid #e6eaef !important;
}
.mcss .mcss-content{ padding:20px !important; }
.mcss .mcss-header,
.mcss .mcss-footer{
  padding:15px 20px !important;
  background:#f9f9f9 !important;
  text-align:center !important;
}
.mcss .mcss-footer{ font-size:12px !important; color:#777 !important; }

/* =============================================================
   3) TIPOGRAFÍA
============================================================= */
.mcss .mcss-text,
.mcss .mcss-h1, .mcss .mcss-h2, .mcss .mcss-h3{
  font-family:Arial, Helvetica, sans-serif !important;
  color:#333 !important;
  margin:0 0 14px 0 !important;
}
.mcss .mcss-text{ font-size:14px !important; line-height:1.5 !important; }
.mcss .mcss-h1{ font-size:22px !important; line-height:1.3 !important; font-weight:bold !important; color:#1f2937 !important; }
.mcss .mcss-h2{ font-size:18px !important; line-height:1.35 !important; font-weight:bold !important; color:#1f2937 !important; }
.mcss .mcss-h3{ font-size:16px !important; line-height:1.4 !important; font-weight:bold !important; color:#1f2937 !important; }

.mcss .mcss-muted{ color:#6b7280 !important; }
.mcss .mcss-strong{ font-weight:bold !important; }
.mcss .mcss-em{ font-style:italic !important; }
.mcss .mcss-u{ text-decoration:underline !important; }

.mcss .mcss-center{ text-align:center !important; }
.mcss .mcss-right{ text-align:right !important; }
.mcss .mcss-left{ text-align:left !important; }

/* Tamaños utilitarios */
.mcss .mcss-xs{font-size:12px !important;}
.mcss .mcss-sm{font-size:14px !important;}
.mcss .mcss-md{font-size:16px !important;}
.mcss .mcss-lg{font-size:18px !important;}
.mcss .mcss-xl{font-size:20px !important;}
.mcss .mcss-xxl{font-size:24px !important;}

/* Espaciados utilitarios (ojo: margin puede fallar en algunos clientes) */
.mcss .mcss-mb-0{margin-bottom:0 !important;}
.mcss .mcss-mb-4{margin-bottom:4px !important;}
.mcss .mcss-mb-8{margin-bottom:8px !important;}
.mcss .mcss-mb-12{margin-bottom:12px !important;}
.mcss .mcss-mb-16{margin-bottom:16px !important;}
.mcss .mcss-mb-20{margin-bottom:20px !important;}

.mcss .mcss-p-0{padding:0 !important;}
.mcss .mcss-p-8{padding:8px !important;}
.mcss .mcss-p-12{padding:12px !important;}
.mcss .mcss-p-16{padding:16px !important;}
.mcss .mcss-p-20{padding:20px !important;}

/* =============================================================
   4) LINKS
============================================================= */
.mcss .mcss-link{ color:#1d4ed8 !important; text-decoration:underline !important; }
.mcss .mcss-link:visited{ color:#1d4ed8 !important; }

/* =============================================================
   5) BOTONES (email-safe)
   Nota: Para máxima compatibilidad, ideal inline + tabla/VML.
============================================================= */
.mcss .mcss-btn{
  display:inline-block !important;
  width:auto !important;
  max-width:100% !important;
  text-decoration:none !important;
  text-align:center !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-weight:bold !important;
  border-radius:4px !important;
  background:#1d4ed8 !important;
  color:#ffffff !important;
  padding:12px 18px !important;
  line-height:1.2 !important;
  border:0 !important;

  /* Outlook helpers */
  mso-padding-alt:12px 18px !important;
}
.mcss .mcss-btn--block{ display:block !important; width:100% !important; }
.mcss .mcss-btn--sm{ padding:9px 14px !important; font-size:14px !important; mso-padding-alt:9px 14px !important; }
.mcss .mcss-btn--md{ padding:12px 18px !important; font-size:15px !important; mso-padding-alt:12px 18px !important; }
.mcss .mcss-btn--lg{ padding:14px 22px !important; font-size:16px !important; mso-padding-alt:14px 22px !important; }

.mcss .mcss-btn--primary{ background:#1d4ed8 !important; color:#fff !important; }
.mcss .mcss-btn--secondary{ background:#475569 !important; color:#fff !important; }
.mcss .mcss-btn--success{ background:#0f766e !important; color:#fff !important; }
.mcss .mcss-btn--warning{ background:#f59e0b !important; color:#111827 !important; }
.mcss .mcss-btn--danger{ background:#b91c1c !important; color:#fff !important; }
.mcss .mcss-btn--info{ background:#0369a1 !important; color:#fff !important; }

.mcss .mcss-btn--outline{ background:transparent !important; color:#1d4ed8 !important; border:2px solid #1d4ed8 !important; }
.mcss .mcss-btn--ghost{ background:transparent !important; color:#111827 !important; border:1px solid #e5e7eb !important; }
.mcss .mcss-btn--light{ background:#f3f4f6 !important; color:#111827 !important; }
.mcss .mcss-btn--dark{ background:#111827 !important; color:#fff !important; }
.mcss .mcss-btn--pill{ border-radius:999px !important; }

.mcss .mcss-btn--nowrap{ white-space:nowrap !important; }
.mcss .mcss-btn--wrap{ white-space:normal !important; word-break:break-word !important; }

/* =============================================================
   6) IMÁGENES / MEDIA
============================================================= */
.mcss .mcss-img{
  max-width:100% !important;
  height:auto !important;
  display:block !important;
  border:0 !important;
  outline:none !important;
  text-decoration:none !important;
  -ms-interpolation-mode:bicubic !important;
}
.mcss .mcss-img--inline{ display:inline-block !important; }
.mcss .mcss-img--rounded{ border-radius:4px !important; }
.mcss .mcss-img--circle{ border-radius:50% !important; }
.mcss .mcss-img--bordered{ border:1px solid #e5e7eb !important; }
.mcss .mcss-img--full{ width:100% !important; }

.mcss .mcss-figure{ margin:0 0 14px 0 !important; }
.mcss .mcss-figcaption{
  font:12px/1.4 Arial, Helvetica, sans-serif !important;
  color:#6b7280 !important;
  text-align:center !important;
  margin-top:6px !important;
}
.mcss .mcss-img-center{ margin-left:auto !important; margin-right:auto !important; }
.mcss .mcss-img-right{ margin-left:auto !important; }

.mcss .mcss-media{ width:100% !important; border-collapse:collapse !important; }
.mcss .mcss-media__cell{ padding:0 !important; }
.mcss .mcss-media--bordered{ border:1px solid #e5e7eb !important; border-radius:4px !important; }

/* =============================================================
   7) TABLAS (scopeado: .mcss .mcss-table ...)
============================================================= */
.mcss .mcss-table{
  width:100% !important;
  border-collapse:collapse !important;
  table-layout:fixed !important;
  background:#fff !important;
  border:1px solid #cfd8e3 !important;
  margin:0 0 14px 0 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:14px !important;
  color:#2b2f36 !important;
}
.mcss .mcss-table--auto{ table-layout:auto !important; }

/* Forzar header/footer en Outlook */
.mcss .mcss-table thead{ display:table-header-group !important; }
.mcss .mcss-table tfoot{ display:table-footer-group !important; }

.mcss .mcss-table th,
.mcss .mcss-table td{
  padding:12px !important;
  border-right:1px solid #e5e7eb !important;
  border-bottom:1px solid #e5e7eb !important;
  vertical-align:top !important;
  word-wrap:break-word !important;
}
.mcss .mcss-table tr:last-child td{ border-bottom:0 !important; }
.mcss .mcss-table th:last-child,
.mcss .mcss-table td:last-child{ border-right:0 !important; }

.mcss .mcss-table thead th{
  background:#eef2ff !important;
  color:#1e293b !important;
  font-weight:bold !important;
  text-align:left !important;
  border-right:1px solid #dbeafe !important;
  border-bottom:2px solid #93c5fd !important;
}
.mcss .mcss-table tfoot td{
  background:#f6f8fb !important;
  color:#0b4d8a !important;
  font-weight:bold !important;
  border-top:2px solid #cbd5e1 !important;
}

/* Variantes */
.mcss .mcss-table--compact th, .mcss .mcss-table--compact td{ padding:8px !important; }
.mcss .mcss-table--dense th, .mcss .mcss-table--dense td{ padding:6px !important; }

.mcss .mcss-table--modern thead th{
  background:#0a5bd3 !important;
  color:#ffffff !important;
  border-right:1px solid #0a5bd3 !important;
  border-bottom:2px solid #0a5bd3 !important;
}
.mcss .mcss-table--modern tfoot td{
  background:#eef6ff !important;
  color:#0b4d8a !important;
}

.mcss .mcss-table--rowdividers th,
.mcss .mcss-table--rowdividers td{ border-right:0 !important; }
.mcss .mcss-table--rowdividers thead th{ border-bottom:2px solid #cbd5e1 !important; }

.mcss .mcss-table--coldividers th,
.mcss .mcss-table--coldividers td{ border-bottom:0 !important; }
.mcss .mcss-table--coldividers thead th{ border-bottom:0 !important; }

.mcss .mcss-tr-alt td{ background:#fafafa !important; }

/* Utilidades de celda */
.mcss .mcss-td-right{ text-align:right !important; }
.mcss .mcss-td-center{ text-align:center !important; }
.mcss .mcss-td-top{ vertical-align:top !important; }
.mcss .mcss-td-mid{ vertical-align:middle !important; }
.mcss .mcss-nowrap{ white-space:nowrap !important; }
.mcss .mcss-num{ font-variant-numeric:tabular-nums !important; }

/* =============================================================
   8) GRID table-based (email-safe)
============================================================= */
.mcss .mcss-row{ width:100% !important; }
.mcss .mcss-col{ vertical-align:top !important; padding:10px !important; }
.mcss .mcss-col-50{ width:50% !important; }
.mcss .mcss-col-33{ width:33.33% !important; }
.mcss .mcss-col-25{ width:25% !important; }

/* =============================================================
   9) CARDS / ALERTS / BADGES
============================================================= */
.mcss .mcss-card{
  background:#fff !important;
  border:1px solid #e6eaef !important;
  border-radius:4px !important;
  padding:18px !important;
  margin:0 0 14px 0 !important;
}
.mcss .mcss-alert{
  padding:12px 14px !important;
  border-left:4px solid #ccc !important;
  margin:0 0 14px 0 !important;
  border-radius:2px !important;
}
.mcss .mcss-alert--primary{ background:#eef2ff !important; color:#1e3a8a !important; border-left-color:#1d4ed8 !important; }
.mcss .mcss-alert--success{ background:#ecfdf5 !important; color:#064e3b !important; border-left-color:#10b981 !important; }
.mcss .mcss-alert--warning{ background:#fff7ed !important; color:#7c2d12 !important; border-left-color:#f59e0b !important; }
.mcss .mcss-alert--danger{ background:#fef2f2 !important; color:#7f1d1d !important; border-left-color:#b91c1c !important; }
.mcss .mcss-alert--info{ background:#e0f2fe !important; color:#0c4a6e !important; border-left-color:#0369a1 !important; }

.mcss .mcss-badge{
  display:inline-block !important;
  padding:2px 8px !important;
  font-size:12px !important;
  line-height:1.6 !important;
  border-radius:999px !important;
  background:#f3f4f6 !important;
  color:#111827 !important;
  border:1px solid #e5e7eb !important;
}
.mcss .mcss-badge--primary{ background:#eef2ff !important; color:#1e3a8a !important; border-color:#c7d2fe !important; }
.mcss .mcss-badge--success{ background:#ecfdf5 !important; color:#065f46 !important; border-color:#a7f3d0 !important; }
.mcss .mcss-badge--warning{ background:#fffbeb !important; color:#78350f !important; border-color:#fde68a !important; }
.mcss .mcss-badge--danger{ background:#fef2f2 !important; color:#7f1d1d !important; border-color:#fecaca !important; }
.mcss .mcss-badge--info{ background:#e0f2fe !important; color:#0c4a6e !important; border-color:#bae6fd !important; }

/* =============================================================
   10) LISTAS / DIVIDER / KEY-VALUE
============================================================= */
.mcss .mcss-ul{ margin:0 0 14px 20px !important; padding:0 !important; list-style:disc !important; }
.mcss .mcss-ol{ margin:0 0 14px 20px !important; padding:0 !important; list-style:decimal !important; }
.mcss .mcss-ul li,
.mcss .mcss-ol li{ margin:0 0 8px 0 !important; }

.mcss .mcss-divider{
  border:0 !important;
  height:1px !important;
  background:#e5e7eb !important;
  margin:18px 0 !important;
}
.mcss .mcss-hr{
  height:1px !important;
  background:#e5e7eb !important;
  border:0 !important;
  margin:14px 0 !important;
}

.mcss .mcss-kv{
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:14px !important;
}
.mcss .mcss-kv .mcss-k{
  color:#6b7280 !important;
  width:40% !important;
  display:inline-block !important;
}
.mcss .mcss-kv .mcss-v{
  color:#111827 !important;
  display:inline-block !important;
  width:58% !important;
}

/* Stack */
.mcss .mcss-stack > * { margin:0 !important; }
.mcss .mcss-stack > * + * { margin-top:10px !important; }

/* =============================================================
   11) TEMAS (SOLO LAYOUT — NO COLORES)
============================================================= */
.mcss.mcss-theme--formal .mcss-wrapper{ padding:18px 0 !important; }
.mcss.mcss-theme--formal .mcss-container{ max-width:600px !important; border-radius:0 !important; }
.mcss.mcss-theme--formal .mcss-content{ padding:18px !important; }
.mcss.mcss-theme--formal .mcss-header,
.mcss.mcss-theme--formal .mcss-footer{ padding:14px 18px !important; }
.mcss.mcss-theme--formal .mcss-text{ font-size:14px !important; line-height:1.5 !important; }

.mcss.mcss-theme--modern .mcss-wrapper{ padding:24px 0 !important; }
.mcss.mcss-theme--modern .mcss-container{ max-width:640px !important; border-radius:10px !important; overflow:hidden !important; }
.mcss.mcss-theme--modern .mcss-content{ padding:24px !important; }
.mcss.mcss-theme--modern .mcss-header,
.mcss.mcss-theme--modern .mcss-footer{ padding:16px 24px !important; }
.mcss.mcss-theme--modern .mcss-text{ font-size:15px !important; line-height:1.55 !important; }
.mcss.mcss-theme--modern .mcss-h1{ font-size:24px !important; line-height:1.25 !important; }

.mcss.mcss-theme--combined .mcss-wrapper{ padding:22px 0 !important; }
.mcss.mcss-theme--combined .mcss-container{ max-width:620px !important; border-radius:6px !important; overflow:hidden !important; }
.mcss.mcss-theme--combined .mcss-content{ padding:22px !important; }
.mcss.mcss-theme--combined .mcss-header,
.mcss.mcss-theme--combined .mcss-footer{ padding:15px 22px !important; }

/* =============================================================
   12) RESPONSIVE (algunos clientes lo ignoran; web preview sí)
============================================================= */
@media screen and (max-width:620px){
  .mcss .mcss-container{ width:100% !important; border-radius:0 !important; }
  .mcss .mcss-col,
  .mcss .mcss-col-50,
  .mcss .mcss-col-33,
  .mcss .mcss-col-25{
    display:block !important;
    width:100% !important;
    padding:10px 0 !important;
  }
  .mcss .mcss-btn{ display:block !important; width:100% !important; margin:10px 0 !important; }
  .mcss .mcss-table{ display:block !important; overflow-x:auto !important; white-space:nowrap !important; }
}

/* =============================================================
   13) EXTENSIONES (BLOQUES/SECCIONES) — email safe
   TODO scopeado dentro de .mcss (para no contaminar la web)
============================================================= */

/* Vista previa web (opcional): usa .mcss-preview (o tu antiguo .mail) */
.mcss-preview h1, .mail h1 { font-family: Arial, sans-serif; font-size: 28px; line-height: 1.25; font-weight: 800; margin: 0 0 16px 0; }
.mcss-preview h2, .mail h2 { font-family: Arial, sans-serif; font-size: 24px; line-height: 1.28; font-weight: 800; margin: 0 0 14px 0; }
.mcss-preview h3, .mail h3 { font-family: Arial, sans-serif; font-size: 20px; line-height: 1.32; font-weight: 700; margin: 0 0 12px 0; }
.mcss-preview h4, .mail h4 { font-family: Arial, sans-serif; font-size: 18px; line-height: 1.35; font-weight: 700; margin: 0 0 10px 0; }
.mcss-preview p,  .mail p  { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.6;  color:#111827; margin: 0 0 16px 0; }
.mcss-preview a,  .mail a  { color:#0a5bd3; text-decoration: underline; }
.mcss-preview small, .mail small { font-size: 14px; color:#6b7280; }
.mcss-preview ul, .mail ul { padding: 0 0 0 20px; margin: 0 0 16px 0; list-style-type: disc; }
.mcss-preview ol, .mail ol { padding: 0 0 0 20px; margin: 0 0 16px 0; list-style-type: decimal; }
.mcss-preview li, .mail li { margin: 0 0 8px 0; }
.mcss-preview hr, .mail hr { height:1px; border:0; background-color:#e5e7eb; margin:24px 0; }
.mcss-preview img, .mail img { border:0; outline:none; text-decoration:none; height:auto; max-width:100%; }

/* Bloques / secciones */
.mcss .m-section{ padding:8px !important; margin:4px 0 !important; }

.mcss .m-section--soft{
  background-color:#ffffff !important;
  border:1px solid #eef2f6 !important;
  border-radius:12px !important;
  padding:16px !important;
  margin:8px 0 !important;
}
.mcss .m-section--tight{
  background-color:#ffffff !important;
  border:1px solid #e5e7eb !important;
  border-radius:10px !important;
  padding:12px !important;
  margin:6px 0 !important;
}

/* Callouts */
.mcss .m-callout{
  padding:10px 14px !important;
  margin:0 0 16px 0 !important;
  background-color:#f5f9ff !important;
  border-left:4px solid #0a5bd3 !important;
  border-radius:4px !important;
}
.mcss .m-callout--info{ background-color:#eef6ff !important; border-left-color:#0369a1 !important; }
.mcss .m-callout--success{ background-color:#e6fbf7 !important; border-left-color:#0f766e !important; }
.mcss .m-callout--warning{ background-color:#fff7e6 !important; border-left-color:#f59e0b !important; }
.mcss .m-callout--danger{ background-color:#ffefef !important; border-left-color:#b91c1c !important; }

/* Card */
.mcss .m-card{
  background-color:#ffffff !important;
  border:1px solid #e5e7eb !important;
  border-radius:12px !important;
  padding:16px !important;
  margin:8px 0 !important;
}

/* Badge */
.mcss .m-badge{
  display:inline-block !important;
  font-family:Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1 !important;
  padding:6px 8px !important;
  border-radius:999px !important;
  background-color:#f3f4f6 !important;
  color:#111827 !important;
  border:1px solid #e5e7eb !important;
}
.mcss .m-badge--primary{ background-color:#eaf2ff !important; color:#0b1f44 !important; border-color:#b8ccff !important; }
.mcss .m-badge--success{ background-color:#e7fbf5 !important; color:#064e3b !important; border-color:#94e5d5 !important; }
.mcss .m-badge--warning{ background-color:#fff4db !important; color:#78350f !important; border-color:#ffd48a !important; }
.mcss .m-badge--danger{ background-color:#ffebeb !important; color:#7f1d1d !important; border-color:#f9b1b1 !important; }

/* Botón simple (m-*) */
.mcss .m-btn{
  display:inline-block !important;
  text-decoration:none !important;
  user-select:none !important;
  font-family:Arial, sans-serif !important;
  font-weight:700 !important;
  border-radius:10px !important;
  padding:12px 16px !important;
  line-height:1 !important;
  background-color:#0a5bd3 !important;
  color:#ffffff !important;
  border:1px solid #084aaf !important;

  mso-padding-alt:12px 16px !important;
}
.mcss .m-btn--light{ background-color:#f3f4f6 !important; color:#111827 !important; border-color:#d1d5db !important; }
.mcss .m-btn--success{ background-color:#0f766e !important; color:#ffffff !important; border-color:#0a5c55 !important; }
.mcss .m-btn--warning{ background-color:#f59e0b !important; color:#111827 !important; border-color:#d18a0b !important; }
.mcss .m-btn--danger{ background-color:#b91c1c !important; color:#ffffff !important; border-color:#891313 !important; }

/* Media (degradado seguro) */
.mcss .m-media{ display:block !important; margin:0 0 16px 0 !important; }
.mcss .m-media__img img{ border-radius:10px !important; }

/* Tablas presentacionales */
.mcss table.m-table{ border-collapse:collapse !important; width:100% !important; }
.mcss .m-table th{
  text-align:left !important;
  font-family:Arial, sans-serif !important;
  font-size:16px !important;
  line-height:1.6 !important;
  font-weight:700 !important;
  background-color:#eef4ff !important;
  border-bottom:2px solid #b8ccff !important;
  padding:12px 14px !important;
}
.mcss .m-table td{
  font-family:Arial, sans-serif !important;
  font-size:16px !important;
  line-height:1.6 !important;
  border-bottom:1px solid #e5e7eb !important;
  padding:12px 14px !important;
  vertical-align:top !important;
}
.mcss .m-table tfoot td{ background-color:#f6f8fb !important; font-weight:600 !important; }

/* Utilidades */
.mcss .m-align-center{ text-align:center !important; }
.mcss .m-align-right{ text-align:right !important; }
.mcss .m-muted{ color:#6b7280 !important; }
.mcss .m-nowrap{ white-space:nowrap !important; }

/* Stack */
.mcss .m-stack > *{ margin:0 !important; }
.mcss .m-stack > * + *{ margin-top:16px !important; }
.mcss .m-stack--sm > * + *{ margin-top:10px !important; }
.mcss .m-stack--lg > * + *{ margin-top:24px !important; }

/* HR dentro de secciones */
.mcss .m-section hr,
.mcss .m-card hr{
  height:1px !important;
  border:0 !important;
  background-color:#e5e7eb !important;
  margin:16px 0 !important;
}