/* Estilos responsivos para dispositivos móviles */ 

@media (max-width: 768px) { 

	th, td { 

		padding: 8px; 

	}

	.icon-bx.icon-bx-xs {

		height: unset;

	}

	.summary_cart, .recommend_cart, .recommend_box{ 

		grid-column: span 12; 

		padding-left: unset;

		padding-right: unset;

	} 

}

.summary_cart { 

	grid-column: span 4; 

	padding: 20px;

}

.recommend_cart { 

	grid-column: span 12; 

	display: contents;

}  

.recommend_box { 

	grid-column: span 4; 

	border: 1px solid #eeeeee !important;

}

.recommend_content{

	padding: 10px;

	height: 200px;

}

.recommend_description{

	display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    overflow: hidden;

    height: 55px;

} 

.recommend_list{



}

.recommend_list li{

	border-right: 1px solid #ddd;

    padding: 0 10px;

    line-height: 15px;

    display: inline-block;

}

.recommend_list li:last-child {

	border-right: medium none;

}

/* Estilos para la tabla responsiva */ 

.table-container { 

	width: 100%; 

	overflow-x: auto; 

} 

table { 

	width: 100%; 

	border-collapse: separate; 

	border-radius: 10px; /* Redondear esquinas de la tabla */

	overflow: hidden;

	font-size: medium;

}

thead{

	/*background-color: #0677c440;*/

	color: #333333;

} 

th, td {

	padding: 5px!important; 

	/*border: 1px solid #ccc;*/

	text-align: left; 

}

tr{ 

	/*background-color: var(--gray-100); */

    border-bottom: 1px solid white;

    border-top: 2px solid white;

}



.icon-bx.icon-bx-xs {

    height: 1.55rem;

    width: 1.55rem;

    line-height: 0.275;

    border-radius: 0.25rem;

    cursor: pointer;

}

.icon-bx {

    position: relative;

    display: inline-block;

    text-align: center;

    margin-bottom: unset!important;

}

.bg-danger {

    background-color: rgba(255, 94, 94, 1) !important;

}

.icon-bx.icon-bx-xs i {

    transform: scale(0.9);

    line-height: 26px;

    font-weight: 800;

}

.discount_input{

	margin-left: .5rem;

    margin-right: .5rem;

    border-color: #f66806;

    height: 2.2rem;

    padding-left: .7rem;

    padding-right: .7rem;

    border-width: 1px;

    border-radius: .5rem;

}

.discount_button{

	background-color: #f66806;

    color: white;

    font-weight: 700;

    border: 1px solid transparent;

    padding: 8px 12px;

    font-size: 16px;

    line-height: 1.25;

    border-radius: 4px;

}