.collapsed .navItem {
  width: 100%;
}

.collapsed .sidebar-menu > li > a {
  padding: 12px 10px 12px 10px;
}
.collapsed .logo-segment > a {
  justify-content: center;
}

.btn-primario {
  --tw-bg-opacity: 1;
  background-color: #CC33CC;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: #CC33CC;
}
.btn-primario:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 0.8;
  --tw-ring-offset-width: 1px;
}
.app-wrapper.collapsed .logo-segment .desk {
  display: none;
}
.app-wrapper.extend .logo-segment .mobile {
  display: none;
}

@media (min-width: 640px) {
  .sm\:hidden {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .md\:table-cell {
    display: table-cell !important;
  }
}

@media (min-width: 1024px) {
  .lg\:table-cell {
    display: table-cell !important;
  }
}

@media (min-width: 1280px) {
  .xl\:table-cell {
    display: table-cell !important;
  }
}

@media (min-width: 1536px) {
  .2xl\:table-cell {
    display: table-cell !important;
  }
}