/* =========================================================
   UBICACIÓN:
   frontend/src/pages/comercial-digital/publicaciones-mercado-libre/
   publicaciones-mercado-libre.css

   WIRTZ HUB · MERCADO LIBRE · PUBLICACIONES
   PARTE 1 DE 3

   OBJETIVOS:
   - Tipografía más grande y firme
   - Bordes y divisiones visibles
   - Responsive
   - Animaciones rápidas
   - Sin glow
   - Sin scroll horizontal de página
   - Modo oscuro negro real
   ========================================================= */


/* =========================================================
   VARIABLES
   ========================================================= */

:root {
  --ml-bg:
    #f4f5f7;

  --ml-surface:
    #ffffff;

  --ml-surface-soft:
    #f8f9fb;

  --ml-surface-strong:
    #f0f2f5;

  --ml-text:
    #111318;

  --ml-text-strong:
    #090a0c;

  --ml-text-muted:
    #5e6571;

  --ml-border:
    #cfd4dc;

  --ml-border-strong:
    #adb5c1;

  --ml-border-dark:
    #8f98a6;

  --ml-primary:
    #1f2937;

  --ml-primary-hover:
    #111827;

  --ml-success:
    #15803d;

  --ml-success-bg:
    #ecfdf3;

  --ml-warning:
    #a16207;

  --ml-warning-bg:
    #fff8e6;

  --ml-danger:
    #b42318;

  --ml-danger-bg:
    #fff1f0;

  --ml-info:
    #1d4ed8;

  --ml-info-bg:
    #eef4ff;

  --ml-full:
    #2563eb;

  --ml-full-bg:
    #eff6ff;

  --ml-flex:
    #7c3aed;

  --ml-flex-bg:
    #f5f3ff;

  --ml-colecta:
    #b45309;

  --ml-colecta-bg:
    #fff7ed;

  --ml-radius:
    12px;

  --ml-radius-sm:
    8px;

  --ml-radius-xs:
    6px;

  --ml-transition:
    150ms ease;

  --ml-font-xs:
    12px;

  --ml-font-sm:
    13px;

  --ml-font-md:
    14px;

  --ml-font-lg:
    16px;

  --ml-font-xl:
    20px;

  --ml-font-xxl:
    30px;
}


/* =========================================================
   DARK
   ========================================================= */

html[data-theme="dark"],
body[data-theme="dark"],
[data-theme="dark"] {
  --ml-bg:
    #000000;

  --ml-surface:
    #080808;

  --ml-surface-soft:
    #0d0d0d;

  --ml-surface-strong:
    #121212;

  --ml-text:
    #f5f5f5;

  --ml-text-strong:
    #ffffff;

  --ml-text-muted:
    #b8b8b8;

  --ml-border:
    #2d2d2d;

  --ml-border-strong:
    #454545;

  --ml-border-dark:
    #5a5a5a;

  --ml-primary:
    #f5f5f5;

  --ml-primary-hover:
    #ffffff;

  --ml-success:
    #55c97b;

  --ml-success-bg:
    #0c1f12;

  --ml-warning:
    #e1b13f;

  --ml-warning-bg:
    #211a09;

  --ml-danger:
    #ff7069;

  --ml-danger-bg:
    #250d0d;

  --ml-info:
    #79a8ff;

  --ml-info-bg:
    #0d1728;

  --ml-full:
    #78a8ff;

  --ml-full-bg:
    #0a1529;

  --ml-flex:
    #b89aff;

  --ml-flex-bg:
    #171027;

  --ml-colecta:
    #f0b35b;

  --ml-colecta-bg:
    #221708;
}


/* =========================================================
   RESET LOCAL
   ========================================================= */

#publicacionesMercadoLibreContent,
#publicacionesMercadoLibrePageMount,
.ml-publicaciones-page,
.ml-publicaciones-page * {
  box-sizing:
    border-box;
}


#publicacionesMercadoLibreContent {
  width:
    100%;

  min-width:
    0;

  overflow-x:
    hidden;
}


#publicacionesMercadoLibrePageMount {
  width:
    100%;

  min-width:
    0;
}


.ml-publicaciones-page {
  width:
    100%;

  min-width:
    0;

  display:
    flex;

  flex-direction:
    column;

  gap:
    18px;

  padding:
    20px;

  color:
    var(--ml-text);

  font-size:
    var(--ml-font-md);

  line-height:
    1.45;

  background:
    var(--ml-bg);

  animation:
    mlPublicacionesPageIn
    180ms
    ease-out;
}


.ml-publicaciones-page button,
.ml-publicaciones-page input,
.ml-publicaciones-page select,
.ml-publicaciones-page textarea {
  font:
    inherit;

  color:
    inherit;
}


.ml-publicaciones-page button,
.ml-publicaciones-page select,
.ml-publicaciones-page input[type="checkbox"],
.ml-publicaciones-page input[type="radio"] {
  cursor:
    pointer;
}


.ml-publicaciones-page button:disabled,
.ml-publicaciones-page input:disabled,
.ml-publicaciones-page select:disabled,
.ml-publicaciones-page textarea:disabled {
  cursor:
    not-allowed;

  opacity:
    0.58;
}


/* =========================================================
   ANIMACIONES
   ========================================================= */

@keyframes mlPublicacionesPageIn {
  from {
    opacity:
      0;

    transform:
      translateY(
        4px
      );
  }

  to {
    opacity:
      1;

    transform:
      translateY(
        0
      );
  }
}


@keyframes mlPublicacionesSpin {
  to {
    transform:
      rotate(
        360deg
      );
  }
}


@keyframes mlPublicacionesRowIn {
  from {
    opacity:
      0;

    transform:
      translateY(
        3px
      );
  }

  to {
    opacity:
      1;

    transform:
      translateY(
        0
      );
  }
}


.is-spinning {
  animation:
    mlPublicacionesSpin
    0.8s
    linear
    infinite;
}


/* =========================================================
   ICONOS
   ========================================================= */

.ml-publicaciones-page .icon {
  width:
    18px;

  height:
    18px;

  min-width:
    18px;

  stroke-width:
    2;
}


/* =========================================================
   HEADER
   ========================================================= */

.ml-publicaciones-head {
  width:
    100%;

  min-width:
    0;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    18px;

  padding:
    22px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    var(--ml-radius);

  background:
    var(--ml-surface);
}


.ml-publicaciones-head__identity {
  min-width:
    0;

  display:
    flex;

  align-items:
    center;

  gap:
    16px;
}


.ml-publicaciones-head__icon {
  width:
    48px;

  height:
    48px;

  min-width:
    48px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    10px;

  background:
    var(--ml-surface-strong);

  color:
    var(--ml-text-strong);
}


.ml-publicaciones-head__icon .icon {
  width:
    22px;

  height:
    22px;
}


.ml-publicaciones-head__identity > div {
  min-width:
    0;
}


.ml-publicaciones-head__identity > div > span {
  display:
    block;

  margin-bottom:
    3px;

  color:
    var(--ml-text-muted);

  font-size:
    12px;

  font-weight:
    800;

  letter-spacing:
    0.08em;
}


.ml-publicaciones-head h1 {
  margin:
    0;

  color:
    var(--ml-text-strong);

  font-size:
    30px;

  font-weight:
    800;

  line-height:
    1.15;

  letter-spacing:
    -0.025em;
}


.ml-publicaciones-head p {
  margin:
    6px
    0
    0;

  color:
    var(--ml-text-muted);

  font-size:
    14px;

  font-weight:
    600;

  line-height:
    1.45;
}


.ml-publicaciones-head__actions {
  min-width:
    0;

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  flex-wrap:
    wrap;

  gap:
    10px;
}


.ml-publicaciones-account {
  display:
    flex;

  flex-direction:
    column;

  gap:
    2px;

  min-width:
    170px;

  padding:
    9px
    12px;

  border:
    1px solid
    var(--ml-border);

  border-radius:
    var(--ml-radius-sm);

  background:
    var(--ml-surface-soft);
}


.ml-publicaciones-account small {
  color:
    var(--ml-text-muted);

  font-size:
    11px;

  font-weight:
    800;

  letter-spacing:
    0.07em;
}


.ml-publicaciones-account strong {
  color:
    var(--ml-text-strong);

  font-size:
    13px;

  font-weight:
    750;

  line-height:
    1.35;
}


/* =========================================================
   BOTONES
   ========================================================= */

.ml-publicaciones-btn {
  min-height:
    40px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    8px;

  padding:
    9px
    14px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    var(--ml-radius-sm);

  background:
    var(--ml-surface);

  color:
    var(--ml-text-strong);

  font-size:
    13px;

  font-weight:
    750;

  line-height:
    1;

  white-space:
    nowrap;

  transition:
    background
      var(--ml-transition),
    border-color
      var(--ml-transition),
    color
      var(--ml-transition),
    transform
      var(--ml-transition);
}


.ml-publicaciones-btn:hover:not(:disabled) {
  background:
    var(--ml-surface-strong);

  border-color:
    var(--ml-border-dark);

  transform:
    translateY(
      -1px
    );
}


.ml-publicaciones-btn:active:not(:disabled) {
  transform:
    translateY(
      0
    );
}


.ml-publicaciones-btn--primary {
  border-color:
    #111827;

  background:
    #111827;

  color:
    #ffffff;
}


.ml-publicaciones-btn--primary:hover:not(:disabled) {
  border-color:
    #000000;

  background:
    #000000;

  color:
    #ffffff;
}


[data-theme="dark"]
.ml-publicaciones-btn--primary {
  border-color:
    #f1f1f1;

  background:
    #f1f1f1;

  color:
    #080808;
}


[data-theme="dark"]
.ml-publicaciones-btn--primary:hover:not(:disabled) {
  border-color:
    #ffffff;

  background:
    #ffffff;

  color:
    #000000;
}


.ml-publicaciones-btn--danger {
  border-color:
    #d92d20;

  background:
    #d92d20;

  color:
    #ffffff;
}


.ml-publicaciones-btn--danger:hover:not(:disabled) {
  border-color:
    #b42318;

  background:
    #b42318;

  color:
    #ffffff;
}


/* =========================================================
   ALERTAS
   ========================================================= */

.ml-publicaciones-alert {
  width:
    100%;

  display:
    grid;

  grid-template-columns:
    auto
    minmax(
      0,
      1fr
    )
    auto;

  align-items:
    center;

  gap:
    12px;

  padding:
    14px
    16px;

  border:
    1px solid
    var(--ml-border-strong);

  border-left-width:
    4px;

  border-radius:
    var(--ml-radius-sm);

  background:
    var(--ml-surface);

  animation:
    mlPublicacionesRowIn
    160ms
    ease-out;
}


.ml-publicaciones-alert.is-error {
  border-left-color:
    var(--ml-danger);

  background:
    var(--ml-danger-bg);
}


.ml-publicaciones-alert.is-success {
  border-left-color:
    var(--ml-success);

  background:
    var(--ml-success-bg);
}


.ml-publicaciones-alert__icon {
  width:
    34px;

  height:
    34px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    var(--ml-border);

  border-radius:
    8px;

  background:
    var(--ml-surface);
}


.ml-publicaciones-alert__copy {
  min-width:
    0;
}


.ml-publicaciones-alert__copy strong {
  display:
    block;

  margin-bottom:
    2px;

  color:
    var(--ml-text-strong);

  font-size:
    14px;

  font-weight:
    800;
}


.ml-publicaciones-alert__copy p {
  margin:
    0;

  color:
    var(--ml-text-muted);

  font-size:
    13px;

  font-weight:
    600;
}


.ml-publicaciones-alert > button {
  width:
    34px;

  height:
    34px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    transparent;

  border-radius:
    8px;

  background:
    transparent;

  color:
    var(--ml-text-muted);

  transition:
    background
      var(--ml-transition),
    border-color
      var(--ml-transition),
    color
      var(--ml-transition);
}


.ml-publicaciones-alert > button:hover {
  border-color:
    var(--ml-border);

  background:
    var(--ml-surface);

  color:
    var(--ml-text-strong);
}


/* =========================================================
   PROGRESO SINCRONIZACIÓN
   ========================================================= */

.ml-publicaciones-sync-progress {
  width:
    100%;

  padding:
    18px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    var(--ml-radius);

  background:
    var(--ml-surface);
}


.ml-publicaciones-sync-progress.is-completed {
  border-color:
    var(--ml-success);
}


.ml-publicaciones-sync-progress.is-error {
  border-color:
    var(--ml-danger);
}


.ml-publicaciones-sync-progress__head {
  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    16px;
}


.ml-publicaciones-sync-progress__identity {
  min-width:
    0;

  display:
    flex;

  align-items:
    flex-start;

  gap:
    12px;
}


.ml-publicaciones-sync-progress__icon {
  width:
    38px;

  height:
    38px;

  min-width:
    38px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    var(--ml-border);

  border-radius:
    8px;

  background:
    var(--ml-surface-soft);
}


.ml-publicaciones-sync-progress__identity small {
  display:
    block;

  margin-bottom:
    2px;

  color:
    var(--ml-text-muted);

  font-size:
    11px;

  font-weight:
    800;

  letter-spacing:
    0.06em;
}


.ml-publicaciones-sync-progress__identity strong {
  display:
    block;

  color:
    var(--ml-text-strong);

  font-size:
    15px;

  font-weight:
    800;
}


.ml-publicaciones-sync-progress__identity span {
  display:
    block;

  margin-top:
    2px;

  color:
    var(--ml-text-muted);

  font-size:
    13px;

  font-weight:
    600;
}


.ml-publicaciones-sync-progress__percentage {
  flex:
    0
    0
    auto;

  text-align:
    right;
}


.ml-publicaciones-sync-progress__percentage strong {
  display:
    block;

  color:
    var(--ml-text-strong);

  font-size:
    22px;

  font-weight:
    800;
}


.ml-publicaciones-sync-progress__percentage span {
  color:
    var(--ml-text-muted);

  font-size:
    12px;

  font-weight:
    700;
}


.ml-publicaciones-sync-progress__bar {
  position:
    relative;

  width:
    100%;

  height:
    8px;

  margin-top:
    14px;

  overflow:
    hidden;

  border:
    1px solid
    var(--ml-border);

  border-radius:
    999px;

  background:
    var(--ml-surface-strong);
}


.ml-publicaciones-sync-progress__bar > span {
  display:
    block;

  height:
    100%;

  background:
    var(--ml-text-strong);

  transition:
    width
    220ms
    ease;
}


.ml-publicaciones-sync-progress.is-completed
.ml-publicaciones-sync-progress__bar > span {
  background:
    var(--ml-success);
}


.ml-publicaciones-sync-progress.is-error
.ml-publicaciones-sync-progress__bar > span {
  background:
    var(--ml-danger);
}


.ml-publicaciones-sync-progress__stats {
  display:
    grid;

  grid-template-columns:
    repeat(
      5,
      minmax(
        0,
        1fr
      )
    );

  margin-top:
    14px;

  border:
    1px solid
    var(--ml-border);

  border-radius:
    var(--ml-radius-sm);

  overflow:
    hidden;
}


.ml-publicaciones-sync-progress__stats article {
  min-width:
    0;

  padding:
    12px
    14px;

  background:
    var(--ml-surface-soft);
}


.ml-publicaciones-sync-progress__stats article +
article {
  border-left:
    1px solid
    var(--ml-border);
}


.ml-publicaciones-sync-progress__stats small {
  display:
    block;

  margin-bottom:
    4px;

  color:
    var(--ml-text-muted);

  font-size:
    11px;

  font-weight:
    800;

  letter-spacing:
    0.05em;
}


.ml-publicaciones-sync-progress__stats strong {
  color:
    var(--ml-text-strong);

  font-size:
    17px;

  font-weight:
    800;
}


/* =========================================================
   MÉTRICAS
   ========================================================= */

.ml-publicaciones-metrics {
  width:
    100%;

  display:
    grid;

  grid-template-columns:
    repeat(
      6,
      minmax(
        0,
        1fr
      )
    );

  gap:
    10px;
}


.ml-publicaciones-metric {
  min-width:
    0;

  display:
    flex;

  align-items:
    center;

  gap:
    12px;

  min-height:
    78px;

  padding:
    14px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    var(--ml-radius-sm);

  background:
    var(--ml-surface);

  transition:
    border-color
      var(--ml-transition),
    background
      var(--ml-transition),
    transform
      var(--ml-transition);
}


.ml-publicaciones-metric:hover {
  border-color:
    var(--ml-border-dark);

  background:
    var(--ml-surface-soft);

  transform:
    translateY(
      -1px
    );
}


.ml-publicaciones-metric__icon {
  width:
    38px;

  height:
    38px;

  min-width:
    38px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    var(--ml-border);

  border-radius:
    8px;

  background:
    var(--ml-surface-strong);

  color:
    var(--ml-text-strong);
}


.ml-publicaciones-metric small {
  display:
    block;

  margin-bottom:
    3px;

  color:
    var(--ml-text-muted);

  font-size:
    11px;

  font-weight:
    800;

  letter-spacing:
    0.035em;

  line-height:
    1.2;
}


.ml-publicaciones-metric strong {
  color:
    var(--ml-text-strong);

  font-size:
    22px;

  font-weight:
    800;

  line-height:
    1;
}


/* =========================================================
   FILTROS · CONTENEDOR
   ========================================================= */

.ml-publicaciones-filters-shell {
  width:
    100%;

  min-width:
    0;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    var(--ml-radius);

  background:
    var(--ml-surface);

  overflow:
    hidden;
}


.ml-publicaciones-filter-toolbar {
  width:
    100%;

  display:
    grid;

  grid-template-columns:
    minmax(
      280px,
      1fr
    )
    auto
    minmax(
      220px,
      auto
    );

  align-items:
    center;

  gap:
    10px;

  padding:
    14px;

  border-bottom:
    1px solid
    var(--ml-border);
}


/* =========================================================
   BÚSQUEDA
   ========================================================= */

.ml-publicaciones-search {
  position:
    relative;

  min-width:
    0;

  display:
    flex;

  align-items:
    center;
}


.ml-publicaciones-search > .icon {
  position:
    absolute;

  left:
    12px;

  pointer-events:
    none;

  color:
    var(--ml-text-muted);
}


.ml-publicaciones-search input {
  width:
    100%;

  height:
    42px;

  min-width:
    0;

  padding:
    0
    42px
    0
    40px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    var(--ml-radius-sm);

  outline:
    none;

  background:
    var(--ml-surface-soft);

  color:
    var(--ml-text-strong);

  font-size:
    14px;

  font-weight:
    650;

  transition:
    background
      var(--ml-transition),
    border-color
      var(--ml-transition);
}


.ml-publicaciones-search input::placeholder {
  color:
    var(--ml-text-muted);

  opacity:
    0.82;

  font-weight:
    550;
}


.ml-publicaciones-search input:focus {
  border-color:
    var(--ml-border-dark);

  background:
    var(--ml-surface);
}


.ml-publicaciones-search > button {
  position:
    absolute;

  right:
    7px;

  width:
    30px;

  height:
    30px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    0;

  border-radius:
    6px;

  background:
    transparent;

  color:
    var(--ml-text-muted);
}


.ml-publicaciones-search > button:hover {
  background:
    var(--ml-surface-strong);

  color:
    var(--ml-text-strong);
}


/* =========================================================
   FILTROS · BOTÓN ABRIR
   ========================================================= */

.ml-publicaciones-filter-toggle {
  height:
    42px;
}


.ml-publicaciones-filter-toggle.is-open {
  border-color:
    var(--ml-border-dark);

  background:
    var(--ml-surface-strong);
}


.ml-publicaciones-filter-count {
  min-width:
    22px;

  height:
    22px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    0
    6px;

  border:
    1px solid
    var(--ml-border-dark);

  border-radius:
    999px;

  background:
    var(--ml-text-strong);

  color:
    var(--ml-surface);

  font-size:
    11px;

  font-weight:
    800;
}


/* =========================================================
   FILTROS · ORDEN
   ========================================================= */

.ml-publicaciones-order {
  min-width:
    0;

  display:
    grid;

  grid-template-columns:
    minmax(
      0,
      1fr
    )
    42px;

  gap:
    6px;
}


.ml-publicaciones-filter,
.ml-publicaciones-order select {
  width:
    100%;

  height:
    42px;

  min-width:
    0;

  padding:
    0
    36px
    0
    12px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    var(--ml-radius-sm);

  outline:
    none;

  background:
    var(--ml-surface-soft);

  color:
    var(--ml-text-strong);

  font-size:
    13px;

  font-weight:
    700;

  transition:
    border-color
      var(--ml-transition),
    background
      var(--ml-transition);
}


.ml-publicaciones-filter:focus,
.ml-publicaciones-order select:focus {
  border-color:
    var(--ml-border-dark);

  background:
    var(--ml-surface);
}


.ml-publicaciones-order-direction {
  width:
    42px;

  height:
    42px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    var(--ml-radius-sm);

  background:
    var(--ml-surface-soft);

  color:
    var(--ml-text-strong);

  transition:
    background
      var(--ml-transition),
    border-color
      var(--ml-transition),
    transform
      var(--ml-transition);
}


.ml-publicaciones-order-direction:hover {
  border-color:
    var(--ml-border-dark);

  background:
    var(--ml-surface-strong);

  transform:
    translateY(
      -1px
    );
}


/* =========================================================
   FILTROS ACTIVOS
   ========================================================= */

.ml-publicaciones-active-filters {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    10px;

  padding:
    10px
    14px;

  border-bottom:
    1px solid
    var(--ml-border);

  background:
    var(--ml-surface-soft);
}


.ml-publicaciones-active-filters__chips {
  min-width:
    0;

  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    6px;
}


.ml-publicaciones-filter-chip {
  min-height:
    30px;

  display:
    inline-flex;

  align-items:
    center;

  gap:
    6px;

  padding:
    5px
    9px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    999px;

  background:
    var(--ml-surface);

  color:
    var(--ml-text-strong);

  font-size:
    12px;

  font-weight:
    700;

  transition:
    border-color
      var(--ml-transition),
    background
      var(--ml-transition);
}


.ml-publicaciones-filter-chip:hover {
  border-color:
    var(--ml-border-dark);

  background:
    var(--ml-surface-strong);
}


.ml-publicaciones-filter-chip .icon {
  width:
    14px;

  height:
    14px;

  min-width:
    14px;
}


.ml-publicaciones-clear-filters {
  flex:
    0
    0
    auto;

  border:
    0;

  background:
    transparent;

  color:
    var(--ml-danger);

  font-size:
    12px;

  font-weight:
    800;

  text-decoration:
    underline;

  text-underline-offset:
    3px;
}


/* =========================================================
   FILTROS · PANEL
   ========================================================= */

.ml-publicaciones-filter-panel {
  display:
    grid;

  grid-template-columns:
    repeat(
      3,
      minmax(
        0,
        1fr
      )
    );

  gap:
    0;

  border-top:
    1px solid
    var(--ml-border);

  animation:
    mlPublicacionesRowIn
    150ms
    ease-out;
}


.ml-publicaciones-filter-group {
  min-width:
    0;

  padding:
    16px;

  border-right:
    1px solid
    var(--ml-border);

  border-bottom:
    1px solid
    var(--ml-border);

  background:
    var(--ml-surface);
}


.ml-publicaciones-filter-group:nth-child(3n) {
  border-right:
    0;
}


.ml-publicaciones-filter-group__head {
  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    10px;

  margin-bottom:
    12px;

  padding-bottom:
    10px;

  border-bottom:
    1px solid
    var(--ml-border);
}


.ml-publicaciones-filter-group__head small {
  display:
    block;

  margin-bottom:
    2px;

  color:
    var(--ml-text-muted);

  font-size:
    11px;

  font-weight:
    800;

  letter-spacing:
    0.06em;
}


.ml-publicaciones-filter-group__head strong {
  color:
    var(--ml-text-strong);

  font-size:
    14px;

  font-weight:
    800;
}


.ml-publicaciones-filter-group__head > .icon {
  color:
    var(--ml-text-muted);
}


.ml-publicaciones-filter-group__badge {
  min-width:
    28px;

  height:
    24px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    0
    7px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    999px;

  background:
    var(--ml-surface-strong);

  color:
    var(--ml-text-strong);

  font-size:
    11px;

  font-weight:
    800;
}


/* =========================================================
   FILTROS · CHECKS
   ========================================================= */

.ml-publicaciones-filter-options {
  display:
    flex;

  flex-direction:
    column;

  gap:
    4px;
}


.ml-publicaciones-filter-check {
  width:
    100%;

  min-height:
    36px;

  display:
    grid;

  grid-template-columns:
    20px
    minmax(
      0,
      1fr
    )
    auto;

  align-items:
    center;

  gap:
    9px;

  padding:
    7px
    8px;

  border:
    1px solid
    transparent;

  border-radius:
    7px;

  transition:
    border-color
      var(--ml-transition),
    background
      var(--ml-transition);
}


.ml-publicaciones-filter-check:hover {
  border-color:
    var(--ml-border);

  background:
    var(--ml-surface-soft);
}


.ml-publicaciones-filter-check input {
  position:
    absolute;

  opacity:
    0;

  pointer-events:
    none;
}


.ml-publicaciones-filter-check__box {
  width:
    20px;

  height:
    20px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    5px;

  background:
    var(--ml-surface);

  color:
    transparent;

  transition:
    background
      var(--ml-transition),
    border-color
      var(--ml-transition),
    color
      var(--ml-transition);
}


.ml-publicaciones-filter-check__box .icon {
  width:
    13px;

  height:
    13px;

  min-width:
    13px;
}


.ml-publicaciones-filter-check input:checked +
.ml-publicaciones-filter-check__box {
  border-color:
    var(--ml-text-strong);

  background:
    var(--ml-text-strong);

  color:
    var(--ml-surface);
}


.ml-publicaciones-filter-check__label {
  min-width:
    0;

  color:
    var(--ml-text-strong);

  font-size:
    13px;

  font-weight:
    650;

  overflow:
    hidden;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;
}


.ml-publicaciones-filter-check__count {
  min-width:
    26px;

  padding:
    2px
    6px;

  border:
    1px solid
    var(--ml-border);

  border-radius:
    999px;

  background:
    var(--ml-surface-soft);

  color:
    var(--ml-text-muted);

  font-size:
    11px;

  font-weight:
    750;

  text-align:
    center;
}


/* =========================================================
   FILTROS · RADIO
   ========================================================= */

.ml-publicaciones-radio-list {
  display:
    flex;

  flex-direction:
    column;

  gap:
    4px;
}


.ml-publicaciones-radio-list label {
  min-height:
    34px;

  display:
    flex;

  align-items:
    center;

  gap:
    9px;

  padding:
    6px
    8px;

  border:
    1px solid
    transparent;

  border-radius:
    7px;

  color:
    var(--ml-text-strong);

  font-size:
    13px;

  font-weight:
    650;

  transition:
    border-color
      var(--ml-transition),
    background
      var(--ml-transition);
}


.ml-publicaciones-radio-list label:hover {
  border-color:
    var(--ml-border);

  background:
    var(--ml-surface-soft);
}


.ml-publicaciones-radio-list input[type="radio"] {
  width:
    17px;

  height:
    17px;

  margin:
    0;

  accent-color:
    var(--ml-text-strong);
}


/* =========================================================
   CATEGORÍAS
   ========================================================= */

.ml-publicaciones-filter-group--categories {
  min-height:
    280px;
}


.ml-publicaciones-category-search {
  position:
    relative;

  display:
    flex;

  align-items:
    center;

  margin-bottom:
    10px;
}


.ml-publicaciones-category-search .icon {
  position:
    absolute;

  left:
    10px;

  width:
    16px;

  height:
    16px;

  min-width:
    16px;

  color:
    var(--ml-text-muted);

  pointer-events:
    none;
}


.ml-publicaciones-category-search input {
  width:
    100%;

  height:
    38px;

  padding:
    0
    10px
    0
    34px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    7px;

  outline:
    none;

  background:
    var(--ml-surface-soft);

  color:
    var(--ml-text-strong);

  font-size:
    13px;

  font-weight:
    650;
}


.ml-publicaciones-category-search input:focus {
  border-color:
    var(--ml-border-dark);

  background:
    var(--ml-surface);
}


.ml-publicaciones-category-options {
  max-height:
    210px;

  overflow-y:
    auto;

  overflow-x:
    hidden;

  padding-right:
    3px;
}


.ml-publicaciones-category-options::-webkit-scrollbar {
  width:
    7px;
}


.ml-publicaciones-category-options::-webkit-scrollbar-thumb {
  border:
    2px solid
    var(--ml-surface);

  border-radius:
    999px;

  background:
    var(--ml-border-strong);
}


.ml-publicaciones-filter-empty {
  padding:
    18px
    10px;

  color:
    var(--ml-text-muted);

  font-size:
    13px;

  font-weight:
    650;

  text-align:
    center;
}


/* =========================================================
   FILTROS · RANGOS
   ========================================================= */

.ml-publicaciones-filter-subtitle {
  margin:
    12px
    0
    6px;

  color:
    var(--ml-text-muted);

  font-size:
    11px;

  font-weight:
    800;

  letter-spacing:
    0.05em;
}


.ml-publicaciones-filter-range {
  display:
    grid;

  grid-template-columns:
    1fr
    1fr;

  gap:
    8px;
}


.ml-publicaciones-filter-range label {
  min-width:
    0;

  display:
    flex;

  flex-direction:
    column;

  gap:
    5px;
}


.ml-publicaciones-filter-range label:last-child {
  grid-column:
    1 /
    -1;
}


.ml-publicaciones-filter-range span,
.ml-publicaciones-small-field > span {
  color:
    var(--ml-text-muted);

  font-size:
    12px;

  font-weight:
    700;
}


.ml-publicaciones-filter-range input,
.ml-publicaciones-small-field input {
  width:
    100%;

  height:
    38px;

  padding:
    0
    10px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    7px;

  outline:
    none;

  background:
    var(--ml-surface-soft);

  color:
    var(--ml-text-strong);

  font-size:
    13px;

  font-weight:
    650;
}


.ml-publicaciones-filter-range input:focus,
.ml-publicaciones-small-field input:focus {
  border-color:
    var(--ml-border-dark);

  background:
    var(--ml-surface);
}


.ml-publicaciones-small-field {
  display:
    flex;

  flex-direction:
    column;

  gap:
    6px;

  margin-top:
    10px;
}


.ml-publicaciones-btn--filter-apply {
  width:
    100%;

  margin-top:
    10px;
}/* =========================================================
   CONTINÚA DESDE PARTE 1

   UBICACIÓN:
   frontend/src/pages/comercial-digital/publicaciones-mercado-libre/
   publicaciones-mercado-libre.css
   ========================================================= */


/* =========================================================
   SELECCIÓN
   ========================================================= */

.ml-publicaciones-selection-bar {
  width:
    100%;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    14px;

  padding:
    12px
    14px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    var(--ml-radius-sm);

  background:
    var(--ml-surface);

  animation:
    mlPublicacionesRowIn
    150ms
    ease-out;
}


.ml-publicaciones-selection-bar__copy {
  min-width:
    0;

  display:
    flex;

  align-items:
    center;

  gap:
    10px;
}


.ml-publicaciones-selection-bar__copy > span {
  width:
    36px;

  height:
    36px;

  min-width:
    36px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    8px;

  background:
    var(--ml-surface-strong);
}


.ml-publicaciones-selection-bar__copy small {
  display:
    block;

  margin-bottom:
    2px;

  color:
    var(--ml-text-muted);

  font-size:
    11px;

  font-weight:
    800;

  letter-spacing:
    0.055em;
}


.ml-publicaciones-selection-bar__copy strong {
  color:
    var(--ml-text-strong);

  font-size:
    14px;

  font-weight:
    800;
}


.ml-publicaciones-selection-bar__actions {
  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  flex-wrap:
    wrap;

  gap:
    8px;
}


/* =========================================================
   CHECKBOX GENERAL
   ========================================================= */

.ml-publicaciones-checkbox {
  position:
    relative;

  width:
    22px;

  height:
    22px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  cursor:
    pointer;
}


.ml-publicaciones-checkbox input {
  position:
    absolute;

  width:
    1px;

  height:
    1px;

  opacity:
    0;

  pointer-events:
    none;
}


.ml-publicaciones-checkbox > span {
  width:
    20px;

  height:
    20px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    5px;

  background:
    var(--ml-surface);

  transition:
    background
      var(--ml-transition),
    border-color
      var(--ml-transition);
}


.ml-publicaciones-checkbox input:checked +
span {
  border-color:
    var(--ml-text-strong);

  background:
    var(--ml-text-strong);
}


.ml-publicaciones-checkbox input:checked +
span::after {
  content:
    "";

  width:
    9px;

  height:
    5px;

  border-left:
    2px solid
    var(--ml-surface);

  border-bottom:
    2px solid
    var(--ml-surface);

  transform:
    translateY(
      -1px
    )
    rotate(
      -45deg
    );
}


.ml-publicaciones-checkbox input:indeterminate +
span {
  border-color:
    var(--ml-text-strong);

  background:
    var(--ml-text-strong);
}


.ml-publicaciones-checkbox input:indeterminate +
span::after {
  content:
    "";

  width:
    9px;

  height:
    2px;

  background:
    var(--ml-surface);
}


.ml-publicaciones-checkbox.is-disabled {
  cursor:
    not-allowed;

  opacity:
    0.45;
}


/* =========================================================
   LISTADO
   ========================================================= */

.ml-publicaciones-list {
  width:
    100%;

  min-width:
    0;

  overflow:
    hidden;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    var(--ml-radius);

  background:
    var(--ml-surface);
}


.ml-publicaciones-list__head {
  width:
    100%;

  display:
    grid;

  grid-template-columns:
    44px
    minmax(
      340px,
      2.1fr
    )
    minmax(
      160px,
      0.9fr
    )
    minmax(
      220px,
      1.15fr
    )
    minmax(
      150px,
      0.8fr
    )
    132px;

  align-items:
    center;

  gap:
    0;

  min-height:
    48px;

  padding:
    0
    14px;

  border-bottom:
    1px solid
    var(--ml-border-strong);

  background:
    var(--ml-surface-strong);

  color:
    var(--ml-text-muted);

  font-size:
    11px;

  font-weight:
    800;

  letter-spacing:
    0.055em;
}


.ml-publicaciones-list__head > div {
  min-width:
    0;

  padding:
    0
    12px;
}


.ml-publicaciones-list__head > div +
div {
  border-left:
    1px solid
    var(--ml-border);
}


.ml-publicaciones-list__head-select {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    0 !important;
}


.ml-publicaciones-list__body {
  width:
    100%;

  min-width:
    0;
}


/* =========================================================
   FILA
   ========================================================= */

.ml-publicaciones-row {
  width:
    100%;

  min-width:
    0;

  display:
    grid;

  grid-template-columns:
    44px
    minmax(
      340px,
      2.1fr
    )
    minmax(
      160px,
      0.9fr
    )
    minmax(
      220px,
      1.15fr
    )
    minmax(
      150px,
      0.8fr
    )
    132px;

  align-items:
    stretch;

  gap:
    0;

  min-height:
    122px;

  padding:
    0
    14px;

  border-bottom:
    1px solid
    var(--ml-border);

  background:
    var(--ml-surface);

  animation:
    mlPublicacionesRowIn
    120ms
    ease-out;

  transition:
    background
      var(--ml-transition),
    border-color
      var(--ml-transition);
}


.ml-publicaciones-row:last-child {
  border-bottom:
    0;
}


.ml-publicaciones-row:hover {
  background:
    var(--ml-surface-soft);
}


.ml-publicaciones-row.is-selected {
  background:
    var(--ml-info-bg);
}


.ml-publicaciones-row > div {
  min-width:
    0;

  padding:
    14px
    12px;
}


.ml-publicaciones-row > div +
div {
  border-left:
    1px solid
    var(--ml-border);
}


/* =========================================================
   FILA · SELECT
   ========================================================= */

.ml-publicaciones-row__select {
  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    center;

  padding:
    16px
    0 !important;
}


/* =========================================================
   FILA · PRODUCTO
   ========================================================= */

.ml-publicaciones-row__product {
  display:
    grid;

  grid-template-columns:
    74px
    minmax(
      0,
      1fr
    );

  gap:
    14px;

  align-items:
    flex-start;
}


.ml-publicaciones-row__image {
  width:
    74px;

  height:
    74px;

  min-width:
    74px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  overflow:
    hidden;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    9px;

  background:
    var(--ml-surface-strong);
}


.ml-publicaciones-row__image img {
  display:
    block;

  width:
    100%;

  height:
    100%;

  object-fit:
    contain;

  object-position:
    center;

  background:
    #ffffff;
}


[data-theme="dark"]
.ml-publicaciones-row__image img {
  background:
    #ffffff;
}


.ml-publicaciones-row__image-placeholder {
  width:
    100%;

  height:
    100%;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  color:
    var(--ml-text-muted);
}


.ml-publicaciones-row__product-copy {
  min-width:
    0;

  display:
    flex;

  flex-direction:
    column;

  gap:
    8px;
}


.ml-publicaciones-row__title-line {
  min-width:
    0;

  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    10px;
}


.ml-publicaciones-row__title {
  min-width:
    0;

  color:
    var(--ml-text-strong);

  font-size:
    14px;

  font-weight:
    800;

  line-height:
    1.4;

  overflow:
    hidden;

  display:
    -webkit-box;

  -webkit-box-orient:
    vertical;

  -webkit-line-clamp:
    2;
}


.ml-publicaciones-row__ids {
  min-width:
    0;

  display:
    flex;

  align-items:
    center;

  flex-wrap:
    wrap;

  gap:
    6px
    10px;

  color:
    var(--ml-text-muted);

  font-size:
    12px;

  font-weight:
    650;
}


.ml-publicaciones-row__ids span {
  min-width:
    0;

  overflow:
    hidden;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;
}


.ml-publicaciones-row__ids strong {
  margin-right:
    3px;

  color:
    var(--ml-text-strong);

  font-weight:
    800;
}


.ml-publicaciones-row__tags {
  min-width:
    0;

  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    6px;
}


/* =========================================================
   STATUS
   ========================================================= */

.ml-publicaciones-status {
  flex:
    0
    0
    auto;

  display:
    inline-flex;

  align-items:
    center;

  gap:
    5px;

  min-height:
    27px;

  padding:
    4px
    8px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    999px;

  background:
    var(--ml-surface-soft);

  color:
    var(--ml-text-strong);

  font-size:
    11px;

  font-weight:
    800;

  white-space:
    nowrap;
}


.ml-publicaciones-status .icon {
  width:
    14px;

  height:
    14px;

  min-width:
    14px;
}


.ml-publicaciones-status.is-success {
  border-color:
    #9fd5af;

  background:
    var(--ml-success-bg);

  color:
    var(--ml-success);
}


.ml-publicaciones-status.is-warning {
  border-color:
    #dfc279;

  background:
    var(--ml-warning-bg);

  color:
    var(--ml-warning);
}


.ml-publicaciones-status.is-danger {
  border-color:
    #e4aaa6;

  background:
    var(--ml-danger-bg);

  color:
    var(--ml-danger);
}


.ml-publicaciones-status.is-neutral {
  border-color:
    var(--ml-border-strong);

  background:
    var(--ml-surface-strong);

  color:
    var(--ml-text-muted);
}


/* =========================================================
   TAGS
   ========================================================= */

.ml-publicaciones-tag {
  max-width:
    100%;

  min-height:
    26px;

  display:
    inline-flex;

  align-items:
    center;

  gap:
    5px;

  padding:
    4px
    8px;

  border:
    1px solid
    var(--ml-border);

  border-radius:
    6px;

  background:
    var(--ml-surface-soft);

  color:
    var(--ml-text);

  font-size:
    11px;

  font-weight:
    700;

  line-height:
    1.2;
}


.ml-publicaciones-tag .icon {
  width:
    14px;

  height:
    14px;

  min-width:
    14px;
}


.ml-publicaciones-tag--logistic.is-full {
  border-color:
    #a6c8ff;

  background:
    var(--ml-full-bg);

  color:
    var(--ml-full);
}


.ml-publicaciones-tag--logistic.is-flex {
  border-color:
    #cbb6fb;

  background:
    var(--ml-flex-bg);

  color:
    var(--ml-flex);
}


.ml-publicaciones-tag--logistic.is-colecta {
  border-color:
    #e7c28c;

  background:
    var(--ml-colecta-bg);

  color:
    var(--ml-colecta);
}


.ml-publicaciones-tag--logistic.is-places,
.ml-publicaciones-tag--logistic.is-drop-off {
  border-color:
    var(--ml-border-strong);

  background:
    var(--ml-surface-strong);

  color:
    var(--ml-text-strong);
}


/* =========================================================
   FILA · COMERCIAL
   ========================================================= */

.ml-publicaciones-row__commercial {
  display:
    flex;

  flex-direction:
    column;

  justify-content:
    center;

  gap:
    12px;
}


.ml-publicaciones-price,
.ml-publicaciones-sales {
  min-width:
    0;
}


.ml-publicaciones-price small,
.ml-publicaciones-sales small {
  display:
    block;

  margin-bottom:
    3px;

  color:
    var(--ml-text-muted);

  font-size:
    11px;

  font-weight:
    800;

  letter-spacing:
    0.04em;
}


.ml-publicaciones-price strong {
  display:
    block;

  color:
    var(--ml-text-strong);

  font-size:
    17px;

  font-weight:
    850;

  line-height:
    1.2;

  overflow:
    hidden;

  text-overflow:
    ellipsis;
}


.ml-publicaciones-sales strong {
  color:
    var(--ml-text-strong);

  font-size:
    14px;

  font-weight:
    800;
}


/* =========================================================
   FILA · STOCK
   ========================================================= */

.ml-publicaciones-row__stock {
  display:
    flex;

  align-items:
    center;
}


.ml-publicaciones-stock {
  width:
    100%;

  min-width:
    0;

  display:
    flex;

  flex-direction:
    column;

  gap:
    8px;
}


.ml-publicaciones-stock__total {
  min-width:
    0;

  padding:
    10px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    8px;

  background:
    var(--ml-surface-soft);
}


.ml-publicaciones-stock__total small {
  display:
    block;

  margin-bottom:
    3px;

  color:
    var(--ml-text-muted);

  font-size:
    10px;

  font-weight:
    800;

  letter-spacing:
    0.05em;
}


.ml-publicaciones-stock__total strong {
  display:
    inline-block;

  margin-right:
    4px;

  color:
    var(--ml-text-strong);

  font-size:
    18px;

  font-weight:
    850;
}


.ml-publicaciones-stock__total span {
  color:
    var(--ml-text-muted);

  font-size:
    11px;

  font-weight:
    650;
}


.ml-publicaciones-stock__unknown {
  display:
    flex;

  align-items:
    center;

  gap:
    6px;

  color:
    var(--ml-text-muted);

  font-size:
    11px;

  font-weight:
    650;

  line-height:
    1.35;
}


.ml-publicaciones-stock__unknown .icon {
  width:
    14px;

  height:
    14px;

  min-width:
    14px;
}


.ml-publicaciones-stock__distributed {
  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    6px;
}


.ml-publicaciones-stock-card {
  min-width:
    0;

  padding:
    8px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    7px;

  background:
    var(--ml-surface-soft);
}


.ml-publicaciones-stock-card > div {
  display:
    flex;

  align-items:
    center;

  gap:
    5px;

  margin-bottom:
    4px;
}


.ml-publicaciones-stock-card > div .icon {
  width:
    13px;

  height:
    13px;

  min-width:
    13px;
}


.ml-publicaciones-stock-card span {
  min-width:
    0;

  color:
    var(--ml-text-muted);

  font-size:
    10px;

  font-weight:
    800;

  text-transform:
    uppercase;

  letter-spacing:
    0.035em;

  overflow:
    hidden;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;
}


.ml-publicaciones-stock-card strong {
  display:
    block;

  color:
    var(--ml-text-strong);

  font-size:
    18px;

  font-weight:
    850;

  line-height:
    1;
}


.ml-publicaciones-stock-card--full {
  border-color:
    #a6c8ff;

  background:
    var(--ml-full-bg);
}


.ml-publicaciones-stock-card--full strong,
.ml-publicaciones-stock-card--full .icon {
  color:
    var(--ml-full);
}


.ml-publicaciones-stock-card--deposito {
  background:
    var(--ml-surface-strong);
}


.ml-publicaciones-stock-card.is-zero {
  opacity:
    0.62;
}


.ml-publicaciones-stock-card.is-low {
  border-color:
    #ddb65f;
}


.ml-publicaciones-stock-card.is-ok {
  border-color:
    var(--ml-border-strong);
}


.ml-publicaciones-stock__total-line {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    8px;

  padding-top:
    7px;

  border-top:
    1px solid
    var(--ml-border);
}


.ml-publicaciones-stock__total-line span {
  color:
    var(--ml-text-muted);

  font-size:
    11px;

  font-weight:
    700;
}


.ml-publicaciones-stock__total-line strong {
  color:
    var(--ml-text-strong);

  font-size:
    12px;

  font-weight:
    800;
}


/* =========================================================
   FILA · META
   ========================================================= */

.ml-publicaciones-row__meta {
  display:
    flex;

  flex-direction:
    column;

  justify-content:
    center;

  gap:
    13px;
}


.ml-publicaciones-row__meta > div {
  min-width:
    0;
}


.ml-publicaciones-row__meta small {
  display:
    block;

  margin-bottom:
    3px;

  color:
    var(--ml-text-muted);

  font-size:
    10px;

  font-weight:
    800;

  letter-spacing:
    0.045em;
}


.ml-publicaciones-row__meta strong {
  display:
    block;

  color:
    var(--ml-text-strong);

  font-size:
    12px;

  font-weight:
    750;

  line-height:
    1.3;

  word-break:
    break-word;
}


/* =========================================================
   FILA · ACCIONES
   ========================================================= */

.ml-publicaciones-row__actions {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  flex-wrap:
    wrap;

  align-content:
    center;

  gap:
    7px;
}


.ml-publicaciones-icon-btn {
  width:
    36px;

  height:
    36px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    0;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    8px;

  background:
    var(--ml-surface);

  color:
    var(--ml-text-strong);

  text-decoration:
    none;

  transition:
    background
      var(--ml-transition),
    border-color
      var(--ml-transition),
    color
      var(--ml-transition),
    transform
      var(--ml-transition);
}


.ml-publicaciones-icon-btn:hover:not(:disabled) {
  border-color:
    var(--ml-border-dark);

  background:
    var(--ml-surface-strong);

  transform:
    translateY(
      -1px
    );
}


.ml-publicaciones-icon-btn--danger {
  color:
    var(--ml-danger);
}


.ml-publicaciones-icon-btn--danger:hover:not(:disabled) {
  border-color:
    #d92d20;

  background:
    var(--ml-danger-bg);

  color:
    var(--ml-danger);
}


/* =========================================================
   LOADING
   ========================================================= */

.ml-publicaciones-loading {
  width:
    100%;

  min-height:
    180px;

  display:
    flex;

  flex-direction:
    column;

  align-items:
    center;

  justify-content:
    center;

  gap:
    8px;

  padding:
    30px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    var(--ml-radius);

  background:
    var(--ml-surface);

  color:
    var(--ml-text-muted);
}


.ml-publicaciones-loading .icon {
  width:
    28px;

  height:
    28px;
}


.ml-publicaciones-loading strong {
  color:
    var(--ml-text-strong);

  font-size:
    15px;

  font-weight:
    800;
}


.ml-publicaciones-loading span {
  color:
    var(--ml-text-muted);

  font-size:
    13px;

  font-weight:
    600;
}


/* =========================================================
   VACÍO
   ========================================================= */

.ml-publicaciones-empty {
  width:
    100%;

  min-height:
    220px;

  display:
    flex;

  flex-direction:
    column;

  align-items:
    center;

  justify-content:
    center;

  gap:
    9px;

  padding:
    34px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    var(--ml-radius);

  background:
    var(--ml-surface);

  text-align:
    center;
}


.ml-publicaciones-empty > span,
.ml-publicaciones-empty > .icon {
  width:
    46px;

  height:
    46px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    10px;

  background:
    var(--ml-surface-strong);

  color:
    var(--ml-text-muted);
}


.ml-publicaciones-empty > span .icon {
  width:
    22px;

  height:
    22px;
}


.ml-publicaciones-empty h3,
.ml-publicaciones-empty strong {
  margin:
    0;

  color:
    var(--ml-text-strong);

  font-size:
    17px;

  font-weight:
    800;
}


.ml-publicaciones-empty p {
  max-width:
    520px;

  margin:
    0;

  color:
    var(--ml-text-muted);

  font-size:
    13px;

  font-weight:
    600;

  line-height:
    1.5;
}


/* =========================================================
   PAGINACIÓN
   ========================================================= */

.ml-publicaciones-pagination {
  width:
    100%;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    14px;

  padding:
    12px
    14px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    var(--ml-radius-sm);

  background:
    var(--ml-surface);
}


.ml-publicaciones-pagination__info {
  display:
    flex;

  align-items:
    center;

  flex-wrap:
    wrap;

  gap:
    16px;

  color:
    var(--ml-text-muted);

  font-size:
    12px;

  font-weight:
    650;
}


.ml-publicaciones-pagination__info strong {
  color:
    var(--ml-text-strong);

  font-weight:
    800;
}


.ml-publicaciones-pagination__info label {
  display:
    inline-flex;

  align-items:
    center;

  gap:
    7px;
}


.ml-publicaciones-pagination__info select {
  height:
    34px;

  padding:
    0
    28px
    0
    9px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    7px;

  background:
    var(--ml-surface-soft);

  color:
    var(--ml-text-strong);

  font-size:
    12px;

  font-weight:
    700;
}


.ml-publicaciones-pagination__controls {
  display:
    flex;

  align-items:
    center;

  gap:
    6px;
}


.ml-publicaciones-pagination__controls > button {
  width:
    34px;

  height:
    34px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    7px;

  background:
    var(--ml-surface);

  color:
    var(--ml-text-strong);

  transition:
    background
      var(--ml-transition),
    border-color
      var(--ml-transition),
    transform
      var(--ml-transition);
}


.ml-publicaciones-pagination__controls > button:hover:not(:disabled) {
  border-color:
    var(--ml-border-dark);

  background:
    var(--ml-surface-strong);

  transform:
    translateY(
      -1px
    );
}


.ml-publicaciones-pagination__controls > span {
  padding:
    0
    5px;

  color:
    var(--ml-text-muted);

  font-size:
    12px;

  font-weight:
    650;

  white-space:
    nowrap;
}


.ml-publicaciones-pagination__controls strong {
  color:
    var(--ml-text-strong);

  font-weight:
    800;
}


/* =========================================================
   MODAL · BACKDROP
   ========================================================= */

.ml-publicaciones-modal-backdrop {
  position:
    fixed;

  inset:
    0;

  z-index:
    10000;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    24px;

  overflow-y:
    auto;

  background:
    rgba(
      0,
      0,
      0,
      0.64
    );

  animation:
    mlPublicacionesPageIn
    140ms
    ease-out;
}


/* =========================================================
   MODAL
   ========================================================= */

.ml-publicaciones-modal {
  width:
    min(
      760px,
      100%
    );

  max-height:
    calc(
      100vh -
      48px
    );

  display:
    flex;

  flex-direction:
    column;

  overflow:
    hidden;

  border:
    1px solid
    var(--ml-border-dark);

  border-radius:
    14px;

  background:
    var(--ml-surface);

  color:
    var(--ml-text);

  animation:
    mlPublicacionesRowIn
    160ms
    ease-out;
}


.ml-publicaciones-modal--large {
  width:
    min(
      920px,
      100%
    );
}


.ml-publicaciones-modal--danger {
  width:
    min(
      560px,
      100%
    );
}


/* =========================================================
   MODAL · HEADER
   ========================================================= */

.ml-publicaciones-modal__head {
  flex:
    0
    0
    auto;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    14px;

  padding:
    16px
    18px;

  border-bottom:
    1px solid
    var(--ml-border-strong);

  background:
    var(--ml-surface-strong);
}


.ml-publicaciones-modal__head > div {
  min-width:
    0;
}


.ml-publicaciones-modal__head small {
  display:
    block;

  margin-bottom:
    3px;

  color:
    var(--ml-text-muted);

  font-size:
    11px;

  font-weight:
    800;

  letter-spacing:
    0.055em;
}


.ml-publicaciones-modal__head strong {
  display:
    block;

  color:
    var(--ml-text-strong);

  font-size:
    16px;

  font-weight:
    800;

  line-height:
    1.3;

  overflow:
    hidden;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;
}


.ml-publicaciones-modal__head > button {
  width:
    36px;

  height:
    36px;

  min-width:
    36px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    8px;

  background:
    var(--ml-surface);

  color:
    var(--ml-text-strong);

  transition:
    background
      var(--ml-transition),
    border-color
      var(--ml-transition);
}


.ml-publicaciones-modal__head > button:hover:not(:disabled) {
  border-color:
    var(--ml-border-dark);

  background:
    var(--ml-surface-soft);
}


/* =========================================================
   MODAL · BODY
   ========================================================= */

.ml-publicaciones-modal__body {
  min-height:
    0;

  overflow-y:
    auto;

  overflow-x:
    hidden;

  padding:
    18px;

  background:
    var(--ml-surface);
}


.ml-publicaciones-modal__body::-webkit-scrollbar {
  width:
    8px;
}


.ml-publicaciones-modal__body::-webkit-scrollbar-thumb {
  border:
    2px solid
    var(--ml-surface);

  border-radius:
    999px;

  background:
    var(--ml-border-strong);
}


/* =========================================================
   MODAL · FOOTER
   ========================================================= */

.ml-publicaciones-modal__footer {
  flex:
    0
    0
    auto;

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  flex-wrap:
    wrap;

  gap:
    8px;

  padding:
    14px
    18px;

  border-top:
    1px solid
    var(--ml-border-strong);

  background:
    var(--ml-surface-strong);
}


/* =========================================================
   MODAL · NOTICE
   ========================================================= */

.ml-publicaciones-modal__notice {
  display:
    flex;

  align-items:
    flex-start;

  gap:
    9px;

  margin-bottom:
    14px;

  padding:
    11px
    12px;

  border:
    1px solid
    var(--ml-border-strong);

  border-left:
    4px solid
    var(--ml-warning);

  border-radius:
    8px;

  background:
    var(--ml-warning-bg);

  color:
    var(--ml-text-strong);

  font-size:
    13px;

  font-weight:
    650;
}


/* =========================================================
   RESUMEN DE EDICIÓN
   ========================================================= */

.ml-publicaciones-edit-summary {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    12px;

  margin-bottom:
    14px;

  padding:
    12px;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    9px;

  background:
    var(--ml-surface-soft);
}


.ml-publicaciones-edit-summary__product {
  min-width:
    0;

  display:
    flex;

  align-items:
    center;

  gap:
    10px;
}


.ml-publicaciones-edit-summary__product img,
.ml-publicaciones-edit-summary__product > span {
  width:
    52px;

  height:
    52px;

  min-width:
    52px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  object-fit:
    contain;

  overflow:
    hidden;

  border:
    1px solid
    var(--ml-border);

  border-radius:
    8px;

  background:
    #ffffff;
}


.ml-publicaciones-edit-summary__product > div {
  min-width:
    0;
}


.ml-publicaciones-edit-summary__product strong {
  display:
    block;

  color:
    var(--ml-text-strong);

  font-size:
    13px;

  font-weight:
    800;

  line-height:
    1.35;

  overflow:
    hidden;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;
}


.ml-publicaciones-edit-summary__product small {
  display:
    block;

  margin-top:
    3px;

  color:
    var(--ml-text-muted);

  font-size:
    11px;

  font-weight:
    650;
}


.ml-publicaciones-edit-summary__meta {
  display:
    flex;

  flex-wrap:
    wrap;

  justify-content:
    flex-end;

  gap:
    6px;
}


/* =========================================================
   STOCK EN MODAL
   ========================================================= */

.ml-publicaciones-edit-stock-info {
  display:
    grid;

  grid-template-columns:
    repeat(
      3,
      minmax(
        0,
        1fr
      )
    );

  gap:
    0;

  margin-bottom:
    14px;

  overflow:
    hidden;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    9px;
}


.ml-publicaciones-edit-stock-info article {
  min-width:
    0;

  padding:
    11px
    12px;

  background:
    var(--ml-surface-soft);
}


.ml-publicaciones-edit-stock-info article +
article {
  border-left:
    1px solid
    var(--ml-border);
}


.ml-publicaciones-edit-stock-info small {
  display:
    block;

  margin-bottom:
    4px;

  color:
    var(--ml-text-muted);

  font-size:
    10px;

  font-weight:
    800;

  letter-spacing:
    0.04em;
}


.ml-publicaciones-edit-stock-info strong {
  color:
    var(--ml-text-strong);

  font-size:
    18px;

  font-weight:
    850;
}


/* =========================================================
   FORMULARIOS
   ========================================================= */

.ml-publicaciones-form-grid {
  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    14px;
}


.ml-publicaciones-field {
  min-width:
    0;

  display:
    flex;

  flex-direction:
    column;

  gap:
    6px;
}


.ml-publicaciones-field--full {
  grid-column:
    1 /
    -1;
}


.ml-publicaciones-field > span {
  color:
    var(--ml-text-strong);

  font-size:
    12px;

  font-weight:
    800;
}


.ml-publicaciones-field input,
.ml-publicaciones-field select,
.ml-publicaciones-field textarea {
  width:
    100%;

  min-width:
    0;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    8px;

  outline:
    none;

  background:
    var(--ml-surface-soft);

  color:
    var(--ml-text-strong);

  font-size:
    13px;

  font-weight:
    650;

  transition:
    background
      var(--ml-transition),
    border-color
      var(--ml-transition);
}


.ml-publicaciones-field input,
.ml-publicaciones-field select {
  height:
    42px;

  padding:
    0
    11px;
}


.ml-publicaciones-field textarea {
  min-height:
    140px;

  padding:
    10px
    11px;

  resize:
    vertical;

  line-height:
    1.5;
}


.ml-publicaciones-field input:focus,
.ml-publicaciones-field select:focus,
.ml-publicaciones-field textarea:focus {
  border-color:
    var(--ml-border-dark);

  background:
    var(--ml-surface);
}


.ml-publicaciones-field input:disabled,
.ml-publicaciones-field select:disabled,
.ml-publicaciones-field textarea:disabled {
  background:
    var(--ml-surface-strong);

  color:
    var(--ml-text-muted);
}


/* =========================================================
   EDICIÓN MASIVA
   ========================================================= */

.ml-publicaciones-bulk-fields {
  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    10px;
}


.ml-publicaciones-bulk-field {
  min-width:
    0;

  display:
    grid;

  grid-template-columns:
    38px
    minmax(
      0,
      1fr
    );

  gap:
    10px;

  padding:
    12px;

  border:
    1px solid
    var(--ml-border);

  border-radius:
    9px;

  background:
    var(--ml-surface-soft);

  transition:
    border-color
      var(--ml-transition),
    background
      var(--ml-transition);
}


.ml-publicaciones-bulk-field.is-enabled {
  border-color:
    var(--ml-border-dark);

  background:
    var(--ml-surface);
}


.ml-publicaciones-bulk-field__toggle {
  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    center;

  padding-top:
    2px;
}


.ml-publicaciones-bulk-field__toggle input {
  position:
    absolute;

  opacity:
    0;

  pointer-events:
    none;
}


.ml-publicaciones-bulk-field__toggle span {
  width:
    30px;

  height:
    18px;

  position:
    relative;

  display:
    block;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    999px;

  background:
    var(--ml-surface-strong);

  transition:
    background
      var(--ml-transition),
    border-color
      var(--ml-transition);
}


.ml-publicaciones-bulk-field__toggle span::after {
  content:
    "";

  position:
    absolute;

  top:
    2px;

  left:
    2px;

  width:
    12px;

  height:
    12px;

  border-radius:
    50%;

  background:
    var(--ml-text-muted);

  transition:
    transform
      var(--ml-transition),
    background
      var(--ml-transition);
}


.ml-publicaciones-bulk-field__toggle input:checked +
span {
  border-color:
    var(--ml-text-strong);

  background:
    var(--ml-text-strong);
}


.ml-publicaciones-bulk-field__toggle input:checked +
span::after {
  transform:
    translateX(
      12px
    );

  background:
    var(--ml-surface);
}


.ml-publicaciones-bulk-field__content {
  min-width:
    0;

  display:
    flex;

  flex-direction:
    column;

  gap:
    7px;
}


.ml-publicaciones-bulk-field__content > strong {
  color:
    var(--ml-text-strong);

  font-size:
    12px;

  font-weight:
    800;
}


.ml-publicaciones-bulk-field__content input,
.ml-publicaciones-bulk-field__content select,
.ml-publicaciones-bulk-field__content textarea {
  width:
    100%;

  min-width:
    0;

  border:
    1px solid
    var(--ml-border-strong);

  border-radius:
    7px;

  outline:
    none;

  background:
    var(--ml-surface);

  color:
    var(--ml-text-strong);

  font-size:
    13px;

  font-weight:
    650;
}


.ml-publicaciones-bulk-field__content input,
.ml-publicaciones-bulk-field__content select {
  height:
    39px;

  padding:
    0
    10px;
}


.ml-publicaciones-bulk-field__content textarea {
  min-height:
    110px;

  padding:
    9px
    10px;

  resize:
    vertical;

  line-height:
    1.45;
}


/* =========================================================
   DELETE
   ========================================================= */

.ml-publicaciones-delete-warning {
  display:
    flex;

  align-items:
    flex-start;

  gap:
    10px;

  margin-bottom:
    16px;

  padding:
    13px;

  border:
    1px solid
    #dfaaa5;

  border-left:
    4px solid
    var(--ml-danger);

  border-radius:
    9px;

  background:
    var(--ml-danger-bg);
}


.ml-publicaciones-delete-warning > .icon {
  flex:
    0
    0
    auto;

  color:
    var(--ml-danger);
}


.ml-publicaciones-delete-warning strong {
  display:
    block;

  color:
    var(--ml-text-strong);

  font-size:
    13px;

  font-weight:
    800;
}


.ml-publicaciones-delete-warning p {
  margin:
    5px
    0
    0;

  color:
    var(--ml-text-muted);

  font-size:
    12px;

  font-weight:
    600;

  line-height:
    1.45;
}/* =========================================================
   CONTINÚA DESDE PARTE 2

   UBICACIÓN:
   frontend/src/pages/comercial-digital/publicaciones-mercado-libre/
   publicaciones-mercado-libre.css

   PARTE 3 DE 3
   ========================================================= */


/* =========================================================
   DARK · AJUSTES FINOS
   ========================================================= */

[data-theme="dark"]
.ml-publicaciones-page {
  background:
    #000000;
}


[data-theme="dark"]
.ml-publicaciones-head,
[data-theme="dark"]
.ml-publicaciones-sync-progress,
[data-theme="dark"]
.ml-publicaciones-metric,
[data-theme="dark"]
.ml-publicaciones-filters-shell,
[data-theme="dark"]
.ml-publicaciones-selection-bar,
[data-theme="dark"]
.ml-publicaciones-list,
[data-theme="dark"]
.ml-publicaciones-pagination,
[data-theme="dark"]
.ml-publicaciones-modal {
  background:
    #080808;
}


[data-theme="dark"]
.ml-publicaciones-row {
  background:
    #080808;
}


[data-theme="dark"]
.ml-publicaciones-row:hover {
  background:
    #0d0d0d;
}


[data-theme="dark"]
.ml-publicaciones-row.is-selected {
  background:
    #0b1524;
}


[data-theme="dark"]
.ml-publicaciones-list__head,
[data-theme="dark"]
.ml-publicaciones-modal__head,
[data-theme="dark"]
.ml-publicaciones-modal__footer {
  background:
    #111111;
}


[data-theme="dark"]
.ml-publicaciones-filter-group {
  background:
    #080808;
}


[data-theme="dark"]
.ml-publicaciones-filter-toolbar {
  background:
    #080808;
}


[data-theme="dark"]
.ml-publicaciones-active-filters {
  background:
    #0d0d0d;
}


[data-theme="dark"]
.ml-publicaciones-search input,
[data-theme="dark"]
.ml-publicaciones-filter,
[data-theme="dark"]
.ml-publicaciones-order select,
[data-theme="dark"]
.ml-publicaciones-category-search input,
[data-theme="dark"]
.ml-publicaciones-filter-range input,
[data-theme="dark"]
.ml-publicaciones-small-field input,
[data-theme="dark"]
.ml-publicaciones-field input,
[data-theme="dark"]
.ml-publicaciones-field select,
[data-theme="dark"]
.ml-publicaciones-field textarea,
[data-theme="dark"]
.ml-publicaciones-bulk-field__content input,
[data-theme="dark"]
.ml-publicaciones-bulk-field__content select,
[data-theme="dark"]
.ml-publicaciones-bulk-field__content textarea {
  background:
    #0d0d0d;

  border-color:
    #3b3b3b;

  color:
    #ffffff;
}


[data-theme="dark"]
.ml-publicaciones-search input:focus,
[data-theme="dark"]
.ml-publicaciones-filter:focus,
[data-theme="dark"]
.ml-publicaciones-order select:focus,
[data-theme="dark"]
.ml-publicaciones-category-search input:focus,
[data-theme="dark"]
.ml-publicaciones-filter-range input:focus,
[data-theme="dark"]
.ml-publicaciones-small-field input:focus,
[data-theme="dark"]
.ml-publicaciones-field input:focus,
[data-theme="dark"]
.ml-publicaciones-field select:focus,
[data-theme="dark"]
.ml-publicaciones-field textarea:focus,
[data-theme="dark"]
.ml-publicaciones-bulk-field__content input:focus,
[data-theme="dark"]
.ml-publicaciones-bulk-field__content select:focus,
[data-theme="dark"]
.ml-publicaciones-bulk-field__content textarea:focus {
  background:
    #111111;

  border-color:
    #666666;
}


[data-theme="dark"]
.ml-publicaciones-icon-btn {
  background:
    #0b0b0b;
}


[data-theme="dark"]
.ml-publicaciones-icon-btn:hover:not(:disabled) {
  background:
    #151515;
}


[data-theme="dark"]
.ml-publicaciones-stock-card--deposito {
  background:
    #101010;
}


[data-theme="dark"]
.ml-publicaciones-stock-card--full {
  background:
    #0b1528;
}


[data-theme="dark"]
.ml-publicaciones-filter-chip {
  background:
    #0b0b0b;
}


[data-theme="dark"]
.ml-publicaciones-filter-chip:hover {
  background:
    #141414;
}


/* =========================================================
   MEJORA GLOBAL DE LEGIBILIDAD
   ========================================================= */

.ml-publicaciones-page strong,
.ml-publicaciones-page h1,
.ml-publicaciones-page h2,
.ml-publicaciones-page h3 {
  text-rendering:
    optimizeLegibility;

  -webkit-font-smoothing:
    antialiased;
}


.ml-publicaciones-page input,
.ml-publicaciones-page select,
.ml-publicaciones-page textarea,
.ml-publicaciones-page button {
  -webkit-font-smoothing:
    antialiased;
}


.ml-publicaciones-page input,
.ml-publicaciones-page select,
.ml-publicaciones-page textarea {
  color:
    var(--ml-text-strong);
}


.ml-publicaciones-page option {
  color:
    var(--ml-text-strong);

  background:
    var(--ml-surface);
}


/* =========================================================
   FOCUS SIN GLOW
   ========================================================= */

.ml-publicaciones-page button:focus,
.ml-publicaciones-page input:focus,
.ml-publicaciones-page select:focus,
.ml-publicaciones-page textarea:focus,
.ml-publicaciones-page a:focus {
  outline:
    none;

  box-shadow:
    none;
}


.ml-publicaciones-page button:focus-visible,
.ml-publicaciones-page input:focus-visible,
.ml-publicaciones-page select:focus-visible,
.ml-publicaciones-page textarea:focus-visible,
.ml-publicaciones-page a:focus-visible {
  outline:
    2px solid
    var(--ml-border-dark);

  outline-offset:
    2px;

  box-shadow:
    none;
}


/* =========================================================
   SCROLLBARS
   ========================================================= */

.ml-publicaciones-page * {
  scrollbar-width:
    thin;

  scrollbar-color:
    var(--ml-border-strong)
    transparent;
}


.ml-publicaciones-page *::-webkit-scrollbar {
  width:
    8px;

  height:
    8px;
}


.ml-publicaciones-page *::-webkit-scrollbar-track {
  background:
    transparent;
}


.ml-publicaciones-page *::-webkit-scrollbar-thumb {
  border:
    2px solid
    transparent;

  border-radius:
    999px;

  background:
    var(--ml-border-strong);

  background-clip:
    padding-box;
}


/* =========================================================
   RESPONSIVE · 1600
   ========================================================= */

@media (
  max-width:
    1600px
) {
  .ml-publicaciones-page {
    padding:
      18px;

    gap:
      16px;
  }


  .ml-publicaciones-metrics {
    grid-template-columns:
      repeat(
        3,
        minmax(
          0,
          1fr
        )
      );
  }


  .ml-publicaciones-list__head,
  .ml-publicaciones-row {
    grid-template-columns:
      40px
      minmax(
        320px,
        2fr
      )
      minmax(
        145px,
        0.85fr
      )
      minmax(
        205px,
        1.05fr
      )
      minmax(
        140px,
        0.75fr
      )
      120px;
  }


  .ml-publicaciones-row__product {
    grid-template-columns:
      68px
      minmax(
        0,
        1fr
      );
  }


  .ml-publicaciones-row__image {
    width:
      68px;

    height:
      68px;

    min-width:
      68px;
  }
}


/* =========================================================
   RESPONSIVE · 1360
   ========================================================= */

@media (
  max-width:
    1360px
) {
  .ml-publicaciones-head {
    align-items:
      flex-start;

    flex-direction:
      column;
  }


  .ml-publicaciones-head__actions {
    width:
      100%;

    justify-content:
      flex-start;
  }


  .ml-publicaciones-account {
    flex:
      1
      1
      220px;
  }


  .ml-publicaciones-filter-toolbar {
    grid-template-columns:
      minmax(
        0,
        1fr
      )
      auto;
  }


  .ml-publicaciones-order {
    grid-column:
      1 /
      -1;
  }


  .ml-publicaciones-filter-panel {
    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );
  }


  .ml-publicaciones-filter-group:nth-child(3n) {
    border-right:
      1px solid
      var(--ml-border);
  }


  .ml-publicaciones-filter-group:nth-child(2n) {
    border-right:
      0;
  }


  .ml-publicaciones-list__head {
    display:
      none;
  }


  .ml-publicaciones-row {
    grid-template-columns:
      40px
      minmax(
        0,
        1fr
      )
      minmax(
        150px,
        0.45fr
      )
      minmax(
        210px,
        0.58fr
      )
      118px;

    min-height:
      0;

    padding:
      0;
  }


  .ml-publicaciones-row__select {
    grid-column:
      1;

    grid-row:
      1 /
      span
      2;

    border-right:
      1px solid
      var(--ml-border);
  }


  .ml-publicaciones-row__product {
    grid-column:
      2;

    grid-row:
      1 /
      span
      2;
  }


  .ml-publicaciones-row__commercial {
    grid-column:
      3;

    grid-row:
      1;
  }


  .ml-publicaciones-row__stock {
    grid-column:
      4;

    grid-row:
      1 /
      span
      2;
  }


  .ml-publicaciones-row__meta {
    grid-column:
      3;

    grid-row:
      2;

    border-top:
      1px solid
      var(--ml-border);
  }


  .ml-publicaciones-row__actions {
    grid-column:
      5;

    grid-row:
      1 /
      span
      2;
  }


  .ml-publicaciones-row > div +
  div {
    border-left:
      1px solid
      var(--ml-border);
  }


  .ml-publicaciones-row__commercial,
  .ml-publicaciones-row__meta {
    border-left:
      1px solid
      var(--ml-border);
  }


  .ml-publicaciones-row__meta {
    justify-content:
      flex-start;
  }
}


/* =========================================================
   RESPONSIVE · 1100
   ========================================================= */

@media (
  max-width:
    1100px
) {
  .ml-publicaciones-page {
    padding:
      16px;
  }


  .ml-publicaciones-sync-progress__stats {
    grid-template-columns:
      repeat(
        3,
        minmax(
          0,
          1fr
        )
      );
  }


  .ml-publicaciones-sync-progress__stats article:nth-child(4),
  .ml-publicaciones-sync-progress__stats article:nth-child(5) {
    border-top:
      1px solid
      var(--ml-border);
  }


  .ml-publicaciones-sync-progress__stats article:nth-child(4) {
    border-left:
      0;
  }


  .ml-publicaciones-metrics {
    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );
  }


  .ml-publicaciones-row {
    display:
      grid;

    grid-template-columns:
      40px
      minmax(
        0,
        1fr
      )
      190px;

    grid-template-rows:
      auto
      auto
      auto;
  }


  .ml-publicaciones-row__select {
    grid-column:
      1;

    grid-row:
      1 /
      span
      3;
  }


  .ml-publicaciones-row__product {
    grid-column:
      2;

    grid-row:
      1;
  }


  .ml-publicaciones-row__commercial {
    grid-column:
      3;

    grid-row:
      1;

    border-left:
      1px solid
      var(--ml-border);
  }


  .ml-publicaciones-row__stock {
    grid-column:
      2;

    grid-row:
      2;

    border-top:
      1px solid
      var(--ml-border);

    border-left:
      0 !important;
  }


  .ml-publicaciones-row__meta {
    grid-column:
      3;

    grid-row:
      2;

    border-top:
      1px solid
      var(--ml-border);

    border-left:
      1px solid
      var(--ml-border);
  }


  .ml-publicaciones-row__actions {
    grid-column:
      2 /
      span
      2;

    grid-row:
      3;

    justify-content:
      flex-end;

    padding-top:
      10px;

    padding-bottom:
      10px;

    border-top:
      1px solid
      var(--ml-border);

    border-left:
      0 !important;
  }


  .ml-publicaciones-stock__distributed {
    grid-template-columns:
      repeat(
        3,
        minmax(
          0,
          1fr
        )
      );
  }


  .ml-publicaciones-bulk-fields {
    grid-template-columns:
      1fr;
  }
}


/* =========================================================
   RESPONSIVE · 860
   ========================================================= */

@media (
  max-width:
    860px
) {
  .ml-publicaciones-page {
    gap:
      14px;

    padding:
      14px;
  }


  .ml-publicaciones-head {
    padding:
      16px;
  }


  .ml-publicaciones-head__identity {
    align-items:
      flex-start;
  }


  .ml-publicaciones-head__icon {
    width:
      42px;

    height:
      42px;

    min-width:
      42px;
  }


  .ml-publicaciones-head h1 {
    font-size:
      26px;
  }


  .ml-publicaciones-head p {
    font-size:
      13px;
  }


  .ml-publicaciones-head__actions {
    display:
      grid;

    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );
  }


  .ml-publicaciones-account {
    grid-column:
      1 /
      -1;

    width:
      100%;
  }


  .ml-publicaciones-head__actions
  .ml-publicaciones-btn {
    width:
      100%;
  }


  .ml-publicaciones-sync-progress__head {
    flex-direction:
      column;
  }


  .ml-publicaciones-sync-progress__percentage {
    width:
      100%;

    display:
      flex;

    align-items:
      center;

    justify-content:
      space-between;

    text-align:
      left;
  }


  .ml-publicaciones-sync-progress__stats {
    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );
  }


  .ml-publicaciones-sync-progress__stats article {
    border-top:
      1px solid
      var(--ml-border);
  }


  .ml-publicaciones-sync-progress__stats article:nth-child(1),
  .ml-publicaciones-sync-progress__stats article:nth-child(2) {
    border-top:
      0;
  }


  .ml-publicaciones-sync-progress__stats article:nth-child(odd) {
    border-left:
      0;
  }


  .ml-publicaciones-sync-progress__stats article:nth-child(even) {
    border-left:
      1px solid
      var(--ml-border);
  }


  .ml-publicaciones-filter-toolbar {
    grid-template-columns:
      1fr;
  }


  .ml-publicaciones-filter-toggle {
    width:
      100%;
  }


  .ml-publicaciones-order {
    grid-column:
      auto;
  }


  .ml-publicaciones-filter-panel {
    grid-template-columns:
      1fr;
  }


  .ml-publicaciones-filter-group,
  .ml-publicaciones-filter-group:nth-child(2n),
  .ml-publicaciones-filter-group:nth-child(3n) {
    border-right:
      0;
  }


  .ml-publicaciones-active-filters {
    align-items:
      flex-start;

    flex-direction:
      column;
  }


  .ml-publicaciones-selection-bar {
    align-items:
      flex-start;

    flex-direction:
      column;
  }


  .ml-publicaciones-selection-bar__actions {
    width:
      100%;

    display:
      grid;

    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );
  }


  .ml-publicaciones-selection-bar__actions
  .ml-publicaciones-btn {
    width:
      100%;
  }


  .ml-publicaciones-row {
    grid-template-columns:
      38px
      minmax(
        0,
        1fr
      );

    grid-template-rows:
      auto;
  }


  .ml-publicaciones-row__select {
    grid-column:
      1;

    grid-row:
      1 /
      span
      5;
  }


  .ml-publicaciones-row__product {
    grid-column:
      2;

    grid-row:
      1;

    border-left:
      1px solid
      var(--ml-border);
  }


  .ml-publicaciones-row__commercial {
    grid-column:
      2;

    grid-row:
      2;

    display:
      grid;

    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );

    border-top:
      1px solid
      var(--ml-border);

    border-left:
      1px solid
      var(--ml-border);
  }


  .ml-publicaciones-row__stock {
    grid-column:
      2;

    grid-row:
      3;

    border-top:
      1px solid
      var(--ml-border);

    border-left:
      1px solid
      var(--ml-border) !important;
  }


  .ml-publicaciones-row__meta {
    grid-column:
      2;

    grid-row:
      4;

    display:
      grid;

    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );

    border-top:
      1px solid
      var(--ml-border);

    border-left:
      1px solid
      var(--ml-border);
  }


  .ml-publicaciones-row__actions {
    grid-column:
      2;

    grid-row:
      5;

    justify-content:
      flex-start;

    border-top:
      1px solid
      var(--ml-border);

    border-left:
      1px solid
      var(--ml-border) !important;
  }


  .ml-publicaciones-stock__distributed {
    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );
  }


  .ml-publicaciones-pagination {
    align-items:
      flex-start;

    flex-direction:
      column;
  }


  .ml-publicaciones-pagination__controls {
    width:
      100%;

    justify-content:
      space-between;
  }


  .ml-publicaciones-modal-backdrop {
    padding:
      14px;
  }


  .ml-publicaciones-modal {
    max-height:
      calc(
        100vh -
        28px
      );

    border-radius:
      11px;
  }


  .ml-publicaciones-edit-summary {
    align-items:
      flex-start;

    flex-direction:
      column;
  }


  .ml-publicaciones-edit-summary__meta {
    justify-content:
      flex-start;
  }


  .ml-publicaciones-form-grid {
    grid-template-columns:
      1fr;
  }


  .ml-publicaciones-field--full {
    grid-column:
      auto;
  }
}


/* =========================================================
   RESPONSIVE · 620
   ========================================================= */

@media (
  max-width:
    620px
) {
  .ml-publicaciones-page {
    padding:
      10px;

    gap:
      12px;
  }


  .ml-publicaciones-head {
    padding:
      14px;
  }


  .ml-publicaciones-head__identity {
    gap:
      11px;
  }


  .ml-publicaciones-head__icon {
    width:
      38px;

    height:
      38px;

    min-width:
      38px;
  }


  .ml-publicaciones-head__icon .icon {
    width:
      19px;

    height:
      19px;
  }


  .ml-publicaciones-head__identity > div > span {
    font-size:
      10px;
  }


  .ml-publicaciones-head h1 {
    font-size:
      23px;
  }


  .ml-publicaciones-head p {
    font-size:
      12px;
  }


  .ml-publicaciones-head__actions {
    grid-template-columns:
      1fr;
  }


  .ml-publicaciones-account {
    grid-column:
      auto;
  }


  .ml-publicaciones-btn {
    min-height:
      42px;

    padding:
      10px
      12px;

    font-size:
      13px;
  }


  .ml-publicaciones-metrics {
    grid-template-columns:
      1fr;
  }


  .ml-publicaciones-metric {
    min-height:
      64px;
  }


  .ml-publicaciones-metric strong {
    font-size:
      20px;
  }


  .ml-publicaciones-filter-toolbar {
    padding:
      10px;
  }


  .ml-publicaciones-filter-group {
    padding:
      13px;
  }


  .ml-publicaciones-search input {
    height:
      44px;

    font-size:
      13px;
  }


  .ml-publicaciones-order {
    grid-template-columns:
      minmax(
        0,
        1fr
      )
      44px;
  }


  .ml-publicaciones-filter,
  .ml-publicaciones-order select,
  .ml-publicaciones-order-direction {
    height:
      44px;
  }


  .ml-publicaciones-filter-range {
    grid-template-columns:
      1fr;
  }


  .ml-publicaciones-filter-range label:last-child {
    grid-column:
      auto;
  }


  .ml-publicaciones-category-options {
    max-height:
      180px;
  }


  .ml-publicaciones-selection-bar__actions {
    grid-template-columns:
      1fr;
  }


  .ml-publicaciones-row {
    grid-template-columns:
      34px
      minmax(
        0,
        1fr
      );
  }


  .ml-publicaciones-row > div {
    padding:
      12px
      10px;
  }


  .ml-publicaciones-row__select {
    padding:
      14px
      0 !important;
  }


  .ml-publicaciones-row__product {
    grid-template-columns:
      58px
      minmax(
        0,
        1fr
      );

    gap:
      10px;
  }


  .ml-publicaciones-row__image {
    width:
      58px;

    height:
      58px;

    min-width:
      58px;
  }


  .ml-publicaciones-row__title-line {
    flex-direction:
      column;

    align-items:
      flex-start;
  }


  .ml-publicaciones-row__title {
    font-size:
      13px;
  }


  .ml-publicaciones-row__ids {
    font-size:
      11px;
  }


  .ml-publicaciones-row__commercial {
    gap:
      8px;
  }


  .ml-publicaciones-price strong {
    font-size:
      16px;
  }


  .ml-publicaciones-stock__distributed {
    grid-template-columns:
      1fr
      1fr;
  }


  .ml-publicaciones-row__actions {
    display:
      grid;

    grid-template-columns:
      repeat(
        4,
        38px
      );

    justify-content:
      flex-start;
  }


  .ml-publicaciones-icon-btn {
    width:
      38px;

    height:
      38px;
  }


  .ml-publicaciones-pagination {
    padding:
      10px;
  }


  .ml-publicaciones-pagination__info {
    width:
      100%;

    justify-content:
      space-between;

    gap:
      8px;
  }


  .ml-publicaciones-pagination__controls > span {
    font-size:
      11px;
  }


  .ml-publicaciones-modal-backdrop {
    align-items:
      flex-start;

    padding:
      8px;
  }


  .ml-publicaciones-modal {
    width:
      100%;

    max-height:
      calc(
        100vh -
        16px
      );

    border-radius:
      10px;
  }


  .ml-publicaciones-modal__head {
    padding:
      13px;
  }


  .ml-publicaciones-modal__body {
    padding:
      13px;
  }


  .ml-publicaciones-modal__footer {
    padding:
      11px
      13px;
  }


  .ml-publicaciones-modal__footer
  .ml-publicaciones-btn {
    flex:
      1
      1
      140px;
  }


  .ml-publicaciones-edit-stock-info {
    grid-template-columns:
      1fr;
  }


  .ml-publicaciones-edit-stock-info article +
  article {
    border-left:
      0;

    border-top:
      1px solid
      var(--ml-border);
  }


  .ml-publicaciones-bulk-field {
    grid-template-columns:
      34px
      minmax(
        0,
        1fr
      );

    padding:
      10px;
  }
}


/* =========================================================
   RESPONSIVE · 420
   ========================================================= */

@media (
  max-width:
    420px
) {
  .ml-publicaciones-page {
    padding:
      8px;
  }


  .ml-publicaciones-head {
    border-radius:
      9px;
  }


  .ml-publicaciones-head__identity {
    width:
      100%;
  }


  .ml-publicaciones-head__icon {
    display:
      none;
  }


  .ml-publicaciones-head h1 {
    font-size:
      21px;
  }


  .ml-publicaciones-sync-progress {
    padding:
      13px;
  }


  .ml-publicaciones-sync-progress__identity {
    gap:
      8px;
  }


  .ml-publicaciones-sync-progress__icon {
    width:
      34px;

    height:
      34px;

    min-width:
      34px;
  }


  .ml-publicaciones-sync-progress__stats {
    grid-template-columns:
      1fr;
  }


  .ml-publicaciones-sync-progress__stats article,
  .ml-publicaciones-sync-progress__stats article:nth-child(1),
  .ml-publicaciones-sync-progress__stats article:nth-child(2),
  .ml-publicaciones-sync-progress__stats article:nth-child(odd),
  .ml-publicaciones-sync-progress__stats article:nth-child(even) {
    border-left:
      0;

    border-top:
      1px solid
      var(--ml-border);
  }


  .ml-publicaciones-sync-progress__stats article:first-child {
    border-top:
      0;
  }


  .ml-publicaciones-row {
    grid-template-columns:
      30px
      minmax(
        0,
        1fr
      );
  }


  .ml-publicaciones-row__product {
    grid-template-columns:
      50px
      minmax(
        0,
        1fr
      );
  }


  .ml-publicaciones-row__image {
    width:
      50px;

    height:
      50px;

    min-width:
      50px;

    border-radius:
      7px;
  }


  .ml-publicaciones-row__commercial {
    grid-template-columns:
      1fr;
  }


  .ml-publicaciones-row__meta {
    grid-template-columns:
      1fr;
  }


  .ml-publicaciones-stock__distributed {
    grid-template-columns:
      1fr;
  }


  .ml-publicaciones-row__actions {
    grid-template-columns:
      repeat(
        4,
        36px
      );

    gap:
      6px;
  }


  .ml-publicaciones-icon-btn {
    width:
      36px;

    height:
      36px;
  }


  .ml-publicaciones-pagination__info {
    align-items:
      flex-start;

    flex-direction:
      column;
  }


  .ml-publicaciones-pagination__controls {
    gap:
      4px;
  }


  .ml-publicaciones-pagination__controls > button {
    width:
      32px;

    height:
      32px;
  }


  .ml-publicaciones-pagination__controls > span {
    flex:
      1;

    text-align:
      center;
  }
}


/* =========================================================
   REDUCIR MOVIMIENTO
   ========================================================= */

@media (
  prefers-reduced-motion:
    reduce
) {
  .ml-publicaciones-page,
  .ml-publicaciones-row,
  .ml-publicaciones-alert,
  .ml-publicaciones-filter-panel,
  .ml-publicaciones-modal,
  .ml-publicaciones-modal-backdrop {
    animation:
      none !important;
  }


  .ml-publicaciones-page *,
  .ml-publicaciones-page *::before,
  .ml-publicaciones-page *::after {
    scroll-behavior:
      auto !important;

    transition-duration:
      0.01ms !important;

    animation-duration:
      0.01ms !important;

    animation-iteration-count:
      1 !important;
  }
}


/* =========================================================
   HOVER SOLO EN DISPOSITIVOS QUE LO SOPORTAN
   ========================================================= */

@media (
  hover:
    none
) {
  .ml-publicaciones-btn:hover,
  .ml-publicaciones-icon-btn:hover,
  .ml-publicaciones-metric:hover,
  .ml-publicaciones-filter-check:hover,
  .ml-publicaciones-radio-list label:hover,
  .ml-publicaciones-order-direction:hover {
    transform:
      none;
  }
}


/* =========================================================
   IMPRESIÓN
   ========================================================= */

@media print {
  .ml-publicaciones-head__actions,
  .ml-publicaciones-filter-toolbar,
  .ml-publicaciones-filter-panel,
  .ml-publicaciones-active-filters,
  .ml-publicaciones-selection-bar,
  .ml-publicaciones-row__select,
  .ml-publicaciones-row__actions,
  .ml-publicaciones-pagination {
    display:
      none !important;
  }


  .ml-publicaciones-page {
    padding:
      0;

    background:
      #ffffff;

    color:
      #000000;
  }


  .ml-publicaciones-list,
  .ml-publicaciones-row,
  .ml-publicaciones-head,
  .ml-publicaciones-metric {
    border-color:
      #777777;

    background:
      #ffffff;
  }
}/* =========================================================
   FIX · BOTÓN PRIMARIO / SINCRONIZAR
   MODO CLARO + OSCURO

   AGREGAR AL FINAL DEL ARCHIVO
   ========================================================= */

.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary {
  border-color:
    #111827 !important;

  background:
    #111827 !important;

  color:
    #ffffff !important;
}


.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary span,
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary .icon,
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary svg {
  color:
    #ffffff !important;

  stroke:
    #ffffff !important;
}


.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:hover:not(:disabled) {
  border-color:
    #000000 !important;

  background:
    #000000 !important;

  color:
    #ffffff !important;
}


.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:hover:not(:disabled) span,
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:hover:not(:disabled) .icon,
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:hover:not(:disabled) svg {
  color:
    #ffffff !important;

  stroke:
    #ffffff !important;
}


/* =========================================================
   FIX · BOTÓN DESHABILITADO

   SIGUE SIENDO LEGIBLE
   ========================================================= */

.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:disabled {
  border-color:
    #374151 !important;

  background:
    #374151 !important;

  color:
    #ffffff !important;

  opacity:
    0.72;
}


.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:disabled span,
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:disabled .icon,
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:disabled svg {
  color:
    #ffffff !important;

  stroke:
    #ffffff !important;
}


/* =========================================================
   DARK
   ========================================================= */

[data-theme="dark"]
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary {
  border-color:
    #f2f2f2 !important;

  background:
    #f2f2f2 !important;

  color:
    #050505 !important;
}


[data-theme="dark"]
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary span,
[data-theme="dark"]
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary .icon,
[data-theme="dark"]
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary svg {
  color:
    #050505 !important;

  stroke:
    #050505 !important;
}


[data-theme="dark"]
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:hover:not(:disabled) {
  border-color:
    #ffffff !important;

  background:
    #ffffff !important;

  color:
    #000000 !important;
}


[data-theme="dark"]
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:hover:not(:disabled) span,
[data-theme="dark"]
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:hover:not(:disabled) .icon,
[data-theme="dark"]
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:hover:not(:disabled) svg {
  color:
    #000000 !important;

  stroke:
    #000000 !important;
}


/* =========================================================
   DARK · DESHABILITADO
   ========================================================= */

[data-theme="dark"]
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:disabled {
  border-color:
    #7d7d7d !important;

  background:
    #dedede !important;

  color:
    #000000 !important;

  opacity:
    0.7;
}


[data-theme="dark"]
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:disabled span,
[data-theme="dark"]
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:disabled .icon,
[data-theme="dark"]
.ml-publicaciones-page
.ml-publicaciones-btn.ml-publicaciones-btn--primary:disabled svg {
  color:
    #000000 !important;

  stroke:
    #000000 !important;
}