.mlmt-consent[hidden] { display: none !important; }

/* Este CSS solo se carga cuando el rastreo propio está activo en la página:
   oculta el banner del plugin heredado "MétricasLab Consentimiento Meta". */
#mlc-panel, #mlc-open { display: none !important; }

.mlmt-consent {
  position: fixed;
  z-index: 2147483000;
  right: 18px;
  bottom: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px 18px;
  width: min(580px, calc(100vw - 36px));
  padding: 18px 20px;
  color: #252125;
  background: rgba(255, 253, 251, .98);
  border: 1px solid rgba(131, 88, 115, .28);
  border-radius: 14px;
  box-shadow: 0 16px 45px rgba(35, 25, 32, .18);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.45;
  box-sizing: border-box;
}

.mlmt-consent__copy { display: grid; gap: 4px; padding-right: 12px; }
.mlmt-consent__copy strong { color: #835873; font-size: 16px; }
.mlmt-consent__copy span { font-size: 13px; }
.mlmt-consent__copy a { width: fit-content; color: #5e7580; font-size: 12px; text-decoration: underline; }
.mlmt-consent__actions { display: flex; align-items: center; gap: 9px; }
.mlmt-consent button { min-height: 42px; border-radius: 9px; cursor: pointer; font: inherit; }
.mlmt-consent__accept { padding: 0 20px; color: #fff; background: #835873; border: 1px solid #835873; font-weight: 700; }
.mlmt-consent__accept:hover { background: #7898a7; border-color: #7898a7; }
.mlmt-consent__configure { padding: 0 12px; color: #514a4e; background: transparent; border: 1px solid #b7aeb3; }
.mlmt-consent__configure:hover { color: #fff; background: #7898a7; border-color: #7898a7; }

/* Panel de configuración desplegable (opt-out de cookies de marketing). */
.mlmt-consent__config { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 12px; border-top: 1px solid rgba(131, 88, 115, .18); font-size: 13px; }
.mlmt-consent__config[hidden] { display: none !important; }
.mlmt-consent__config label { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.mlmt-consent__config input[type="checkbox"] { width: 17px; height: 17px; accent-color: #835873; }
.mlmt-consent__save { padding: 0 16px; color: #514a4e; background: transparent; border: 1px solid #b7aeb3; }
.mlmt-consent__save:hover { color: #fff; background: #7898a7; border-color: #7898a7; }
.mlmt-consent__close { position: absolute; top: 5px; right: 7px; width: 30px; min-height: 30px !important; color: #6e656a; background: transparent; border: 0; font-size: 22px !important; }

@media (max-width: 620px) {
  .mlmt-consent {
    right: 10px;
    bottom: 10px;
    grid-template-columns: 1fr;
    width: calc(100vw - 20px);
    gap: 12px;
    padding: 15px 16px;
  }
  .mlmt-consent__copy { padding-right: 24px; }
  .mlmt-consent__actions { width: 100%; }
  .mlmt-consent__accept, .mlmt-consent__configure { flex: 1 1 0; }
  .mlmt-consent__config { flex-wrap: wrap; }
}

