.bg-blue{
	background:var(--blue-color) !important;
}

.text-decoration-none{
	text-decoration: none !important;
}

.text-underline{
	text-decoration: underline !important;
	text-underline-offset: 4px;  /* Mueve el subrayado hacia abajo */
    text-decoration-thickness: 2px;
}

.text-black{
	color: black;
}

.bg-glue{
	background:var(--blue-color);
}

.bg-white{
	background: white;
}

.text-blue{
	color:var(--blue-color);
}

.text-white{
	color:white !important;
}

.fs-30-18{
	font-size: 30px;
}

.fw-semibold{
	font-weight: 600;
}

.text-center{
	text-align: center;
}

.border-radius{
	border-radius: 8px;
}

.badge{
	display: inline-block;
	border:1px var(--brown-color) solid;
	padding:6px 12px;
	border-radius: 8px;
	color:var(--brown-color);
}

.img-fluid{
	max-width: 100%;
}

.w-100{
	width: 100% !important;
	object-fit: contain;
}

.link{
	color:#000;
	text-decoration: underline;
	font-size: 20px;
	font-weight: 700;
}

.pointer{
	cursor: pointer;
}

button{
	border:none;
	outline: none;
	box-shadow: none;
	padding:8px 16px;
	border-radius: 8px;
	font-weight: 600;
}

.multicolor{	
	background: linear-gradient(to right, #FF9C00, #9747FF);
    -webkit-background-clip: text; /* Aplica el fondo al texto */
  	color: transparent; /* Hace que el color del texto sea transparente para mostrar el fondo */
}

.modal-header{
	border:none;
}

.modal-header h3, .modal-header div{
	float:left;
}

.modal-header div p{
	clear: both;
}

.modal-header .close{
	opacity: 1;
}

.modal-body{
    max-height: 70vh;
    overflow: auto;
}

.modal-body .info-producto{
	display: flex;
	align-items: center;	
}

.modal-body .info-producto img{
	width: 108px;
	height:auto;
	margin-right:15px;
}

.modal-body .img-tienda{
	width:61px;
	height:61px;
	border:1px #dcdfe5 solid;
	display: flex;
    align-items: center;
    justify-content: center;
}

.modal-body .img-tienda img{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.modal-body .border-bottom{
	border-bottom:1px #dcdfe5 solid;
}

div.modal.show {
    background: rgba(0, 0, 0, .5);
}

.btn-link{
	background: var(--gray-color);
	color:var(--blue-color) !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width:90px;
	padding:5px 16px;
	border-radius: 8px;
}

.btn-link svg{
	flex-shrink: 0;
}


@media all and (max-width: 1023px){
	.fs-30-18{
		font-size: 18px;
	}
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left;
    }
}