@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');


:root{
  --primary-color: #3498db;
  --secondary-color: #3498db;
  --rgba-color: #3498db;
  --background-color: #3498db;
  --text-color: #3498db; 
}

*{
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	user-select: none;
}

body{
	background: #f0f3f4;
	overflow-x: hidden;
	font-family: 'Poppins',sans-serif;
}


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

.paypal-or-debit .paypal-or-debit-bx{
	width: 50%;
	height: 400px;
	background: #fff;
	display: flex;
	flex-direction: column;
	margin: 50px auto;
	border-radius: 10px;
	overflow-x: hidden;
}

.paypal-or-debit .paypal-or-debit-bx .header{
	width: 95%;
	background: #fff;
	margin: 12px auto;
	border-bottom: 1px solid #0001;
	padding-bottom: 7px;
	display: flex;
	justify-content: space-between;
}

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

.paypal-or-debit .paypal-or-debit-bx .header h1 i{
	margin-right: 6px;
}

.paypal-or-debit .paypal-or-debit-bx .header i{
	font-size: 16px;
	cursor: pointer;
}

.paypal-or-debit .paypal-or-debit-bx .body{
	width: 95%;
	margin: 12px auto;
}

/*modal*/

.modal-login{
	width: 100%;
	height: 100vh;
	background: #0009;
	position: fixed;
	display: none;
	z-index: 2;
}

.modal-login .modal-login-bx{
	width: 35%;
	height: 370px;
	background: #fff;
	border-radius: 8px;
	margin: 50px auto;
	display: flex;
	flex-direction: column;
}


.modal-login .modal-register-bx{
	height: 500px;
}

.modal-login .modal-login-bx .header{
	width: 95%;
	margin: 0px auto;
	padding-top: 8px;
	display: flex;
	justify-content: space-between;
}

.modal-login .modal-login-bx .header h1{
	font-size: 22px;
}

.modal-login .modal-login-bx .header i{
	cursor: pointer;
	font-size: 18px;
}

.modal-login .modal-login-bx .form{
	width: 95%;
	margin: 0 auto;
}

.modal-login .modal-login-bx .form form .input-text{
	width: 100%;
	display: flex;
	border: 1px solid var(--primary-color);
	background: #fbfcfc;
	border-radius: 8px;
	padding: 17px 0;
	margin-top: 10px;
}

.modal-login .modal-login-bx .form form .input-text i{
	width: 12%;
	display: flex;
	justify-content: center;
	color: var(--primary-color);
}

.modal-login .modal-login-bx .form form .input-text input{
	width: 80%;
	background: none;
	outline: none;
	border: none;
	font-size: 11px;
	font-family: 'Poppins',sans-serif;
}

.modal-login .modal-login-bx .form form .input-policy{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
}

.modal-login .modal-login-bx .form form .input-policy p{
	font-size: 11px;
}

.modal-login .modal-login-bx .form form .input-policy p i{
	margin-right: 5px;
}

.modal-login .modal-login-bx .form form .input-submit{
	width: 100%;
	display: flex;
	margin-top: 10px;
}

.modal-login .modal-login-bx .form form .input-submit input[type=submit]{
	display: none;
}

.modal-login .modal-login-bx .form form .input-submit label{
	width: 100%;
	display: flex;
	border: 1px solid transparent;
	background: var(--primary-color);
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	border-radius: 8px;
	padding: 17px 0;
	display: flex;
	justify-content: center;
	cursor: pointer;
}

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

.modal-login .modal-login-bx .o{
	width: 100%;
	display: flex;
	justify-content: center;
	padding-top: 35px;
	padding-bottom: 20px;
}

.modal-login .modal-login-bx .o p{
	margin-right: 5px;
	margin-left: 5px;
	font-size: 12px;
	font-weight: 600;
}

.modal-login .modal-login-bx .o span{
	font-size: 12px;
}

.modal-login .modal-login-bx .registro-button{
	width: 95%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.modal-login .modal-login-bx .registro-button a{
    font-size: 12px;
    width: 100%;
    background: #fff;
    padding: 17px 0;
    color: var(--rgba-color);
    border: 1px solid var(--rgba-color);
    font-weight: 600;
    display: flex;
    justify-content: center;
    text-decoration: none;
    border-radius: 8px;
}

.modal-login .modal-login-bx .registro-button a i{
	margin-right: 5px;
}


/*header*/
header{
	width: 100%;
	height: 50px;
	background: #fff;
	display: flex;
	justify-content: space-between;
}

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

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

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

header .header-2 .logo h1{
	color: #000;
	font-size: 20px;
}

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

header .header-2 .options{
	margin: auto 0;
}

header .header-2 .options ul{
	display: flex;
	justify-content: space-between;
}
header .header-2 .options ul li{
	list-style: none;
	padding: 0px 10px;
}

header .header-2 .options ul li a{
	color: #000;
	text-decoration: none;
	font-size: 13px;
	padding: 5px 5px;
}

header .header-2 .options ul li a i{
	margin-right: 7px;
}

header .header-2 .options ul li #ayuda_id{
	color: #fff;
	background: #121212;
	border-radius: 10px;
	padding: 5px 5px;
	font-weight: 500;
}

header .header-2 .options ul li #open_modal{
	color: #fff;
	background: var(--primary-color);
	border-radius: 10px;
	padding: 5px 5px;
	font-weight: 500;
}


.container{
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-bottom: 80px;
}

.container .banner-container{
	width: 85%;
	height: 325px;
	background: #121212;
	display: flex;
	margin: 20px auto;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

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

.container .banner-container .banner-bx .txt{
	width: 50%;
	height: 200px;
	margin: auto 0;
}

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

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

.container .banner-container .txt a{
	color: #fff;
	background: var(--primary-color);
	border-radius: 8px;
	padding: 10px 25px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

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

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

.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;
}


/*details*/
.details-container{
	width: 100%;
	display: flex;
}

.details-container .details-bx{
	width: 85%;
	height: 85px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	background: #fff;
	border-radius: 10px;
	box-shadow: ;
	border: 1px solid #0002;
	box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.details-container .details-bx .card{
	width: 32.5%;
	height: 85px;
	display: flex; 
	border-right: 1px solid #0002;
}

.details-container .details-bx .card_no_border{
	border: none;
}

.details-container .details-bx .card .bx{
	margin: auto;
	width: 70%;
	display: flex;
	justify-content: space-between;
}

.details-container .details-bx .card .icon{
	width: 49%;
	height: 85px;
}

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

.details-container .details-bx .card .txt{
	width: 49%;
	margin: auto 0;
}

.details-container .details-bx .card .txt h1{
	font-size: 12px;
}

.details-container .details-bx .card .txt p{
	font-size: 10px;
}

/*categorias*/
.big-categories{
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
}
.big-categories .big-categories-bx{
	width: 85%;
	margin: auto;
}

.big-categories .big-categories-header{
	width: 85%;
	margin: auto;
	padding-bottom: 10px;
}

.big-categories .big-categories-header h1{
	font-size: 16px;
	font-weight: 500;
}

.big-categories .big-categories-bx{
	width: 85%;
	height: 400px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.big-categories .big-categories-bx a{
	width: 49.5%;
	text-decoration: none;
	color: #fff;
}

.big-categories .big-categories-bx .card{
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: .3s;
}

.big-categories .big-categories-bx .card:hover{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.big-categories .big-categories-bx .card .img{
	width: 100%;
	height: 70%;
	display: flex;
}

.big-categories .big-categories-bx .card .img img{
	width: 98%;
	height: 95%;
	margin: auto;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
}

.big-categories .big-categories-bx .card .txt{
	width: 100%;
	height: 30%;
	display: flex;
}

.big-categories .big-categories-bx .card .txt .bx{
	width: 95%;
	margin: 0px auto;
}

.big-categories .big-categories-bx .card .txt .bx span{
	color: var(--primary-color);
	font-size: 11px;
	font-weight: 600;
}

.big-categories .big-categories-bx .card .txt .bx span i{
	margin-right: 7px;
}

.big-categories .big-categories-bx .card .txt .bx h1{
	color: #000;
	font-size: 20px;
}

.big-categories .big-categories-bx .card .txt .bx p{
	color: #000;
	font-size: 12px;
}


/*Ultimos productos, order by desc*/
.big-categories .ultimate-products{
	width: 100%;
	display: flex;
	margin-top: 25px;
}

.big-categories .ultimate-products-bx{
	width: 85%;
	height: 300px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.big-categories .ultimate-products-bx #product_card{
	width: 24%;
	text-decoration: none;
	color: #000;
}

.big-categories .ultimate-products-bx .card{
	width: 100%;
	height: 320px;
	background: #fff;
	border-radius: 10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	transition: .3s;
}

.big-categories .ultimate-products-bx .card:hover{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.big-categories .ultimate-products-bx .card .img{
	width: 100%;
	height: 55%;
	display: flex;
}

.big-categories .ultimate-products-bx .card .img img{
	width: 100%;
	height: 95%;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
}

.big-categories .ultimate-products-bx .card .txt{
	width: 100%;
	height: 42%;
	display: flex;
	margin-top: 2%;
}

.big-categories .ultimate-products-bx .card .txt .bx{
	width: 88%;
	margin: 0 auto;
	position: relative;
}

.big-categories .ultimate-products-bx .card .txt .bx .details{
	top: 0;
	position: absolute;
	width: 100%;
}

.big-categories .ultimate-products-bx .card .txt .bx .details h1{
	font-size: 12px;
}

.big-categories .ultimate-products-bx .card .txt .bx .details .stock-price{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
}

.big-categories .ultimate-products-bx .card .txt .bx .details .stock-price span{
	font-size: 12px;
}

.big-categories .ultimate-products-bx .card .txt .bx .details .stock-price #in_stock{
	color: #2ecc71;
	font-weight: 400;
	font-size: 10px;
	margin-top: 1.5px;
}

.big-categories .ultimate-products-bx .card .txt .bx .details .stock-price #in_stock i{
	margin-right: 5px;
	color: #2ecc71;
}

.big-categories .ultimate-products-bx .card .txt .bx .details h2{
	color: #0009;
	font-size: 10px;
	font-weight: 500;
	text-decoration: none;
}

.big-categories .ultimate-products-bx .card .txt .bx .button{
	bottom: 10px;
	position: absolute;
	width: 100%;
}

.big-categories .ultimate-products-bx .card .txt .bx .button label{
	background: var(--primary-color);
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	font-weight: 600;
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 8px 0;
	border-radius: 10px;
}

.big-categories .ultimate-products-bx .card .txt .bx .button label i{
	margin-right: 7px;
}

.big-categories .ultimate-products-bx .card .txt .bx .button p{
	width: 100%;
	display: flex;
	justify-content: center;
	font-size: 9px;
	margin-top: 3px;
}

/*big banner solo*/
.big-banner-solo {
	width: 100%;
	display: flex;
	margin-top: 65px;
}

.big-banner-solo .big-banner-solo-bx{
	width: 85%;
	height: 500px;
	margin: auto;
	position: relative;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	display: flex;
	flex-direction: column;
	background: #ffff;
	border-radius: 10px;
	cursor: pointer;
	transition: .3s;
}

.big-banner-solo .big-banner-solo-bx:hover{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.big-banner-solo .big-banner-solo-bx .img{
	width: 100%;
	height: 70%;
	display: flex;
}

.big-banner-solo .big-banner-solo-bx .img img{
	width: 98%;
	height: 95%;
	margin: auto;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
}

.big-banner-solo .big-banner-solo-bx .txt{
	width: 100%;
	height: 30%;
	display: flex;
}

.big-banner-solo .big-banner-solo-bx .txt .bx{
	width: 95%;
	margin: 7px auto;
}

.big-banner-solo .big-banner-solo-bx .txt .bx h1{
	color: #121212;
	font-size: 22px;
}

.big-banner-solo .big-banner-solo-bx .txt .bx p{
	color: #121212;
	font-size: 13px;
	padding-bottom: 20px;
}

.big-banner-solo .big-banner-solo-bx .txt .bx a{
	text-decoration: none;
	border: 1px solid var(--primary-color);
	background: var(--primary-color);
	color: #fff;
	font-weight: 500;
	font-size: 12px;
	padding: 10px 25px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}

.big-banner-solo .big-banner-solo-bx .txt .bx a i{
	margin-right: 7px;
}


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

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

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

.products-slider .products-slider-body{
	width: 85%;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.products-slider .products-slider-body #product_card2{
	width: 24.2%;
	text-decoration: none;
	color: #000;
}

.products-slider .products-slider-body .card{
	width: 100%;
	background: #fff;
	border-radius: 10px;
	box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
	border: 1px solid #0002;
	transition: .4s;
}

.products-slider .products-slider-body .card:hover{
	box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
}

.products-slider .products-slider-body .card .img{
	width: 100%;
	height: 170px;
	border-radius: 10px;
	display: flex;
}

.products-slider .products-slider-body .card .img img{
	width: 95%;
	height: 94%;
	object-fit: cover;
	margin: auto;
	border-radius: 10px 10px 0 0;
}

.products-slider .products-slider-body .card .txt{
	width: 100%;
	height: 140px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.products-slider .products-slider-body .card .txt .bx{
	width: 90%;
	margin: 5px auto;
}

.products-slider .products-slider-body .card .txt h2{
	font-size: 10px;
	color: #0009;
	font-weight: 500;
}

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

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

.stock-price{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
}

.products-slider .products-slider-body .card .txt  .stock-price span{
	font-size: 14px;
}

.products-slider .products-slider-body .card .txt  .stock-price #in_stock{
	color: #2ecc71;
	font-weight: 500;
	font-size: 10px;
	margin-top: 1.5px;
}

.products-slider .products-slider-body .card .txt  .stock-price #in_stock i{
	margin-right: 5px;
	font-size: 11.5px;
	display: none;
}

.products-slider .products-slider-body .card .txt p{
	font-size: 10px;
	margin-top: 1px;
}

.products-slider .products-slider-body .card .txt p i{
	margin-right: 5px;
}

.products-slider .products-slider-body .card .button{
	margin-top: 0px;
	width: 100%;
}

.products-slider .products-slider-body .card .button label{
	width: 90%;
	padding: 10px 0;
	display: flex;
	justify-content: center;
	color: #fff;
	font-weight: 600;
	font-size: 11px;
	border-radius: 10px;
	background: var(--primary-color);
	margin: 0 auto;	
	margin-bottom: 10px;

}

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

.details-second-section{
	width: 100%;
	display: flex;
	margin-top: 40px;
}

.details-second-section .details-second-section-bx{
	width: 100%;
	height: 400px;
	position: relative;
}

.details-second-section .details-second-section-bx .img{
	width: 29.7%;
	height: 100%;
}

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




.container .banner-product-delete{
	width: 85%;
	margin: 20px auto;
}

.container .banner-product-delete label{
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--primary-color);
	color: #fff;
	font-size: 12px;
	border-radius: 10px;
	cursor: pointer;
}

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

.container .banner-product-delete label i{
	margin-right: 7px;
}

.container .banner-product{
	width: 85%;
	height: 500px;
	background: #fff;
	border: 1px solid #0002;
	display: flex;
	margin: 20px auto;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

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

.container .banner-product .banner-product-bx .banner-product-circle{
	position: absolute;
	width: 100%;
	height: 100%;
	background: red;
	left: -35%;
	top: 0px;
	clip-path: circle(50% at 50% 50%);
	z-index: 1;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.container .banner-product .banner-product-bx .img-product-circle-opacity{
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.6502976190476191) 0%, rgba(0,0,0,0.5298494397759104) 35%, rgba(255,255,255,0) 100%);
	z-index: 2;
}

.container .banner-product .banner-product-bx .banner-product-circle .img-product-circle{
	width: 100%;
	height: 100%;
}

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

.container .banner-product .banner-product-bx .banner-product-circle-2{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	left: -34.7%;
	top: 0px;
	clip-path: circle(50% at 50% 50%);
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


.container .banner-product .banner-product-bx .banner-product-txt{
	width: 100%;
	height: 100%;
	position: absolute;
}

.container .banner-product .banner-product-bx .banner-product-txt .details{
	width: 46%;
	height: 100%;
	position: absolute;
	right: 0;
	display: flex;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx{
	width: 85%;
	height: 90%;
	display: flex;
	flex-direction: column;
	margin: auto;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx h1{
	font-size: 25px;
	margin-top: 5px;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx h1 i{
	margin-right: 7px;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx h2{
	font-weight: 400;
	font-size: 19px;
	margin-top: 8px;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx h2 span{
	font-weight: 400;
	font-size: 14px;
	margin-left: 10px;
	color: green;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx .details-cards-options{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 15px;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx .details-cards-options .option{
	width: 49%;
	height: 60px;
	margin-top: 15px;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx .details-cards-options .option .img{
	width: 25%;
	height: 100%;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx .details-cards-options .option .img img{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx .details-cards-options .option .txt{
	width: 67.5%;
	margin: 12px 0;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx .details-cards-options .option .txt h1{
    font-size: 12px;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx .details-cards-options .option .txt p{
    font-size: 10px;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx .pay-buttons{
	width: 100%;
	margin-top: 35px;
	display: flex;
	flex-direction: column;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx .pay-buttons .button{
	width: 100%;
	height: 48px;
	margin-top: 10px;
	display: flex;
	background: #ccc3;
	border-radius: 10px;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx .pay-buttons .button a{
	width: 100%;
	height: 100%;
	display: flex;
	text-decoration: none;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	font-size: 12.7px;
	font-weight: 500;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx .pay-buttons .button a i{
	margin-right: 7px;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx .pay-buttons .button #wpp_button{
	color: #fff;
	background: rgb(130, 224, 170);
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx .pay-buttons .button #paypal_button{
	color: #fff;
	background: rgba(0, 156, 222, 1);
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx .more-info{
	margin-top: 30px;
	width: 100%;
	display: flex;
	justify-content: center;
}

.container .banner-product .banner-product-bx .banner-product-txt .details .bx .more-info a{
	color: #121212;
	font-size: 13px;
}


.container .product-desc{
	width: 85%;
	height: auto;
	padding-bottom: 20px;
	background: #fff;
	border: 1px solid #0002;
	display: flex;
	margin: 10px auto;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.container .product-desc-bx{
	width: 100%;
	margin: 0px auto;
	display: flex;
	flex-direction: column;
}

.container .product-desc-bx-header{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.container .product-desc-bx-header a{
	width: 49.9%;
	height: 55px;
	border-bottom: 1px solid #0002;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	outline: none;
	color: #000;
}

.container .product-desc-bx-header #view_desc{
	border-bottom: 1px solid #0008;
}

.container .product-desc-bx-header #view_valor{
}

.container .product-desc-bx-header a i{
	margin-right: 7px;
}

.container .product-desc-bx-body-descripcion{
	width: 93%;
	margin: 25px auto;
	display: none;
}

.container .product-desc-bx-body-descripcion p{
	font-size: 12px;
}

.container .product-desc-bx-body-valoraciones{
	width: 93%;
	margin: 13px auto;
	display: flex;
	flex-direction: column;
	display: none;
}

.container .product-desc-bx-body-valoraciones .card{
	width: 100%;
	display: flex;
	border-radius: 10px;
	background: #ccc3;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: 10px;
	border: 1px solid #0001;
}

.container .product-desc-bx-body-valoraciones .card .txt{
	width: 97%;
	margin: auto;
	margin-top: 12px;
}

.container .product-desc-bx-body-valoraciones .card .txt h1{
	font-size: 13px;
	font-weight: 600;
	padding-bottom: 3px;
	display: flex;
}

.container .product-desc-bx-body-valoraciones .card .txt h1 ul{
	display: flex;
	margin-top: -1px;
	margin-left: 8px;
}

.container .product-desc-bx-body-valoraciones .card .txt h1 ul li{
	list-style: none;
	margin: 0 4px 0 0;
}

.container .product-desc-bx-body-valoraciones .card .txt h1 ul li i{
	color: var(--primary-color);
	font-size: 10px;
}

.container .product-desc-bx-body-valoraciones .card .txt p{
	font-size: 11.5px;
}

.container .product-desc .product-desc-bx .active{
	display: flex;
}

/*Redes*/
.container .red-banner{
	width: 100%;
	height: 230px;
	background: #000;
	display: flex;
	position: relative;
	box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.container .red-banner .red-banner-img{
	width: 50%;
	height: 100%;
	position: absolute;
	z-index: -1;
	right: 0;
}

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

.container .red-banner .red-banner-2{
	width: 85%;
	height: 150px;
	margin: auto;
}

.container .red-banner .red-banner-2 .txt{
	width: 50%;
	margin: auto 0;
}

.container .red-banner .txt span{
	font-size: 10px;
	border-radius: 10px;
	background: var(--primary-color);
	color: #fff;
	font-weight: 600;
	padding: 3px 10px;
}

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

.container .red-banner .txt p{
	font-size: 13px;
	color: #fff;
}


/*red --products*/

.container .red-products{
	width: 100%;
	margin-top: 10px;
	display: flex;
	flex-direction: column;
}

.container .red-products-filters{
	width: 85%;
	margin: auto;
	margin-top: 10px;
	padding-bottom: 10px;
}

.container .red-products-filters .red-products-filters-bx{
	width: 100%;
}

.container .red-products-filters .red-products-filters-bx form{ 
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.container .red-products-filters .red-products-filters-bx form .inputs{ 
	display: flex;
}

.container .red-products-filters .red-products-filters-bx .input-filter{
	background: #fdfefe;
	border-radius: 8px;
	border: 1px solid #0002;
	height: 40px;
	padding: 0 20px;
	display: flex;
	margin: 0 10px 0 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

.container .red-products-filters .red-products-filters-bx .input-filter select{
	background: none;
	border: none;
	outline: none;
	margin: auto;
}

.container .red-products-filters .red-products-filters-bx .aplicar{
	display: flex;
	height: 40px;
}

.container .red-products-filters .red-products-filters-bx .aplicar label{
	margin: auto 0;
	background: var(--primary-color);
	color: #fff;
	font-size: 12.5px;
	font-weight: 500;
	border-radius: 8px;
	padding: 10px 15px;
	cursor: pointer;
	box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

.container .red-products-filters .red-products-filters-bx .aplicar label i{
	margin-right: 5px;
}

.container .red-products-filters .red-products-filters-bx .aplicar input[type=submit]{
	display: none;
}

.container .red-products-bx{
	width: 85%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.container .red-products-bx a{
	width: 24.5%;
	text-decoration: none;
	color: #000;
}

.container .red-products-bx .card{
	width: 100%;
	height: 300px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #0002;
	margin-top: 10px;
}

.container .red-products-bx .card .img{
	width: 97%;
	height: 150px;
	margin: 4px auto;
}

.container .red-products-bx .card .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.container .red-products-bx .card .txt{
	width: 90%;
	height: 128px;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.container .red-products-bx .card .txt .txt-bx{
	width: 100%;
	margin: 10px auto;
}

.container .red-products-bx .card .txt .txt-bx h1{
	font-size: 14px;
}

.container .red-products-bx .card .txt .txt-bx h1 i{
	margin-right: 5px;
}

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

.container .red-products-bx .card .txt .txt-bx span{
	font-size: 11px;
}

.container .red-products-bx .card .txt .redirect-button{
	width: 100%;
	display: flex;
}

.container .red-products-bx .card .txt .redirect-button label{
	font-size: 11.5px;
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 8px 0;
	color: #fff;
    background: var(--primary-color);
	border-radius: 8px;
	font-weight: 600;
	transition: .5s;
	border: 1px solid transparent;
}

.container .red-products-bx .card .txt .redirect-button label:hover{
	color: var(--primary-color);
    background: #fff;
    border: 1px solid var(--primary-color);;
}

.container .red-products-bx .card .txt .redirect-button label i{
	margin-right: 5px;
}

.container .red-products-bx p{
	font-size: 14px;
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.container .red-products-bx p i{
	margin-right: 5px;
}

.purchase-usdt{
	width: 100%;
	height: 100vh;
	position: fixed;
	background: #0005;
	display: flex;
	z-index: 12000000;
}

.purchase-usdt .purchase-usdt-bx{
	width: 60%;
	height: 460px;
	background: #f8f9f9;
	margin: 40px auto;
	border-radius: 8px;
}

.purchase-usdt .purchase-usdt-bx .header{
	width: 90%;
	margin: 20px auto;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

.purchase-usdt .purchase-usdt-bx .header h1{
	font-size: 16px;
	font-weight: 500;
}

.purchase-usdt .purchase-usdt-bx .header h1 i{
	margin-right: 5px;
}

.purchase-usdt .purchase-usdt-bx .body{
	width: 90%;
	margin: 0 auto;
}

.purchase-usdt .purchase-usdt-bx .body .direccion{
	width: 100%;
	margin: 0 auto;
}

.purchase-usdt .purchase-usdt-bx .body .direccion .txt p{
	font-size: 14px;
}

.purchase-usdt .purchase-usdt-bx .body .direccion .txt .bi-copy{
	margin-left: 7px;
	cursor: pointer;
}



.input-accept-submit{
	width: 100%;
	display: flex;
	margin-top: 30px;
}

.input-accept-submit label{
	width: 100%;
	display: flex;
	background: var(--primary-color);
	color: #fff;
	padding: 15px 0;
	border-radius: 8px;
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	justify-content: center;
	cursor: pointer;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	transition: .5s;
}

.input-accept-submit label:hover{
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.input-accept-submit label i{
	margin-right: 7px;
}



.input-accept-submit-a{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.input-accept-submit-a a{ 
	font-size: 12px;
	color: var(--primary-color);
}

.input-accept-submit-a a i{ 
	margin-right: 6px;
}

.hidden {
    display: none; 
}


.purchase-usdt .purchase-usdt-bx .body .accept{
	width: 100%;
	margin: 20px auto;
	display: none;
}
.purchase-usdt .purchase-usdt-bx .body .accept .input-accept{
	width: 100%;
	display: flex;
	background: #fff;
	padding: 17px 0;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}

.purchase-usdt .purchase-usdt-bx .body .accept .input-accept i{
	width: 10%;
	display: flex;
	justify-content: center;
}

.purchase-usdt .purchase-usdt-bx .body .accept .input-accept input{
	width: 80%;
	border: none;
	outline: none;
	background: none;
	font-family: 'Poppins',sans-serif;
}

.purchase-usdt .purchase-usdt-bx .body .accept .input-accept-submit{
	width: 100%;
	display: flex;
	margin-top: 20px;
}

.purchase-usdt .purchase-usdt-bx .body .accept .input-accept-submit label{
	width: 100%;
	display: flex;
	background: var(--primary-color);
	color: #fff;
	padding: 15px 0;
	border-radius: 8px;
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	justify-content: center;
	cursor: pointer;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	transition: .5s;
}

.purchase-usdt .purchase-usdt-bx .body .accept .input-accept-submit label:hover{
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.purchase-usdt .purchase-usdt-bx .body .accept .input-accept-submit label i{
	margin-right: 7px;
}

.purchase-usdt .purchase-usdt-bx .body .accept .input-accept-submit input{
	display: none;
}

.purchase-usdt .purchase-usdt-bx .body .accept .txt .bi-copy{
	margin-left: 7px;
	cursor: pointer;
}

.container .purchase-product{
	width: 95%;
	margin: auto;
	display: flex;
}

.container .purchase-product-bx{
	width: 100%;
	display: flex;
	flex-direction: column;
}

.container .purchase-product-bx .fecha-visitas-clima-publicacion{
	width: 100%;
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
}

.container .purchase-product-bx .fechas-visitas{
	width: 50%;
	height: 35px;
	display: flex;
}

.container .purchase-product-bx .fecha-publicacion-bx{
	width: 37%;
	height: 35px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #0002;
	display: flex;
	align-items: center;
}

.container .purchase-product-bx .fecha-publicacion-bx p{
	font-size: 12px;
	margin-left: 10px;
}

.container .purchase-product-bx .fecha-publicacion-bx p i{
	margin-right: 7px;
}

.container .purchase-product-bx .vistas-publicacion-bx{
	width: 25%;
	height: 35px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #0002;
	display: flex;
	align-items: center;
	margin-left: 5px;
}

.container .purchase-product-bx .vistas-publicacion-bx p{
	font-size: 12px;
	margin-left: 10px;
}

.container .purchase-product-bx .eliminar-publicacion-bx{
	width: 27%;
	height: 35px;
	display: flex;
	margin-left: 5px;
}

.container .purchase-product-bx .eliminar-publicacion-bx label{
	font-size: 12px;
	font-weight: 600;
	background: #fff;
	border: 1px solid rgba(236, 112, 99, 1);
	color: rgba(236, 112, 99, 1);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	padding: 0 3.5px;
	cursor: pointer;
}

.container .purchase-product-bx .eliminar-publicacion-bx label i{
	margin-right: 7px;
}

.container .purchase-product-bx .eliminar-publicacion-bx input[type=submit]{
	display: none;
}

.container .purchase-product-bx .vistas-publicacion-bx p i{
	margin-right: 7px;
}

.container .purchase-product-bx .clima{
	width: 50%;
	position: relative;
}

.container .purchase-product-bx .clima .clima-publicacion-bx{
	height: 35px;
	align-items: center;
	position: absolute;
	right: 0;
	display: flex;
}

.container .purchase-product-bx .clima .clima-publicacion-bx p{
	font-size: 12px;
	margin-left: 10px;
}

.container .purchase-product-bx .clima .clima-publicacion-bx p i{
	margin-right: 7px;
}


/*Producto - canal*/
.container .purchase-product-bx .cards{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.container .purchase-product-bx .cards .principal-cards{
	width: 73%;
}

.container .purchase-product-bx .cards .card-1{
	width: 100%;
	height: 295px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #0002;
	margin-top: 5px;
	display: flex;
	justify-content: space-between;
}

.container .purchase-product-bx .cards .card-1 .img{
	width: 58%;
	height: 295px;
	display: flex;
	margin: auto 0;
	position: relative;
	overflow: hidden;
}

.container .purchase-product-bx .cards .card-1 .img .bx{
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
    transition: transform 1s ease;
}

.container .purchase-product-bx .cards .card-1 .img .slider-buttons{
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 1;
}

.container .purchase-product-bx .cards .card-1 .img .slider-buttons button{
	height: 50px;
	width: 50px;
	border-radius: 8px;
	background: #fff;
	color: #000;
	border: none;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
	cursor: pointer;
}

.container .purchase-product-bx .cards .card-1 .img .bx .img-big{
	width: 97%;
	height: 96%;
	margin: auto 7px;
	display: flex;
	position: relative;
    flex: 0 0 auto; 
    min-width: 97%;
    box-sizing: border-box;
    flex-shrink: 0;
}

.container .purchase-product-bx .cards .card-1 .img .bx .img-big img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.container .purchase-product-bx .cards .card-1 .txt{
	width: 42%;
	height: 295px;
	display: flex;
}

.container .purchase-product-bx .cards .card-1 .txt-center{
	width: 95%;
	height: 90%;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.container .purchase-product-bx .cards .card-1 .txt .info{
	width: 98%;
	margin: auto;
}

.container .purchase-product-bx .cards .card-1 .txt h2{
	font-size: 13px;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
}

.container .purchase-product-bx .cards .card-1 .txt h2 a{ 
	font-size: 13px;
	color: #0009;
}

.container .purchase-product-bx .cards .card-1 .txt h2 a i{ 
	margin-right: 1px;
}

.container .purchase-product-bx .cards .card-1 .txt h1{
	font-size: 29px;
}

.container .purchase-product-bx .cards .card-1 .txt h1 i{
	margin-right: 4px;
}

.container .purchase-product-bx .cards .card-1 .txt ul{
	margin-top: 10px;
}

.container .purchase-product-bx .cards .card-1 .txt ul li{
	list-style: none;
	font-size: 12px;
}

.container .purchase-product-bx .cards .card-1 .txt .purchase{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.container .purchase-product-bx .cards .card-1 .txt .purchase a{
	width: 100%;
	background: #ccc;
	border-radius: 4px;
	padding: 12px 0;
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	display: flex;
	justify-content: center;
	text-decoration: none;
}

.container .purchase-product-bx .cards .card-1 .txt .purchase a i{
	margin-right: 5px;
}

.container .purchase-product-bx .cards .card-1 .txt .purchase #paypal_button{
	color: rgba(108, 99, 255, 1);
	border: 1px solid rgba(108, 99, 255, 1);
	background: rgba(108, 99, 255, .1);
	margin-top: 5px;
}

.container .purchase-product-bx .cards .card-1 .txt .purchase #wpp_button{
	color: rgba(255,255,255, 1);
	background: rgba(37, 211, 102, .6);
}

.container .purchase-product-bx .cards .card-1 .txt .purchase #wpp_button_2{
	color: rgba(37, 211, 102, 1);;
	background: rgba(37, 211, 102, .1);
	border: 1px solid rgba(37, 211, 102, 1);
	margin-top: 5px;
}

.container .purchase-product-bx .cards .card-1 .txt .purchase #pfinal_button{
	color: rgba(108, 99, 255, 1);
	border: 1px solid transparent;
	background: rgba(108, 99, 255, .1);
	margin-top: 5px;
}

.container .purchase-product-bx .cards .card-1 .txt .purchase #account_button{
	color: #fff;
	border: 1px solid rgba(108, 99, 255, .1);
	background: rgba(108, 99, 255, 1);
	padding: 11px 0;
	margin-top: 5px;
}

.container .purchase-product-bx .cards .card-2{
	width: 100%;
	height: 198px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #0002;
	margin-top: 5px;
	display: flex;
}

.container .purchase-product-bx .cards .card-2 .bx{
	width: 98%;
	display: flex;
	justify-content: space-between;
	margin: auto;
}

.container .purchase-product-bx .cards .card-2 .bx .card{
	width: 24%;
	height: 185px;
	background: #ccc1;
	border: 1px solid #0001;
	border-radius: 8px;
	position: relative;
}

.container .purchase-product-bx .cards .card-2 .bx .card .opacity{
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 8px;
	background: #0001;
}

.container .purchase-product-bx .cards .card-2 .bx .card .img{
	width: 100%;
	height: 100%;
}

.container .purchase-product-bx .cards .card-2 .bx .card .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.container .purchase-product-bx .cards .card-3-more-info{
	width: 26.4%;
	height: 500px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #0002;
	margin-top: 5px;
	display: flex;
	justify-content: space-between;
}

.container .purchase-product-bx .cards .card-3-more-info .bx{
	width: 90%;
	margin: 25px auto;
	overflow-x: hidden;
}

.container .purchase-product-bx .cards .card-3-more-info .bx::-webkit-scrollbar {
	width: 2px; 
}

.container .purchase-product-bx .cards .card-3-more-info .bx::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

.container .purchase-product-bx .cards .card-3-more-info .bx::-webkit-scrollbar-thumb {
	background: rgba(108, 99, 255, 1);
	border-radius: 10px;
}

.container .purchase-product-bx .cards .card-3-more-info .bx::-webkit-scrollbar-thumb:hover {
	background: #555; 
}

.container .purchase-product-bx .cards .card-3-more-info .bx .header{
	width: 100%;
}

.container .purchase-product-bx .cards .card-3-more-info .bx .header h1{
	font-size: 13px;
	font-weight: 600;
}

.container .purchase-product-bx .cards .card-3-more-info .bx .body{
	width: 100%;
}

.container .purchase-product-bx .cards .card-3-more-info .bx .body p{
	font-size: 12px;
}

.container .purchase-product-bx .cards .card-3-more-info .questions-info{
	width: 100%;
	margin-top: 20px;
}

.container .purchase-product-bx .cards .card-3-more-info .questions-info-bx{
	border-top: 1px solid #0002;
}

.container .purchase-product-bx .cards .card-3-more-info .questions-info-bx{
	border-top: 1px solid #0002;
}

.container .purchase-product-bx .cards .card-3-more-info .questions{
	width: 100%;
	margin-top: 20px;
}

.container .purchase-product-bx .cards .card-3-more-info .questions h1{
	font-size: 13px;
}

.container .purchase-product-bx .cards .card-3-more-info .questions p{
	font-size: 11.5px;
}

.container .purchase-product-bx .cards .card-3-more-info .questions-logo{
	margin-top: 30px;
	width: 100%;
	display: flex;
	justify-content: center;
}

.container .purchase-product-bx .cards .card-3-more-info .questions-logo h2{
	font-size: 13px;
	color: #ccc;
}

.container .purchase-product-bx .cards .card-3-more-info .questions-logo h2 i{
	margin-right: 5px;
}


.container .purchase-product-bx .cards-2{
	width: 100%;
	display: flex;
	margin-top: 40px;
}

.container .purchase-product-bx .cards-2 .cards-2-bx{
	width: 100%;
	display: flex;
	flex-direction: column;
}

.container .purchase-product-bx .cards-2 .cards-2-bx .header{
	width: 100%;
	border-bottom: 1px solid #0002;
	padding-bottom: 5px;
}

.container .purchase-product-bx .cards-2 .cards-2-bx .header h1{
	font-size: 17px;
}

.container .purchase-product-bx .cards-2 .cards-2-bx .body-interesar{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.container .purchase-product-bx .cards-2 .cards-2-bx .body-interesar a{
	width: 24.5%;
	color: #000;
	text-decoration: none;
}

.container .purchase-product-bx .cards-2 .cards-2-bx .body-interesar .card-interesar{
	width: 100%;
	height: 300px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #0002;
}

.cards-2 .cards-2-bx .body-interesar .card-interesar .img{
	width: 100%;
	height: 150px;
	display: flex;
}

.cards-2 .cards-2-bx .body-interesar .card-interesar .img img{
	width: 94%;
	height: 88%;
	object-fit: cover;
	border-radius: 8px;
	margin: auto;
}

.cards-2 .cards-2-bx .body-interesar .card-interesar .txt{
	width: 90%;
	height: 128px;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cards-2 .cards-2-bx .body-interesar .card-interesar .txt .txt-bx{
	width: 100%;
	margin: 10px auto;
}

.cards-2 .cards-2-bx .body-interesar .card-interesar .txt .txt-bx h1{
	font-size: 18px;
}

.cards-2 .cards-2-bx .body-interesar .card-interesar .txt .txt-bx h1 i{
	margin-right: 5px;
}

.cards-2 .cards-2-bx .body-interesar .card-interesar .txt .txt-bx h2{
	font-size: 14px;
	font-weight: 500;
}

.cards-2 .cards-2-bx .body-interesar .card-interesar .txt .txt-bx span{
	font-size: 12px;
}

.cards-2 .cards-2-bx .body-interesar .card-interesar .txt .redirect-button{
	width: 100%;
	display: flex;
	margin-top: 8px;
}

.cards-2 .cards-2-bx .body-interesar .card-interesar .txt .redirect-button label{
	font-size: 11.5px;
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 9px 0;
	color: rgba(108, 99, 255, 1);
    background: rgba(108, 99, 255, .1);
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
	transition: .5s;
}

.cards-2 .cards-2-bx .body-interesar .card-interesar .txt .redirect-button label:hover{
	color: rgba(108, 99, 255, 1);
    background: rgba(108, 99, 255, .2);
}

.cards-2 .cards-2-bx .body-interesar .card-interesar .txt .redirect-button label i{
	margin-right: 5px;
}




/*cuenta*/
.container .cuenta-container{
	width: 100%;
	display: flex;
}

.cuenta-container .cuenta-container-bx{
	width: 85%;
	height: 600px;
	margin: 20px auto;
	display: flex;
	justify-content: space-between;
}

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

.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: 13px;
	margin: 0 auto;
}

.cuenta-container .cuenta-container-bx .nav-profile .user-header .txt a{
	font-size: 10px;
	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;
	position: relative;
}

.cuenta-container .cuenta-container-bx .options-profile .option .atencion{
	position: absolute;
	width: 46.5%;
	height: 27%;
	display: flex;
	align-items: center;
}

.cuenta-container .cuenta-container-bx .options-profile .option .atencion .circle{
	background: #ec7063;
	border-radius: 250px;
	width: 8px;
	height: 8px;
	display: flex;
	margin: auto;
	margin-right: 0;
}

.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: 12px;
	cursor: pointer;
}

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

.cuenta-container .cuenta-container-bx .show-options{
	width: 75%;
	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: 25px 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: 15px;
	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: 80px;
	display: flex;
	justify-content: space-between;
	border-radius: 8px;
}

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

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

.cuenta-container .cuenta-container-bx .show-options .bx .pasos-bx .paso .txt p{
	color: #fff;
	font-size: 11px;
}

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

.cuenta-container .cuenta-container-bx .show-options .bx .pasos-bx .paso .img{
	width: 100%;
	height: 100%;
	border-radius: 10px;
	position: absolute;
	background: var(--secondary-color);
}

.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: 49%;
	margin-top: 15px;
}

.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: 11px;
	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: 20px 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;
	background: var(--primary-color);
	color: #fff;
	border-radius: 8px;
	font-size: 12px;
	padding: 20px 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:hover{
	background: var(--rgba-color);
	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 .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: 96%;
	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: 50%;
	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: 25px;
}

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

.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: 50%;
	margin: 35px auto;
	display: flex;
	flex-direction: column;
}

.cuenta-container .no-pueder-vender-cuentas .buttons a{ 
	width: 100%;
	background: var(--primary-color);
	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: 49%;
}

.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: 12px;
}

.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: 11px;
}

.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;
	background: var(--primary-color);
	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:hover{
	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 .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;
	background: var(--primary-color);
	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:hover{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
	background: var(--rgba-color);
}

#edit_info_button{
	background: var(--primary-color);
}

#edit_info_button:hover{
	background: var(--rgba-color);
	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 .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: 520px;
	overflow-x: hidden;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: auto;
}

.container .mis-compras-content .mis-compras-content-bx a{
	width: 24%;
	height: 250px;
	text-decoration: none;
	color: #000;
	margin: 0 1% 0 0;
}

.container .mis-compras-content-bx .card{
	width: 100%;
	height: 250px;
	background: #f4f6f7;
	border-radius: 8px;
	margin-top: 8px;
	display: flex;
	flex-direction: column;
	border: 1px solid #0002;
}

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

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

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

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

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

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

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

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



.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.7%;
	height: 125px;
	background: #f4f6f7;
	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: 97%;
	height: 96%;
	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: 15px;
}

.container .mis-compras-content-bx .sell-card .txt h1 a{
	font-size: 12px;
	text-decoration: underline;
	color: #0009;
	margin-left: 8px;
	font-weight: 500;
}

.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: 12px;
}

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

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

.container .mis-compras-content-bx .sell-card .txt h2{
	font-size: 11px;
	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: 12px;
	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: 96%;
	height: 120px;
}

.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: 20px 0;
	background: var(--primary-color);
	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 label:hover{
	background: var(--rgba-color);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}


.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: 85%;
	height: 450px;
	margin: auto;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #0002;
	display: flex;
	justify-content: space-between;
}

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

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

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

.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: 13px;
}

.container .payment-status .payment-status-bx .txt .mas-detalles .mas-detalles-iconos{
	width: 100%;
	height: 200px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}

.container .payment-status .payment-status-bx .txt .mas-detalles .icono{
	width: 49%;
	height: 85px;
	background: #ccc2;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
}

.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: 65%;
	margin: auto;
}

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

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

.container .payment-status .payment-status-bx .txt .mas-detalles a{
	width: 100%;
	text-decoration: none;
	background: var(--primary-color);
	border-radius: 8px;
	color: #fff;
	font-size: 13px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	padding: 15px 0;
	font-weight: 500;
}

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

.container .payment-status .payment-status-bx .img{
	width: 50%;
	height: 100%;
	display: flex;
}

.container .payment-status .payment-status-bx .img img{
	width: 75%;
	height: 75%;
	margin: auto;
	object-fit: scale-down;
}

/*footer*/
footer{
    width: 100%;
    height: 250px;
    display: flex;
    background: #000;
    padding-bottom: 20px;
}

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

footer .footer-bx .logo{
    width: 33%;
    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: 28%;
    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: 33%;
    height: 200px;
    margin: auto 0;
}

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;
}

/*responsive display*/
header .responsive-options,
.responsive-menu,
.container .purchase-product-bx .eliminar-publicacion-bx #responsive_icon_delete,
.aplicar-responsive{
	display: none;
}