.add-photo {
	background-color: rgb(198, 136, 91);
	padding: 0 0.5rem;
	position: absolute;
	font-size: 2rem;
	line-height: 2rem;
	border-radius: 50%;
	bottom: 0;
	right: 1rem;
	color: #FFF;
}
.w-120 {
	width: 144px !important
}
.color-popo { color: rgb(198, 136, 91) }

.text-bg-black {
    color: #fff !important;
    background-color: RGBA(var(--bs-black), var(--bs-bg-opacity, 1)) !important;
}
.app-topbar .dropdown { display: none !important; }
.app-topbar .dropdown span {
	text-align: center;
	vertical-align: middle;
	padding: 0 0rem;
	line-height: initial;
	display: block;
}
.app-topbar .dropdown .bx-menu { font-size: 22px; }
.mobile-item {
	display: block;
}
.add-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.app-topbar .topbar-item .topbar-button { background: none !important; }

@media (max-width: 600px) {
    .app-topbar .dropdown {
        display: block !important;
		align-content: center;
    }
    .mobile-item {
    	display: none;
    }
    .logo-box {
    	padding: 0 calc(var(--bs-sidebar-width-sm)* .3 - var(--bs-logo-sm-height)* .3) !important;
    }
}

/* PRUEBAS */
:root {
	--bs-body-bg: #1A100E!important;  
	--bs-secondary-bg:#1A100E!important; 
	--bs-border-color: #302e2e00!important; 
	--bs-topbar-bg  :#1A100E!important; 
	--bs-heading-color:#FFFEFD!important; 
	--bs-card-cap-color:#FFFEFD!important; 
	--bs-body-color:#FFFEFD!important; 
	--bs-font-sans-serif: Inter, sans-serif;
	font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
	--bs-danger-text-emphasis: #FFF1EF;
	--bs-danger-bg-subtle: #F26669;
	--bs-input-border-color: #2D2823!important; 
	--bs-secondary-rgb: 205, 200, 196!important; 
    --bs-success-bg-subtle:rgb(0, 68, 25);
  }
  body.authentication-bg {
    background: #1A100E !important;
}
  @supports (font-variation-settings: normal) {
	:root { font-family: InterVariable, sans-serif; }
  }
  .alert {
	text-align: center;
  --bs-alert-border-radius: 0rem;
  position: fixed;  
 
  width: 100%;      
    
  z-index: 1000;    
}
  .h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1
{font-family: Inter, sans-serif;
    font-weight: 700;
}

h3, .h3 {
    font-size: calc(2rem + .3vw);
}
@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.7rem;
    }
}
.form-label {
   
    font-weight: 700;
    
}
.card-header {
    font-family: Inter, sans-serif;
    font-size: 2rem;
    font-weight: bold;
}
.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.chart-wrapper {
    min-width: 400px; /* Ajusta el ancho mínimo para la gráfica de línea */
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
  .btn-warning {
    --bs-btn-color: #FFF5E6 !important; /* Color de texto */
    --bs-btn-bg: #C68A5F !important; /* Color de fondo */
    --bs-btn-border-color: #D39A6F !important; /* Color del borde */
    --bs-btn-hover-color: #FFF5E6 !important; /* Color de texto al hacer hover */
    --bs-btn-hover-bg: #D39A6F !important; /* Color de fondo al hacer hover (un tono más oscuro) */
    --bs-btn-hover-border-color: #C68A5F !important; /* Color del borde al hacer hover */
    --bs-btn-focus-shadow-rgb: 211, 154, 111 !important; /* Color de la sombra al hacer focus */
    --bs-btn-active-color: #FFF5E6 !important; /* Color de texto al estar activo */
    --bs-btn-active-bg: #BA7A4F !important; /* Color de fondo al estar activo (un tono aún más oscuro) */
    --bs-btn-active-border-color: #BA7A4F !important; /* Color del borde al estar activo */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important; /* Sombra al estar activo */
    --bs-btn-disabled-color: #FFF5E6 !important; /* Color de texto cuando está deshabilitado */
    --bs-btn-disabled-bg: #D39A6F !important; /* Color de fondo cuando está deshabilitado */
    --bs-btn-disabled-border-color: #D39A6F !important; /* Color del borde cuando está deshabilitado */
}

/* Scroll container específico para estadísticas */
.estadisticas-scroll {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
}

.estadisticas-scroll::-webkit-scrollbar {
    height: 5px;
}

.estadisticas-scroll::-webkit-scrollbar-thumb {
    background: #D38D5F;
    border-radius: 5px;
}

/* Contenedor de las cards */
.estadisticas-cards {
    display: inline-flex;
    gap: 15px;
}

/* Estilos específicos para las cards */
.estadistica-card {
    border-radius: 12px;
    width: 160px;
    text-align: center;
    padding: 15px;
}

.dark-card {
    background-color: #CDC8C4; /* Color oscuro */
    color: #0C0906;
}

.light-card {
    background-color: #FFFFFF; /* Color claro */
    color: #0C0906;
}

/* Tamaños de texto */
.estadistica-card h6 {
    font-size: 14px;
    margin-bottom: 5px;
	color: #0C0906!important;
}

.estadistica-card h3 {
    font-size: 24px;
    margin-bottom: 3px;
	color: #0C0906!important;
}

.estadistica-card h4 {
    font-size: 20px;
    margin-bottom: 3px;
	color: #0C0906!important;
}
.estadistica-card .text-muted {
    --bs-text-opacity: 1;
    color: #0C0906!important;
}


/* conversacion */
.init-message {
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
    --bs-bg-opacity: 1;
    text-align: center;
    padding: 0.5rem 0;
}
.message-item {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
    padding: 0.5rem;
}
.izq-message {
    text-align: left;
    margin: 0.5rem 1.5rem 0.5rem 0;
}
.der-message {
    text-align: right;
    margin: 0.5rem 0 0.5rem 1.5rem;
}



 /* Contenedor de cada mensaje con fecha aparte */
.message-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 70%;
    margin-bottom: 8px;
}

/* Mensajes recibidos (izquierda) */
.izq-message {
    align-self: flex-start;
}
  
/* Mensajes enviados (derecha) */
.der-message {
    align-self: flex-end;
}

/* La burbuja del mensaje */
.message-item {
    padding: 8px 12px;
    border-radius: 16px;
    font-size: 1rem;
    line-height: 1.4;
    word-wrap: break-word;
    /* Usa distintos colores según el remitente */
}
  
/* Por ejemplo, para el mensaje de la izquierda */
.izq-message .message-item {
    background-color: #e1ffc7;
}
  
/* Para el mensaje de la derecha */
.der-message .message-item {
    background-color: #dcf8c6;
}

/* Fecha fuera de la burbuja */
.message-date {
    font-size: 0.75rem;
    color: #555;
    margin-top: 2px;
    text-align: right;
}
  
/* Contenedor de la conversación */
#historial_conversacion {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto; 
}
  
/* Estilo para el mensaje inicial (si se usa) */
.init-message {
    background-color: rgba(var(--bs-warning-rgb), 1);
    text-align: center;
    padding: 0.5rem 0;
    border-radius: 16px;
    font-weight: bold;
}

/* select con seach  */
.select2-container {
    display: block !important;
    width: 100% !important;
    padding: .5rem 1.5rem !important;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: var(--bs-secondary-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-input-border-color) !important;
    border-radius: .35rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.select2-results__option {
    background: brown !important;
    padding: 0.5rem 1rem !important;
}
.select2-container--default .select2-selection--single {
    background-color: #000 !important;
    border: none !important;
    border-radius: 4px !important;
    color: #FFF;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #FFF !important;
}
.select2-search.select2-search--dropdown {
    background: #000 !important;
    padding: 0 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {}
.select2-container--default .select2-results__option[aria-selected=true] {
    background: #f0934e !important;
    color: #FFF !important;
}
.select2-results__option[aria-selected] {
    background: #000 !important;
    padding: 0.6rem 1rem !important;
    border-bottom: 0.2px outset #b7b7b7 !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 0.5rem 1rem !important;
    border: none !important;
    background-color: bisque !important;
    color: #000 !important;
}