:root {
  --inicio-bg: #f6f7f9;
  --inicio-surface: #ffffff;
  --inicio-surface-soft: #f8f9fb;
  --inicio-surface-hover: #f3f4f6;

  --inicio-text: #111318;
  --inicio-text-soft: #4f5661;
  --inicio-text-muted: #7b8491;

  --inicio-border: rgba(17, 24, 39, 0.08);
  --inicio-border-strong: rgba(17, 24, 39, 0.14);

  --inicio-icon-bg: #f1f3f5;
  --inicio-icon: #555d68;

  --inicio-success: #2f7a4a;
  --inicio-success-soft: rgba(47, 122, 74, 0.08);

  --inicio-warning: #9a6b20;
  --inicio-warning-soft: rgba(154, 107, 32, 0.08);

  --inicio-danger: #b44a43;
  --inicio-danger-soft: rgba(180, 74, 67, 0.08);

  --inicio-info: #3c66a1;
  --inicio-info-soft: rgba(60, 102, 161, 0.08);

  --inicio-shadow:
    0 1px 2px rgba(15, 23, 42, 0.025),
    0 8px 30px rgba(15, 23, 42, 0.035);

  --inicio-shadow-hover:
    0 2px 4px rgba(15, 23, 42, 0.03),
    0 12px 34px rgba(15, 23, 42, 0.06);

  --inicio-radius-sm: 10px;
  --inicio-radius-md: 14px;
  --inicio-radius-lg: 18px;

  --inicio-transition:
    190ms
    cubic-bezier(
      0.22,
      1,
      0.36,
      1
    );
}



html[data-theme="dark"],
body[data-theme="dark"] {
  --inicio-bg: #0a0a0b;
  --inicio-surface: #111214;
  --inicio-surface-soft: #16181b;
  --inicio-surface-hover: #1b1d20;

  --inicio-text: #f3f4f6;
  --inicio-text-soft: #c6cbd2;
  --inicio-text-muted: #8e959f;

  --inicio-border: rgba(255, 255, 255, 0.07);
  --inicio-border-strong: rgba(255, 255, 255, 0.13);

  --inicio-icon-bg: #1a1c1f;
  --inicio-icon: #b9bec6;

  --inicio-success: #77c492;
  --inicio-success-soft: rgba(119, 196, 146, 0.09);

  --inicio-warning: #d1a557;
  --inicio-warning-soft: rgba(209, 165, 87, 0.09);

  --inicio-danger: #e47e77;
  --inicio-danger-soft: rgba(228, 126, 119, 0.09);

  --inicio-info: #8cb3e8;
  --inicio-info-soft: rgba(140, 179, 232, 0.09);

  --inicio-shadow:
    0 1px 0 rgba(255, 255, 255, 0.02),
    0 10px 30px rgba(0, 0, 0, 0.18);

  --inicio-shadow-hover:
    0 1px 0 rgba(255, 255, 255, 0.025),
    0 14px 36px rgba(0, 0, 0, 0.25);
}



.inicio-page,
.inicio-page *,
.inicio-page *::before,
.inicio-page *::after {
  box-sizing: border-box;
}



.inicio-page {
  width: 100%;
  min-width: 0;

  display: flex;
  flex-direction: column;

  gap: 18px;

  color:
    var(--inicio-text);
}



.inicio-header {
  width: 100%;

  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  gap: 24px;

  padding:
    2px
    2px
    4px;
}



.inicio-header-copy {
  min-width: 0;

  max-width: 760px;
}



.inicio-header-kicker {
  display: inline-flex;
  align-items: center;

  gap: 7px;

  margin-bottom: 8px;

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

  font-size: 10px;
  font-weight: 820;

  letter-spacing:
    0.1em;

  text-transform: uppercase;
}



.inicio-header-dot {
  position: relative;

  width: 6px;
  height: 6px;

  flex:
    0 0
    6px;

  border-radius: 50%;

  background:
    var(--inicio-success);
}



.inicio-header-dot::after {
  content: "";

  position: absolute;

  inset: -3px;

  border:
    1px solid
    var(--inicio-success);

  border-radius: 50%;

  opacity: 0;

  animation:
    inicioStatusPulse
    2.3s
    ease-out
    infinite;
}



.inicio-header h1 {
  margin: 0;

  color:
    var(--inicio-text);

  font-size:
    clamp(
      30px,
      3.4vw,
      42px
    );

  font-weight: 900;

  line-height: 1;

  letter-spacing:
    -0.05em;
}



.inicio-header-copy > p {
  max-width: 720px;

  margin:
    10px 0 0;

  color:
    var(--inicio-text-soft);

  font-size: 13px;
  font-weight: 650;

  line-height: 1.6;
}



.inicio-header-date {
  flex:
    0 0
    auto;

  min-width: 190px;

  display: flex;
  align-items: center;

  gap: 10px;

  padding:
    11px
    13px;

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

  border-radius:
    var(--inicio-radius-md);

  background:
    var(--inicio-surface);

  box-shadow:
    var(--inicio-shadow);
}



.inicio-header-date > svg {
  width: 17px;
  height: 17px;

  flex:
    0 0
    17px;

  color:
    var(--inicio-icon);
}



.inicio-header-date > div {
  min-width: 0;

  display: flex;
  flex-direction: column;

  gap: 2px;
}



.inicio-header-date span {
  color:
    var(--inicio-text-muted);

  font-size: 9px;
  font-weight: 760;

  text-transform: uppercase;

  letter-spacing:
    0.06em;
}



.inicio-header-date strong {
  overflow: hidden;

  color:
    var(--inicio-text);

  font-size: 11px;
  font-weight: 820;

  text-overflow: ellipsis;

  white-space: nowrap;
}



.inicio-section {
  min-width: 0;

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

  border-radius:
    var(--inicio-radius-lg);

  background:
    var(--inicio-surface);

  box-shadow:
    var(--inicio-shadow);

  overflow: hidden;

  transition:
    border-color
      var(--inicio-transition),
    box-shadow
      var(--inicio-transition),
    transform
      var(--inicio-transition);
}



.inicio-section:hover {
  border-color:
    var(--inicio-border-strong);

  box-shadow:
    var(--inicio-shadow-hover);
}



.inicio-section-heading {
  min-height: 76px;

  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  gap: 18px;

  padding:
    15px
    17px;

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



.inicio-section-heading > div:first-child {
  min-width: 0;
}



.inicio-section-kicker {
  display: block;

  margin-bottom: 3px;

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

  font-size: 9px;
  font-weight: 850;

  line-height: 1.1;

  letter-spacing:
    0.09em;

  text-transform: uppercase;
}



.inicio-section-heading h2 {
  margin: 0;

  color:
    var(--inicio-text);

  font-size: 17px;
  font-weight: 880;

  line-height: 1.2;

  letter-spacing:
    -0.025em;
}



.inicio-section-heading p {
  max-width: 690px;

  margin:
    5px 0 0;

  color:
    var(--inicio-text-soft);

  font-size: 10.5px;
  font-weight: 620;

  line-height: 1.5;
}



.inicio-section-icon {
  width: 36px;
  height: 36px;

  flex:
    0 0
    36px;

  display: grid;
  place-items: center;

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

  border-radius:
    11px;

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

  color:
    var(--inicio-icon);
}



.inicio-section-icon svg {
  width: 16px;
  height: 16px;

  stroke-width: 1.9;
}



.inicio-overview-grid {
  display: grid;

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



.inicio-overview-card {
  position: relative;

  min-width: 0;

  padding:
    17px
    18px;

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

  transition:
    background-color
      var(--inicio-transition);
}



.inicio-overview-card:last-child {
  border-right: 0;
}



.inicio-overview-card:hover {
  background:
    var(--inicio-surface-soft);
}



.inicio-overview-card-top {
  display: flex;
  align-items: center;

  gap: 8px;

  margin-bottom: 14px;
}



.inicio-overview-icon {
  width: 30px;
  height: 30px;

  flex:
    0 0
    30px;

  display: grid;
  place-items: center;

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

  border-radius: 9px;

  background:
    var(--inicio-icon-bg);

  color:
    var(--inicio-icon);
}



.inicio-overview-icon svg {
  width: 14px;
  height: 14px;

  stroke-width: 2;
}



.inicio-overview-label {
  min-width: 0;

  color:
    var(--inicio-text-soft);

  font-size: 10.5px;
  font-weight: 800;

  line-height: 1.25;
}



.inicio-overview-value {
  display: block;

  overflow: hidden;

  color:
    var(--inicio-text);

  font-size:
    clamp(
      24px,
      2.2vw,
      31px
    );

  font-weight: 920;

  line-height: 1;

  letter-spacing:
    -0.045em;

  text-overflow: ellipsis;

  white-space: nowrap;
}



.inicio-overview-card > p {
  margin:
    9px 0 0;

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

  font-size: 9.5px;
  font-weight: 620;

  line-height: 1.5;
}



.inicio-dashboard {
  width: 100%;

  display: grid;

  grid-template-columns:
    minmax(
      0,
      1.75fr
    )
    minmax(
      300px,
      0.75fr
    );

  gap: 14px;

  align-items: start;
}



.inicio-dashboard-main,
.inicio-dashboard-side {
  min-width: 0;
}



.inicio-activity-list {
  display: flex;
  flex-direction: column;
}



.inicio-activity-item {
  min-width: 0;

  display: flex;
  align-items: flex-start;

  gap: 11px;

  padding:
    12px
    16px;

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

  transition:
    background-color
      var(--inicio-transition);
}



.inicio-activity-item:last-child {
  border-bottom: 0;
}



.inicio-activity-item:hover {
  background:
    var(--inicio-surface-soft);
}



.inicio-activity-icon {
  width: 34px;
  height: 34px;

  flex:
    0 0
    34px;

  display: grid;
  place-items: center;

  border-radius:
    10px;

  background:
    var(--inicio-icon-bg);

  color:
    var(--inicio-icon);
}



.inicio-activity-icon svg {
  width: 15px;
  height: 15px;

  stroke-width: 1.9;
}



.inicio-activity-icon.is-sale {
  color:
    var(--inicio-info);

  background:
    var(--inicio-info-soft);
}



.inicio-activity-icon.is-entry {
  color:
    var(--inicio-success);

  background:
    var(--inicio-success-soft);
}



.inicio-activity-icon.is-exit {
  color:
    var(--inicio-danger);

  background:
    var(--inicio-danger-soft);
}



.inicio-activity-icon.is-transfer {
  color:
    #7566b1;

  background:
    rgba(
      117,
      102,
      177,
      0.09
    );
}



.inicio-activity-icon.is-adjust {
  color:
    var(--inicio-warning);

  background:
    var(--inicio-warning-soft);
}



.inicio-activity-copy {
  min-width: 0;

  flex: 1;
}



.inicio-activity-main {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 14px;
}



.inicio-activity-main strong {
  min-width: 0;

  color:
    var(--inicio-text);

  font-size: 11.5px;
  font-weight: 850;

  line-height: 1.25;
}



.inicio-activity-main time {
  flex:
    0 0
    auto;

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

  font-size: 9px;
  font-weight: 680;

  white-space: nowrap;
}



.inicio-activity-product {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;

  gap: 6px;

  margin-top: 3px;
}



.inicio-activity-product span {
  min-width: 0;

  color:
    var(--inicio-text-soft);

  font-size: 10.5px;
  font-weight: 720;

  line-height: 1.35;
}



.inicio-activity-product small {
  color:
    var(--inicio-text-muted);

  font-size: 8.5px;
  font-weight: 700;
}



.inicio-activity-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 5px;

  margin-top: 6px;
}



.inicio-activity-meta span {
  display: inline-flex;
  align-items: center;

  min-height: 21px;

  padding:
    2px
    7px;

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

  border-radius: 999px;

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

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

  font-size: 8.5px;
  font-weight: 720;

  line-height: 1;
}



.inicio-alert-list {
  display: flex;
  flex-direction: column;

  gap: 0;
}



.inicio-alert-item {
  min-width: 0;

  display: grid;

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

  align-items: center;

  gap: 10px;

  padding:
    12px
    14px;

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

  transition:
    background-color
      var(--inicio-transition);
}



.inicio-alert-item:last-child {
  border-bottom: 0;
}



.inicio-alert-item:hover {
  background:
    var(--inicio-surface-soft);
}



.inicio-alert-icon {
  width: 34px;
  height: 34px;

  display: grid;
  place-items: center;

  border-radius: 10px;

  background:
    var(--inicio-icon-bg);

  color:
    var(--inicio-icon);
}



.inicio-alert-icon svg {
  width: 15px;
  height: 15px;

  stroke-width: 1.9;
}



.inicio-alert-item.is-warning
.inicio-alert-icon {
  color:
    var(--inicio-warning);

  background:
    var(--inicio-warning-soft);
}



.inicio-alert-item.is-danger
.inicio-alert-icon {
  color:
    var(--inicio-danger);

  background:
    var(--inicio-danger-soft);
}



.inicio-alert-copy {
  min-width: 0;
}



.inicio-alert-copy strong {
  display: block;

  color:
    var(--inicio-text);

  font-size: 10.5px;
  font-weight: 840;

  line-height: 1.25;
}



.inicio-alert-copy span {
  display: block;

  margin-top: 3px;

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

  font-size: 8.5px;
  font-weight: 620;

  line-height: 1.4;
}



.inicio-alert-value {
  min-width: 32px;

  color:
    var(--inicio-text);

  font-size: 17px;
  font-weight: 900;

  text-align: right;

  letter-spacing:
    -0.03em;
}.inicio-today-grid {
  display: grid;

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



.inicio-today-card {
  min-width: 0;

  display: flex;
  align-items: flex-start;

  gap: 11px;

  padding:
    15px
    16px;

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

  transition:
    background-color
      var(--inicio-transition);
}



.inicio-today-card:last-child {
  border-right: 0;
}



.inicio-today-card:hover {
  background:
    var(--inicio-surface-soft);
}



.inicio-today-icon {
  width: 34px;
  height: 34px;

  flex:
    0 0
    34px;

  display: grid;
  place-items: center;

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

  border-radius: 10px;

  background:
    var(--inicio-icon-bg);

  color:
    var(--inicio-icon);
}



.inicio-today-icon svg {
  width: 15px;
  height: 15px;

  stroke-width: 1.9;
}



.inicio-today-card > div:last-child {
  min-width: 0;
}



.inicio-today-card span {
  display: block;

  color:
    var(--inicio-text-soft);

  font-size: 10px;
  font-weight: 800;

  line-height: 1.25;
}



.inicio-today-card strong {
  display: block;

  margin-top: 5px;

  overflow: hidden;

  color:
    var(--inicio-text);

  font-size: 18px;
  font-weight: 900;

  line-height: 1;

  letter-spacing:
    -0.03em;

  text-overflow: ellipsis;

  white-space: nowrap;
}



.inicio-today-card p {
  margin:
    6px 0 0;

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

  font-size: 8.5px;
  font-weight: 620;

  line-height: 1.45;
}



.inicio-distribution-grid {
  display: grid;

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

  gap: 0;
}



.inicio-distribution-card {
  min-width: 0;

  padding:
    16px
    17px;

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

  transition:
    background-color
      var(--inicio-transition);
}



.inicio-distribution-card:last-child {
  border-right: 0;
}



.inicio-distribution-card:hover {
  background:
    var(--inicio-surface-soft);
}



.inicio-distribution-card-head {
  display: flex;
  align-items: center;

  gap: 10px;
}



.inicio-distribution-icon {
  width: 36px;
  height: 36px;

  flex:
    0 0
    36px;

  display: grid;
  place-items: center;

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

  border-radius: 10px;

  background:
    var(--inicio-icon-bg);

  color:
    var(--inicio-icon);
}



.inicio-distribution-icon svg {
  width: 16px;
  height: 16px;

  stroke-width: 1.9;
}



.inicio-distribution-card-head
> div:last-child {
  min-width: 0;
}



.inicio-distribution-card-head strong {
  display: block;

  color:
    var(--inicio-text);

  font-size: 11px;
  font-weight: 850;

  line-height: 1.25;
}



.inicio-distribution-card-head span {
  display: block;

  margin-top: 3px;

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

  font-size: 9px;
  font-weight: 700;

  line-height: 1.2;
}



.inicio-distribution-progress {
  width: 100%;
  height: 6px;

  margin-top: 14px;

  overflow: hidden;

  border-radius: 999px;

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

  box-shadow:
    inset
    0
    0
    0
    1px
    var(--inicio-border);
}



.inicio-distribution-progress
> span {
  display: block;

  width: 0;
  height: 100%;

  border-radius: inherit;

  background:
    var(--inicio-text);

  transition:
    width
    620ms
    cubic-bezier(
      0.22,
      1,
      0.36,
      1
    );
}



.inicio-distribution-footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  gap: 12px;

  margin-top: 10px;
}



.inicio-distribution-footer p {
  max-width: 260px;

  margin: 0;

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

  font-size: 8.5px;
  font-weight: 620;

  line-height: 1.45;
}



.inicio-distribution-footer strong {
  flex:
    0 0
    auto;

  color:
    var(--inicio-text);

  font-size: 11px;
  font-weight: 850;

  line-height: 1.2;
}



.inicio-distribution-note {
  display: flex;
  align-items: flex-start;

  gap: 8px;

  padding:
    11px
    16px;

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

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

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

  font-size: 9px;
  font-weight: 650;

  line-height: 1.45;
}



.inicio-distribution-note svg {
  width: 14px;
  height: 14px;

  flex:
    0 0
    14px;

  margin-top: 1px;

  color:
    var(--inicio-icon);
}



.inicio-empty {
  min-height: 220px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  gap: 7px;

  padding:
    28px
    22px;

  text-align: center;
}



.inicio-empty-icon {
  width: 42px;
  height: 42px;

  display: grid;
  place-items: center;

  margin-bottom: 3px;

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

  border-radius: 12px;

  background:
    var(--inicio-icon-bg);

  color:
    var(--inicio-icon);
}



.inicio-empty-icon svg {
  width: 18px;
  height: 18px;
}



.inicio-empty strong {
  color:
    var(--inicio-text);

  font-size: 11.5px;
  font-weight: 850;
}



.inicio-empty span {
  max-width: 320px;

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

  font-size: 9.5px;
  font-weight: 620;

  line-height: 1.5;
}



.inicio-state {
  min-height: 210px;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 12px;

  padding:
    28px;

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

  border-radius:
    var(--inicio-radius-lg);

  background:
    var(--inicio-surface);

  box-shadow:
    var(--inicio-shadow);
}



.inicio-state-icon {
  width: 42px;
  height: 42px;

  flex:
    0 0
    42px;

  display: grid;
  place-items: center;

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

  border-radius: 12px;

  background:
    var(--inicio-icon-bg);

  color:
    var(--inicio-icon);
}



.inicio-state-icon svg {
  width: 18px;
  height: 18px;

  stroke-width: 1.9;
}



.inicio-state
.inicio-state-icon
svg[data-lucide="loader-circle"] {
  animation:
    inicioSpin
    800ms
    linear
    infinite;
}



.inicio-state-copy {
  min-width: 0;

  display: flex;
  flex-direction: column;

  gap: 3px;
}



.inicio-state-copy strong {
  color:
    var(--inicio-text);

  font-size: 12px;
  font-weight: 850;
}



.inicio-state-copy span {
  color:
    var(--inicio-text-muted);

  font-size: 9.5px;
  font-weight: 620;

  line-height: 1.45;
}



.inicio-state-error
.inicio-state-icon {
  background:
    var(--inicio-danger-soft);

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



.inicio-enter {
  opacity: 0;

  transform:
    translateY(
      10px
    );

  animation:
    inicioEnter
    480ms
    cubic-bezier(
      0.22,
      1,
      0.36,
      1
    )
    var(
      --inicio-delay,
      0ms
    )
    forwards;
}



@keyframes inicioEnter {
  to {
    opacity: 1;

    transform:
      translateY(
        0
      );
  }
}



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



@keyframes inicioStatusPulse {
  0% {
    opacity: 0.4;

    transform:
      scale(
        0.65
      );
  }

  75%,
  100% {
    opacity: 0;

    transform:
      scale(
        1.7
      );
  }
}



html[data-theme="dark"]
.inicio-activity-icon.is-transfer,
body[data-theme="dark"]
.inicio-activity-icon.is-transfer {
  color: #b7ade1;

  background:
    rgba(
      183,
      173,
      225,
      0.09
    );
}



html[data-theme="dark"]
.inicio-distribution-progress,
body[data-theme="dark"]
.inicio-distribution-progress {
  background: #191b1e;
}



html[data-theme="dark"]
.inicio-distribution-progress
> span,
body[data-theme="dark"]
.inicio-distribution-progress
> span {
  background: #e7e9ec;
}



@media (
  max-width: 1280px
) {
  .inicio-overview-grid {
    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );
  }



  .inicio-overview-card:nth-child(
    2
  ) {
    border-right: 0;
  }



  .inicio-overview-card:nth-child(
    -n + 2
  ) {
    border-bottom:
      1px solid
      var(--inicio-border);
  }



  .inicio-today-grid {
    grid-template-columns:
      repeat(
        3,
        minmax(
          0,
          1fr
        )
      );
  }



  .inicio-today-card {
    border-bottom:
      1px solid
      var(--inicio-border);
  }



  .inicio-today-card:nth-child(
    3n
  ) {
    border-right: 0;
  }



  .inicio-today-card:nth-last-child(
    -n + 2
  ) {
    border-bottom: 0;
  }
}



@media (
  max-width: 1080px
) {
  .inicio-dashboard {
    grid-template-columns:
      1fr;
  }



  .inicio-distribution-grid {
    grid-template-columns:
      1fr;
  }



  .inicio-distribution-card {
    border-right: 0;

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



  .inicio-distribution-card:last-child {
    border-bottom: 0;
  }
}



@media (
  max-width: 820px
) {
  .inicio-page {
    gap: 14px;
  }



  .inicio-header {
    align-items: flex-start;

    flex-direction: column;
  }



  .inicio-header-date {
    width: 100%;

    min-width: 0;
  }



  .inicio-header h1 {
    font-size: 32px;
  }



  .inicio-section-heading {
    min-height: 0;

    padding:
      14px
      15px;
  }



  .inicio-section-heading p {
    font-size: 10px;
  }



  .inicio-overview-card {
    padding:
      15px;
  }



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



  .inicio-today-card {
    border-right:
      1px solid
      var(--inicio-border);

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



  .inicio-today-card:nth-child(
    2n
  ) {
    border-right: 0;
  }



  .inicio-today-card:nth-child(
    3n
  ) {
    border-right:
      1px solid
      var(--inicio-border);
  }



  .inicio-today-card:nth-last-child(
    -n + 2
  ) {
    border-bottom:
      1px solid
      var(--inicio-border);
  }



  .inicio-today-card:last-child {
    border-bottom: 0;
  }
}



@media (
  max-width: 560px
) {
  .inicio-header h1 {
    font-size: 28px;
  }



  .inicio-header-copy > p {
    font-size: 11.5px;
  }



  .inicio-overview-grid {
    grid-template-columns:
      1fr;
  }



  .inicio-overview-card,
  .inicio-overview-card:nth-child(
    2
  ) {
    border-right: 0;

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



  .inicio-overview-card:last-child {
    border-bottom: 0;
  }



  .inicio-overview-card:nth-child(
    -n + 2
  ) {
    border-bottom:
      1px solid
      var(--inicio-border);
  }



  .inicio-overview-card:last-child {
    border-bottom: 0;
  }



  .inicio-overview-value {
    font-size: 26px;
  }



  .inicio-activity-item {
    padding:
      11px
      13px;
  }



  .inicio-activity-main {
    align-items: flex-start;

    flex-direction: column;

    gap: 2px;
  }



  .inicio-alert-item {
    grid-template-columns:
      32px
      minmax(
        0,
        1fr
      )
      auto;

    padding:
      11px
      12px;
  }



  .inicio-alert-icon {
    width: 32px;
    height: 32px;
  }



  .inicio-today-grid {
    grid-template-columns:
      1fr;
  }



  .inicio-today-card,
  .inicio-today-card:nth-child(
    2n
  ),
  .inicio-today-card:nth-child(
    3n
  ),
  .inicio-today-card:nth-last-child(
    -n + 2
  ) {
    border-right: 0;

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



  .inicio-today-card:last-child {
    border-bottom: 0;
  }



  .inicio-distribution-footer {
    flex-direction: column;

    gap: 5px;
  }



  .inicio-distribution-footer p {
    max-width: none;
  }
}



@media (
  hover: none
) {
  .inicio-section:hover {
    border-color:
      var(--inicio-border);

    box-shadow:
      var(--inicio-shadow);
  }



  .inicio-overview-card:hover,
  .inicio-activity-item:hover,
  .inicio-alert-item:hover,
  .inicio-today-card:hover,
  .inicio-distribution-card:hover {
    background:
      transparent;
  }
}



@media (
  prefers-reduced-motion:
  reduce
) {
  .inicio-page *,
  .inicio-page *::before,
  .inicio-page *::after {
    animation:
      none !important;

    transition:
      none !important;
  }



  .inicio-enter {
    opacity: 1;

    transform: none;
  }
}/* =========================================================
   INICIO · ICONOS CENTRADOS FORZADOS
   ========================================================= */

.inicio-distribution-icon,
.inicio-overview-icon,
.inicio-activity-icon,
.inicio-alert-icon,
.inicio-today-icon,
.inicio-section-icon,
.inicio-empty-icon,
.inicio-state-icon {
  position: relative !important;

  display: block !important;

  padding: 0 !important;

  overflow: hidden;
}



.inicio-distribution-icon svg,
.inicio-overview-icon svg,
.inicio-activity-icon svg,
.inicio-alert-icon svg,
.inicio-today-icon svg,
.inicio-section-icon svg,
.inicio-empty-icon svg,
.inicio-state-icon svg {
  position: absolute !important;

  top: 50% !important;
  left: 50% !important;

  width: 16px !important;
  height: 16px !important;

  margin: 0 !important;

  transform:
    translate(
      -50%,
      -50%
    ) !important;

  display: block !important;
}



.inicio-distribution-icon {
  width: 36px !important;
  height: 36px !important;

  min-width: 36px !important;
  min-height: 36px !important;

  flex: 0 0 36px !important;
}



.inicio-distribution-icon svg {
  width: 16px !important;
  height: 16px !important;
}