/* =============================================
   marketing.css — Pestaña "Marketing" (js/core/marketing.js)
============================================= */

.mk-acciones { align-items: center; }
.mk-acciones #mkPeriodo { width: auto; min-width: 210px; }
.mk-kpis-secundarios .erp-kpi strong { font-size: 22px; }

.mk-redes { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin-bottom: 16px; }
.mk-red { background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 12px 14px; }
.mk-red header { font-weight: 600; margin-bottom: 8px; }
.mk-red header i { color: var(--accent); margin-right: 4px; }
.mk-red dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 12px; margin: 0; }
.mk-red dt { font-size: 11px; font-weight: 500; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
.mk-red dd { margin: 0; font-size: 16px; font-weight: 600; }
.mk-red dd small { font-size: 11px; font-weight: 500; color: var(--muted); }
.mk-red .mk-red-leads dd { color: var(--success); }

.mk-tabla .mk-texto { max-width: 360px; overflow-wrap: anywhere; }
.mk-tabla tr.mk-propio td { background: var(--light-bg); font-weight: 600; }

.mk-dos-columnas { display: grid; grid-template-columns: 3fr 2fr; gap: 16px; }
.mk-programadas { list-style: none; padding: 4px 16px 12px; margin: 0; font-size: 13px; }
.mk-programadas li { padding: 8px 0; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
.mk-programadas li:last-child { border-bottom: 0; }
.mk-pasos { margin: 8px 0 0; padding-left: 20px; line-height: 1.7; }

@media (max-width: 991.98px) {
  .mk-dos-columnas { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
  #tabMarketing .erp-kpis { grid-template-columns: repeat(2, 1fr); }
  .mk-acciones { width: 100%; }
  .mk-acciones #mkPeriodo { flex: 1 1 100%; min-width: 0; }
  .mk-tabla .mk-texto { max-width: none; }
}