/* =========================================================
   MIS PARTIDOS · DAY HEADER
   ========================================================= */

.mp-day-header{
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 0 2px 10px 2px;
}

.mp-day-header-date{
  margin: 0;
  padding: 2px 0 0 0;
  color: #b6ffd0;
  font-size: 1.08rem;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: .05em;
  text-transform: none;
  flex: 1 1 auto;
  min-width: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
}

.mp-day-header-stats{
  display: inline-flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 10px;
  flex: 0 0 auto;
  margin-top: -14px;
}

/* =========================
   STAT CARDS
   ========================= */

.mp-daystat-card{
  min-width: 132px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 13px;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 6px 16px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter: blur(6px);
}

.mp-daystat-card.is-partidos{
  background:
    linear-gradient(180deg, rgba(8,29,24,.88), rgba(9,20,18,.92)),
    linear-gradient(90deg, rgba(6,190,132,.18), rgba(6,190,132,.08));
  border-color: rgba(41,217,163,.42);
}

.mp-daystat-card.is-eventos{
  background:
    linear-gradient(180deg, rgba(7,20,24,.88), rgba(8,17,20,.92)),
    linear-gradient(90deg, rgba(1,77,78,.22), rgba(1,77,78,.10));
  border-color: rgba(31,143,144,.44);
}

.mp-daystat-total-line{
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
}

.mp-daystat-total-num{
  color: #f3fff8;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
}

.mp-daystat-total-label{
  color: #b6ffd0;
  font-size: .74rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .02em;
  text-transform: lowercase;
}

.mp-daystat-badges-row{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
}

.mp-daystat-badge{
  min-width: 28px;
  height: 24px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  box-shadow:
    0 2px 6px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.mp-daystat-badge.is-no{
  background: rgba(255,165,0,.22);
  border: 1px solid rgba(255,196,92,.42);
  color: #ffe7bd;
}

.mp-daystat-badge.is-ok{
  background: rgba(57,255,20,.18);
  border: 1px solid rgba(143,255,120,.34);
  color: #dcffe5;
}

/* =========================
   MOBILE
   ========================= */

.mp-day-header.is-mobile{
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  padding-bottom: 8px;
}

.mp-day-header.is-mobile .mp-day-header-date{
  padding-top: 0;
}

.mp-day-header.is-mobile .mp-day-header-stats{
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: -6px;
}

@media (max-width: 860px){
  .mp-day-header{
    gap: 10px;
    padding-bottom: 8px;
  }

  .mp-day-header-date{
    font-size: 1rem;
    letter-spacing: .04em;
  }

  .mp-day-header-stats{
    gap: 8px;
  }

  .mp-daystat-card{
    min-width: 122px;
    gap: 8px;
    padding: 7px 9px;
    border-radius: 12px;
  }

  .mp-daystat-total-num{
    font-size: .95rem;
  }

  .mp-daystat-total-label{
    font-size: .70rem;
  }

  .mp-daystat-badge{
    min-width: 24px;
    height: 21px;
    font-size: 11px;
    padding: 0 7px;
  }
}