@media only screen and (max-width: 1024px) {
	


/*paypal o debito*/
.paypal-or-debit{
	width: 100%;
	height: 100vh;
	position: fixed;
	background: #0008;
	display: none;
	z-index: 4;
}

.paypal-or-debit .paypal-or-debit-bx{
	width: 90%;
}

.paypal-or-debit .paypal-or-debit-bx .header h1{
	font-size: 15px;
	font-weight: 500;
}


/*menu de opciones*/
.responsive-menu{
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	background: #0007;
	z-index: 100;
	top: 0;
	margin-top: 0;
}

.responsive-menu .responsive-menu-bx{
	display: flex;
	flex-direction: column;
	width: 50%;
	height: 95vh;
	background: #fdfefe;
	border-radius: 10px;
	margin: 10px auto;
	margin-right: 10px;
}

.responsive-menu .responsive-menu-bx .close-responsive-menu{
	position: absolute;
	right: 7px;
	margin-top: 5px;
}

.responsive-menu .responsive-menu-bx .close-responsive-menu i{
	font-size: 16px;
	cursor: pointer;
}

.responsive-menu .responsive-menu-bx .header{
	width: 90%;
	margin: 20px auto;
}

.responsive-menu .responsive-menu-bx .header .user-icon{
	width: 100%;
	height: 80px;
}

.responsive-menu .responsive-menu-bx .header .user-icon img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

.responsive-menu .responsive-menu-bx .header .user-txt{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 15px;
}

.responsive-menu .responsive-menu-bx .header .user-txt a{
	font-size: 11px;
	color: #0009;
	text-decoration: none;
	display: flex;
	width: 100%;
	justify-content: center;
}

.responsive-menu .responsive-menu-bx .header .user-txt a h1{
	font-size: 11px;
	margin-bottom: 5px;
}

.responsive-menu .responsive-menu-bx .header .user-txt a i{
	margin-right: 5px;
}

.responsive-menu .responsive-menu-bx .options-and-more-info{
	width: 100%;
	height: 80vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.responsive-menu .responsive-menu-bx .options{
	width: 85%;
	margin: 5px auto;
}

.responsive-menu .responsive-menu-bx .options ul{
	width: 100%;
}

.responsive-menu .responsive-menu-bx .options ul li{
	list-style: none;
	width: 100%;
	border-top: 1px solid #0002;
	padding: 20px 0;
}

.responsive-menu .responsive-menu-bx .options ul #li_border{
	border: none;
}

.responsive-menu .responsive-menu-bx .options ul #li_border_2{
	border-bottom: 1px solid #0002;
}

.responsive-menu .responsive-menu-bx .options ul li a{
	text-decoration: none;
	color: #000;
	font-size: 12.5px;
	width: 100%;
	padding: 20px 0;
}

.responsive-menu .responsive-menu-bx .options ul li a i{
	margin-right: 12px;
}

.responsive-menu .responsive-menu-bx .copy-details{
	width: 85%;
	margin: 10px auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.responsive-menu .responsive-menu-bx .copy-details .details{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.responsive-menu .responsive-menu-bx .copy-details .details a{
	color: #000;
	text-decoration: none;
	font-size: 11px;
	margin: 0 5px 0 0;
}

.responsive-menu .responsive-menu-bx .copy-details span{
	font-size: 12px;
	font-weight: 500;
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 20px 0;
}



/*ingresar modal*/
.ingresar-modal{
	width: 100%;
	height: 100vh;
	position: fixed;
	background: rgba(52, 73, 94, .2);
	backdrop-filter: blur(5px);
	z-index: 50;
	top: 0;
}

#ingresar_modal_1,
#ingresar_modal_2{
	display: none;
}

.ingresar-modal .ingresar-modal-bx{
	margin: 25px auto;
	width: 95%;
	height: 530px;
	display: flex;
	flex-direction: column;
	background: #fbfcfc;
	border-radius: 10px;
}

.ingresar-modal .ingresar-modal-bx .header{
	width: 90%;
	margin: 0px auto;
	padding-top: 15px;
	padding-bottom: 5px;
	display: flex;
	justify-content: space-between;
}

.ingresar-modal .ingresar-modal-bx .header h1{
	font-size: 17px;
	color: #121212;
}

.ingresar-modal .ingresar-modal-bx .header a{
	text-decoration: none;
	outline: none;
	color: #121212;
}

.ingresar-modal .ingresar-modal-bx .header i{
	font-size: 18px;
	color: #121212;
	cursor: pointer;
}

.ingresar-modal .ingresar-modal-bx .body{
	width: 90%;
	margin: 0px auto;
	display: flex;
	flex-direction: column;
}

.ingresar-modal .ingresar-modal-bx .body form{
	width: 100%;
}

.ingresar-modal .ingresar-modal-bx .body form .input-deposito{
	width: 100%;
	height: 50px;
	background: #ccc3;
	border-radius: 10px;
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
}

.ingresar-modal .ingresar-modal-bx .body form .input-deposito i{
	width: 15%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #0009;
}


.ingresar-modal .ingresar-modal-bx .body form .input-deposito input{
	width: 85%;
	height: 100%;
	background: none;
	border: none;
	outline: none;
	color: #0009;
	font-family: 'Poppins',sans-serif;
	font-size: 11px;
}

.ingresar-modal .ingresar-modal-bx .body form .input-deposito input::placeholder{
	color: #0004;
}

.ingresar-modal .ingresar-modal-bx .body form .input-text{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 30px;
}

.ingresar-modal .ingresar-modal-bx .body form .input-text p{
	color: #121212;
	font-size: 10px;
}

.ingresar-modal .ingresar-modal-bx .body form .input-text #min_max_p{
	margin-top: 10px;
}

.ingresar-modal .ingresar-modal-bx .body form .input-text p i{
	margin-right: 5px;
}

.ingresar-modal .ingresar-modal-bx .body form .input-submit{
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: space-between;
	padding-bottom: 25px;
}

.ingresar-modal .ingresar-modal-bx .body form .input-submit label{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: var(--primary-color);	
	font-weight: 600;
    color: #fff;
	font-size: 11px;
	font-weight: 500;
	cursor: pointer;
	transition: .3s;
}

.ingresar-modal .ingresar-modal-bx .body form .input-submit input{
	display: none;
}

.ingresar-modal .ingresar-modal-bx .body form .input-submit label:hover{
	background: var(--secondary-color);
}

.ingresar-modal .ingresar-modal-bx .body form .input-submit label i{
	margin-right: 5px;
}

.ingresar-modal .ingresar-modal-bx .body form .input-text-2{
	width: 100%;
	padding-top: 25px;
	padding-bottom: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #0002;
}

.ingresar-modal .ingresar-modal-bx .body form .input-text-2 p{
	color: #000;
	font-size: 11px;
}

.ingresar-modal .ingresar-modal-bx .body form .input-submit-reg{
	width: 100%;
	height: 50px;
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
}

.ingresar-modal .ingresar-modal-bx .body form .input-submit-reg label{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	border: 2px solid var(--primary-color);	
	font-weight: 600;
    color: #000;
	font-size: 11px;
	font-weight: 500;
	cursor: pointer;
	transition: .3s;
}

.ingresar-modal .ingresar-modal-bx .body form .input-submit-reg input{
	display: none;
}

.ingresar-modal .ingresar-modal-bx .body form .input-submit-reg label i{
	margin-right: 5px;
}

/*header*/
header{
	width: 95%;
	height: 60px;
	background: #fff;
	display: flex;
	justify-content: space-between;
	position: fixed;
	top: 20px;
	z-index: 2;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

header .header-2{
	width: 95%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
}

header .header-2 .logo{
	margin: auto 0;
	display: flex;
	width: auto;
}

header .header-2 .logo img{
	margin: auto 0;
	width: 60px;
	height: 60px;
	object-fit: cover;
}

header .header-2 .logo_rs{
	display: none;
}

header .header-2 .logo a{
	text-decoration: none;
	color: #000;
	margin: auto 0;
}

header .header-2 .logo h1{
	color: #000;
	font-size: 18px;
	font-weight: 700;
	margin-left: 10px;
}

header .header-2 .logo h1 i{
	margin-right: 7px;
}

header .header-2 .buscador{
	display: none;
}

header .header-2 .options{
	display: none;
}


header .header-2 a:hover .container .categorias-nav{
	display: flex;
}

header .header-2 .responsive-options{
	display: flex;
	width: 50%;
	height: 60px;
}

header .header-2 .responsive-options ul{
	display: flex;
	margin: auto;
	margin-right: 0;
}

header .header-2 .responsive-options ul li{
	list-style: none;
	margin: 0 0px 0 20px;
	display: flex;
}

header .header-2 .responsive-options ul li a{
	color: #000;
	cursor: pointer;
	text-decoration: none;
}

header .header-2 .responsive-options ul li a i{
	font-size: 19px;
}


header .header-2 .responsive-options ul li #gear_fill{
	padding: 25p 0px;
	padding-left: 0px;
	padding-right: 7px;
	border-radius: 10px;
}

header .header-2 .responsive-options ul li #gear_fill i{
	color: var(--primary-color);
	font-size: 21px;
}

header .responsive-search{
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fff;
	display: none;
}

header .responsive-search form{
	width: 100%;

}

header .responsive-search .responsive-input-search{
	width: 100%;
	height: 100%;
	display: flex;
}

header .responsive-search .responsive-input-search i{
	width: 10%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .responsive-search .responsive-input-search .bi-x-lg{
	cursor: pointer;
}

header .responsive-search .responsive-input-search input{
	width: 78%;
	margin: 0 2%;
	height: 100%;
	display: flex;
	border: none;
	background: none;
	outline: none;
	font-family: 'Poppins',sans-serif;
}


.container{
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-bottom: 0px;
	margin-top: 90px;
}


/*Banner*/
.container .banner-container{
	width: 95%;
	height: 320px;
	background: #121212;
	display: flex;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.container .banner-container .banner-bx{
	width: 95%;
	height: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.container .banner-container .banner-bx .txt{
	width: 100%;
	margin: 25px 0;
}

.container .banner-container .txt h1{
	font-size: 28px;
	color: #fff;
	margin-top: 5px;
}

.container .banner-container .txt p{
	font-size: 12px;
	color: #f2f3f4;
	padding-bottom: 30px;
}

.container .banner-container .txt .banner-details{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.container .banner-container .txt .banner-details .card{
	width: 100%;
	height: 50px;
	border-radius: 20px;
	display: flex;
	justify-content: space-between;
}

.container .banner-container .txt .banner-details .card .icon{
	width: 20%;
	height: 100%;
}

.container .banner-container .txt .banner-details .card .icon img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

.container .banner-container .txt .banner-details .card .text{
	width: 75%;
}

.container .banner-container .txt .banner-details .card .text h1{
	font-size: 11px;
	font-weight: 600;
	color: #fff;
}

.container .banner-container .txt .banner-details .card .text p{
	font-size: 9px;
	color: #e5e7e9;
}

.container .banner-container .txt a{
	color: #fff;
	background: var(--primary-color);
	border-radius: 20px;
	padding: 12px 0px;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.container .banner-container .txt a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 500%;
    background: #fff;
    color: #000;
    border-radius: 100px;
    transform: translate(-100%, -100%) scale(0);
    transition: transform 2s ease;
    z-index: 0;
}


.container .banner-container .txt a:hover::before {
    transform: translate(-50%, -50%) scale(1);
}

.container .banner-container .txt a span{
	z-index: 1;
    transition: 2s;
}

.container .banner-container .txt a:hover span{
	color: var(--primary-color);
}

.container .banner-container .txt a span i{
	margin-right: 7px;
}

.container .banner-container .banner-bx .img{
	width: 50%;
	height: 100%;
	display: flex;
	z-index: 1;
	display: none;
}

.container .banner-container .banner-bx .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.container .banner-container .img-circle{
	width: 30%;
	height: 100%;
	position: absolute;
	border-radius: 250px;
	right: -25px;
	bottom: -70px;
	background: var(--three-color);
	display: none;
}

.container .banner-container .moon-circle{
	display: none;
}

/*sección categorías card*/
.categories-section{
	display: none;
}
.categories-section-responsive{
	width: 95%;
	display: flex;
	flex-direction: column;
	margin: 25px auto;
}

.categories-section-responsive .categories-section-content{
	width: 100%;
	display: flex;
	justify-content: space-between;
	overflow-y: hidden;
}

.categories-section-responsive .categories-section-marquee{
	width: 100%;
	height: 90px;
	border-radius: 100px;
	display: flex;
	justify-content: space-between;
	background: #fbfcfc;
	border: 1px solid #0002;
	margin-top: 25px;
}

.categories-section-responsive .categories-section-marquee .circle-1{
	width: 49%;
	height: 90%;
	border-radius: 100px;
	background: var(--second-rgba-color);
	margin: auto 1%;
	display: flex;
}

.categories-section-responsive .categories-section-marquee .circle-1 .txt{
	width: 90%;
	display: flex;
	flex-direction: column;
	margin: auto;
}

.categories-section-responsive .categories-section-marquee .circle-1 .txt h1{
	color: var(--primary-color);
	text-align: center;
}

.categories-section-responsive .categories-section-marquee .circle-1 .txt p{
	color: var(--primary-color);
	text-align: center;
	font-size: 11px;
	font-weight: 500;
}

.categories-section-responsive .categories-section-marquee .circle-2{
	width: 50%;
	height: 90%;
	margin: auto 0;
	display: flex;
}

.categories-section-responsive .categories-section-marquee .circle-2 .txt{
	width: 90%;
	display: flex;
	flex-direction: column;
	margin: auto;
}

.categories-section-responsive .categories-section-marquee .circle-2 .txt h1{
	color: #000;
	text-align: center;
}

.categories-section-responsive .categories-section-marquee .circle-2 .txt p{
	color: #000;
	text-align: center;
	font-size: 11px;
	font-weight: 500;
}

.categories-section-responsive .categories-section-content input[type=submit]{
	display: none;
}

.categories-section-responsive .categories-section-content label{
	cursor: pointer;
}

.categories-section-responsive .categories-section-content .card{
	width: 70px;
	height: 70px;
	background: #fff;
	border-radius: 100px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	transition: .4s;
	position: relative;
	cursor: pointer;
	margin: 0 5px;
	flex: 0 0 70px;
}

.categories-section-responsive .card:hover{
	background: var(--primary-color);
}

.categories-section-responsive .card .icon{
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
}

.categories-section-responsive .card .icon img{
	width: 40px;
	height: 40px;
	margin: auto;
	object-fit: scale-down;
}



/*products slider*/
.products-slider{
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	position: relative;
}

.products-slider .products-slider-header{
	width: 95%;
	margin: auto;
	padding-bottom: 5px;
}

.products-slider .products-slider-header h1{
	font-size: 14px;
	font-weight: 500;
}

.products-slider .products-slider-body{
	width: 95%;
	height: 360px;
	margin: auto;
	display: flex;
	position: relative;
	overflow: auto;
	overflow-y: hidden;
	transition: transform 0.5s ease;
}

.products-slider .slider-buttons{
	display: none;
}

.products-slider .products-slider-body .slider{
	width: 100%;
	display: flex;
	transition: transform 1s ease;
}

.products-slider .products-slider-body .slider2{
	width: 100%;
}

.products-slider .products-slider-body #product_card2{
	text-decoration: none;
	color: #000;
	width: 99%;
    margin: 0 1%;
    flex: 0 0 99%
}

.container .products-slider-body .card{
	width: 100%;
	height: 350px;
    cursor: pointer;
    transition: .5s;
    margin-top: 5px;
}

.container .products-slider-body .card .img{
	width: 100%;
	height: 130px;
}

.container .products-slider-body .card .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.container .products-slider-body .card .txt{
	width: 95%;
	margin: 18px auto;
}

.container .products-slider-body .card .txt .txt-title{
	top: 0;
	position: absolute;
	width: 100%;
}

.container .products-slider-body .card .txt .txt-details{
	bottom: 10px;
	position: absolute;
	width: 100%;
}

.container .products-slider-body .card .txt h1{
	font-size: 12px;
	font-weight: 400;
}

.container .products-slider-body .card .txt p{
	font-size: 12px;
	font-weight: 500;
	margin-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.container .products-slider-body .card .txt p i{
	margin-left: 10px;
	margin-right: 5px;
	color: var(--primary-color);
}

.container .products-slider-body .card .txt p span{
	margin-left: 7px;
	font-size: 11px;
	font-weight: 400;
	color: #0008;
}

.container .products-slider-body .card .txt p a{
	margin-right: 0px;
}


.container .products-slider-body .card .txt .plataforma_name{
	display: flex;
	margin-top: 10px;
}

.container .products-slider-body .card .txt .plataforma_name h3{
	font-weight: 500;
	font-size: 11px;
	text-decoration: underline;
	color: #0000EE;
}

.container .products-slider-body .card .txt h4{
	font-size: 11px;
	margin: auto 0;
	margin-left: 10px;
	font-weight: 500;
}

.container .products-slider-body .card .txt h4 i{
	margin-right: 5px;
	color: var(--primary-color);
}

.container .products-slider-body .card .txt label{
	width: 100%;
	background: none;
	border: 1px solid var(--primary-color);
	color: var(--primary-color);;
	font-size: 11px;
	border-radius: 20px;
	padding: 10px 0;
	display: flex;
	justify-content: center;
	transition: .3s;
	cursor: pointer;
	font-weight: 500;
	margin-top: 20px;
}

.container .products-slider-body .card .txt label i{
	margin-right: 7px;
}

.container .products-slider-body .card .txt label:hover{
	background: var(--primary-color);
	border: 1px solid transparent;
	color: #fff;
}




/*?*/
.details-second-section{
	width: 100%;
	display: flex;
	margin-top: 40px;
	margin-bottom: 50px;
}

.details-second-section .details-second-section-bx{
	width: 95%;
	height: 450px;
	position: relative;
    background: #fdfefe;
    border: 1px solid #0002;
    border-radius: 10px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: inherit;
    overflow: hidden;
}

.details-second-section .details-second-section-bx .text{
	margin: 20px 5%;
	width: 90%;
	padding-bottom: 25px;
}

.details-second-section .details-second-section-bx .text h1{
	font-size: 25px;
}

.details-second-section .details-second-section-bx .text p{
	font-size: 12px;
}

.details-second-section .details-second-section-bx .text .a_ticket{
	width: 100%;
	margin-top: 20px;
	display: flex;
}

.details-second-section .details-second-section-bx .text .a_ticket a{
	padding: 8px 8px;
	border-radius: 10px;
	font-size: 11px;
	background: var(--primary-color);
	color: #fff;
	text-decoration: none;
	margin: 0 10px 0 0;
}

.details-second-section .details-second-section-bx .text .a_ticket a i{
	margin-right: 5px;
}

.details-second-section .details-second-section-bx .text .a_ticket #ticket_more_info{
	background: none;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	margin: 0 10px 0 0;
}

.details-second-section .details-second-section-bx .image{
	width: 100%;
	height: 150px;
}

.details-second-section .details-second-section-bx .image img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}


/*comprar producto*/

.big-modal-slider{
	width: 100%;
	height: 100vh;
	background: #0009;
	display: flex;
	overflow-x: hidden;
	position: fixed;
	z-index: 101;
	visibility: hidden;
}

.big-modal-slider .close-big-modal-slider{
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	top: 5px;
	position: absolute;
	z-index: 10;
}

.big-modal-slider .close-big-modal-slider i{
	position: absolute;
	right: 0;
	color: #fff;
	font-size: 26px;
	cursor: pointer;
}

.big-modal-slider .big-modal-slider-bx{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	transition: transform 0.5s ease;
    will-change: transform;
}

.big-modal-slider .big-modal-slider-buttons{
	width: 96%;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	position: absolute;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 2;
}

.big-modal-slider .big-modal-slider-buttons button{
	background: #fff;
	border-radius: 8px;
	outline: none;
	border: 1px solid #0005;
	cursor: pointer;
	height: 50px;
}

.big-modal-slider .big-modal-slider-buttons button i{
	color: #000;
	font-size: 24px;
}

.big-modal-slider .big-modal-slider-img{
	width: 100%;
	height: 97%;
	margin: auto;
	flex: 0 0 auto;
}

.big-modal-slider .big-modal-slider-img img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}




/*Producto*/

.container .product-time-views-hour{
	width: 95%;
	margin: 10px auto;
	margin-top: 0;
	display: flex;
	justify-content: space-between;
}

.container .product-time-views-hour p i{
	margin-right: 7px;
}

.container .product-time-views-hour .part-one{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.container .product-time-views-hour .time{
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-radius: 10px;
	padding: 5px 10px;
}

.container .product-time-views-hour .time p{
	font-size: 11.5px;

}
.container .product-time-views-hour .views{
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-radius: 10px;
	padding: 5px 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.container .product-time-views-hour .views p{
	font-size: 11.5px;
}

.container .product-time-views-hour .product-delete{
	margin-top: 10px;
	margin-left: 0;
	background: #fff;
	border-radius: 10px;
	font-size: 11px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--primary-color);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	padding: 6px 0px;
	width: 100%;
}

.container .product-time-views-hour .product-delete label{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.container .product-time-views-hour .product-delete label i{
	margin-right: 5px;
}

.container .product-time-views-hour .product-delete input[type=submit]{
	display: none;
}

.container .product-time-views-hour .part-two{
}
.container .product-time-views-hour .hour{
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-radius: 10px;
	padding: 5px 10px;
	display: none;
}

.container .product-time-views-hour .hour p{
	font-size: 11.5px;
}

.container .product-container{
    display: flex;
    flex-direction: column;
    justify-content: inherit;
    width: 95%;
    margin: 0px auto;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-radius: 10px;
}

.container .product-container .image{
	width: 100%;
	height: 300px;
	display: flex;
	position: relative;
}

.container .product-container .image img{
	width: 97%;
	height: 95%;
	margin: auto;
	border-radius: 10px;
	object-fit: cover;
}

.container .product-container .image .view-more-images{
	position: absolute;
	bottom: 2.5%;
	width: 97%;
	margin-right: 1.5%;
	margin-left: 1.5%;
	height: 45px;
	background: #121212;
	border-radius: 0px 0 10px 10px;
}

.container .product-container .image .view-more-images a{
	color: #fff;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	text-decoration: none;
	font-size: 12px;
	cursor: pointer;
}

.container .product-container .text{
	width: 100%;
	display: flex;
    flex-direction: column;
	justify-content: inherit;
}

.container .product-container .text .bx{
	width: 95%;
	height: 335px;
	margin: 15px 1.5%;
	position: relative;
	margin: 10px auto;
}

.container .product-container .text .bx .bx-border{
	display: none;
}

.container .product-container .text .bx .top{
	position: absolute;
	top: 0;
	width: 100%;
}

.container .product-container .text .bx .top h2{
	font-size: 11px;
	font-weight: 400;
	color: #0009;
}

.container .product-container .text .bx .top h2 a{
	color: var(--primary-color);
}

.container .product-container .text .bx .top h1{
	font-weight: 600;
	font-size: 20px;
}

.container .product-container .text .bx .top h3{
	font-weight: 400;
	font-size: 17px;
}

.container .product-container .text .bx .top h3 span{
	font-weight: 400;
	font-size: 10.8px;
	margin-left: 7.5px;
	color: #0009;
}

.container .product-container .text .bx .top ul{
	margin-top: 15px;
	width: 100%;
}

.container .product-container .text .bx .top ul li{
	list-style: none;
}

.container .product-container .text .bx .top ul li p{
	font-weight: 400;
	font-size: 11px;
	color: #424949;
	text-decoration: underline;
}

.container .product-container .text .bx .top ul li p i{
	margin-right: 5px;
}

.container .product-container .text .bx .top ul li p span{
	font-weight: 500;
	text-decoration: none;
}

.container .product-container .text .bx .top .more-details{
	display: flex;
	width: 100%;
	height: 75px;
	justify-content: space-between;
}

.container .product-container .text .bx .top .more-details .card{
	display: flex;
	justify-content: space-between;
	width: 49%;
	height: 68px;
	margin: auto 0;
}

.container .product-container .text .bx .top .more-details .card .icon{
	width: 20%;
	height: 100%;
}

.container .product-container .text .bx .top .more-details .card .icon img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

.container .product-container .text .bx .top .more-details .card .text{
	width: 76.5%;
	margin: auto 0;
	display: flex;
	flex-direction: column;
}

.container .product-container .text .bx .top .more-details .card .text h1{
	font-size: 12px;
	font-weight: 500;
}

.container .product-container .text .bx .top .more-details .card .text p{
	font-size: 9px;
	font-weight: 400;
}

.container .product-container .text .bx .bottom{
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.container .product-container .text .bx .bottom span{
	display: flex;
	font-size: 10.5px;
	margin-bottom: 2px;
	color: #0008;
}

.container .product-container .text .bx .bottom span p{
	margin: 0 10px 0 0;
}

.container .product-container .text .bx .bottom span p i{
	margin-right: 5px;
}

.container .product-container .text .bx .bottom a{
	border-radius: 10px;
	background: var(--primary-color);
	color: #fff;
	font-weight: 500;
	padding: 13px 0px;
	width: 100%;
	margin-top: 5px;
	text-decoration: none;
	font-size: 11px;
	display: flex;
	justify-content: center;
}

.container .product-container .text .bx .bottom a i{
	margin-right: 6px;
}

.container .product-container .text .bx .bottom #whatsapp_button{
	border: 1px solid var(--primary-color);
	color: #121212;
	background: none;
}

.container .product-container .text .bx-description{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.container .product-container .text .bx-description .txt{
	width: 95%;
	margin: 25px auto;
	height: auto;
	padding-bottom: 50px;
}

.container .product-container .text .bx-description .txt::-webkit-scrollbar {
	width: 2px; 
}

.container .product-container .text .bx-description .txt::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

.container .product-container .text .bx-description .txt::-webkit-scrollbar-thumb {
	background: var(--primary-color);
	border-radius: 10px;
}


.container .product-container .text .bx-description .txt h2{
	font-size: 11.5px;
	font-weight: 600;
	color: #0009;
}

.container .product-container .text .bx-description .txt p{
	font-weight: 400;
	font-size: 11px;
	color: #424949;
}

.container .product-container .bx-description .bottom{
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	background: #ccc2;
	border-radius: 10px 0 10px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.container .product-container .bx-description .bottom p{
	font-size: 13px;
	font-weight: 600;
}



/*Productos recomendados*/
.container .recommended-products{
	width: 95%;
	height: auto;
	padding-bottom: 25px;
	margin: 50px auto;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

.recommended-products .head{
	width: 95%;
	margin: auto;
	padding-bottom: 5px;
}

.recommended-products .head h1{
	font-size: 14px;
	font-weight: 500;
}

.recommended-products .body{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: none;
	box-shadow: none;
	padding: 0;
}

.recommended-products .body a{
	text-decoration: none;
	color: #000;
	width: 100%;
}

.recommended-products .body .card{
	width: 100%;
	height: 310px;
	background: #fff;
	border-radius: 10px;
    border: 1px solid #0002;
    cursor: pointer;
    transition: .5s;
    margin: 0;
    flex: none;
    margin: 0px 0px 20px 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.recommended-products .body .card:hover{
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.recommended-products .body .card .img{
	width: 100%;
	height: 100px;
}

.recommended-products .body .card .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
}

.recommended-products .body .card .txt{
	width: 95%;
	height: 175px;
	margin: 15px auto;
}

.recommended-products .body .card .txt h1{
	font-size: 12px;
	height: 20px;
	overflow: hidden;
	font-weight: 400;
}

.recommended-products .body .card .txt p{
	font-size: 12px;
	font-weight: 500;
	margin-top: 8px;
}

.recommended-products .body .card .txt p i{
	margin-left: 10px;
	margin-right: 5px;
	color: var(--primary-color);
}

.recommended-products .body .card .txt p span{
	margin-left: 7px;
	font-size: 11px;
	font-weight: 400;
	color: #0008;
}

.recommended-products .body .card .txt p a{
	margin-right: 0px;
}

.recommended-products .body .card .txt label{
	width: 100%;
	background: none;
	border: 1px solid var(--primary-color);
	color: var(--primary-color);;
	font-size: 11px;
	border-radius: 20px;
	padding: 10px 0;
	display: flex;
	justify-content: center;
	transition: .3s;
	cursor: pointer;
	font-weight: 500;
	margin-top: 15px;
}

.recommended-products .body .card .txt label i{
	margin-right: 7px;
}

.recommended-products .body .card .txt label:hover{
	background: var(--primary-color);
	border: 1px solid transparent;
	color: #fff;
}



/*search container*/
.container .search-banner{
	width: 95%;
	height: 140px;
	background: #121212;
	display: flex;
	position: relative;
	margin-top: 0;
}

.container .search-banner .img-opacity{
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
}

.container .search-banner .img-opacity .opacity{
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 55%, rgba(0,0,0,0.5242471988795518) 77%, rgba(255,255,255,0) 100%);
}

.container .search-banner .img-opacity img{
	width: 45%;
	height: 100%;
	object-fit: cover;
	margin: 0 auto;
	margin-right: 0;
}

.container .search-banner-bx{
	width: 95%;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.container .search-banner .search-banner-bx .txt{
	display: none;
}

.container .search-banner .search-banner-bx .txt-responsive{
	display: block;
	width: 100%;
	margin: auto 0;
	z-index: 2;
}

.container .search-banner .search-banner-bx .txt-responsive h1{
	color: #fff;
	font-weight: 600;
	font-size: 15px;
}

.container .search-banner .search-banner-bx .txt-responsive p{
	color: #fff;
	font-weight: 400;
	font-size: 11px;
}


/*Contenedor busqueda*/
.container .search-container{
	width: 94.5%;
	margin: 35px auto;
	display: flex;
	justify-content: inherit;
	flex-direction: column;
}

.container .search-container .img img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

.container .search-container .filters{
	background: #fbfcfc;
	border: 1px solid #0003;
	width: 100%;
	height: 270px; /*borrar*/
	border-radius: 10px;
	display: flex;
	flex-direction: column;
}

.container .search-container .filters .head{
	width: 90%;
	margin: 20px auto;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

.container .search-container .filters .head p{
	color: #0009;
	font-size: 11.5px;
}

.container .search-container .filters .head h1{
	color: #000;
	font-size: 22px;
	transform: translateY(-5px);
}

.container .search-container .filters .total-rdos{
	width: 90%;
	margin: 0px auto;
	padding-bottom: 10px;
}

.container .search-container .filters .total-rdos p{
	color: #0009;
	font-size: 12px;
}

.container .search-container .filters .body{
	width: 90%;
	margin: 10px auto;
}

.container .search-container .filters .body .title{
	width: 100%;
}

.container .search-container .filters .body .title p{
	color: #0009;
	font-size: 11.5px;
}

.container .search-container .filters .filters-card{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.container .search-container .filters .filters-card .card{
	margin: 0px 5px 10px 0;
}

.container .search-container .filters .filters-card .card input{
	display: none;
}

.container .search-container .filters .filters-card .card label{
	background: #fff;
	border-radius: 10px;
	padding: 5px 10px;
	font-size: 11px;
	cursor: pointer;
	border: 1px solid #eee;
}

.container .search-container .filters .filters-card .card label i{
	margin-right: 5px;
}

.container .search-container .results{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 25px;
}

.container .search-container .results a{
	text-decoration: none;
	color: #000;
}

.container .search-container .results .card{
	width: 100%;
	height: 150px;
	border-radius: 10px;
	background: #fff;
	display: flex;
	justify-content: space-between;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	margin: 0px 0px 18px 0;
}

.container .search-container .results .card .img{
	width: 37%;
	height: 100%;
}

.container .search-container .results .card .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px 0 0px 10px;
}

.container .search-container .results .card .txt{
	width: 60%;
	height: 100%;
}

.container .search-container .results .card .txt .bx{
	width: 95%;
	margin: 10px 0;
}

.container .search-container .results .card .txt .bx h1{
	font-size: 14px;
	font-weight: 600;
}

.container .search-container .results .card .txt .bx p{
	font-size: 11px;
	overflow: hidden;
	color: #0009;
}

.container .search-container .results .card .txt .bx h2{
	font-size: 12px;
	font-weight: 500;
	margin-top: 16px;
}

.container .search-container .results .card .txt .bx h2 span{
	margin-left: 5px;
	font-weight: 400;
	font-size: 11px;
	color: #121212;
}

.container .search-container .results .card .txt .bx h3{
	font-weight: 400;
	font-size: 11px;
}

.container .search-container .results .card .txt .bx h3 i{
	color: var(--primary-color);
	margin-left: 5px;
}

.container .search-container .results .card .txt .bx h3 label{
	color: blue;
	text-decoration: underline;
}

.container .search-container .results .card .txt .bx h4{
	font-size: 10px;
	font-weight: 500;
	margin-top: 7px;
}

.container .search-container .results .card .txt .bx h4 i{
	margin-right: 5px;
}

.container .search-container .results .card .txt .bx h4 span{
	margin-left: 10px;
}

.container .search-container .results .empty-result{
	width: 100%;
}

.container .search-container .results .empty-result-bx{
	display: flex;
	flex-direction: column;
	width: 95%;
	margin: 40px auto;
}

.container .search-container .results .empty-result-bx .img{
	width: 100%;
	height: 300px;
}

.container .search-container .results .empty-result-bx .img img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

.container .load-more{
	width: 95%;
	margin: 0px auto;
	height: 50px;
	margin-bottom: 50px;
	display: flex;
	position: relative;
}

.container .load-more button{
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	background: var(--primary-color);
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	outline: none;
	border: none;
	font-family: 'Poppins',sans-serif;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}

.container .load-more button i{
	margin-right: 7px;
}










/*cuenta*/
.container .cuenta-container{
	width: 100%;
	display: flex;
	margin-top: -10px;
}

.cuenta-container .cuenta-container-bx{
	width: 95%;
	height: auto;
	padding-bottom: 50px;
	margin: 20px auto;
	display: flex;
	justify-content: space-between;
}

.cuenta-container .cuenta-container-bx .nav-profile{
	width: 25%;
	height: 100%;
	background: #fff;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	display: none;
}

.cuenta-container .cuenta-container-bx .nav-profile .user-header{
	width: 100%;
	height: 200px;
	border-bottom: 1px solid #0002;
}

.cuenta-container .cuenta-container-bx .nav-profile .user-header .img{
	width: 100%;
	height: 130px;
}

.cuenta-container .cuenta-container-bx .nav-profile .user-header .img img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

.cuenta-container .cuenta-container-bx .nav-profile .user-header .txt{
	width: 100%;
	height: 70px;
	display: flex;
	flex-direction: column;
}

.cuenta-container .cuenta-container-bx .nav-profile .user-header .txt h1{
	font-size: 15px;
	margin: 0 auto;
}

.cuenta-container .cuenta-container-bx .nav-profile .user-header .txt a{
	font-size: 12px;
	text-decoration: none;
	margin: 5px auto;
	color: #121212;
}

.cuenta-container .cuenta-container-bx .nav-profile .user-header .txt a i{
	margin-right: 8px;
}

.cuenta-container .cuenta-container-bx .options-profile{
	width: 100%;
	display: flex;
	flex-direction: column;
}

.cuenta-container .cuenta-container-bx .options-profile .option{
	width: 100%;
	padding: 22.7px 0;
	border-bottom: 1px solid #0002;
}

.cuenta-container .cuenta-container-bx .options-profile .option:hover{
	background: #ccc1;
}

.cuenta-container .cuenta-container-bx .options-profile .option a{
	text-decoration: none;
	width: 75%;
	margin: auto;
	display: flex;
	color: #121212;
	font-size: 13.5px;
	cursor: pointer;
}

.cuenta-container .cuenta-container-bx .options-profile .option a i{
	margin-right: 8px;
}

.cuenta-container .cuenta-container-bx .show-options{
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
	display: flex;
}

.cuenta-container .cuenta-container-bx .show-options .bx{
	width: 95%;
	margin: 15px auto;
}

.cuenta-container .cuenta-container-bx .show-options .bx .header{
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

.cuenta-container .cuenta-container-bx .show-options .bx .header h1{
	font-size: 14px;
	font-weight: 500;
}

.cuenta-container .cuenta-container-bx .show-options .bx .header h1 i{
	margin-right: 5px;
}

.cuenta-container .cuenta-container-bx .show-options .bx .pasos{
	width: 100%;
	margin-top: 10px;
}

.cuenta-container .cuenta-container-bx .show-options .bx .pasos-bx{
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: space-between;
	border-radius: 8px;
}

.cuenta-container .cuenta-container-bx .show-options .bx .pasos-bx .paso{
	width: 32%;
	height: 50px;
	display: flex;
	position: relative;
	border-radius: 8px;
}

.cuenta-container .cuenta-container-bx .show-options .bx .pasos-bx .paso .txt{
	margin-left: 0%;
	bottom: 18px;
	display: flex;
	position: absolute;
	z-index: 1;
	width: 100%;
}

.cuenta-container .cuenta-container-bx .show-options .bx .pasos-bx .paso .txt p{
	font-size: 9px;
	display: flex;
	justify-content: center;
	width: 100%;
}

.cuenta-container .cuenta-container-bx .show-options .bx .pasos-bx .paso .txt p i{
	margin-right: 4px;
}

.cuenta-container .cuenta-container-bx .show-options .bx .pasos-bx .paso .img{
	width: 100%;
	height: 100%;
	position: absolute;
}

.cuenta-container .cuenta-container-bx .show-options .bx .pasos-bx .paso .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content{
	width: 100%;
	position: relative;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content form{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-content{
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 18px;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-content label{
	font-size: 11px;
	margin-left: 5px;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-content input{
	font-size: 10px;
	background: none;
	outline: none;
	border: none;
	background: #f0f3f4;
	border-radius: 8px;
	padding: 20px 0;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #0001;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-content .select-padding{
	font-size: 11px;
	background: #f0f3f4;
	border-radius: 8px;
	padding: 16px 0;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #0001;
	display: flex;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-content select{
	margin: auto;
	width: 100%;
	font-size: 11px;
	background: none;
	outline: none;
	border: none;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-proseguir{
	width: 100%;
	margin-top: 20px;
	display: flex;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-proseguir label{
	width: 100%;
	display: flex;
	justify-content: center;
	font-weight: 700;
	color: #fff;
	border-radius: 8px;
	font-size: 12px;
	padding: 17px 0;
	cursor: pointer;
	transition: .4s;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}


.cuenta-container .cuenta-container-bx .show-options .bx .content .input-proseguir label i{
	margin-right: 7px;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-desc {
    margin-top: 15px;
    width: 100%;
    flex-direction: column;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-desc label{
	font-size: 12px;
	margin-left: 5px;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-desc textarea{
	font-size: 11px;
	background: none;
	outline: none;
	border: none;
	background: #f0f3f4;
	border-radius: 8px;
	padding: 20px 0;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #0001;
	width: 100%;
	height: 150px;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-images{
    margin-top: 15px;
    width: 100%;
    flex-direction: column;
}


.cuenta-container .cuenta-container-bx .show-options .bx .content .input-images p{
	font-size: 12px;
	margin-left: 5px;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-images .input-images-labels{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-images .input-images-labels label{
    background: #ccc1;
    border: 1px solid #0002;
    border-radius: 8px;
    width: 15%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-images .input-images-labels label img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	border-radius: 8px;
	z-index: 2;
	position: absolute;
	outline: none;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-images .input-images-labels input[type=file]{
	display: none;
}

.cuenta-container .cuenta-container-bx .show-options .bx .content .input-images .input-images-labels label i{
	font-size: 20px;
}


/*venta prohibida para usuarios no vendedores*/
.cuenta-container .no-pueder-vender-cuentas{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 25px;
}

.cuenta-container .no-pueder-vender-cuentas .txt{
	width: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.cuenta-container .no-pueder-vender-cuentas .txt span{
	font-size: 11px;
}

.cuenta-container .no-pueder-vender-cuentas .txt h1{
	font-size: 22px;
}

.cuenta-container .no-pueder-vender-cuentas .txt p{
	font-size: 11px;
}

.cuenta-container .no-pueder-vender-cuentas .img{
	width: 100%;
	height: 200px;
	margin-top: 30px;
}

.cuenta-container .no-pueder-vender-cuentas .img img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

.cuenta-container .no-pueder-vender-cuentas .buttons{
	width: 100%;
	margin: 35px auto;
	display: flex;
	flex-direction: column;
}

.cuenta-container .no-pueder-vender-cuentas .buttons a{ 
	width: 100%;
	border-radius: 8px;
	padding: 15px 0;
	color: #fff;
	font-weight: 600;
	font-size: 11.5px;
	text-decoration: none;
	margin-top: 7px;
	display: flex;
	justify-content: center;
}

.cuenta-container .no-pueder-vender-cuentas .buttons a i{ 
	margin-right: 5px;
}

.cuenta-container .no-pueder-vender-cuentas .buttons #rango_vendedor{ 
	background: rgba(108, 99, 255,.1);
	color: rgba(108, 99, 255,1);
	border: 1px solid rgba(108, 99, 255,1);
}


/*información personal del sector cuenta*/
.cuenta-container .cuenta-container-bx .show-options .informacion-personal-content{
	width: 100%;
	position: relative;
}

.cuenta-container .cuenta-container-bx .show-options .informacion-personal-content form{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.cuenta-container .cuenta-container-bx .show-options .input-personal-content{
	margin-top: 10px;
	width: 100%;
}

.cuenta-container .cuenta-container-bx .show-options .input-personal-content label{
	font-size: 11px;
	margin-left: 5px;
}

.informacion-personal-content .input-personal-content .input{
	font-size: 11px;
	background: none;
	outline: none;
	border: none;
	background: #f0f3f4;
	border-radius: 8px;
	padding: 20px 0;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #0001;
	display: flex;
}

.informacion-personal-content .input-personal-content .input i{
	width: 10%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.informacion-personal-content .input-personal-content .input input{
	background: none;
	outline: none;
	border: none;
	width: 80%;
	font-size: 11px;
}

.informacion-personal-content .aviso-de-privacidad,
.soporte-content .aviso-de-privacidad{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 0px;
}

.informacion-personal-content .aviso-de-privacidad p,
.soporte-content .aviso-de-privacidad p{
	font-size: 9.5px;
}

.informacion-personal-content .aviso-de-privacidad p i,
.soporte-content .aviso-de-privacidad p i{
	margin-right: 6px;
}

.cuenta-container .cuenta-container-bx .show-options .input-personal-content-edit{
	margin-top: 15px;
	width: 100%;
}

.cuenta-container .cuenta-container-bx .show-options .input-personal-content-edit a{
	width: 100%;
	padding: 20px 0;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	display: flex;
	justify-content: center;
	border-radius: 8px;
	transition: .4s;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	cursor: pointer;
}

.cuenta-container .cuenta-container-bx .show-options .input-personal-content-edit a i{
	margin-right: 5px;
}

.cuenta-container .cuenta-container-bx .show-options .input-personal-content-edit label{
	width: 100%;
	padding: 20px 0;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	display: flex;
	justify-content: center;
	border-radius: 8px;
	transition: .4s;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	cursor: pointer;
}
.cuenta-container .cuenta-container-bx .show-options .input-personal-content-edit label i{
	margin-right: 5px;
}


.cuenta-container .cuenta-container-bx .show-options .input-personal-content-edit input[type=submit]{
	display: none;
}


/*Mis compras del sector cuenta*/
.container .mis-compras-content{
	width: 100%;
	margin-top: 5px;
}

.container .mis-compras-content .mis-compras-content-bx{
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	overflow-x: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto;
	flex-wrap: wrap;
}


.container .mis-compras-content .mis-compras-content-bx a {
	width: 49%;
	height: auto;
    text-decoration: none;
    color: #000;
    margin: 0 0 5px 0;
    display: flex;
}

.container .mis-compras-content-bx .purchases-card{
	width: 100%;
	height: 230px;
	margin-top: 8px;
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	background: #f0f3f4;
	transition: .3s;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.container .mis-compras-content-bx .purchases-card:hover{
	background: #ecf0f1;
}

.container .mis-compras-content-bx .purchases-card .img{
	width: 100%;
	height: 120px;
	display: flex;
}

.container .mis-compras-content-bx .purchases-card .img img{
	width: 96%;
	height: 94%;
	margin: auto;
	border-radius: 8px;
	background: #fff;
	object-fit: scale-down;
}

.container .mis-compras-content-bx .purchases-card .txt{
	width: 100%;
	height: 100%;
	display: flex;
}

.container .mis-compras-content-bx .purchases-card .txt .bx{
	width: 90%;
	height: 90px;
	margin: 8px auto;
	position: relative;
}

.container .mis-compras-content-bx .purchases-card .txt .bx .top{
	position: absolute;
	top: 0;
	width: 100%;
}

.container .mis-compras-content-bx .purchases-card .txt .bx .bottom{
	position: absolute;
	bottom: 0;
	width: 100%;
}

.container .mis-compras-content-bx .purchases-card .txt .bx h1{
	font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.container .mis-compras-content-bx .purchases-card .txt .bx p{
	font-size: 11px;
}

.container .mis-compras-content-bx .purchases-card .txt .bx h2{
	font-size: 10px;
	font-weight: 400;
	color: #2874a6;
	background: var(--second-rgba-color);
	border-radius: 8px;
	padding: 2px 5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.container .mis-compras-content-bx .purchases-card .txt .bx h2 i{
	margin-right: 5px;
}

.container .mis-compras-content-bx .purchases-card .txt .bx h3{
	font-size: 10px;
	font-weight: 400;
}

.container .mis-compras-content-bx .purchases-card .txt .bx h3 i{
	margin-right: 5px;
}

.container .mis-compras-content-bx .purchases-card .txt .bx span{
	font-size: 10px;
}

.container .mis-compras-content-bx .purchases-card .txt .bx span i{
	margin-right: 5px;
}


/*Carrito de compras*/
.carrito-container{
	width: 100%;
	display: flex;
	margin-top: 20px;
	padding-bottom: 100px;
}

.carrito-container-bx{
	width: 95%;
	margin: auto;
	display: flex;
	flex-direction: column;
}

.carrito-container-bx .productos{
	width: 100%;
	height: 500px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #0002;
	position: relative;
}

.carrito-container-bx .productos .body{
	position: absolute;
	width: 95%;
	margin-right: 2.5%;
	margin-left: 2.5%;
	overflow-x: hidden;
	max-height: 400px;
	top: 15px;
}

.carrito-container-bx .productos .body .card{
	width: 100%;
	height: 150px;
	background: #ccc1;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	margin: 0 0 12px 0;
}

.carrito-container-bx .productos .body .card .txt{
	width: 58%;
	margin: 15px 0;
}

.carrito-container-bx .productos .body .card .txt .head{
	width: 97%;
	display: flex;
	justify-content: space-between;
}

.carrito-container-bx .productos .body .card .txt .head h1{
	font-size: 12px;
	font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.carrito-container-bx .productos .body .card .txt .head i{
	font-size: 13px;
	cursor: pointer;
}

.carrito-container-bx .productos .body .card .txt p{
	font-size: 11.5px;
}

.carrito-container-bx .productos .body .card .txt h2{
	font-size: 11px;
	font-weight: 500;
}

.carrito-container-bx .productos .body .card .txt h3{
	font-size: 11.5px;
	font-weight: 400;
	margin-top: 15px;
	display: flex;
	flex-direction: column;
}

.carrito-container-bx .productos .body .card .txt h3 span{
	margin: 0 10px 0 0;
}

.carrito-container-bx .productos .body .card .txt h3 i{
	margin-right: 6px;
}

.carrito-container-bx .productos .body .card .img{
	width: 40%;
	height: 100%;
}

.carrito-container-bx .productos .body .card .img img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	border-radius: 10px 0 0 10px;
}


.carrito-container-bx .productos .bottom-body{
	position: absolute;
	width: 100%;
	height: 70px;
    bottom: 0px;
	background: #ccc3;
	border-radius: 0px 0 10px 10px;
	display: flex;
	border-top: 1px solid #eee;
}

.carrito-container-bx .productos .bottom-body .text{
	width: 90%;
	margin: 15px auto;
	display: flex;
	justify-content: space-between;
}

.carrito-container-bx .productos .bottom-body .text h1{
	font-size: 15px;
	font-weight: 500;
}

.carrito-container-bx .productos .bottom-body .text p{
	font-size: 16px;
	font-weight: 500;
}

.carrito-container-bx .empty-cart{
	width: 100%;
	height: 400px;
	display: flex;
}

.carrito-container-bx .empty-cart .empty-cart-bx{
	margin: auto;
	text-align: center;
}

.carrito-container-bx .empty-cart .empty-cart-bx h1{
	font-size: 20px;
}

.carrito-container-bx .empty-cart .empty-cart-bx p{
	font-size: 11px;
}

.carrito-container-bx .pagos{
	width: 100%;
	height: 350px;
	margin-top: 20px;
	background: #fff;
	border-radius: 10px;
}

.carrito-container-bx .pagos .header{
	width: 90%;
	margin: 10px auto;
}

.carrito-container-bx .pagos .header h1{
	font-size: 15px;
	font-weight: 500;
}

.carrito-container-bx .pagos .body{
	width: 90%;
	margin: 20px auto;
}

.carrito-container-bx .pagos .body .pay-method{
	width: 100%;
	height: 50px;
	margin: 0 0 10px 0;
}

.carrito-container-bx .pagos .body .pay-method label{
	width: 100%;
	height: 100%;
	border-radius: 10px; 
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 11px;
	color: #fff;
	background: var(--primary-color);
	cursor: pointer;
}

.carrito-container-bx .pagos .body .pay-method #pay-method-paypal{
	background: #0079C1;
}

.carrito-container-bx .pagos .body .pay-method #pay-method-stripe{
	background: #5167FC;
}

.carrito-container-bx .pagos .body .pay-other #pay-method-whatsapp{
	background: #25D366;
}

.carrito-container-bx .pagos .body .pay-method label i{
	margin-right: 6px;
}

.carrito-container-bx .pagos .body .o_class{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	align-items: center;
}

.carrito-container-bx .pagos .body .o_class span{
	width: 44%;
	height: 1px;
	background: #0002;
}

.carrito-container-bx .pagos .body .o_class p{
	font-size: 12px;
}

.carrito-container-bx .pagos .body .pay-other{
	width: 100%;
	margin-top: 15px;
}

.carrito-container-bx .pagos .body .pay-other label{
	width: 100%;
	height: 50px;
	border-radius: 10px; 
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 11px;
	color: #fff;
	background: var(--primary-color);
}

.carrito-container-bx .pagos .body .pay-other label i{
	margin-right: 7px;
}

.carrito-container-bx .pagos .body .pay-other a{
	width: 100%;
	border-radius: 10px; 
	display: flex;
	justify-content: center;
	font-size: 12px;
	color: var(--primary-color);
	margin-top: 30px;
}

.carrito-container-bx .pagos .body .pay-other a i{
	margin-right: 7px;
}


.container .products-slider-body .card .txt .txt-details .product-options #c_sub{
	display: none;
}

@media only screen and (max-width: 414px) {


.container .products-slider-body .card .txt h1{
    -webkit-line-clamp: 2;
}

.container .products-slider-body .card .txt p span{
	margin-left: 7px;
	font-size: 11px;
	font-weight: 400;
	color: #0008;
	display: none;
}

}




@media only screen and (max-width: 420px) {


.container .banner-container .txt h1{
	font-size: 23px;
	color: #fff;
	margin-top: 5px;
}

.container .banner-container .txt p{
	font-size: 12px;
	color: #f2f3f4;
	padding-bottom: 30px;
}

.container .banner-container .txt .banner-details{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.container .banner-container .txt .banner-details .card{
	width: 49%;
	height: 50px;
	border-radius: 20px;
	display: flex;
	justify-content: space-between;
}


.container .mis-compras-content-bx .purchases-card .txt .bx h1{
	font-size: 11px;
}

.container .mis-compras-content-bx .purchases-card .txt .bx p{
	font-size: 11px;
}

.container .mis-compras-content-bx .purchases-card .txt .bx h2{
	font-size: 9px;
}
.container .mis-compras-content-bx .purchases-card .txt .bx h3{
	font-size: 9px;
}

.container .mis-compras-content-bx .purchases-card .txt .bx span{
	font-size: 8px;
}

}

.container .mis-compras-content .mis-ventas{
	width: 100%;
	height: 520px;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	margin: auto;
}

.container .mis-compras-content-bx .sell-card{
	width: 99.5%;
	height: 128px;
	padding: 5px 0;
	border-radius: 8px;
	margin-top: 8px;
	display: flex;
	justify-content: space-between;
	border: 1px solid #0002;
}

.container .mis-compras-content-bx .sell-card .img{
	width: 29%;
	height: 100%;
	display: flex;
}

.container .mis-compras-content-bx .sell-card .img img{
	width: 92%;
	height: 98%;
	object-fit: cover;
	margin: auto;
	border-radius: 8px;
}

.container .mis-compras-content-bx .sell-card .txt{
	width: 71%;
}

.container .mis-compras-content-bx .sell-card .txt .bx{
	width: 96%;
	margin: 7px auto;
}

.container .mis-compras-content-bx .sell-card .txt h1{
	font-size: 12px;
}

.container .mis-compras-content-bx .sell-card .txt h1 a i{
	margin-right: 1px;
}

.container .mis-compras-content-bx .sell-card .txt p{
	font-size: 10px;
}

.container .mis-compras-content-bx .sell-card .txt span{
	font-size: 10px;
}

.container .mis-compras-content-bx .sell-card .txt span i{
	margin-right: 5px;
}

.container .mis-compras-content-bx .sell-card .txt h2{
	font-size: 10px;
	font-weight: 500;
	color: rgba(108, 99, 255, 1);
	background: rgba(108, 99, 255, .1);
	border-radius: 4px;
	padding: 3px 8px;
	margin: 8px 0;
}

.container .mis-compras-content-bx .sell-card .txt h2 i{
	margin-right: 5px;
}
/*Contactar soporte del sector cuenta*/

.container .soporte-content{
	width: 100%;
	margin-top: 15px;
}

.container .soporte-content .input-soporte{
	width: 100%;
	display: flex;
	flex-direction: column;
}

.container .soporte-content .input-soporte label{
	font-size: 11px;
	margin-left: 6px;
}

.container .soporte-content .input-soporte textarea{
	font-size: 11px;
	background: none;
	outline: none;
	border: none;
	background: #f0f3f4;
	border-radius: 8px;
	padding: 20px 0;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #0001;
	width: 100%;
	height: 100px;
}

.container .soporte-content .input-soporte-submit{
	width: 100%;
	margin-top: 15px;
	display: flex;
	flex-direction: column;
}

.container .soporte-content .input-soporte-submit label{
	width: 100%;
	padding: 17px 0;
	cursor: pointer;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	display: flex;
	justify-content: center;
	border-radius: 8px;
	transition: .4s;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.container .soporte-content .input-soporte-submit label i{
	margin-right: 5px;
}


.container .soporte-content .input-soporte-submit input{
	display: none;
}


/*Recibir mensajes de soporte por usuarios*/
.container .mensajes-content{
	width: 100%;
	height: 522px;
	margin: 5px auto;
	overflow-x: hidden;
}

.container .mensajes-content .mensajes-card{
	width: 100%;
	display: flex;
	background: #f0f3f4;
	border-radius: 8px;
	margin-top: 12px;
}


.container .mensajes-content .mensajes-card .bx{
	width: 90%;
	margin: 15px auto;
	display: flex;
	flex-direction: column;
}

.container .mensajes-content .mensajes-card .bx h1{
	font-size: 13px;
}

.container .mensajes-content .mensajes-card .bx h1 i{
	margin-right: 5px;
}

.container .mensajes-content .mensajes-card .bx p{
	font-size: 11px;
	padding: 5px 0;
}

.container .mensajes-content .mensajes-card .bx span{
	font-size: 10px;
}

.container .mensajes-content .mensajes-card .bx span i{
	margin-right: 5px;
}


/*payment-status*/
.container .payment-status{
	width: 100%;
	margin-top: 20px;
	display: flex;
}

.container .payment-status .payment-status-bx{
	width: 95%;
	height: 700px;
	margin: auto;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #0002;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.container .payment-status .payment-status-bx .txt{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 40px auto;
}

.container .payment-status .payment-status-bx .txt .compra-terminada{
	width: 95%;
	display: flex;
	margin: 0 auto;
}

.container .payment-status .payment-status-bx .txt .compra-terminada h1{
	margin-left: 7px;
	font-size: 25px;
}

.container .payment-status .payment-status-bx .txt .compra-terminada img{
	width: 35px;
	height: 35px;
}

.container .payment-status .payment-status-bx .txt .mas-detalles{
	width: 90%;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}

.container .payment-status .payment-status-bx .txt .mas-detalles p{
	font-size: 12px;
}

.container .payment-status .payment-status-bx .txt .mas-detalles .mas-detalles-iconos{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: inherit;
	flex-wrap: inherit;
	margin-top: 30px;
}

.container .payment-status .payment-status-bx .txt .mas-detalles .mas-detalles-iconos .icono{
	width: 100%;
	height: 85px;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	margin: 0 0px 10px 0;
}

.container .payment-status .payment-status-bx .txt .mas-detalles .icono .img{
	width: 30%;
	height: 85px;
}

.container .payment-status .payment-status-bx .txt .mas-detalles .icono .img img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

.container .payment-status .payment-status-bx .txt .mas-detalles .icono .txt{
	width: 68%;
	margin: auto;
}

.container .payment-status .payment-status-bx .txt .mas-detalles .icono .txt h1{
	font-size: 12px;
}

.container .payment-status .payment-status-bx .txt .mas-detalles .icono .txt p{
	font-size: 9px;
}

.container .payment-status .payment-status-bx .txt .mas-detalles a{
	width: 100%;
	text-decoration: none;
	border-radius: 8px;
	color: #fff;
	font-size: 11px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	padding: 12px 0;
	font-weight: 500;
	margin-top: 30px;
}

.container .payment-status .payment-status-bx .txt .mas-detalles a i{
	margin-right: 5px;
}

.container .payment-status .payment-status-bx #img_undraw{
	display: none;
}

/*footer*/
footer{
    width: 100%;
    height: inherit;
    display: flex;
    background: #000;
    padding: 20px 0;
}

footer .footer-bx{
    width: 90%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: inherit;
}

footer .footer-bx .logo{
    width: 100%;
    margin: 20px 0;
}

footer .footer-bx .logo h1{
	color: #fdfefe;
	font-size: 22px;
}

footer .footer-bx .logo p{
	color: #fdfefe;
	font-size: 12px;
}

footer .footer-bx .enlaces{
    width: 100%;
    margin: 20px 0;
}

footer .footer-bx .enlaces h1{
	color: #fdfefe;
	font-size: 22px;
}

footer .footer-bx .enlaces .ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

footer .footer-bx .enlaces a{
	color: #fdfefe;
	font-size: 12px;
	margin: 0px 10px 0 0;
	transition: .5s;
}

footer .footer-bx .enlaces a:hover{
	color: #fff;
}

footer .footer-bx .imagen{
    width: 100%;
    height: 200px;
    margin: auto 0;
    padding-bottom: 20px;
}

footer .footer-bx .imagen img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

footer .footer-bx .imagen p{
	color: #d0d3d4;
	text-align: center;
	font-size: 12px;
}



/*Mas pequeño para celulares*/
@media only screen and (max-width: 375px) {
.container .banner-container{
	height: 285px;
}

.container .banner-container .banner-bx{
	width: 95%;
	height: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.container .banner-container .banner-bx .txt{
	width: 100%;
	margin: 25px 0;
}

.container .banner-container .txt h1{
	font-size: 25px;
	color: #fff;
	margin-top: 5px;
}

.container .banner-container .txt p{
	font-size: 12px;
	color: #f2f3f4;
	padding-bottom: 30px;
}

.container .banner-container .txt .banner-details{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.container .banner-container .txt .banner-details .card{
	width: 100%;
	height: 50px;
	border-radius: 20px;
	display: flex;
	justify-content: space-between;
}

.container .banner-container .txt .banner-details .card .icon{
	width: 20%;
	height: 100%;
}

.container .banner-container .txt .banner-details .card .icon img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

.container .banner-container .txt .banner-details .card .text{
	width: 75%;
}

.container .banner-container .txt .banner-details .card .text h1{
	font-size: 10px;
	font-weight: 600;
	color: #fff;
}

.container .banner-container .txt .banner-details .card .text p{
	font-size: 9px;
	color: #e5e7e9;
}

.container .banner-container .txt a{
	color: #fff;
	background: var(--primary-color);
	border-radius: 20px;
	padding: 12px 0px;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.container .search-container .results .card{
	height: 140px;
}

.container .search-container .results .card .txt .bx h1{
	font-size: 12px;
	font-weight: 600;
}

.container .search-container .results .card .txt .bx p{
	font-size: 10px;
	overflow: hidden;
	color: #0009;
}

.container .search-container .results .card .txt .bx h2{
	font-size: 11px;
	font-weight: 500;
}

.container .search-container .results .card .txt .bx h2 span{
	margin-left: 5px;
	font-weight: 400;
	font-size: 10px;
	color: #121212;
}

.container .search-container .results .card .txt .bx h3{
	font-weight: 400;
	font-size: 10px;
}

.container .search-container .results .card .txt .bx h3 i{
	color: var(--primary-color);
	margin-left: 5px;
}

.container .search-container .results .card .txt .bx h3 label{
	color: blue;
	text-decoration: underline;
}

.container .search-container .results .card .txt .bx h4{
	font-size: 8px;
	font-weight: 500;
	margin-top: 7px;
}

.container .search-container .results .card .txt .bx h4 i{
	margin-right: 5px;
}

.container .search-container .results .card .txt .bx h4 span{
	margin-left: 10px;
}

}




.cuenta-container .cuenta-container-bx .show-options .bx .web-info .card{
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: space-between;
	background: #ccc2;
	border-radius: 10px;
	margin-top: 10px;
	margin: 0px 0px 15px 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.cuenta-container .cuenta-container-bx .show-options .bx .web-info .card .title h1{
	font-size: 11px;
	font-weight: 500;
}

.cuenta-container .cuenta-container-bx .show-options .bx .web-info .card .title h1 i{
	margin-right: 6px;
}

.cuenta-container .cuenta-container-bx .show-options .bx .web-info .card .title p{
	font-size: 10px;
	font-weight: 400;
}

.cuenta-container .cuenta-container-bx .show-options .bx .web-info .card .arrow{
	width: 18%;
	height: 100%;
	background: var(--primary-color);
	clip-path: circle(75% at 83% 65%);
	display: flex;
	border-radius:  0 10px 10px 0px;
}

.cuenta-container .cuenta-container-bx .show-options .bx .web-info .card .arrow a{
	color: #fff;
	font-weight: 500;
	font-size: 10px;
	margin: auto;
	margin-right: 0;
	width: 55%;
}

.cuenta-container .cuenta-container-bx .show-options .bx .web-info .card .arrow a i{
	margin-right: 7px;
}


.container .mis-compras-content-bx .sell-card .txt .input-ship-address,
.listing-card .txt .bx .view-product-listing-card{
	display: none;
}@media (max-width: 768px) {
  .card {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .banner-bx {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .banner-bx .txt, .banner-bx .img {
    width: 100%;
  }

  .header-2 {
    flex-direction: column;
  }

  .options {
    display: none;
  }

  .responsive-options {
    display: flex;
/* 7¼3 Eliminar scroll horizontal */
html, body {
  max-width: 100vw !important;
  overflow-x: hidden !important;
  margin: 0;
  padding: 0;
}

/* 7¼3 Asegurar que todos los contenedores principales no se desborden */
.banner-container,
.banner-bx,
.slider,
.slider2,
.products-slider-body,
.categories-section-content,
.categories-section-responsive {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
/* 7¼3 Eliminar scroll horizontal */
html, body {
  max-width: 100vw !important;
  overflow-x: hidden !important;
  margin: 0;
  padding: 0;
}

/* 7¼3 Asegurar que todos los contenedores principales no se desborden */
.banner-container,
.banner-bx,
.slider,
.slider2,
.products-slider-body,
.categories-section-content,
.categories-section-responsive {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* 7¼3 Corregir los logos redondos en m¨®vil */
.categories-section-content .card,
.categories-section-responsive .card {
  flex: 0 1 28% !important;
  max-width: 28% !important;
  min-width: 80px;
  margin: 10px 5px;
  text-align: center;
}

/* 7¼3 Bot¨®n "Ver productos" adaptativo */
html, body {