/* Madake Metric Card - styles */
.mmc-card{
  display:flex;
  flex-direction:column;
  gap:16px;
  background:transparent; /* sin fondo por defecto */
  border-radius:0;
  padding:0;
  color:inherit;
}

/* Tags */
.mmc-tags{ display:flex; gap:8px; flex-wrap:wrap; }
.mmc-tag{
  background:#1E90FF; /* editable por control */
  color:#fff;         /* editable por control */
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  padding:6px 10px;
  line-height:1;
}

/* Title */
.mmc-title{ margin:0; font-size:46px; line-height:1.1; font-weight:800; color:#000; } /* color editable */

/* Description */
.mmc-desc{ margin:0; color:#333; font-size:20px; line-height:1.65;margin-bottom: 15px; } /* color editable */

/* Metrics */
.mmc-metrics{ display:flex; flex-direction:column; gap:14px; }
.mmc-metric{ display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:flex-start; }
.mmc-metric-icon img{ width:28px; height:auto; display:block; }
.mmc-metric-text{
  /* Tamaño por-métrica (definido en el render con --mmc-metric-size). */
  font-size: var(--mmc-metric-size, 46px);
  font-weight:800;
  line-height:1.15;
  white-space:pre-line;
}

/* Button */
.mmc-cta{
  display:inline-flex; align-items:center; justify-content:center;
  background:#000; color:#fff; /* ambos editables */
  border-radius:999px; padding:12px 18px; font-weight:700; text-decoration:none; width:max-content;
  font-size:25px;
  transition: all .3s;
  margin-top: 15px;
}
.mmc-cta--disabled{ opacity:0.6; cursor:default; }
.mmc-title {
    white-space: pre-line;
}

.mmc-cta:hover {
    background: #c79186 !important;
    border-color: #c79186 !important;
    transition: all .3s;
}

@media (max-width:768px){ .mmc-title{ font-size:28px; } }