@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');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');


:root{
  --primary-color: #6B8E23 ;
  --s-color: #D0E8A1;
  --secondary-color: rgba(107, 142, 35, .2);
  --rgba-color: #e8f6f3;
  --background-color: #ecf0f1;
  --text-color: #121212; 
  --form-color: #f4f6f7;
  --form-color-strong: #D8DFE3;
  --box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

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

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

.margin-right{
  margin-right: 6px;
}
.margin-left{
  margin-left: 6px;
}

.href{
  outline: none;
  text-decoration: none;
  color: #000;
}
.input-none-view,
.responsive-nav,
.responsive-menu{
  display: none;
}

.label-pointer{
  cursor: pointer;
}

/*Modal segmentación*/
.reglamento-modal .reglamento-modal-bx .shop{
  width: 90%;
  padding: 5px 0;
  margin: auto;
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  border-radius: 100px;
  transition: .3s;
  cursor: pointer;
}
.reglamento-modal .reglamento-modal-bx .shop:hover{
  background: #ccc2;
}
.reglamento-modal .reglamento-modal-bx .shop .user{
  display: flex;
}
.reglamento-modal .reglamento-modal-bx .shop .user .img-u img{
  width: 45px;
  height: 45px;
  border-radius: 100px;
}
.reglamento-modal .reglamento-modal-bx .shop .user .txt-u{
  display: flex;
}
.reglamento-modal .reglamento-modal-bx .shop .user .txt-u .info-u{
  margin-left: 7px;
  margin-top: 4px;
}
.reglamento-modal .reglamento-modal-bx .shop .user .txt-u h1{
  font-size: 16px;
}
.reglamento-modal .reglamento-modal-bx .shop .user .txt-u p{
  font-size: 14px;
  color: #839192;
}
.reglamento-modal .reglamento-modal-bx .shop .user .txt-u .check-u img{
  width: 18px;
  height: 18px;
  margin-left: 5px;
  margin-top: 5px;
}
.reglamento-modal .reglamento-modal-bx .shop .category{
  display: flex;
  align-items: center;
}
.reglamento-modal .reglamento-modal-bx .shop .category span{
  font-size: 13px;
}
/*Modal reglamento*/
.reglamento-modal .reglamento-modal-bx .text3{
  width: 90%;
  margin: auto;
  padding-top: 12px;
  display: flex;
  flex-direction: column;
}
.reglamento-modal .reglamento-modal-bx .text3 h4{
  font-size: 13.5px;
}
.reglamento-modal .reglamento-modal-bx .text3 h5{
  font-size: 13.5px;
  font-weight: 500;
}
.reglamento-modal .reglamento-modal-bx .text3 span{
  font-size: 13px;
  color: #839192;
  margin-top: 10px;
}
.reglamento-modal .reglamento-modal-bx .text3 span i{
  margin-right: 7px;
}

/*Modal bienvenida*/
.home-modal,
.reglamento-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;
}
.reglamento-modal{
  display: none;
}
.home-modal.hidden{
  opacity: 0;
  transform: scale(0.98);
  pointer-events: none;
}
.home-modal-bx,
.reglamento-modal-bx{
  height: 90%;
  width: 500px;
  margin: auto;
  background: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
/*top modal*/
.home-modal-bx .top,
.reglamento-modal-bx .top{
  width: 100%;
  position: absolute;
  top: 0;
  max-height: 85%;
  overflow-x: hidden;
}
.home-modal-bx .header,
.reglamento-modal-bx .header{
  width: 90%;
  margin: auto;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.home-modal-bx .header h1,
.reglamento-modal-bx .header h1{
  color: #0009;
  font-size: 15px;
}
.home-modal-bx .header i{
  color: #0009;
  cursor: pointer;
}
.home-modal-bx .text{
  width: 90%;
  max-height: 450px;
  margin: 0 auto;
  padding-top: 50px;
  transition: opacity 0.5s ease;
  opacity: 0;
  display: none;
  overflow-x: hidden;
}
.home-modal-bx .text.active{
  display: block;
  opacity: 1;
}
.home-modal-bx .text h3{
  font-size: 40px;
  font-weight: 400;
}
.home-modal-bx .text p{
  font-size: 14px;
}
.home-modal-bx .text .image{
  width: 90%;
  height: 300px;
  margin: 0 auto;
  padding: 20px 0;
}
.home-modal-bx .text .image img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
/*bottom modal*/
.home-modal-bx .bottom,
.reglamento-modal-bx .bottom{
  width: 100%;
  position: absolute;
  bottom: 0;
}
.home-modal-bx .continue,
.reglamento-modal-bx .continue{
  width: 90%;
  margin: 0 auto;
  padding-bottom: 20px;
}
.home-modal-bx .continue button,
.reglamento-modal-bx .continue button{
  width: 100%;
  background: var(--primary-color);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 14px 0;
  border-radius: 15px;
  border: none;
  outline: none;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.home-modal-bx .continue button i,
.reglamento-modal-bx .continue button i{
  margin-left: 7px;
}

/*Compartir enlace perfil*/
.share-profile{
  width: 100%;
  height: 100vh;
  position: fixed;
  background: rgba(52, 73, 94, .6);
  backdrop-filter: blur(5px);
  z-index: 301;
  display: none;
}

.share-profile .bx{
  height: 50%;
  width: 500px;
  margin: 20px auto;
  background: #fff;
  border-radius: 10px;
}

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

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

.share-profile .bx .header i{
  color: #0009;
  cursor: pointer;
}

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

.share-profile .bx .body .redes{
  width: 99%;
  margin: 0 auto;
}

.share-profile .bx .body .redes ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.share-profile .bx .body .redes ul li{
  list-style: none;
}

.share-profile .bx .body .redes ul li i{
  font-size: 20px;
}

.share-profile .bx .body .input{
  width: 100%;
  height: 45px;
  display: flex;
  justify-content: space-between;
  background: #f7f9f9;
  border-radius: 10px;
  margin-top: 15px;
}

.share-profile .bx .body .input input{
  width: 90%;
  margin: auto;
  outline: none;
  background: none;
  border: none;
  font-family: 'Inter', sans-serif;
}

.share-profile .bx .body .button{
  width: 100%;
  margin-top: 15px;
}

.share-profile .bx .body .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;
}

.share-profile .bx .body .button label i{
  margin-right: 6px;
}

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

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

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

.share-profile .direct-copied{
  position: absolute;
  bottom: 20px;
  width: 100%;
  display: none;
}

.share-profile .direct-copied span{
  background: #121212;
  padding: 12px 20px;
  color: #fff;
  font-size: 13.5px;
  margin: auto;
  border-radius: 15px;
}

.share-profile .direct-copied span i{
  margin-right: 7px;
}

/*Cargando style*/
.loader{
  width: 100%;
  height: 100vh;
  position: fixed;
  background: rgba(52, 73, 94, .3);
  backdrop-filter: blur(5px);
  z-index: 301;
  display: none;
  flex-direction: column;
}

.loader .bx{
  margin: auto;
}

.loader .loader-img{
  width: 40px;
  height: 40px;
  margin: auto;
}

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

.loader .loader-txt{
  width: 100%;
  margin-top: 15px;
}

.loader .loader-txt p{
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
}

.non-results{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 120px;
}

.non-results .txt{
  width: 60%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.non-results .txt h1{
  font-size: 15px;
}

.non-results .txt p{
  font-size: 14px;
}

.non-results .img{
  width: 60%;
  height: 175px;
  margin: auto;
  margin-top: 10px;
}

.non-results .img img{
  height: 100%;
  width: 100%;
  object-fit: scale-down;
}

/*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: 98%;
  width: 500px;
  margin: auto;
  background: #fff;
  border-radius: 10px;
}

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

/*Historial de retiro*/
.show-followers .show-followers-bx .body .transaction-history-card{
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px 0;
}

.show-followers .show-followers-bx .body .transaction-history-card .transaction-history-text{
  margin: 0;
  margin-left: 0;
}

.show-followers .show-followers-bx .body .transaction-history-card .transaction-history-text .check-user{
  flex-direction: column;
}

.show-followers .show-followers-bx .body .transaction-history-card .transaction-history-text .check-user span{
  color: #000;
  text-decoration: underline;
  font-size: 12px;
}

.show-followers .show-followers-bx .body .transaction-history-card .transaction-history-text h1 i{
  margin-right: 6px;
}

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

.show-followers .show-followers-bx .body .transaction-history-card .button{
  height: 30px;
  margin: auto 0;
}

.show-followers .show-followers-bx .body .transaction-history-card .button label{
  font-size: 12px;
  height: 35px;
}

.show-followers .show-followers-bx .body .transaction-history-card .button .pendiente{
  background: #e74c3c;
}
/*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-for-size{
  padding-bottom: 5px;
}

.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,
.show-followers .show-followers-bx .body .edit-row .input-text select{
  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.member{
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0 0 0px 0;
}

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

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

/*ticket*/
.show-followers .show-followers-bx .body .image-event{
  width: 99.5%;
  height: 180px;
  margin: 12px auto;
  border-radius: 15px;  
  background: #F4F4F5;
}
.show-followers .show-followers-bx .body .image-event img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  border-radius: 15px;
}
/*ticket details*/
.show-followers .show-followers-bx .body .text-tutorial.ticket-header-details{
  width: 94%;
  margin: 0 auto;
  padding: 7px 3%;
  display: flex;
  border-radius: 15px;
  background: var(--form-color);
}
.show-followers .show-followers-bx .body .text-tutorial.ticket-header-details p{
  font-size: 12px;
  font-weight: 500;
  color: #000;
}
.show-followers .show-followers-bx .body .text-tutorial.ticket-details{
  width: 100%;
  margin: 12px 0;
  display: flex;
  border-radius: 15px;
  background: var(--form-color);
}
.show-followers .show-followers-bx .body .ticket-details .bx{
  width: 95%;
  margin: auto;
  padding: 10px 0;
}
.show-followers .show-followers-bx .body .ticket-details span{
  width: 100%;
  font-size: 12px;
  color: #0008;
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
}
.show-followers .show-followers-bx .body .ticket-details h2{
  font-size: 16px;
}
.show-followers .show-followers-bx .body .ticket-details ul{
  margin-top: 10px;
}
.show-followers .show-followers-bx .body .ticket-details ul li{
  list-style: none;
}
.show-followers .show-followers-bx .body .ticket-details ul li h3{
  font-size: 13px;
  font-weight: 500;
  color: #0009;
}
.show-followers .show-followers-bx .body .ticket-details h4{
  color: #465E17;
  margin-top: 20px;
  font-size: 15px;
}
.show-followers .show-followers-bx .body .ticket-details h4 i,
.show-followers .show-followers-bx .body .edit-row .view-event i,
.show-followers .show-followers-bx .body .text-tutorial.ticket-header-details span i{
  margin-right: 7px;
}
.show-followers .show-followers-bx .body .edit-row input[type="submit"]{
  display: none;
}
.show-followers .show-followers-bx .body .edit-row .view-event{
  margin-top: 10px;
  background: var(--s-color);
  color: var(--primary-color);
  text-decoration: none;
  outline: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 500;
}

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

.credentails-for-sign .credentails-for-sign-bx{
  background: #fff;
  border-radius: 10px 10px 0 0;
  height: 88vh;
  width: 95%;
  margin: auto;
  margin-bottom: 0px;
}

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

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

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

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

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

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

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

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

.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 .pass-recover p{
  font-size: 13px;
}

.credentails-for-sign .credentails-for-sign-bx .body .text form .pass-recover p i{
  margin-right: 6px;
}

.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: 20px;
  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;
  color: var(--primary-color);
}

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

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

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

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

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

.products-details .products-details-bx .body{
  width: 100%;
  margin: 0 auto;
  margin-top: 15px;
}

.products-details .products-details-bx .body .fila{
  width: 100%;
}

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

.products-details .products-details-bx .body .images .small-images{
  width: 95%;
  margin: auto;
  margin-top: 15px;
  display: flex;
}

.products-details .products-details-bx .body .images .small-images img{
  width: 40px;
  height: 40px;
  border-radius: 5px;
  margin-right: 10px;
}

.products-details .products-details-bx .body .images .big-slider{
  width: 100%;
  height: 390px;
  background: var(--form-color);
  position: relative;
  overflow: hidden;
}

.products-details .products-details-bx .body .images .slider-track {
  display: flex;
  transition: transform 0.5s ease;
  width: 100%;
}

.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: 15px 10px;
  cursor: pointer;
  outline: none;
  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;
  flex: 0 0 auto;
  position: relative;
  flex-shrink: 0;
}

.products-details .products-details-bx .body .fila .text{
  width: 95%;
  margin: auto;
  margin-top: 15px;
  border: 1px solid #0001;
  border-radius: 15px;
  padding: 10px 10px;
  box-sizing: border-box;
}

.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: 14px;
  color: #0009;
}

.products-details .products-details-bx .body .fila .text .bx .title h1{
  font-size: 25px;
  margin-top: 5px;
  font-weight: 700;
  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 .fila .text .bx .title .price-offer{
  width: 100%;
  display: flex;
  margin-top: 4px;
}

.products-details .products-details-bx .body .fila .text .bx .title .price-offer .bonus{
  font-size: 17px;
  color: var(--primary-color);
  margin-left: 7px;
  font-weight: 600;
}

.products-details .products-details-bx .body .fila .text .bx .title .price-offer a{
  margin-left: 10px;
  color: var(--primary-color);
}

.products-details .products-details-bx .body .fila .text .bx .title .price-offer a i{
  margin-right: 7px;
}

.products-details .products-details-bx .body .fila .text .bx .title .price-offer .old-price{
  position: relative;
  display: flex;
}

.products-details .products-details-bx .body .fila .text .bx .title .price-offer .old-price span{
  width: 100%;
  height: 2px;
  position: absolute;
  background: #0009;
  margin-top: 10px;
  transform: rotate(2deg);
}

.products-details .products-details-bx .body .fila .text .bx .title .price-offer .old-price h2{
  font-size: 17px;
  font-weight: 600;
  color: #0009;
}

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

.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: 14px;
  color: #616a6b;
}

.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: 30px;
  padding-bottom: 15px;
}

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

.products-details .products-details-bx .body .fila .text .bx .actions .profile .data{
  width: 70%;
  display: flex;
  outline: none;
  text-decoration: none;
  color: #000;
}

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

.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: 17px;
  margin-right: 6px;
}

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

.products-details .products-details-bx .body .fila .text .bx .actions .profile .txt p{
  font-size: 14px;
}

.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 15px;
  border-radius: 100px;
  background: var(--primary-color);;
  margin: auto;
  margin-right: 0;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
}

.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: 13px;
  color: #000;
  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: 14px 0;
  font-size: 14px;
  width: 90%;
  outline: none;
  border: none;
  background: none;
  font-family: 'Inter', sans-serif;
}

.products-details .products-details-bx .body .fila .text .bx .actions input[type=submit]{
  display: none;
}
/*métodos de pago*/
.payout-methods{
  width: 100%;
}
.payout-methods p{
  font-size: 14px;
  color: #616a6b;
  font-weight: 500;
}
.payout-methods .cards{
  margin-top: 4px;
  margin-bottom: 8px;
}
.products-details .products-details-bx .body .fila .text .bx .actions form{
  display: flex;
  flex-direction: column;
}
.products-details .products-details-bx .body .fila .text .bx .actions form label{
  margin: 0 0 7px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 13px 0;
  background: var(--form-color-strong);
  color: #0009;
  font-size: 14px;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.products-details .products-details-bx .body .fila .text .bx .actions form label .icon-img{
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.products-details .products-details-bx .body .fila .text .bx .actions #botonComprar i,
.products-details .products-details-bx .body .fila .text .bx .actions #botonCarrito i,
.products-details .products-details-bx .body .fila .text .bx .actions .profile .follow label i{
  margin-right: 7px;
}


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

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

.products-details .products-details-bx .body .product-more-info-desc .sizes-container{
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;
}

.products-details .products-details-bx .body .product-more-info-desc .size-image{
  width: 100%;
  height: 300px;
  background: var(--form-color);
  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: 45%;
  height: 100%;
  object-fit: scale-down;
}

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

.products-details .products-details-bx .body .product-more-info-desc .size-image .pasos p{
  font-size: 12.5px;
  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%;
  margin-top: 15px;
  border-radius: 15px;
}

.products-details .products-details-bx .body .product-more-info-desc .size-content .header{
  width: 100%;
  padding: 15px 0;
  border-radius: 15px;
  margin-top: 0;
  margin-bottom: 10px;
  background: var(--form-color);
  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: var(--form-color);
  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: 100%;
  display: flex;
  flex-direction: initial;
  justify-content: space-between;
  margin-top: 10px;
}

.products-details .products-details-bx .body .product-more-info-desc .card .stars-content .star-num{
  width: 40%;
  height: 230px;
  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: 57%;
  margin-left: 2%;
  display: flex;
  flex-direction: column;
  margin-top: 3px;
}

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

.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;
  margin-bottom: 0;
}

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

.products-details .products-details-bx .body .products-suggestions .card{
  margin-bottom: 0;
}

.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: 33%;
  flex: 0 0 auto;
  margin: 0 10px 0 0;
}

.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%;
  position: absolute; 
  bottom: 0;
}

.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 #eee;
  display: flex;
  z-index: 200;
}

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

.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: 55px;
  height: 55px;
  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: 13.5px;
}

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

.container .container-bx .nav .nav-options .address{
  width: 100%;
  background: var(--form-color);
  border-radius: 100px;
  padding: 12px 0;
  margin-bottom: 5px;
  display: flex;
}

.container .container-bx .nav .nav-options .address input{
  display: none;
}

.container .container-bx .nav .nav-options .address label{
  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;
  text-decoration: underline;
  cursor: pointer;
}

.container .container-bx .nav .nav-options .address label 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: #85929e;
  font-size: 16px;
  text-decoration: none;
  width: 100%;
  padding: 15px 20px;
}

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

/*Input label for nav*/


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

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

.container .container-bx .nav .nav-options ul li form{
  width: 100%;
  display: flex;
}

.container .container-bx .nav .nav-options ul li form input[type=submit]{ 
  display: none;
}
.container .container-bx .nav .nav-options ul li form label{ 
  color: #85929e;
  font-size: 16px;
  text-decoration: none;
  width: 100%;
  padding: 15px 20px;
  cursor: pointer;
}

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

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

.container .container-bx .nav .nav-post label{
  width: 100%;
  padding: 14px 0;
  border: 1px solid  var(--primary-color);
  color: #000;
  font-weight: 500;
  font-size: 14px;
  border-radius: 50px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.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(--primary-color);
  color: #fff;
}

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


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

/*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;
  background: rgba(255, 255, 255, 0.7); 
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(10px);
}

.container .container-bx .main .profile .fixed{
  position: fixed;
  width: 48%;
  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{
  cursor: pointer;
}
.container .container-bx .main .profile .profile-return .bx .username{
  margin-left: 15px;
  width: 100%;
}
.container .container-bx .main .profile .profile-return .bx .rep{
  display: flex;
}
.container .container-bx .main .profile .profile-return .bx .rep .rep-bx{
  display: flex;
  margin: auto;
  margin-right: 0;
}
.container .container-bx .main .profile .profile-return .bx .rep .rep-bx button{
  background: none;
  outline: none;
  border: none;
  margin-right: 6px;
}
.container .container-bx .main .profile .profile-return .bx .rep .rep-bx button i{
  font-size: 15px;
}
.container .container-bx .main .profile .profile-return .bx .rep .rep-bx p{
  font-size: 14px;
}
.container .container-bx .main .profile .profile-return .bx .rep .rep-bx p i{
  margin-left: 4px;
}

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

.container .container-bx .main .profile .profile-return .bx .username h1{
  font-size: 20px;
  font-weight: 600;
}
.container .container-bx .main .profile .profile-return .bx .username img{
  width: 25px;
  height: 25px;
  margin-left: 4px;
}

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


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

.container .container-bx .main .profile .profile-head .profile-banner{
  width: 100%;
  height: 180px;
  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-banner video{
  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: 132px;
  height: 132px;
  border-radius: 100px;
  background: #000;
  margin-top: -70px;
  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: 132px;
  height: 132px;
  object-fit: cover;
  border-radius: 100px;
  z-index: 1;
  position: absolute;
}
.container .container-bx .main .profile .profile-head .profile-options .logo video{
  width: 132px;
  height: 132px;
  object-fit: cover;
  border-radius: 100px;
  z-index: 1;
  position: absolute;
}

.container .container-bx .main .profile .profile-head .profile-options .logo .border-effect{
  width: 143px;
  height: 143px;
  border-radius: 2.5px;
  position: absolute;
  border-radius: 100px;
  top: -5px;
  left: -5.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;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  text-decoration: none;
  font-size: 14px;
  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: 14px;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

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

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

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

.container .container-bx .main .profile .profile-info .bx .username p{
  font-size: 15px;
  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: 10px;
}

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

.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: 15px;
  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: 14px;
  outline: none;
  color: #0009;
}


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

.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 .info{
  text-decoration: none;
  outline: none;
  color: #000;
}

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

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

.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: 14px;
  color: #555;
}

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

.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: 15px;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  color: #000;
  display: flex;
}

.container .container-bx .main .profile .profile-content .card .content .text{
  width: 100%;
}
.card .content .text .details-of-post{
  width: 100%;
  padding-top: 2px;
  margin-bottom: 15px;
}
.card .content .text .details-of-post ul{
  width: 100%;
  display: flex;
}
.card .content .text .details-of-post ul li{
  list-style: none;
  margin: 0 9px 0 0;
  padding: 5px 5px;
  border-radius: 15px;
  background: var(--form-color);
  font-size: 13px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.card .content .text .details-of-post ul li.price{
  color: var(--primary-color);
  font-weight: 600;
}
.card .content .text .details-of-post ul li i{
  margin-right: 6px;
}

.container .container-bx .main .profile .profile-content .card .content .text .category{
  font-size: 13px;
  background: #ccc2;
  color: #0009;
  border-radius: 15px;
  padding: 5px 10px;
}

.container .container-bx .main .profile .profile-content .card .content .text .h1-share{
  margin-top: 14px;
}

.container .container-bx .main .profile .profile-content .card .content .text h1{
  font-size: 15px;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.container .container-bx .main .profile .profile-content .card .content .text p{
  font-size: 15px;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  color: #555;
}

.container .container-bx .main .profile .profile-content .card .content .text .quotes{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.container .container-bx .main .profile .profile-content .card .content .text .quotes label{
  width: 49%;
  padding: 2px 0;
  display: flex;
  border-radius: 15px;
  font-weight: 500;
  background: #e8f8f5;
  border: 2px solid transparent;
}

.container .container-bx .main .profile .profile-content .card .content .text .quotes label p{
  color: #148f77;
  font-size: 14px;
}

.container .container-bx .main .profile .profile-content .card .content .text .quotes .none{
  background: #fdedec;
  color: #e74c3c;
}

.container .container-bx .main .profile .profile-content .card .content .text .quotes .none p{
  color: #b03a2e;
}

.container .container-bx .main .profile .profile-content .card .content .text .quotes .check{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  transition: .2s;
}

.container .container-bx .main .profile .profile-content .card .content .text .quotes label .bx{
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

.container .container-bx .main .profile .profile-content .card .content .text .details{
  width: 100%;
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
}

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

.container .container-bx .main .profile .profile-content .card .content .text .details ul p{
  margin: 0 10px 0 0;
  font-size: 13px;
  color: #0009;
}

.container .container-bx .main .profile .profile-content .card .content .text .details ul span{
  margin: 0 10px 0 0;
  font-size: 13px;
  color: #0009;
}

.container .container-bx .main .profile .profile-content .card .content .text .details ul p i,
.container .container-bx .main .profile .profile-content .card .content .text .category i,
.container .container-bx .main .profile .profile-content .card .content .text .details ul span i{
  margin-right: 4px;
}

.container .container-bx .main .profile .profile-content .card .content .text .details ul span .red{
  color: #b03a2e;
}

.container .container-bx .main .profile .profile-content .card .content .text .details ul span .green{
  color: #148f77;
}

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

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

.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: 14px 0;
  background: var(--primary-color);;
  color: #fff;
  font-size: 13px;
  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: 14px;
}

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

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

/*Opiniones de usuario*/
.container .container-bx .main .profile .profile-content .card-opinion{
  width: 100%;
  padding: 15px 0;
  margin: 0 0 0px 0;
  border-bottom: 1px solid #0001;
  display: flex;
}

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

.container .container-bx .main .profile .profile-content .card-opinion .bx .stars{
  width: 100%;
  display: flex;
}

.container .container-bx .main .profile .profile-content .card-opinion .bx .stars i{
  color: var(--primary-color);
  margin: 0 7px 0 0;
  font-size: 13px;
}

.container .container-bx .main .profile .profile-content .card-opinion .bx .stars p{
  color: #000;
  font-size: 12px;
  margin-left: 4px;
  margin-top: 1px;
}

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

.container .container-bx .main .profile .profile-content .card-opinion .bx .text .message h2{
  font-size: 14px;
  font-weight: 400;
}

.container .container-bx .main .profile .profile-content .card-opinion .bx .text .message a{
  font-size: 13px;
  color: #0009;
}

.container .container-bx .main .profile .profile-content .card-opinion .bx .text .message a i{
  margin-right: 6px;
}

/*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: 16px;
}

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

.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: 32.5%;
  border-radius: 15px;
  margin: 0 0 20px 0;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  color: #000;
}

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


/*Compartir publicaciones*/

.container .container-bx .main .share-post-header{
  position: fixed;
  width: 48%;
  background: #fff;
  z-index: 105;
  height: 80px;
  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: 30px;
  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: 13px;
  font-weight: 600;
}

.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{
  display: flex;
  text-decoration: none;
  outline: none;
  color: #000;
}

.container .container-bx .main .share-post-header .txt #return-post{
  margin: auto 0;
  margin-right: 20px;
  font-size: 18px;
  width: auto;
}

.container .container-bx .main .share-post-header .txt img{
  width: 30px;
  height: 30px;
  margin-right: 4px;
}

.container .container-bx .main .share-post-header .txt .open-responsive-menu{
  display: none;
}

.container .container-bx .main .share-post-header .txt h1{
  font-size: 20px;
  margin-top: 2.5px;
}

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

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


/*Banner predicciones*/
.container .container-bx .main .share-post .predecir-banner{
  width: 95%;
  height: 110px;
  margin: auto;
  display: flex;
  border-radius: 15px;
  overflow: hidden;
  background: #000000;
}

.container .container-bx .main .share-post .predecir-banner .bx{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.container .container-bx .main .share-post .predecir-banner .bx .txt{
  width: 55%;
  margin: auto 5%;
}

.container .container-bx .main .share-post .predecir-banner .bx .txt h1{
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.container .container-bx .main .share-post .predecir-banner .bx .txt h1 span{
  font-weight: 600;
}

.container .container-bx .main .share-post .predecir-banner .bx .img{
  width: 35%;
  height: 100%;
  z-index: 1;
}

.container .container-bx .main .share-post .predecir-banner .bx .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .4s;
}


/*Categorias de compra*/
.container .container-bx .main .share-post .categories-area{
  width: 95%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.container .container-bx .main .share-post .categories-area .card{
  width: 33%;
  height: 105px;
  border-radius: 10px;
  background: #ccc2;
  position: relative;
  cursor: pointer;
}

.container .container-bx .main .share-post .categories-area .card .image{
  width: 100%;
  height: 100%;
  position: absolute;
}

.container .container-bx .main .share-post .categories-area .card .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.container .container-bx .main .share-post .categories-area .card .text{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.51) 30%, rgba(0, 0, 0, 0) 100%);
  border-radius: 10px;
}

.container .container-bx .main .share-post .categories-area .card .text p{
  color: #fff;
  font-weight: 600;
  position: absolute;
  left: 15px;
  bottom: 20px;
  font-size: 14px;
}

.container .container-bx .main .share-post .rules{
  width: 95%;
  border-radius: 10px;
  display: flex;
  height: 75px;
  margin: 0 auto;
  margin-top: 15px;
}

.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 .share-post .rules-bx .txt{
  width: 95%;
  margin: auto;
  display: flex;
}

.container .container-bx .main .share-post .rules-bx i{
  margin-right: 10px;
  color: var(--primary-color);
}

.container .container-bx .main .share-post .rules-bx p{
  font-size: 14px;
  color: #0009;
}


.container .container-bx .main .share-post .bx .post{
  width: 100%;
  height: 155px;
  margin-top: 20px;
}

.container .container-bx .main .share-post .bx .post .input-area{
  width: 100%;
  height: 155px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--form-color);
  border-radius: 10px;
  position: relative;
}

.container .container-bx .main .share-post .bx .post .input-area textarea{
  width: 95%;
  height: 100px;
  background: none;
  outline: none;
  border: none;
  font-family: 'Inter',sans-serif;
  padding: 20px 25px;
}

.container .container-bx .main .share-post .bx .post .input-area textarea::placeholder{
  color: #0008;
}

.container .container-bx .main .share-post .bx .post .input-area .options{
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  position: absolute;
  bottom: 20px;
  display: flex;
  justify-content: space-between;
}

.container .container-bx .main .share-post .bx .post .input-area .options ul{
  display: flex;
}

.container .container-bx .main .share-post .bx .post .input-area .options ul li{
  margin: 0 15px 0 0;
  list-style: none;
}

.container .container-bx .main .share-post .bx .post .input-area .options ul li i{
  color: #0008;
  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: 14px;
  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: 87px;
}

.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: 14px;
  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: var(--form-color);
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
}

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

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

.container .container-bx .main .body-upload form .input-upload input[type=date]{
  background: none;
  border: none;
  outline: none;
  width: 80%;
  font-family: 'Inter',sans-serif;
  margin-left: 5%;
  font-size: 13px;
  padding: 8px 0;
}
.container .container-bx .main .body-upload form .input-upload input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}

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

.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,
.fondear-content .fondear-content-bx .row .input-upload-text{
  width: 95%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.container .container-bx .main .body-upload form  .input-upload-text p,
.fondear-content .fondear-content-bx .row .input-upload-text p{
  font-size: 13px;
  color: #839192;
}

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

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

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

.container .container-bx .main .body-upload form .next-form label,
.fondear-content .fondear-content-bx .row .next-form label{
  font-size: 14px;
  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 a{
  font-size: 14px;
  padding: 14px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  background: var(--s-color);;
  border-radius: 100px;
  color: var(--primary-color);
  font-weight: 600;
  cursor: pointer;
  border: 1px solid #eee;
  text-decoration: none;
  outline: none;
}

.container .container-bx .main .body-upload form .next-form label i,
.container .container-bx .main .body-upload form .next-form a i,
.fondear-content .fondear-content-bx .row .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: var(--form-color);
  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);
  cursor: pointer;
  text-decoration: underline;
}

.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: var(--form-color);
  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;
}

.container .container-bx .main .body-upload form .transactions-history{
  margin: auto;
  margin-top: 20px;
  width: 95%;
  display: flex;
  font-size: 13px;
}

.container .container-bx .main .body-upload form .transactions-history a{
  color: var(--primary-color);
  text-decoration: underline;
  cursor: pointer;
}

.container .container-bx .main .body-upload form .transactions-history a i{
  margin-right: 7px;
}


/*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: 85px;
}
.container .container-bx .main .content-body-settings .filters{
  padding-bottom: 15px;
  width: 95%;
  margin: auto;
}
.container .container-bx .main .content-body-settings .filters .labels{
  display: flex;
  justify-content: space-between;
}
.container .container-bx .main .content-body-settings .filters .labels input{
  display: none;
}
.container .container-bx .main .content-body-settings .filters .labels label{
  padding: 10px 0;
  width: 49.5%;
  border-radius: 15px;
  background: var(--form-color);
  text-align: center;
  font-size: 13px;
  font-weight: 500;
}
.container .container-bx .main .content-body-settings .filters .labels label i{
  margin-right: 6px;
}
.container .container-bx .main .content-body-settings .filters .labels label.selected{
  background: #ccc6;
}

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


.container .container-bx .main .content-body-settings .card{
  width: 100%;
  height: 73px;
  border-bottom: 1px solid #0001;
  display: flex;
  cursor: pointer;
}

.container .container-bx .main .content-body-settings .card .bx{
  display: flex;
  justify-content: space-between;
  width: 100%;
  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: 105px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  color: #000;
}

.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: 80px;
  display: flex;
}

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

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

.container .container-bx .main .content-body-settings .product-card .bx .details .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 .content-body-settings .product-card .bx .details .text p{
  font-size: 13px;
  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 .details .text ul .entrega-pendiente{
  color: #e74c3c;
  font-weight: 500;
}

.container .container-bx .main .content-body-settings .product-card .bx .details .text #green{
  color: var(--primary-color);
}

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

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

.container .container-bx .main .content-body-settings .product-card .ventas-bx .ventas-details{
  width: 75%;
}

.container .container-bx .main .content-body-settings .product-card .ventas-bx .ventas-button{
  width: 24%;
}

/*Chat comprador*/
.container .container-bx .main .content-body-chat{
  width: 100%;
  height: 550px; /*550*/
  margin-top: 87px;
  position: relative;
}
.container .container-bx .main .content-body-chat .chat-form{
  width: 100%;
  height: 100%;
  position: absolute;
}
.chat-form .chat-form-actions{
  position: absolute;
  top: 0;
  width: 100%;
  height: 470px; /*470*/
  overflow-x: hidden;
}
.chat-form .chat-form-actions .card{
  width: 95%;
  margin: auto auto 15px auto;
  display: flex;
}
.chat-form .chat-form-actions .card .logo{
  width: 45px;
  height: 45px;
}
.chat-form .chat-form-actions .card .logo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}
.chat-form .chat-form-actions .card .message{
  width: auto;
  max-width: 85%;
  background: var(--form-color);
  border-radius: 15px;
  padding: 5px 10px;
  margin-left: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}
.chat-form .chat-form-actions .card .message p{
  font-size: 14px;
  color: #121212;
}
.chat-form .chat-form-actions .card .message p a{
  color: var(--primary-color);
  font-weight: 500;
}
.chat-form .contact{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70px;
  display: flex;
}
.chat-form .contact .bx{
  margin: auto;
  width: 95%;
  height: 50px;
  background: #F5F5F4;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
}
.chat-form .contact .bx .text{
  width: 90%;
  height: 100%;
  display: flex;
}
.chat-form .contact .bx .text input{
  width: 90%;
  height: 100%;
  margin: auto;
  border: none;
  outline: none;
  background: none;
  font-family: 'Inter',sans-serif;
}
.chat-form .contact .bx .icon{
  width: 13%;
  display: flex;
}
.chat-form .contact .bx .icon i{
  color: #fff;
  background: var(--primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 0 15px 15px 0;
}

/*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: var(--form-color);
  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;
}

.container .container-bx .main .results-body .most-wanted ul li{
  list-style: none;
}

.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: 32.3%;
  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;
  padding-bottom: 400px;
}

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

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

/*buscador*/
.container .container-bx .search{
  width: 30%;
  border-left: 1px solid #eee;
  position: fixed;
  margin-left: 70%;
  z-index: 200;
}

.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: var(--form-color);
  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 a{
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  outline: none;
  color: #000;
}

.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 .follow-users .bx .non-results-follow{
  width: 90%;
  padding: 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.container .container-bx .follow-users .bx .non-results-follow p{
  color: #0009;
  font-size: 12px;
}

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


/*fondear*/
.fondear-content{
  width: 100%;
  display: flex;
  margin-top: 87px;
}
.fondear-content .fondear-content-bx{
  width: 95%;
  margin: auto;
}
.fondear-content .fondear-content-bx .row{
  width: 100%;
}
.fondear-content .fondear-content-bx .row .card{
  width: 92%;
  padding: 15px 4%;
  display: flex;
  justify-content: space-between;
  background: var(--form-color);
  border-radius: 15px;
  margin: 0 0 10px 0;
  box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
}
.fondear-content .fondear-content-bx .row .card select{
  width: 100%;
  background: none;
  border: none;
  outline: none;
}
.fondear-content .fondear-content-bx .row .card.margin-card{
  margin-top: 20px;
  width: 100%;
  display: flex;
  padding: 15px 0;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.fondear-content .fondear-content-bx .row .card.margin-card input{
  background: none;
  outline: none;
  border: none;
  width: 92%;
  margin: auto;
}
.fondear-content .fondear-content-bx .row .card .icon{
  width: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fondear-content .fondear-content-bx .row .card .icon .bi-copy{
  cursor: pointer;
}
.fondear-content .fondear-content-bx .row .card .span{
  width: 93%;
}
.fondear-content .fondear-content-bx .row .card .span span{
  color: #0009;
  font-size: 14px;
  font-weight: 400;
}
.fondear-content .fondear-content-bx .row .image-card{
  width: 50%;
  height: 280px;
  background: var(--form-color);
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  position: relative;
}
.fondear-content .fondear-content-bx .row .image-card img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  position: absolute;
}
.fondear-content .fondear-content-bx .row .image-card #qr-loading{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  background: #ccc5;
  position: absolute;
  border-radius: 15px;
}