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


:root{
  --primary-color: #6B8E23 ;
  --secondary-color: #73e0a9;
  --rgba-color: #e8f6f3;
  --background-color: #ecf0f1;
  --text-color: #121212; 
}

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

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

/*Modal bienvenida*/
.home-modal{
  width: 100%;
  height: 100vh;
  position: fixed;
  background: rgba(52, 73, 94, .6);
  backdrop-filter: blur(5px);
  z-index: 301;
  transition: opacity 0.5s ease, transform 0.4s ease;
  opacity: 1;
  transform: scale(1);
  display: flex;
}
.home-modal.hidden{
  opacity: 0;
  transform: scale(0.98);
  pointer-events: none;
}
.home-modal .home-modal-bx{
  height: 85%;
  width: 95%;
  margin: auto;
  background: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.home-modal .home-modal-bx .header{
  width: 90%;
  margin: auto;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.home-modal .home-modal-bx .header h1{
  color: #0009;
  font-size: 15px;
}
.home-modal .home-modal-bx .text{
  width: 90%;
}
.home-modal .home-modal-bx .text.active{
  display: block;
  opacity: 1;
}
.home-modal .home-modal-bx .text h3{
  font-size: 35px;
  font-weight: 400;
}
.home-modal .home-modal-bx .text p{
  font-size: 14px;
}
.home-modal .home-modal-bx .text .image{
  width: 90%;
  height: 300px;
}
/*bottom modal*/
.home-modal .home-modal-bx .continue{
  width: 90%;
  margin: 0 auto;
  padding-bottom: 20px;
}
.home-modal .home-modal-bx .continue button{
  font-size: 14px;
  font-weight: 500;
  padding: 14px 0;
}

/*Menú responsivo*/
.responsive-menu{
  width: 100%;
  height: 100vh;
  position: fixed;
  background: rgba(52, 73, 94, .6);
  backdrop-filter: blur(5px);
  z-index: 301;
  display: none;
}

.responsive-menu .bx{
  width: 95%;
  height: 95%;
  margin: auto;
  margin-top: 30px;
  background: #fff;
  margin-right: 2.5%;
  margin-left: 2.5%;
  position: absolute;
  display: flex;
  flex-direction: column;
  border-radius: 15px;
}

.responsive-menu .bx .header{
  width: 90%;
  margin: 0 auto;
  margin-top: 14px;

}
.responsive-menu .bx .header .right i{
  margin: auto;
  margin-right: 0;
  font-size: 14px;
}

.responsive-menu .bx .header .profile{
  width: 100%;
  display: flex;
  margin-top: 10px;
}

.responsive-menu .bx .header .profile .logo{
  width: 45px;
  height: 45px;
}

.responsive-menu .bx .header .profile .logo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}

.responsive-menu .bx .header .profile .text{
  width: 86%;
  margin-left: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.responsive-menu .bx .header .profile .text .txt-usn{
  display: flex;
  flex-direction: column;
}

.responsive-menu .bx .header .profile .text h1{
  font-size: 13px;
}

.responsive-menu .bx .header .profile .text p{
  font-size: 12px;
  color: #0008;
}

.responsive-menu .bx .content{
  width: 90%;
  height: 83%;
  margin: 0 auto;
  margin-top: 15px;
  overflow-x: hidden;
}

.responsive-menu .bx .content .ship-address{
  width: 100%;
  padding: 13px 0;
  margin: 0 auto;
  margin-top: 0px;
  border-radius: 50px;
  background: #ccc2;
  border: 1px solid #0001;
  margin-bottom: 25px;
  display: flex;
}

.responsive-menu .bx .content .ship-address label{
  font-size: 12px;
  width: 95%;
  margin: auto;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-decoration: underline;
  cursor: pointer;
}

.responsive-menu .bx .content .ship-address label i{
  margin-right: 5px;
}

.responsive-menu .bx .content .option{
  width: 100%;
  padding: 18px 0;
  margin: 0 0 2px;
  border-radius: 100px;
  transition: .4s;
  display: flex;
}

.responsive-menu .bx .content .option:hover{
  background: #ccc2;
}

.responsive-menu .bx .content .option a{
  text-decoration: none;
  margin: auto;
  width: 95%;
  color: #85929e;
  font-size: 14px;
  font-weight: 500;
}

.responsive-menu .bx .content .option a i{
  margin-right: 15px;
}

.responsive-menu .bx .content .publicar{
  width: 100%;
  padding: 15px 0;
  margin: 0 0 2px;
  border-radius: 100px;
  transition: .4s;
  display: flex;
}

.responsive-menu .bx .content .publicar a{
  text-decoration: none;
  margin: auto;
  width: 100%;
  padding: 14px 0;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  font-size: 13px;
  background: var(--primary-color);
  color: #fff;
  box-shadow: var(--box-shadow);
}

.responsive-menu .bx .content .publicar a i{
  margin-right: 7px;
}


.input-none-view{
  display: none;
}

.label-pointer{
  cursor: pointer;
}

/*Mostrar seguidores modal*/
.show-followers{
  width: 100%;
  height: 100vh;
  position: fixed;
  background: rgba(52, 73, 94, .6);
  backdrop-filter: blur(5px);
  z-index: 301;
  display: none;
}

.show-followers .show-followers-bx{
  height: 100%;
  width: 100%;
  margin: auto;
  background: #fff;
  border-radius: 0px;
}

.show-followers .show-followers-bx .header{
  width: 90%;
  margin: auto;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}

.show-followers .show-followers-bx .header h1{
  color: #0009;
  font-size: 15px;
}

.show-followers .show-followers-bx .header i{
  color: #0009;
  cursor: pointer;
}

.show-followers .show-followers-bx .body{
  width: 90%;
  margin: auto;
  margin-top: 15px;
  height: 87%;
  overflow-x: hidden;
}

.show-followers .show-followers-bx .body .card{
  width: 100%;
  height: 50px;
  display: flex;
  margin: 0 0 10px 0;
}

.show-followers .show-followers-bx .body .card .icon{
  width: 50px;
  height: 50px;
}

.show-followers .show-followers-bx .body .card .icon img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}

.show-followers .show-followers-bx .body .card .text{
  width: 67%;
  margin-left: 2%;
}

.show-followers .show-followers-bx .body .card .text .username{
  width: 100%;
  margin-top: 5px;
}

.show-followers .show-followers-bx .body .card .text .username .check-user{
  width: 100%;
  display: flex;
}

.show-followers .show-followers-bx .body .card .text .username .check-user h1{
  font-size: 14px;
}

.show-followers .show-followers-bx .body .card .text .username .check-user img{
}

.show-followers .show-followers-bx .body .card .text p{
  font-size: 13px;
  color: #0009;
  margin-top: 2px;
}

.show-followers .show-followers-bx .body .card .button{
  width: 95px;
  height: 50px;
  display: flex;
}

.show-followers .show-followers-bx .body .card .button label{
  width: 100%;
  height: 40px;
  margin: auto;
  border-radius: 100px;
  font-size: 13px;
  background: var(--primary-color);;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
}

.show-followers .show-followers-bx .body .card .button label i{
  margin-right: 6px;
}

.show-followers .show-followers-bx .body .empty-results-for-follow{
  width: 100%;
  height: 87%;
  display: flex;
}

.show-followers .show-followers-bx .body .empty-results-for-follow .bx{
  margin: auto;
  width: 95%;
}

.show-followers .show-followers-bx .body .empty-results-for-follow .bx .txt{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.show-followers .show-followers-bx .body .empty-results-for-follow .bx .txt h1{
  color: #000;
  font-size: 15px;
}

.show-followers .show-followers-bx .body .empty-results-for-follow .bx .txt p{
  color: #0009;
  font-size: 14px;
}

.show-followers .show-followers-bx .body .empty-results-for-follow .bx .img{
  width: 100%;
  height: 150px;
}

.show-followers .show-followers-bx .body .empty-results-for-follow .bx .img img{
  height: 100%;
  width: 100%;
  object-fit: scale-down;
}


/*Editar perfil*/

.show-followers .show-followers-bx .body{
  width: 90%;
  margin: auto;
  margin-top: 15px;
  height: 87%;
  overflow-x: hidden;
}

.show-followers .show-followers-bx .body .size-row{
  width: 99%;
  border-radius: 10px;
  border: 1px solid #0002;
  display: flex;
  flex-direction: column;
  margin: 0 0 15px 0;
  padding: 15px 0;
}

.show-followers .show-followers-bx .body .size-row .title{
  width: 95%;
  margin: auto;
}

.show-followers .show-followers-bx .body .size-row .title h1{
  font-size: 13px;
  font-weight: 500;
}

.show-followers .show-followers-bx .body .size-row .input-size{
  width: 95%;
  margin: auto;
  margin-top: 10px;
}

.show-followers .show-followers-bx .body .size-row .input-size ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.show-followers .show-followers-bx .body .size-row .input-size ul li{
  list-style: none;
  border-radius: 10px;
  background: #ccc2;
  width: 32%;
  padding: 10px 0;
  display: flex;
}

.show-followers .show-followers-bx .body .size-row .input-size ul li input{
  background: none;
  border: none;
  outline: none;
  width: 85%;
  margin: auto;
  font-family: 'inter',sans-serif;
  font-size: 12px;
}

.show-followers .show-followers-bx .body .text-row{
  width: 99%;
  margin-top: 10px;
  margin-bottom: 20px;
}

.show-followers .show-followers-bx .body .text-row p{
  font-size: 13px;
  color: #0008;
}

.show-followers .show-followers-bx .body .text-row p i{
  margin-right: 6px;
}

.show-followers .show-followers-bx .body .title-for-form{
  width: 100%;
  margin-bottom: 5px;
}

.show-followers .show-followers-bx .body .title-for-form p{
  font-size: 13px;
  color: #0009;
}

.show-followers .show-followers-bx .body .edit-row{
  width: 100%;
  margin: 0 0 15px 0;
}

.show-followers .show-followers-bx .body .edit-row .logo,
.show-followers .show-followers-bx .body .edit-row .banner{
  display: flex;
  cursor: pointer;
  transition: .4s;
}

.show-followers .show-followers-bx .body .edit-row .logo:hover,
.show-followers .show-followers-bx .body .edit-row .banner:hover{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  border-radius: 100px;
}

.show-followers .show-followers-bx .body .edit-row .banner{
  width: 100%;
  height: 150px;
  border-radius: 10px;
  position: relative;
}

.show-followers .show-followers-bx .body .edit-row .banner .banner-opacity{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0003;
  border-radius: 15px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.show-followers .show-followers-bx .body .edit-row .banner .banner-opacity i{
  color: #fff;
}
.show-followers .show-followers-bx .body .edit-row .banner img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}

.show-followers .show-followers-bx .body .edit-row .logo{
  width: 100px;
  height: 100px;
  border-radius: 10px;
  position: relative;
}

.show-followers .show-followers-bx .body .edit-row .logo .logo-opacity{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0003;
  border-radius: 100px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.show-followers .show-followers-bx .body .edit-row .logo .logo-opacity i{
  color: #fff;
}

.show-followers .show-followers-bx .body .edit-row .logo img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}

.show-followers .show-followers-bx .body .edit-row .input-bio{
  width: 100%;
  height: 100px;
  background: #f7f9f9;
  border-radius: 10px;
  display: flex;
}

.show-followers .show-followers-bx .body .edit-row .input-bio textarea{
  background: none;
  border: none;
  outline: none;
  height: 70%;
  width: 100%;
  margin: auto;
  font-family: 'Inter',sans-serif;
  padding: 0 10px;
  font-size: 14px;
}

.show-followers .show-followers-bx .body .edit-row .input-text{
  width: 100%;
  height: 52px;
  display: flex;
  justify-content: space-between;
  background: #f7f9f9;
  border-radius: 10px;
}

.show-followers .show-followers-bx .body .edit-row .input-text input{
  width: 85%;
  height: 100%;
  background: none;
  outline: none;
  border: none;
  font-family: 'Inter', sans-serif;
  padding: 0 10px;
}

.show-followers .show-followers-bx .body .edit-row .input-text i{
  width: 15%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.show-followers .show-followers-bx .body .edit-row .input-submit{
  width: 100%;
  height: 40px;
}

.show-followers .show-followers-bx .body .edit-row .input-submit label{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--primary-color);;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  border-radius: 15px;
  cursor: pointer;
}

.show-followers .show-followers-bx .body .edit-row .input-submit label i{
  margin-right: 7px;
}

.show-followers .show-followers-bx .body .edit-row-chevron{
  width: 100%;
}

.show-followers .show-followers-bx .body .edit-row-chevron .card{
  width: 99%;
  height: auto;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #0001;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.show-followers .show-followers-bx .body .edit-row-chevron .card .bx{
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
}

.show-followers .show-followers-bx .body .edit-row-chevron .card .bx p{
  color: #000;
  font-size: 15px;
  font-weight: 600;
  width: 85%;
  padding: 0 10px;
  margin: auto 0;
}

.show-followers .show-followers-bx .body .edit-row-chevron .card .bx i{
  margin: auto 0;
  width: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.show-followers .show-followers-bx .body .edit-row-chevron .card .input{
  width: 90%;
  height: 50px;
  padding: 0 2%;
  margin: 0 auto;
  border-bottom: 1px solid #0002;
  display: none;
  justify-content: space-between;
  margin-bottom: 15px;
}

.show-followers .show-followers-bx .body .edit-row-chevron .card .input input{
  width: 100%;
  border: none;
  outline: none;
  background: none;
  font-family: 'Inter',sans-serif;
  font-size: 13px;
  color: #0009;
}

.show-followers .show-followers-bx .body .edit-row-chevron .card .input i{
  width: 15%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.show-followers .show-followers-bx .body .text-tutorial{
  width: 100%;
  margin-top: 25px;
  margin-bottom: 20px;
}

.show-followers .show-followers-bx .body .text-tutorial p{
  color: #839192;
  font-size: 13px;
}

.show-followers .show-followers-bx .body .text-tutorial p i{
  margin-right: 6px;
}

.show-sizes{
  position: fixed;
  top: 0;
  right: 0;
}


/*Slider Big Modal*/
.bigModal{
  width: 100%;
  height: 100vh;
  position: fixed;
  background: rgba(52, 73, 94, .6);
  backdrop-filter: blur(5px);
  z-index: 301;
  display: none;
}

.container .container-bx .view-modal{
  display: flex;
}

.bigModal .bigModal-bx{
  width: 100%;
  height: 100%;
  position: relative;
}

.bigModal .bigModal-bx .close{
  width: 97%;
  margin-right: 1.5%;
  margin-left: 1.5%;
  margin-top: 10px;
  position: absolute;
  display: flex;
}

.bigModal .bigModal-bx .close i{
  margin: auto;
  margin-right: 0;
  color: #fff9;
  font-size: 25px;
  cursor: pointer;
  z-index: 1;
}

.bigModal .bigModal-bx .content{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.bigModal .bigModal-bx .content .slider-buttonsBM{
  width: 97%;
  margin-right: 1.5%;
  margin-left: 1.5%;
  position: absolute;
  display: flex;
  justify-content: space-between;
}

.bigModal .bigModal-bx .content .slider-buttonsBM button{
  background: none;
  outline: none;
  border: none;
  z-index: 1;
  cursor: pointer;
}

.bigModal .bigModal-bx .content .slider-buttonsBM button i{
  color: #fff;
  font-size: 25px;
}

.bigModal .bigModal-bx .content .image{
  width: 97%;
  height: 95%;
  margin: auto;
  display: flex;
}

.bigModal .bigModal-bx .content .image img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  flex: 0 0 auto;
  transition: transform 0.5s ease-in-out;
}

/*Register qr sign in*/

.credentails-for-sign{
  width: 100%;
  height: 100vh;
  position: fixed;
  background: rgba(52, 73, 94, .2);
  backdrop-filter: blur(5px);
  z-index: 300;
  display: none;
  overflow: hidden;
}

.credentails-for-sign .credentails-for-sign-bx{
  background: #fff;
  border-radius: 10px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 20px;
  width: 95%;
  margin: auto;
}

.credentails-for-sign .credentails-for-sign-bx .header{
  width: 90%;
  margin: auto;
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}

.credentails-for-sign .credentails-for-sign-bx .header a{
  margin: auto;
  margin-right: 0;
}

.credentails-for-sign .credentails-for-sign-bx .header a i{
  font-size: 15px;
}

.credentails-for-sign .credentails-for-sign-bx .body{
  width: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: initial;
}

.credentails-for-sign .credentails-for-sign-bx .body .text{
  width: 100%;
}

.credentails-for-sign .credentails-for-sign-bx .body .text .bx{
  width: 100%;
}

.credentails-for-sign .credentails-for-sign-bx .body .text .bx h1{
  color: #000;
  font-size: 25px;
}

.credentails-for-sign .credentails-for-sign-bx .body .text .bx p{
  color: #0009;
  font-size: 14px;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form{
  width: 100%;
  flex-direction: column;
  display: flex;
  margin-top: 20px;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .input-sign{
  width: 100%;
  height: 58px;
  background: #ccc2;
  border-radius: 10px;
  margin: 0 0 10px 0;
  border: 2px solid transparent;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .active-border{
  border: 2px solid var(--primary-color);;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .input-sign{
  width: 100%;
  display: flex;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .input-sign input{
  margin-left: 5%;
  width: 80%;
  background: none;
  outline: none;
  border: none;
  font-family: 'Inter',sans-serif;
  font-size: 12x;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .input-sign select{
  margin-left: 5%;
  width: 80%;
  background: none;
  outline: none;
  border: none;
  font-family: 'Inter',sans-serif;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .txtarea-sign{
  width: 100%;
  height: 100px;
  background: #ccc2;
  border-radius: 10px;
  border: 2px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .txtarea-sign textarea{
  width: 100%;
  height: 80px;
  background: none;
  outline: none;
  border: none;
  font-family: 'Inter',sans-serif;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .txtarea-sign textarea{
  margin-left: 5%;
  margin-top: 20px;
  width: 90%;
  background: none;
  outline: none;
  border: none;
  font-family: 'Inter',sans-serif;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .input-sign i{
  margin: auto;
  margin-right: 10px;
  width: 15%;
  display: flex;
  justify-content: center;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .pass-recover{
  width: 100%;
  display: flex;
  padding-top: 15px;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .pass-recover a{
  margin: auto;
  margin-right: 0;
  color: var(--primary-color);;
  font-size: 13px;
  text-decoration: none;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .input-submit{
  width: 100%;
  height: 50px;
  background: #ccc2;
  border-radius: 10px;
  margin: 0 0 10px 0;
  margin-top: 10px;
  font-size: 14px;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .input-submit input[type=submit]{
  display: none;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .input-submit label{
  width: 100%;
  height: 100%;
  display: flex;
  background: var(--primary-color);;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .input-submit label i{
  margin-right: 6px;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .or-option{
  width: 100%;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .or-option span{
  width: 45%;
  height: 1px;
  background: #0005;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .or-option p{
  font-size: 14px;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .input-create i{
  font-size: 17px;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .input-create{
  width: 100%;
  height: 50px;
  margin-top: 15px;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .input-create a{
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 10px;
  border: 1px solid #0002;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background: var(--secondary-color);
  color: #fff;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .input-create a i{
  font-size: 14px;
}

.credentails-for-sign .credentails-for-sign-bx .body .img{
  width: 50%;
  height: 400px;
  display: none;
}

.credentails-for-sign .credentails-for-sign-bx .body .img img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

/*products details*/
.products-details{
  width: 100%;
  margin-top: 90px;
}

.products-details .products-details-bx{
  background: #fff;
  border-radius: 10px 10px 0 0;
  width: 100%;
  margin: auto;
  margin-bottom: 0px;
}

.products-details .products-details-bx .header{
  width: 90%;
  margin: auto;
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}

.products-details .products-details-bx .header a{
  text-decoration: underline;
  color: #0009;
  font-size: 13px;
}

.products-details .products-details-bx .header #close{
  text-decoration: none;
  color: #0009;
  font-size: 18px;
}

.products-details .products-details-bx .body{
  width: 95%;
  margin: 0 auto;
  margin-top: 15px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
  overflow-x: visible;
}

.products-details .products-details-bx .body::-webkit-scrollbar{
  display: none;
}

.products-details .products-details-bx .body .fila{
  width: 100%;
  display: flex;
  justify-content: initial;
  flex-direction: column;
}

.products-details .products-details-bx .body .images{
  width: 100%;
  height: 465px;
}

.products-details .products-details-bx .body .images .small-images{
  display: flex;
  width: 100%;
  height: 50px;
  background: var(--form-color);
  border-radius: 15px;
}

.products-details .products-details-bx .body .images .small-images img{
  width: 50px;
  height: 50px;
  margin: 0 0 15px 0;
  border-radius: 10px;
  background: #fff;
  object-fit: scale-down;
}

.products-details .products-details-bx .body .images .big-slider{
  width: 100%;
  height: 390px;
}

.products-details .products-details-bx .body .images .big-slider .slider-buttons{
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.products-details .products-details-bx .body .images .big-slider .slider-buttons button{
  background: #fff;
  border: none;
  padding: 10px 10px;
  cursor: pointer;
  outline: none;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  transition: .3s;
  z-index: 1;
}

.products-details .products-details-bx .body .images .big-slider .slider-buttons button:hover{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.products-details .products-details-bx .body .images .big-slider .slider-buttons #nextBtn{
  border-radius: 10px 0px 0px 10px;
}

.products-details .products-details-bx .body .images .big-slider .slider-buttons #prevBtn{
  border-radius: 0px 10px 10px 0px;
}

.products-details .products-details-bx .body .images .big-slider .slider-buttons button i{
  font-size: 23px;
}

.products-details .products-details-bx .body .images .big-slider .image-slider{
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.products-details .products-details-bx .body .images .big-slider .image-slider .slider_img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  border-radius: 10px;
  flex: 0 0 auto;
  position: relative;
  flex-shrink: 0;
}

.products-details .products-details-bx .body .fila .text{
  width: 100%;
  height: auto;
  border: 1px solid #0002;
}
.products-details .products-details-bx .body .fila .text .bx{
  width: 100%;
  height: 100%;
}
.products-details .products-details-bx .body .fila .text .bx .title a{
  font-size: 12px;
  color: #0008;
  outline: none;
}

.products-details .products-details-bx .body .fila .text .bx .title h1{
  font-size: 16.5px;
  font-weight: 700;
  padding: 4px 0px 0px 0;
}

.products-details .products-details-bx .body .fila .text .bx .title h2{
  font-size: 17px;
  font-weight: 600;
  color: var(--primary-color);
}

.products-details .products-details-bx .body .fila .text .bx .title .price-offer .bonus{
  font-size: 15px;
  font-weight: 600;
  margin-left: 0;
}
.products-details .products-details-bx .body .fila .text .bx .title .price-offer a{
  margin-left: 10px;
  font-size: 13px;
  color: var(--primary-color);
}
.products-details .products-details-bx .body .fila .text .bx .title .price-offer .old-price span,
.products-details .products-details-bx .body .fila .text .bx .title .price-offer .old-price h2{
  display: none;
}


.products-details .products-details-bx .body .fila .text .bx .title ul{
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

.products-details .products-details-bx .body .fila .text .bx .title #ul_cuotes{
  margin-top: 5px;
}

.products-details .products-details-bx .body .fila .text .bx .title ul li{
  list-style: none;
  margin: 0 15px 0 0;
  font-size: 13px;
  color: #000;
}

.products-details .products-details-bx .body .fila .text .bx .title ul li i{
  margin-right: 6px;
}

.products-details .products-details-bx .body .fila .text .bx .actions{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 0;
  margin-top: 25px;
}

.products-details .products-details-bx .body .fila .text .bx .actions .profile{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.products-details .products-details-bx .body .fila .text .bx .actions .profile .data{
  width: 70%;
  display: flex;
}

.products-details .products-details-bx .body .fila .text .bx .actions .profile .image{
  width: 40px;
  height: 40px;
}

.products-details .products-details-bx .body .fila .text .bx .actions .profile .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}

.products-details .products-details-bx .body .fila .text .bx .actions .profile .txt{
  margin-left: 10px;
  margin-top: 4px;
}

.products-details .products-details-bx .body .fila .text .bx .actions .profile .txt .username{
  display: flex;
}

.products-details .products-details-bx .body .fila .text .bx .actions .profile .txt .username h1{
  font-size: 14px;
  margin-right: 4px;
}

.products-details .products-details-bx .body .fila .text .bx .actions .profile .txt .username img{
  width: 14px;
  height: 14px;
  margin-top: 2px;
}

.products-details .products-details-bx .body .fila .text .bx .actions .profile .txt p{
  font-size: 13px;
  color: #0009;
}

.products-details .products-details-bx .body .fila .text .bx .actions .profile .follow{
  display: flex;
}

.products-details .products-details-bx .body .fila .text .bx .actions .profile .follow label{
  padding: 10px 12px;
  border-radius: 100px;
  background: var(--primary-color);;
  margin: auto;
  margin-right: 0;
  color: #fff;
  font-size: 12.5px;
}

.products-details .products-details-bx .body .fila .text .bx .actions .profile .follow label i{
  margin-right: 5px;
}

.products-details .products-details-bx .body .fila .text .bx .actions .sizes-array{
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}

.products-details .products-details-bx .body .fila .text .bx .actions .sizes-array a{
  font-size: 12px;
  color: #0009;
  margin: auto;
  margin-left: 0;
  text-decoration: underline;
  cursor: pointer;
}

.products-details .products-details-bx .body .fila .text .bx .actions .sizes-array a i{
  margin-right: 6px;
}

.products-details .products-details-bx .body .fila .text .bx .actions .input-select{
  width: 100%;
  background: #f4f6f7;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.products-details .products-details-bx .body .fila .text .bx .actions .input-select select{
  padding: 12px 0;
  font-size: 12.5px;
}
/*métodos de pago*/
.payout-methods p{
  font-size: 13.5px;
}
.payout-methods .cards{
  margin-top: 4px;
  margin-bottom: 8px;
}
.payout-methods .cards img{
  width: 35px;
  height: 22.5px;
}

.products-details .products-details-bx .body .fila .text .bx .actions form label{
  padding: 12px 0;
  font-size: 13px;
}


.products-details .products-details-bx .body .product-more-info-desc{
  width: 100%;
}

.products-details .products-details-bx .body .product-more-info-desc p{
  color: #707b7c;
  font-size: 13px;
}

.products-details .products-details-bx .body .product-more-info-desc .sizes-container{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 40px;
}

.products-details .products-details-bx .body .product-more-info-desc .size-image{
  width: 100%;
  height: 340px;
  background: #fbfcfc;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #0001;
}

.products-details .products-details-bx .body .product-more-info-desc .size-image img{
  width: 50%;
  height: 100%;
  object-fit: scale-down;
}

.products-details .products-details-bx .body .product-more-info-desc .size-image .pasos{
  width: 45%;
  margin-top: 15px;
}

.products-details .products-details-bx .body .product-more-info-desc .size-image .pasos p{
  font-size: 12px;
  margin: 0 0 5px 0;
  color: #707b7c;
}

.products-details .products-details-bx .body .product-more-info-desc .size-image .pasos p span{
  font-size: 12px;
  font-weight: 700;
}

.products-details .products-details-bx .body .product-more-info-desc .size-content{
  width: 100%;
  border-radius: 15px;
  margin-top: 15px;
}

.products-details .products-details-bx .body .product-more-info-desc .size-content .header{
  width: 100%;
  padding: 15px 2%;
  border-radius: 15px;
  margin-top: 0;
  margin-bottom: 10px;
  background: #fbfcfc;
  color: var(--primary-color);;
  border: 1px solid #0001;
}

.products-details .products-details-bx .body .product-more-info-desc .size-content .header .size-single{
  width: 10%;
  margin: auto 0;
}

.products-details .products-details-bx .body .product-more-info-desc .size-content .header .size-single h1{
  font-size: 15px;
}

.products-details .products-details-bx .body .product-more-info-desc .size-content .header .sizes-arrays{
  width: 75%;
  margin: auto 0;
}

.products-details .products-details-bx .body .product-more-info-desc .size-content .header .sizes-arrays ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.products-details .products-details-bx .body .product-more-info-desc .size-content .header .sizes-arrays ul li{
  list-style: none;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 600;
  width: 33%;
}

.products-details .products-details-bx .body .product-more-info-desc .size-content .table{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.products-details .products-details-bx .body .product-more-info-desc .size-content .table .row{
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  margin: 0 0 15px 0;
}

.products-details .products-details-bx .body .product-more-info-desc .size-content .table .row .size-single{
  width: 10%;
}

.products-details .products-details-bx .body .product-more-info-desc .size-content .table .row .size-single p{
  padding: 10px 0px;
  border-radius: 10px;
  font-size: 14px;
  background: #fbfcfc;
  color: #000;
  font-weight: 500;
  text-align: center;
  border: 1px solid #0001;
}

.products-details .products-details-bx .body .product-more-info-desc .size-content .table .row .sizes-arrays{
  width: 75%;
}

.products-details .products-details-bx .body .product-more-info-desc .size-content .table .row ul{
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 2%;
}

.products-details .products-details-bx .body .product-more-info-desc .size-content .table .row ul li{
  list-style: none;
  padding: 10px 0;
  border-radius: 10px;
  font-size: 14px;
  color: #707b7c;
  width: 33%;
}

.products-details .products-details-bx .body .info-desc-opinions{
  margin-top: 30px;
}

.products-details .products-details-bx .body .product-more-info-desc .card{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.products-details .products-details-bx .body .product-more-info-desc .card .header{
  width: 100%;
}

.products-details .products-details-bx .body .product-more-info-desc .card .header h1{
  font-size: 15px;
}

.products-details .products-details-bx .body .product-more-info-desc .card .content{
  width: 100%;
  margin-top: 5px;
  display: flex;
  flex-direction: column;
}

.products-details .products-details-bx .body .product-more-info-desc .card .content p{
  font-size: 14px;
}

.products-details .products-details-bx .body .product-more-info-desc .card .content a{
  font-size: 14px;
  margin-top: 14px;
}

.products-details .products-details-bx .body .product-more-info-desc .card .content a i{
  margin-right: 7px;
}

.products-details .products-details-bx .body .product-more-info-desc .card .stars-content{
  width: 99%;
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}

.products-details .products-details-bx .body .product-more-info-desc .card .stars-content .star-num{
  width: 100%;
  height: 200px;
  border-radius: 10px;
  border: 1px solid #0002;
  display: flex;
  flex-direction: column;
}

.products-details .products-details-bx .body .product-more-info-desc .card .stars-content .star-num .stars{
  margin: 0 auto;
  margin-top: 35px;
}

.products-details .products-details-bx .body .product-more-info-desc .card .stars-content .star-num .stars i{
  font-size: 18px;
  color: var(--primary-color);;
  margin: 0 10px 0 0;
}

.products-details .products-details-bx .body .product-more-info-desc .card .stars-content .star-num .numero{
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 90%;
}

.products-details .products-details-bx .body .product-more-info-desc .card .stars-content .star-num .numero h1{
  font-size: 40px;
  color: #707b7c;
}

.products-details .products-details-bx .body .product-more-info-desc .card .stars-content .star-num .numero span{
  background: var(--primary-color);;
  color: #fff;
  font-weight: 500;
  padding: 5px 15px;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 100px;
  font-size: 14px;
}

.products-details .products-details-bx .body .product-more-info-desc .card .stars-content .star-num .numero span i{
  margin-right: 6px;
}

.products-details .products-details-bx .body .product-more-info-desc .card .users-opinions{
  width: 100%;
  margin-left: 2%;
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}

.products-details .products-details-bx .body .product-more-info-desc .card .users-opinions .opinion{
  width: 100%;
  margin: 0 0 15px 0;
}

.products-details .products-details-bx .body .product-more-info-desc .card .users-opinions .opinion .username{
  width: 100%;
  padding-bottom: 2px;
  display: flex;
  justify-content: space-between;
}

.products-details .products-details-bx .body .product-more-info-desc .card .users-opinions .opinion .username .bx{
  display: flex;
}

.products-details .products-details-bx .body .product-more-info-desc .card .users-opinions .opinion .username p{
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.products-details .products-details-bx .body .product-more-info-desc .card .users-opinions .opinion .username .stars{
  margin-left: 6px;
  display: flex;
}

.products-details .products-details-bx .body .product-more-info-desc .card .users-opinions .opinion .username .stars i{
  margin-top: 2px;
  color: var(--primary-color);;
  font-size: 11px;
}

.products-details .products-details-bx .body .product-more-info-desc .card .users-opinions .opinion .username .fecha span{
  font-size: 13px;
  color: #0009;
}

.products-details .products-details-bx .body .product-more-info-desc .card .users-opinions .opinion .username .fecha span i{
  margin-right: 6px;
}

.products-details .products-details-bx .body .product-more-info-desc .card .users-opinions .opinion .text{
  width: 100%;
}

.products-details .products-details-bx .body .product-more-info-desc .card .users-opinions .opinion .text p{
  font-size: 14px;
  color: #707b7c;
}

.products-details .products-details-bx .body .product-more-info-desc .card .users-opinions .show-more-opinion{
  width: 100%;
  margin-top: 15px;
}

.products-details .products-details-bx .body .product-more-info-desc .card .users-opinions .show-more-opinions a{
  font-size: 14px;
}

.products-details .products-details-bx .body .product-more-info-desc .card .users-opinions .show-more-opinions a i{
  margin-right: 7px;
}

.products-details .products-details-bx .body .products-suggestions{
  margin-top: 30px;
  overflow-y: hidden;
}

.products-details .products-details-bx .body .offers{
  margin-bottom: 100px;
}

.products-details .products-details-bx .body .products-suggestions .card{
  margin-bottom: 0;
  width: 100%;
  flex: 0 0 auto;
}

.products-details .products-details-bx .body .product-more-info-desc .products-suggestions-body{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  overflow-y: hidden;
}

.products-details .products-details-bx .body .product-more-info-desc .target{
  width: 49%;
  margin: 0 1% 0 0;
  flex: 0 0 auto;
}

.products-details .products-details-bx .body .product-more-info-desc .target .image{
  width: 100%;
  height: 150px;
}

.products-details .products-details-bx .body .product-more-info-desc .target .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.products-details .products-details-bx .body .product-more-info-desc .target .text{ 
  width: 100%;
  margin: auto;
  margin-top: 10px;
  position: relative;
  height: 150px;
}

.products-details .products-details-bx .body .product-more-info-desc .target .text .details{ 
  width: 95%;
}

.products-details .products-details-bx .body .product-more-info-desc .target .text .details h1{ 
  font-size: 16px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.products-details .products-details-bx .body .product-more-info-desc .target .text .details p{ 
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.products-details .products-details-bx .body .product-more-info-desc .target .text .details .price-ship{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}

.products-details .products-details-bx .body .product-more-info-desc .target .text .details .price-ship h2{ 
  font-size: 14px;
  font-weight: 600;
}

.products-details .products-details-bx .body .product-more-info-desc .target .text .details .price-ship h3{ 
  font-size: 13px;
  color: var(--primary-color);;
  font-weight: 500;
}

.products-details .products-details-bx .body .product-more-info-desc .target .text .details .price-ship h3 i{ 
  margin-right: 6px;
}

.products-details .products-details-bx .body .product-more-info-desc .target .text .buttons{
  width: 100%;
}

.products-details .products-details-bx .body .product-more-info-desc .target .text .buttons label{ 
  width: 100%;
  display: flex;
  justify-content: center;
  border-radius: 100px;
  background: var(--primary-color);;
  color: #fff;
  font-weight: 500;
  font-size: 13px;
  padding: 10px 0;
}


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

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

/*nav*/
.container .container-bx .nav{
  position: fixed;
  width: 22%;
  height: 100%;
  border-right: 1px solid #0001;
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
  display: flex;
  z-index: 200;
  display: none;
}

.container .container-bx .nav .bx{
  width: 75%;
  margin: auto;
  margin-right: 10%;
  margin-top: 20px;
}

.container .container-bx .nav .profile{
  width: 100%;
}

.container .container-bx .nav .profile .card{
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  border-radius: 50px;
  cursor: pointer;
}

.container .container-bx .nav .profile .card .image{
  width: 60px;
  height: 60px;
  display: flex;
  border-radius: 50%;
}

.container .container-bx .nav .profile .card .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.container .container-bx .nav .profile .card .text{
  margin-left: 20px;
  display: flex;
  justify-content: space-between;
  width: 66%;
}

.container .container-bx .nav .profile .card .text h1{
  font-size: 14px;
}

.container .container-bx .nav .profile .card .text p{
  font-size: 12px;
  color: #99a3a4;
}

.container .container-bx .nav .nav-options{
  width: 100%;
  margin: auto;
  margin-top: 15px;
}

.container .container-bx .nav .nav-options .address{
  width: 100%;
  background: #fbfcfc;
  border-radius: 10px;
  padding: 12px 0;
  margin-bottom: 5px;
  display: flex;
}

.container .container-bx .nav .nav-options .address a{
  font-size: 13px;
  width: 90%;
  margin: auto;
  color: #0008;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.container .container-bx .nav .nav-options .address a i{
  margin-right: 6px;
}

.container .container-bx .nav .nav-options ul{ 
  width: 100%;
  margin: auto;
}

.container .container-bx .nav .nav-options ul li{ 
  list-style: none;
  width: 100%;
  margin: 0 0 5px 0;
  border-radius: 100px;
  display: flex;
  transition: .2S;
  border-radius: 100px;
  position: relavetie;
}

.container .container-bx .nav .nav-options ul li:hover{ 
  background: #ccc2;
}

.container .container-bx .nav .nav-options ul li a #iFill{
  opacity: 0;
  position: absolute;
  transition: .4s;
}

.container .container-bx .nav .nav-options ul li:hover a #iFill{ 
  opacity: 1;
}

.container .container-bx .nav .nav-options ul li a{ 
  color: #7f8c8d;
  font-size: 16px;
  text-decoration: none;
  width: 100%;
  padding: 15px 20px;
}

.container .container-bx .nav .nav-options ul li a i{ 
  margin-right: 27px;
}

.container .container-bx .nav .nav-post{
  width: 100%;
  margin: auto;
  margin-top: 30px;
}

.container .container-bx .nav .nav-post label{
  width: 100%;
  padding: 14px 0;
  background: #e8f8f5;
  color:  var(--primary-color);
  font-weight: 600;
  font-size: 14px;
  border-radius: 50px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}

.container .container-bx .nav .nav-post label p{
  z-index: 1;
  transition: all 0.4s ease-in-out; 
}

.container .container-bx .nav .nav-post label .images-absolute{
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
}

.container .container-bx .nav .nav-post label .images-absolute #left-img{
  width: 90px;
  height: 80px;
  margin-left: -28px;
  transform: rotate(90deg);
}

.container .container-bx .nav .nav-post label .images-absolute #right-img{
  width: 90px;
  height: 80px;
  margin-right: -28px;
  transition: all 0.3s ease-in-out; 
}

.container .container-bx .nav .nav-post label:hover .images-absolute #right-img{
  width: 150px;
  height: 150px;
}

.container .container-bx .nav .nav-post label:hover{
  background: var(--secondary-color);
  color: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.container .container-bx .nav .nav-post label i{
  margin-right: 7px;
}


/*main*/
.container .container-bx .main{
  width: 100%;
  height: 100%;
  margin-left: 0;
}

/*Profile Main*/
.container .container-bx .main .profile{
  width: 100%;
}

.container .container-bx .main .profile .profile-return{
  width: 100%;
  display: flex;
  background: #fff;
  transition: all 0.3s ease-in-out;
}

.container .container-bx .main .profile .fixed{
  position: fixed;
  width: 100%;
  box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
  z-index: 10;
  opacity: 1;
}

.container .container-bx .main .profile .profile-return .bx{
  width: 95%;
  height: 50px;
  margin: auto;
  display: flex;
  align-items: center;
}

.container .container-bx .main .profile .profile-return .bx .icon{
}

.container .container-bx .main .profile .profile-return .bx .username{
  margin-left: 15px;
  width: 100%;
}

.container .container-bx .main .profile .profile-return .bx .rep .rep-bx p{
  font-size: 13px;
}

.user-check-3{
  width: 100%;
  display: flex;
}

.container .container-bx .main .profile .profile-return .bx .username h1{
  font-size: 17px;
  font-weight: 600;
}

.container .container-bx .main .profile .profile-return .bx .username img{
  width: 18px;
  height: 18px;
  margin-left: 4px;
}

.container .container-bx .main .profile .profile-return .bx .username p{
  font-size: 13px;
  color: #555;
}


.container .container-bx .main .profile .profile-head{
  width: 100%;
}

.container .container-bx .main .profile .profile-head .profile-banner{
  width: 100%;
  height: 140px;
  background: #ccc2;
}

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

.container .container-bx .main .profile .profile-head .profile-options{
  width: 95%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.container .container-bx .main .profile .profile-head .profile-options .logo{
  width: 115px;
  height: 115px;
  border-radius: 100px;
  background: #000;
  margin-top: -50px;
  position: relative;
  background: var(--primary-color);;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container .container-bx .main .profile .profile-head .profile-options .logo img{
  width: 110px;
  height: 110px;
  object-fit: cover;
  border-radius: 100px;
  z-index: 1;
  position: absolute;
}
.container .container-bx .main .profile .profile-head .profile-options .logo video{
  width: 110px;
  height: 110px;
  object-fit: cover;
  border-radius: 100px;
  z-index: 1;
  position: absolute;
}

.container .container-bx .main .profile .profile-head .profile-options .logo .border-effect{
  width: 120px;
  height: 120px;
  border-radius: 2.5px;
  position: absolute;
  border-radius: 100px;
  top: -2.5px;
  left: -2.5px;
  background: #fff;
}
.container .container-bx .main .profile .profile-head .profile-options .buttons{
  margin-top: 25px;
}

.container .container-bx .main .profile .profile-head .profile-options .buttons ul{
  width: 100%;
  display: flex;
}

.container .container-bx .main .profile .profile-head .profile-options .buttons ul li{
  list-style: none;
  margin: 0 0px 0px 10px;
}

.container .container-bx .main .profile .profile-head .profile-options .buttons ul li a{
  padding: 10px 15px;
  border: 1px solid #0002;
  text-decoration: none;
  font-size: 13px;
  border-radius: 10px;
  outline: none;
  color: #000;
}

.container .container-bx .main .profile .profile-head .profile-options .buttons ul li label{
  text-decoration: none;
  color: #fff;
  background: var(--primary-color);;
  border-radius: 10px;
  padding: 10px 15px;
  font-size: 13px;
  cursor: pointer;
}

.container .container-bx .main .profile .profile-head .profile-options .buttons ul li label i{
  margin-right: 7px;
}

/*Iphone - Samsung*/
@media only screen and (max-width: 470px){

.container .container-bx .main .profile .profile-head .profile-options .buttons ul li a{
  padding: 8px 10px;
}

.container .container-bx .main .profile .profile-head .profile-options .buttons ul li label{
  padding: 8px 10px;
}

}

.container .container-bx .main .profile .profile-info{
  width: 95%;
  margin: auto;
  margin-top: 20px;
}

.container .container-bx .main .profile .profile-info .bx{
  width: 100%;
}

.container .container-bx .main .profile .profile-info .bx .username{
  width: 100%;
}

.container .container-bx .main .profile .profile-info .bx .username .user-check{
  display: flex;
}

.container .container-bx .main .profile .profile-info .bx .username h1{
  font-size: 18px;
}

.container .container-bx .main .profile .profile-info .bx .username p{
  font-size: 13.5px;
  color: #0009;
}

.container .container-bx .main .profile .profile-info .bx .username img{
  width: 19px;
  height: 19px;
  margin-left: 5px;
  margin-top: 3.5px;
}

.container .container-bx .main .profile .profile-info .bx .description{
  width: 100%;
  margin-top: 12px;
}

.container .container-bx .main .profile .profile-info .bx .description p{
  font-size: 13.5px;
}

.container .container-bx .main .profile .profile-info .bx .more-details{
  width: 100%;
  margin-top: 17px;
}

.container .container-bx .main .profile .profile-info .bx .more-details ul{
  width: 100%;
  display: flex;
}

.container .container-bx .main .profile .profile-info .bx .more-details ul li{
  list-style: none;
  margin: 0 15px 0 0;
  font-size: 13px;
  color: #0009;
}

.container .container-bx .main .profile .profile-info .bx .more-details ul li i{
  margin-right: 6px;
}

.container .container-bx .main .profile .profile-info .bx .followers{
  width: 100%;
  margin-top: 19px;
  display: flex;
}

.container .container-bx .main .profile .profile-info .bx .followers p{
  font-weight: 400;
  font-size: 13.5px;
  margin: 0 15px 0 0;
  color: #000;
  cursor: pointer;
  transition: .2s;
}

.container .container-bx .main .profile .profile-info .bx .followers p:hover{
  text-decoration: underline;
}
.container .container-bx .main .profile .profile-info .bx .followers p span{
  font-weight: 600;
}

/*Filtros perfil*/
.container .container-bx .main .profile .profile-filters{
  width: 100%;
  margin: auto;
  margin-top: 50px;
}

.container .container-bx .main .profile .profile-filters ul{
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.container .container-bx .main .profile .profile-filters ul label{
  width: 33%;
}

.container .container-bx .main .profile .profile-filters ul li{
  list-style: none;
  width: 100%;
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #ccc5;
  padding-bottom: 15px;
}

.container .container-bx .main .profile .profile-filters ul #selected{
  border-bottom: 2px solid var(--primary-color);;
}

.container .container-bx .main .profile .profile-filters ul li a{
  text-decoration: none;
  font-size: 13px;
  outline: none;
  color: #000;
}


/*Contenido perfil*/
.container .container-bx .main .profile .profile-content{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: auto;
  margin-top: 10px;
  padding-bottom: 100px;
}

.container .container-bx .main .profile .profile-content .liked-post{
  color: #000;
  display: flex;
  width: 95%;
  margin: auto;
  margin-bottom: 5px;
}

.container .container-bx .main .profile .profile-content .liked-post span{
  font-weight: 500;
  font-size: 13px;
  padding: 5px 10px;
  background: #ccc2;
  border-radius: 10px;
}

.container .container-bx .main .profile .profile-content .card{
  width: 100%;
  padding: 15px 0;
  margin: 0 0 0px 0;
  border-bottom: 1px solid #0001;
  position: relative;
}

.container .container-bx .main .profile .profile-content .card .options-delete-edit{
  position: absolute;
  display: none;
  width: 210px;
  padding: 10px 0;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 15px;
  right: 2%;
  margin-top: 30px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;;
}

.container .container-bx .main .profile .profile-content .card .options-delete-edit ul{
  width: 90%;
  margin: auto;
}

.container .container-bx .main .profile .profile-content .card .options-delete-edit ul li{
  list-style: none;
  border-radius: 10px;
  padding: 7px 10px;
}

.container .container-bx .main .profile .profile-content .card .options-delete-edit ul li label{
  font-size: 13px;
  color: #000;
  cursor: pointer;
}

.container .container-bx .main .profile .profile-content .card .options-delete-edit ul li label i{
  margin-right: 6px;
}

.container .container-bx .main .profile .profile-content .card .user{
  width: 95%;
  margin: auto;
  display: flex;
}

.container .container-bx .main .profile .profile-content .card .user .logo{
  width: 45px;
  height: 45px;
  border-radius: 100px;
}

.container .container-bx .main .profile .profile-content .card .user .logo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}

.container .container-bx .main .profile .profile-content .card .user .username{
  margin-left: 10px;
  margin-top: 4px;
  width: 90%;
  display: flex;
  justify-content: space-between;
}

.container .container-bx .main .profile .profile-content .card .user .username .user-check{
  display: flex;
}

.container .container-bx .main .profile .profile-content .card .user .username .user-check h1{
  font-size: 13.5px;
}

.container .container-bx .main .profile .profile-content .card .user .username .user-check img{
  width: 16px;
  height: 16px;
  margin-left: 5px;
  margin-top: 1.7px;
}

.container .container-bx .main .profile .profile-content .card .user .username .user-check span{
  font-size: 12.5px;
  margin-left: 5px;
  margin-top: 1.7px;
}

.container .container-bx .main .profile .profile-content .card .user .username p{
  font-size: 13.5px;
}

.container .container-bx .main .profile .profile-content .card .user .username p span{
  margin-left: 5px;
  font-size: 12.5px;
}

.container .container-bx .main .profile .profile-content .card .user .username .options i{
  cursor: pointer;
}

.container .container-bx .main .profile .profile-content .card .content{
  width: 95%;
  margin: auto;
  margin-top: 20px;
}

.card .content .text .details-of-post{
  padding-top: 0px;
  margin-bottom: 15px;
}
.card .content .text .details-of-post ul li{
  margin: 0 9px 0 0;
  font-size: 12px;
}
.card .content .text .details-of-post ul li.price{
  color: var(--primary-color);
  font-weight: 600;
}

.container .container-bx .main .profile .profile-content .card .content .text h1{
  font-size: 13.5px;
  margin-bottom: 5px;
}

.container .container-bx .main .profile .profile-content .card .content .text p{
  font-size: 13.5px;
  margin-bottom: 5px;
}

.container .container-bx .main .profile .profile-content .card .content .text .images{
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
}

.container .container-bx .main .profile .profile-content .card .content .text .images img{
  border-radius: 10px;
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: 200px;
}

.container .container-bx .main .profile .profile-content .card .content .text .images img:nth-child(3) {
            grid-column: span 2;
        }

.container .container-bx .main .profile .profile-content .card .content .text .purchase-now{
  width: 100%;
  margin-top: 10px;
}

.container .container-bx .main .profile .profile-content .card .content .text .purchase-now input[type=submit]{
  display: none;
}

.container .container-bx .main .profile .profile-content .card .content .text .purchase-now label{
  width: 100%;
  padding: 12px 0;
  background: var(--primary-color);;
  color: #fff;
  font-size: 12px;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  cursor: pointer;
}

.container .container-bx .main .profile .profile-content .card .content .text .purchase-now label i{
  margin-right: 7px;
}



.container .container-bx .main .profile .profile-content .card .content .text .images .absolute-info{
  width: 90%;
  position: absolute;
  bottom: 15px;
  padding: 5px 2%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  background: #121212;
  border-radius: 10px;
}

.container .container-bx .main .profile .profile-content .card .content .text .images .absolute-info a{
  color: #fff;
  font-size: 12.5px;
  text-decoration: none;
}

.container .container-bx .main .profile .profile-content .card .actions{
  width: 95%;
  margin: auto;
  margin-top: 25px;
}

.container .container-bx .main .profile .profile-content .card .actions .bx{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.container .container-bx .main .profile .profile-content .card .actions ul{
  display: flex;
}

.container .container-bx .main .profile .profile-content .card .actions ul li{
  list-style: none;
  margin: 0 15px 0 0;
  display: flex;
}

.container .container-bx .main .profile .profile-content .card .actions ul li p{
  margin-left: 5px;
  font-size: 13px;
}

.container .container-bx .main .profile .profile-content .card .actions ul li i{
  font-size: 17px;
}

.container .container-bx .main .profile .profile-content .card .actions ul li .bi-heart-fill{
  color: var(--primary-color);
}

.container .container-bx .main .profile .profile-content .card .actions .more{
  display: flex;
}

.container .container-bx .main .profile .profile-content .card .actions .more p{
  margin: 0 0px 0 10px;
  font-size: 14px;
}

.container .container-bx .main .profile .profile-content .card .actions .more p #i_view{
  margin-right: 7px;
}

/*No resultados perfil*/
.container .container-bx .main .profile .profile-content .non-results{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}

.container .container-bx .main .profile .profile-content .non-results .txt{
  width: 95%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container .container-bx .main .profile .profile-content .non-results .txt h1{
  font-size: 13px;
}

.container .container-bx .main .profile .profile-content .non-results .txt p{
  color: #707b7c;
  font-size: 12.5px;
}

.container .container-bx .main .profile .profile-content .non-results .img{
  width: 100%;
  height: 170px;
}

.container .container-bx .main .profile .profile-content .non-results .img img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

/*Contenido Perfil - Catálogo*/

.container .container-bx .main .profile .content-catalog{
  width: 100%;
  padding: 15px 0;
  margin: 0 0 0px 0;
  border-bottom: 1px solid #0001;
  display: flex;
}

.container .container-bx .main .profile .content-catalog .bx{
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
}

.container .container-bx .main .profile .content-catalog .catalog-card{
  width: 49%;
  border-radius: 15px;
  margin: 0 0 20px 0;
  cursor: pointer;
}

.container .container-bx .main .profile .content-catalog .catalog-card .img{
  width: 100%;
  height: 170px;
  border-radius: 10px;
  border: 1px solid #eee;
}

.container .container-bx .main .profile .content-catalog .catalog-card .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.container .container-bx .main .profile .content-catalog .catalog-card .txt{
  width: 98%;
  margin: 0 auto;
  margin-top: 7px;
}

.container .container-bx .main .profile .content-catalog .catalog-card .txt h1{
  font-weight: 600;
  font-size: 14px;
}

.container .container-bx .main .profile .content-catalog .catalog-card .txt .price-ship{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.container .container-bx .main .profile .content-catalog .catalog-card .txt .price-ship p{
  font-size: 14px;
  color: #707b7c;
}

.container .container-bx .main .profile .content-catalog .catalog-card .price-ship span{
  font-size: 12px;
  margin-top: 4px;
  color: var(--primary-color);;
}

.container .container-bx .main .profile .content-catalog .catalog-card .price-ship i{
  color: var(--primary-color);;
  font-size: 12px;
  margin-top: 7px;
  margin-right: 6px;
}

.responsive-nav{
  width: 95%;
  height: 54px;
  margin-right: 2.5%;
  margin-left: 2.5%;
  position: fixed;
  bottom: 8px;
  display: flex;
  background: var(--form-color);
  border-radius: 25px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.responsive-nav .list{
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.responsive-nav .list a{
  width: 25%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
}

.responsive-nav .list .non-border{
  border: none;
}

.responsive-nav .list a i{
  font-size: 17px;
}

/*Compartir publicaciones*/

.container .container-bx .main .share-post-header{
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 105;
  height: 90px;
  background: rgba(255, 255, 255, 0.5); 
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(10px);
}

.container .container-bx .main .share-post-header .small-banner{
  width: 100%;
  height: 40px;
  background: var(--primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
}

.container .container-bx .main .share-post-header .small-banner p{
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

.container .container-bx .main .share-post-header .small-banner p i{
  margin-right: 7px;
}

.container .container-bx .main .share-post-header .txt{
  width: 95%;
  margin: auto;
  margin-top: 10px;
  display: flex;
}

.container .container-bx .main .share-post-header .txt a{
  width: 95%;
  display: flex;
  text-decoration: none;
  outline: none;
}
.container .container-bx .main .share-post-header .txt a img{
  width: 29.5px;
  height: 29.5px;
  margin-right: 1px;
  margin-top: -1px;
}

.container .container-bx .main .share-post-header .txt a h1,
.container .container-bx .main .share-post-header .txt h1{
  font-size: 18.5px;
}

.container .container-bx .main .share-post-header .txt a h1 span{
  color: #6B8E23;
}

.container .container-bx .main .share-post-header .txt .open-responsive-menu{
  display: flex;
  margin: auto;
  margin-right: 0;
}

.container .container-bx .main .share-post-header .txt .open-responsive-menu i{
  font-size: 18px;
}

.container .container-bx .main .share-post{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: auto;
  margin-top: 90px;
}

.container .container-bx .main .share-post .categories-area{
  width: 95%;
  margin: auto;
  display: flex;
  justify-content: inherit;
  overflow-y: hidden;
}

.container .container-bx .main .share-post .categories-area .card{
  width: 45%;
  height: 95px;
  border-radius: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  flex: 0 0 auto;
  margin: 0 5px 0 0;
}

.container .container-bx .main .share-post .categories-area .card .images{
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

.container .container-bx .main .share-post .categories-area .card .images img{
  margin: auto;
  margin-right: 0;
  width: 50px;
  height: 50px;
  transition: all 0.4s ease-in-out; 
}

.container .container-bx .main .share-post .categories-area .card .text p{
  width: 80%;
  margin: auto;
  font-size: 13px;
  font-weight: 600;
}

/*Reglas rules*/
.container .container-bx .main .share-post .rules{
  height: 80px;
  margin-top: 18px;
}
.container .container-bx .main .share-post .rules .rules-bx{
  height: 47px;
  margin-top: 0px;
}
.container .container-bx .main .share-post .rules-bx i{
  font-size: 13px;
}
.container .container-bx .main .share-post .rules-bx p{
  font-size: 13.5px;
  color: #0009;
}

.container .container-bx .main .share-post .rules-bx{
  width: 100%;
  height: 50px;
  display: flex;
  border-radius: 10px;
  border: 1px solid #0004;
  cursor: pointer;
}

.container .container-bx .main .home-filters{
  width: 100%;
  margin-top: 0px;
  display: flex;
}

.container .container-bx .main .home-filters ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.container .container-bx .main .home-filters ul li{
  width: 33%;
  list-style: none;
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #ccc5;
  padding-bottom: 15px;
}

.container .container-bx .main .home-filters ul #selected{ 
  border-bottom: 2px solid var(--primary-color);;
}

.container .container-bx .main .home-filters ul li a{
  text-decoration: none;
  font-size: 12.5px;
  color: #121212;
  outline: none;
}

.container .container-bx .main .home-filters ul li span{
  text-decoration: none;
  font-size: 14px;
  margin-left: 5px;
  color: var(--primary-color);;
  font-weight: 500;
}

/*Publicar producto*/
.container .container-bx .main .body-upload{
  width: 100%;
  margin-top: 20px;
}

.container .container-bx .main .body-upload form{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container .container-bx .main .body-upload form .title-for-input{
  width: 95%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  text-align: left;
  margin-bottom: 10px;
}

.container .container-bx .main .body-upload form .title-for-input-margin{
  margin-top: 15px;
}

.container .container-bx .main .body-upload form .title-for-input span{
  font-size: 13.5px;
  font-weight: 600;
}

.container .container-bx .main .body-upload form .title-for-input i{
  font-size: 13.5px;
  margin-top: 3.5px;
  margin-right: 3px;
}

.container .container-bx .main .body-upload form .input-upload{
  width: 95%;
  margin: 0 0 10px 0;
  background: #fbfcfc;
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  padding: 7px 0;
  border: 1px solid #0003;
}

.container .container-bx .main .body-upload form .input-upload select{
  background: none;
  border: none;
  outline: none;
  width: 80%;
  font-family: 'Inter',sans-serif;
  margin-left: 5%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none;
  font-size: 12.5px;
  color: #0009;
}

.container .container-bx .main .body-upload form .input-upload input{
  background: none;
  border: none;
  outline: none;
  width: 80%;
  font-family: 'Inter',sans-serif;
  margin-left: 5%;
  font-size: 12.5px;
  color: #0009;
}

.container .container-bx .main .body-upload form .input-upload input::placeholder{
  color: #0009;
}

.container .container-bx .main .body-upload form .input-upload textarea{
  background: none;
  border: none;
  outline: none;
  width: 90%;
  height: 80px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: 'Inter',sans-serif;
  font-size: 12.5px;
}

.container .container-bx .main .body-upload form .input-upload textarea:placeholder{
  color: #0009;
}

.container .container-bx .main .body-upload form .input-upload i{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  padding: 15px 15px;
  margin-right: 1%;
  font-size: 13px;
}

.container .container-bx .main .body-upload form .input-upload-flex{
  width: 95%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.container .container-bx .main .body-upload form .input-upload-flex .price-stock{
  width: 49%;
}

.container .container-bx .main .body-upload form .input-upload-flex .price-stock input{
  width: 70%;
}

.container .container-bx .main .body-upload form  .input-upload-text{
  width: 95%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.container .container-bx .main .body-upload form  .input-upload-text p{
  font-size: 12px;
}

.container .container-bx .main .body-upload form  .input-upload-text p i{
  margin-right: 6px;
}

.container .container-bx .main .body-upload form .next-form{
  width: 95%;
  margin: auto;
  margin-top: 10px;
}

.container .container-bx .main .body-upload form .next-form input[type=submit]{
  display: none;
}

.container .container-bx .main .body-upload form .next-form label{
  font-size: 13px;
  padding: 14px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  background: var(--primary-color);;
  border-radius: 100px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid #eee;
}

.container .container-bx .main .body-upload form .next-form label i{
  margin-left: 7px;
}

.container .container-bx .main .body-upload form .input-size{
  width: 95%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}

.container .container-bx .main .body-upload form .input-size input[type=checkbox]{
  display: none;
}

.container .container-bx .main .body-upload form .input-size label{
  padding: 4px 20px;
  font-size: 14px;
  background: #fbfcfc;
  border-radius: 50px;
  color: #000;
  margin: 0 10px 0 0;
  border: 1px solid #eee;
  cursor: pointer;
}

.container .container-bx .main .body-upload form .input-size input[type="checkbox"]:checked + label{
  background: #ecf0f1;
}

.container .container-bx .main .body-upload form .create-size-grid{
  width: 95%;
  margin: auto;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}

.container .container-bx .main .body-upload form .create-size-grid a{
  text-align: left;
  font-size: 13px;
  color: var(--primary-color);;
}

.container .container-bx .main .body-upload form .create-size-grid a i{
  margin-right: 4px;
}

.container .container-bx .main .body-upload form .input-images{
  width: 95%;
  margin: auto;
}

.container .container-bx .main .body-upload form .input-images .input-upload-file input[type="file"]{
  display: none;
}

.container .container-bx .main .body-upload form .input-images .input-upload-file{
  width: 100%;
  height: 200px;
}

.container .container-bx .main .body-upload form .input-images .input-upload-file label{
  width: 100%;
  height: 100%;
  background: #fbfcfc;
  border-radius: 35px;
  border: 1px solid #eee;
  position: relative;
  cursor: pointer;
  display: flex;
}

.container .container-bx .main .body-upload form .input-images .input-upload-file .image{
  width: 100%;
  height: 90%;
}

.container .container-bx .main .body-upload form .input-images .input-upload-file .image img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.container .container-bx .main .body-upload form .input-images .input-upload-file .text{
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 40px;
}

.container .container-bx .main .body-upload form .input-images .input-upload-file .text p{
  font-size: 14px;
  color: #0008;
}

.container .container-bx .main .body-upload form .input-images .view-images{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 15px;
}

.container .container-bx .main .body-upload form .input-images .view-images .image-card{
  width: 140px;
  height: 110px;
  border-radius: 10px;
  border: 1px solid #0002;
  margin: 0 10px 10px 0;
  position: relative;
}

.container .container-bx .main .body-upload form .input-images .view-images .image-card img{
  width: 125px;
  height: 80px;
  bottom: 5px;
  margin-right: 5px;
  margin-left: 5px;
  object-fit: cover;
  border-radius: 10px;
  position: absolute;
}

.container .container-bx .main .body-upload form .input-images .view-images .image-card i{
  justify-content: center;
  align-items: center;
  color: #000;
  position: absolute;
  cursor: pointer;
  border-radius: 10px;
  transition: .3s;
  top: 5px;
  right: 5px;
}


/*Main Article*/
.container .container-bx .main .article{
  width: 100%;
}

.container .container-bx .main .article .article-head{
  width: 100%;
  height: 245px;
  position: relative;
}

.container .container-bx .main .article .article-head .image{
  width: 100%;
  height: 100%;
  position: relative;
}

.container .container-bx .main .article .article-head .image .gradient-absolute{
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgb(18,18,18);
  background: linear-gradient(360deg, rgba(18,18,18,1) 0%, rgba(18,18,18,1) 22%, rgba(254,255,0,0.03405112044817926) 68%);
}

.container .container-bx .main .article .article-head .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.container .container-bx .main .article .article-head .article-details{
  width: 95%;
  margin-right: 2.5%;
  margin-left: 2.5%;
  position: absolute;
  bottom: 25px;
}

.container .container-bx .main .article .article-head .article-details span{
  color: #fff9;
  text-decoration: underline;
  font-size: 12px;
}

.container .container-bx .main .article .article-head .article-details h1{
  color: #fff;
  font-size: 25px;
}

.container .container-bx .main .article .article-head .article-details p{
  color: #fff;
  margin-top: 5px;
  font-size: 14px;
}

.container .container-bx .main .article .article-body{
  width: 95%;
  margin: auto;
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}

.container .container-bx .main .article .article-body .profile{
  width: 100%;
  display: flex;
  margin-top: 5px;
}

.container .container-bx .main .article .article-body .profile .icon{
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.container .container-bx .main .article .article-body .profile .icon img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}

.container .container-bx .main .article .article-body .profile .txt{
  margin-top: 5px;
}

.container .container-bx .main .article .article-body .profile .txt h1{
  color: #000;
  font-size: 15px;
}

.container .container-bx .main .article .article-body .profile .txt p{
  color: #0009;
  font-size: 13px;
}

.container .container-bx .main .article .article-body .description{
  width: 100%;
  margin-top: 10px;
}

.container .container-bx .main .article .article-body .description p{
  font-size: 14px;
}


.container .container-bx .main .content-body-settings{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 87px;
  padding-bottom: 70px;
}

.container .container-bx .main .content-body-settings input[type=submit]{
  display: none;
}


.container .container-bx .main .content-body-settings .card{
  width: 100%;
  height: auto;
  padding: 15px 0;
  display: flex;
  cursor: pointer;
  border: none;
}

.container .container-bx .main .content-body-settings .card .bx{
  display: flex;
  justify-content: space-between;
  width: 97%;
  margin: auto;
}

.container .container-bx .main .content-body-settings .card .icon{
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container .container-bx .main .content-body-settings .card .icon i{
  color: #707b7c;
}

.container .container-bx .main .content-body-settings .card .text{
  width: 95%;
}

.container .container-bx .main .content-body-settings .card .text h1{
  font-size: 14px;
  font-weight: 600;
}

.container .container-bx .main .content-body-settings .card .text p{
  font-size: 13px;
  color: #707b7c;
}

.container .container-bx .main .content-body-settings .product-card{
  width: 100%;
  height: 85px;
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 0 0 10px 0;
}

.container .container-bx .main .content-body-settings .product-card .bx{
  width: 95%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.container .container-bx .main .content-body-settings .product-card .bx .details{
  width: 100%;
  display: flex;
}

.container .container-bx .main .content-body-settings .product-card .bx .details .image{
  width: 100px;
  height: 100px;
  display: flex;
}

.container .container-bx .main .content-body-settings .product-card .bx .details .image img{
  width: 100%;
  height: 85%;
  object-fit: cover;
  border-radius: 15px;
  margin: auto;
}

.container .container-bx .main .content-body-settings .product-card .bx .details .text{
  width: 70%;
  margin-left: 2%;
  margin-top: 5px;
}

.container .container-bx .main .content-body-settings .product-card .bx .details .text h1{
  font-size: 13.5px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.container .container-bx .main .content-body-settings .product-card .bx .details .text p{
  font-size: 13.5px;
  color: #707b7c;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.container .container-bx .main .content-body-settings .product-card .bx .details .text h2{
  font-size: 13px;
  margin-top: 5px;
  font-weight: 500;
}

.container .container-bx .main .content-body-settings .product-card .bx .details .text ul{
  display: flex;
  width: 100%;
  margin-top: 5px;
}

.container .container-bx .main .content-body-settings .product-card .bx .details .text ul li{
  list-style: none;
  margin: 0 10px 0 0;
  font-size: 11px;
  color: #707b7c;
}

.container .container-bx .main .content-body-settings .product-card .bx .details .text ul li i{
  margin-right: 6px;
}

.container .container-bx .main .content-body-settings .product-card .bx .button-action{
  width: 15%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container .container-bx .main .content-body-settings .product-card .bx .button-action label{
  width: 100%;
  padding: 10px 5px;
  border-radius: 100px;
  color: #fff;
  font-weight: 500;
  background: var(--primary-color);;
  display: flex;
  justify-content: center;
  font-size: 12.5px;
  cursor: pointer;
}

.container .container-bx .main .content-body-settings .product-card .bx .button-action label i{
  margin-right: 7px;
}

/*Resultados de búsqueda*/
.container .container-bx .main .results-body{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 0px;
}

.container .container-bx .main .results-body .input-search{
  width: 95%;
  height: 50px;
  border-radius: 10px;
  background: #fbfcfc;
  display: flex;
  margin: auto;
}

.container .container-bx .main .results-body .input-search input{
  background: none;
  border: none;
  outline: none;
  width: 85%;
  height: 100%;
  padding: 0 15px;
}

.container .container-bx .main .results-body .input-search i{
  width: 15%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container .container-bx .main .results-body .most-wanted{
  width: 100%;
  height: 50px;
  display: flex;
  margin-top: 3px;
}

.container .container-bx .main .results-body .most-wanted ul{
  width: 94%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
  overflow-x: visible;
}

.container .container-bx .main .results-body .most-wanted ul::-webkit-scrollbar{
  display: none;
}


.container .container-bx .main .results-body .most-wanted ul li{
  list-style: none;
  flex: 0 0 auto;
  margin: 0 10px 0 0;
}

.container .container-bx .main .results-body .most-wanted ul li a{
  color: #0008;
  outline: none;
  font-size: 12.5px;
}

.container .container-bx .main .results-body .filters{
  width: 100%;
  height: 50px;
  display: flex;
  position: relative;
}

.container .container-bx .main .results-body .filters .bx{
  width: 95%;
  height: 50px;
  display: flex;
  margin: auto;
}

.container .container-bx .main .results-body .filters a{
  text-decoration: none;
  color: #000;
  margin: auto;
  margin-right: 0;
  font-size: 13px;
  cursor: pointer;
}

.container .container-bx .main .results-body .filters a i{
  margin-left: 6px;
}

.container .container-bx .main .results-body .filters-modal{
  width: 35%;
  position: absolute;
  z-index: 1;
  top: 50px;
  right: 0;
  display: none;
}

.container .container-bx .main .results-body .filters-modal .bx{
  width: 100%;
  height: 200px;
  background: #fff;
  display: flex;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 15px;
  margin-right: 10px;
}

.container .container-bx .main .results-body .filters-modal .bx ul{
  width: 80%;
  margin: 15px auto;
}

.container .container-bx .main .results-body .filters-modal .bx ul li{
  list-style: none;
  padding: 7px 0;
}

.container .container-bx .main .results-body .filters-modal .bx ul li label{
  font-size: 14px;
  cursor: pointer;
  transition: .4s;
}

.container .container-bx .main .results-body .filters-modal .bx ul li label:hover{
  color: #0008;
}

.container .container-bx .main .results-body .filters-modal .bx ul li label i{
  margin-right: 7px;
}

.container .container-bx .main .results-body .filters-modal .bx ul li input{
  display: none;
}

.container .container-bx .main .results-body .active{
  display: flex;
}

.container .container-bx .main .products-results{
  width: 100%;
  display: flex;
  flex-direction: column;
}

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

.container .container-bx .main .products-results .bx .card{
  width: 49%;
  height: 335px;
  margin: 0 0 10px 0;
  cursor: pointer;
}

.container .container-bx .main .products-results .bx .card:hover .image img{
  transform: scale(1.05);
}

.container .container-bx .main .products-results .bx .card .image{
  width: 100%;
  height: 170px;
  overflow: hidden;
}

.container .container-bx .main .products-results .bx .card .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
  transition: .4s;
}

.container .container-bx .main .products-results .bx .card .text{
  width: 100%;
  margin: auto;
  margin-top: 10px;
}

.container .container-bx .main .products-results .bx .card .text h1{
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.container .container-bx .main .products-results .bx .card .text p{
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.container .container-bx .main .products-results .bx .card .text .price-ship{
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
}

.container .container-bx .main .products-results .bx .card .text .price-ship h2{
  color: var(--primary-color);
  font-size: 13px;
}

.container .container-bx .main .products-results .bx .card .text .price-ship span{
  color: var(--primary-color);
  font-size: 12px;
  margin-left: 7px;
  font-weight: 500;
}

.container .container-bx .main .products-results .bx .card .text .price-ship span i{
  margin-right: 4px;
}

.container .container-bx .main .products-results .bx .card .text .details{
  width: 100%;
  margin-top: 10px;
}

.container .container-bx .main .products-results .bx .card .text .details .option{
  width: 100%;
  display: flex;
}

.container .container-bx .main .products-results .bx .card .text .details .option p{
  font-size: 12px;
}

.container .container-bx .main .products-results .bx .card .text .details .option p i{
  margin-right: 4px;
}

.container .container-bx .main .products-results .bx .card .text .details .option .underline{
  text-decoration: underline;
  margin-left: 7px;
}

.container .container-bx .main .products-results .bx .card .text .view-product{
  width: 100%;
  display: flex;
  margin-top: 13px;
}

.container .container-bx .main .products-results .bx .card .text .view-product a{
  width: 100%;
  text-decoration: none;
  outline: none;
  color: #fff;
  font-weight: 600;
  font-size: 12.5px;
  padding: 6.5px 0;
  border-radius: 15px;
  background: var(--primary-color);
  display: flex;
  justify-content: center;
}

.container .container-bx .main .products-results .bx .card .text .view-product a i{
  margin-right: 6px;
}

.container .container-bx .main .products-results .bx .non-results-search{
  width: 100%;
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container .container-bx .main .products-results .bx .non-results-search h1{
  font-size: 13px;
  color: #0008;
  text-align: center;
}

.container .container-bx .main .products-results .bx .non-results-search p{
  font-size: 12.5px;
  color: #0008;
  text-align: center;
}

/*buscador*/
.container .container-bx .search{
  display: none;
}

.container .container-bx .search-action{
  width: 90%;
  margin: auto;
  margin-top: 20px;
}

.container .container-bx .search-action form{
  width: 100%;
}

.container .container-bx .search-action form .input-search{
  width: 85%;
  padding: 15px 7.5%;
  background: #fbfcfc;
  border-radius: 100px;
  display: flex;
  justify-content: space-between;
}

.container .container-bx .search-action form .input-search input{
  background: none;
  outline: none;
  border: none;
  font-family: 'Inter',sans-serif;
  width: 90%;
}


.container .container-bx .trending{
  width: 90%;
  margin: auto;
  margin-top: 20px;
  border-radius: 20px;
  border: 1px solid #eee;
}

.container .container-bx .trending .header-title{
  width: 90%;
  margin: auto;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}

.container .container-bx .trending .header-title h1{
  font-size: 13px;
}

.container .container-bx .trending .header-title a{
  text-decoration: none;
  font-size: 12.5px;
}

.container .container-bx .trending .trending-titles{
  width: 90%;
  margin: auto;
  margin-top: 5px;
  display: flex;
  flex-direction: column;
}

.container .container-bx .trending .trending-titles .title{
  width: 100%;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
}

.container .container-bx .trending .trending-titles .title h1{
  font-size: 14px;
}

.container .container-bx .trending .trending-titles .title p{
  font-size: 12px;
  color: #839192;
}

.container .container-bx .trending .trending-titles .title i{
  margin: auto;
  cursor: pointer;
}


.container .container-bx .follow-users{
  width: 90%;
  margin: auto;
  margin-top: 20px;
  border-radius: 20px;
  border: 1px solid #eee;
}

.container .container-bx .follow-users .header-title{
  width: 90%;
  margin: auto;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}

.container .container-bx .follow-users .header-title h1{
  font-size: 13px;
}

.container .container-bx .follow-users .header-title a{
  text-decoration: none;
  font-size: 12.5px;
}

.container .container-bx .follow-users .bx{
  width: 90%;
  margin: auto;
  margin-top: 20px;
  padding-bottom: 10px;
}

.container .container-bx .follow-users .bx .card{
  width: 100%;
  height: 50px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px 0;
  cursor: pointer;
}

.container .container-bx .follow-users .bx .details-user{
  display: flex;;
  width: 70%;
}

.container .container-bx .follow-users .bx .details-user .logo{
  width: 50px;
  height: 50px;
}

.container .container-bx .follow-users .bx .details-user .logo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}

.container .container-bx .follow-users .bx .details-user .username{
  margin-left: 10px;
  margin-top: 4px;
}

.container .container-bx .follow-users .bx .details-user .username .user-check{
  display: flex;
}

.container .container-bx .follow-users .bx .details-user .username .user-check h1{
  font-size: 15px;
}

.container .container-bx .follow-users .bx .details-user .username .user-check img{
  width: 15px;
  height: 15px;
  margin-left: 3px;
  margin-top: 2px;
}

.container .container-bx .follow-users .bx .details-user .username p{
  font-size: 12.5px;
  margin-top: 5px;
}

.container .container-bx .follow-users .bx .button-follow{
  margin-top: 5px;
}

.container .container-bx .follow-users .bx .button-follow label{
  display: flex;
  padding: 10px 15px;
  background: #ccc2;
  font-size: 13px;
  border-radius: 100px;
}

.container .container-bx .follow-users .bx .button-follow label i{
  margin-right: 6px;
}

.container .container-bx .help-privacy{
  width: 90%;
  margin: auto;
  display: flex;
  margin-top: 20px;
}

.container .container-bx .help-privacy ul{
  display: flex;
  margin: auto;
  margin-right: 0;
}

.container .container-bx .help-privacy ul li{
  list-style: none;
  margin: 0 10px 0 0;
}

.container .container-bx .help-privacy ul li a{
  text-decoration: none;
  color: #0009;
  font-size: 12px;
}

}


/*Version más pequeña*/
@media only screen and (max-width: 470px) {

.container .container-bx .main .profile .profile-content .card .content{
  width: 95%;
  margin: auto;
  margin-top: 10px;
}

.container .container-bx .main .profile .profile-content .card .content .text .images{
  width: 100%;
  display: flex;
  overflow-y: hidden;
}

.container .container-bx .main .profile .profile-content .card .content .text .images img{
  border-radius: 10px;
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: 250px;
  flex: 0 0 auto;
  margin: 0 10px 0 0;
}

.container .container-bx .main .share-post .categories-area{
  overflow-y: hidden;
}

.container .container-bx .main .share-post .categories-area .card{
  width: 40%;
  flex: 0 0 auto;
  margin: 0 5px 0 0;
}


}