/* Notifications CSS */
.notifications_btn .notifications-badge {width: 12px;height: 12px;border-radius: 100%;position: absolute;right: 15px;top: 3px;padding: 0 !important;background: rgba(var(--bs-secondary-rgb), 1);border: var(--bs-btn-bg) 2px solid;transition:.15s;}
.notifications_btn:hover .notifications-badge {border: var(--bs-btn-hover-bg) 2px solid;transition:.15s;}
.avatar {height: 40px;width: 40px;background-size: cover;}
.dropdown_user {min-width: 300px;}
.avatar_big {font-size: 20px;width: 50px !important;height: 50px !important;background-size: cover;}
.notification *:last-child {margin-bottom: 0 !important;}
#notifications.modal.right .modal-dialog,
#menu_panel.modal.right .modal-dialog {max-width: 400px;}


/* Corrección posicionamiento del footer */
html,
body {
  height: 100%;
  margin: 0;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
  display: block;
}

/*Correcciòn chips mobile*/
.chip-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}

@media (max-width: 768px) {
  .chip-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    width: 100%;
  }

  .chip-container andino-chips {
    width: 100% !important;
    display: flex !important;
  }

  .chip-container andino-chips > * {
    width: 100% !important;
    display: flex;
    justify-content: center;
  }

  .chip-container andino-chips[eds-selected="true"],
  .chip-container andino-chips[selected] {
    width: 100% !important;
  }
	
	.chip-button, .chip-button.selected {
		width: 100%;
    justify-content: center;
	}
}