@charset "utf-8";
:root {
  --color-black               : #000;
  --color-negro               : var(--color-black);
  --color-gris-oscuro         : #2C2C2C;
  --color-gris-mas-oscuro     : #1F2023;
  --color-gris                : #464646;
  --color-light-gris          : #A9A9A9;
  --color-white               : #FFF;
  --color-purpura             : #F0F;
  --bs-nav-link-font-weight   : 300;
  --color-verde-claro         : #00FFE4;
  --color-azulado             : #882CDD;
  --color-azul                : #005EFF;
  --color-verde               : #2BD367;
  --color-verde-pastel        : #16DEA6;
  --color-pink                : #D037A7;
  --color-rojo-tribu          : #F449A9;
  --color-verde-tribu         : #00EFCC;
  --color-verde-celeste       : #00FFE4;
  --animate-delay             : 0.5s;
  --alertify-background       : var(--color-gris-oscuro);
  --alertify-color            : var(--color-white);
  --color-grisclaro-registro  : #252525;
  --color-grisoscuro-registro : #1D1D1D;
  --color-registro-inputs-bg  : #D9D9D9;
  --color--bg-rosado          : #FDDEF2;
}

.border-negro {
  border-color : #00FFE42B !important;
}
.bg-transparent {
  background-color : transparent !important;
}

.no-rounded {
  border-radius : 0 !important;
}

.no-border {
  border-width : 0 !important;
}

.bg-rosado {
  background-color : var(--color--bg-rosado) !important;
}

.color-rosado {
  color : var(--color--bg-rosado);
}

.bg-color-grisoscuro-registro {
  background-color : var(--color-grisoscuro-registro);
}

.color-grisoscuro-registro {
  color : var(--color-grisoscuro-registro);
}

.border-grisoscuro-registro {
  border-color : var(--color-grisoscuro-registro);
}

.bg-color-grissclaro-registro {
  background-color : var(--color-grisclaro-registro);
}

.color-grisclaro-registro {
  color : var(--color-grisclaro-registro);
}

.border-grisclaro-registro {
  border-color : var(--color-grisclaro-registro);
}

.bg-gris-mas-oscuro {
  background-color : var(--color-gris-mas-oscuro);
}

.color-gris-mas-oscuro {
  color : var(--color-gris-mas-oscuro);
}

.border-gris-mas-oscuro {
  border-color : var(--color-gris-mas-oscuro);
}

.bg-rojo-tribu {
  background-color : var(--color-rojo-tribu);
}

.color-rojo-tribu {
  color : var(--color-rojo-tribu);
}

.border-rojo-tribu {
  border-color : var(--color-rojo-tribu);
}

.bg-gris {
  background-color : var(--color-gris);
}

.border-gris {
  border-color : var(--color-gris) !important;
}

.color-gris {
  color : var(--color-gris)
}

.bg-light-gris {
  background-color : var(--color-light-gris);
}

.border-light-gris {
  border-color : var(--color-light-gris);
}

.color-light-gris {
  color : var(--color-light-gris)
}

.bg-gris-oscuro {
  background-color : var(--color-gris-oscuro);
}

.border-gris-oscuro {
  border-color : var(--color-gris-oscuro);
}

.color-gris-oscuro {
  color : var(--color-gris-oscuro)
}

.gradient {
  background-image    : linear-gradient(113deg, #052121 0%, rgba(0, 11, 28, 0.859) 80%);
  background-position : 0% 0%;
  background-repeat   : repeat;
  background-size     : cover;
}

.gradient2 {
  background-image    : linear-gradient(113deg, #052121 0%, rgba(0, 11, 28, 0.859) 80%);
  background-position : 0% 0%;
  background-repeat   : repeat;
  background-size     : cover;
}

.border-color-verde-tribu {
  border-color : var(--color-verde-tribu) !important;
}

.border-color-verde-celeste {
  border-color : var(--color-verde-celeste) !important;
}

.border-color-green {
  border-color : var(--color-verde) !important;
}

.border-color-verde-pastel {
  border-color : var(--color-verde-pastel) !important;
}

.border-color-pink {
  border-color : var(--color-pink) !important;
}

.border-color-blue {
  border-color : var(--color-azul) !important;
}

.color-black {
  color : var(--color-black) !important;
}

.color-verde-celeste {
  color : var(--color-verde-celeste) !important;
}

.color-verde-tribu {
  color : var(--color-verde-tribu) !important;
}

.bg-verde-tribu {
  background-color : var(--color-verde-tribu) !important;
}

.bg-verde-celeste {
  background-color : var(--color-verde-celeste) !important;
}

.bg-green {
  background-color : var(--color-verde) !important;
}

.bg-verde-pastel {
  background-color : var(--color-verde-pastel) !important;
}

.bg-blue {
  background-color : var(--color-azul) !important;
}

.bg-pink {
  background-color : var(--color-pink) !important;
}

.bg-black {
  background-color : var(--color-black) !important;
}

.bg-black-op {
  background-color : #0000009E;
}

.bg-purpura {
  background-color : var(--color-purpura) !important;
}

.color-white {
  color : var(--color-white) !important;
}

.border-verde-claro {
  border-color : var(--color-verde-claro) !important;
}

.bg-verde-claro {
  background-color : var(--color-verde-claro) !important;
}

.color-verde-claro {
  color : var(--color-verde-claro) !important;
}

.color-verde-pastel {
  color : var(--color-verde-pastel) !important;
}

textarea {
  resize : none;
}

/*
Al seleccionar un campo de ingreso de texto, o un select, en browser realiza un zoom. (iphone)
http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone
*/
@media screen and (-webkit-min-device-pixel-ratio : 0) {
  input[type="button"],
  input[type="submit"] {
    appearance : none;
    -webkit-appearance : none;
  }
}

.videoWrapper {
  position       : relative;
  padding-bottom : 0;
  padding-top : 100%;
  height         : 0;
}
.videoWrapper169 {
  position       : relative;
  padding-bottom : 0;
  padding-top : calc((9 / 16) * 100%);
  height         : 0;
}
.videoWrapper43 {
  position       : relative;
  padding-bottom : 0;
  padding-top : calc((3 / 4) * 100%);
  height         : 0;
}

:is(.videoWrapper,.videoWrapper169,.videoWrapper43) iframe {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}

.aspectRatioSt,
.aspectRatio43,
.aspectRatio1,
.aspectRatio169,
.aspectRatio168,
.aspectRatio167,
.aspectRatio166,
.aspectRatio165,
.aspectRatio164 {
  position : relative;
}

:is(.aspectRatioSt,.aspectRatio43,.aspectRatio1,.aspectRatio169,.aspectRatio168,.aspectRatio167,.aspectRatio166,.aspectRatio165,.aspectRatio164):before {
  display : block;
  content : " ";
  width   : 100%;
}

.aspectRatioSt {
  position : relative;
  display  : block;
  content  : " ";
  width    : 100%;
}

.aspectRatioSt:before {
  padding-top : calc((9 / 16) * 100%);
}

.aspectRatio1:before {
  padding-top : 100%;
}

.aspectRatio43:before {
  padding-top : calc((3 / 4) * 100%);
}

.aspectRatio169:before {
  padding-top : calc((9 / 16) * 100%);
}

.aspectRatio168:before {
  padding-top : calc((8 / 16) * 100%);
}

.aspectRatio167:before {
  padding-top : calc((7 / 16) * 100%);
}

.aspectRatio166:before {
  padding-top : calc((6 / 16) * 100%);
}

.aspectRatio165:before {
  padding-top : calc((5 / 16) * 100%);
}

.aspectRatio164:before {
  padding-top : calc((4 / 16) * 100%);
}

:is(.backCover,.backContain) {
  background-position : center;
  background-repeat   : no-repeat;
}

.backCoverSt {
  background-position : center;
  background-size     : contain;
  background-repeat   : no-repeat;
}

.backCover {
  background-size : cover;
}

.backContain {
  background-size : contain;
}

input[type=password].verificado, input[type=text].verificado {
  border     : none;
  box-shadow : 0 0 7px rgba(var(--bs-light-rgb), 0.5);
}

:is(textarea,select,input:is([type=password],[type=text],[type=email],[type=url])).incorrecto{
border     : 1px solid red;
  box-shadow : 0 0 7px red
}

.mid-articulos .list a span.thumbnail {
  background-size     : cover;
  background-position : center;
  background-repeat   : no-repeat;
  display             : block;
}

.bodymask {
  background-color : #FFF;
  display          : none;
  position         : fixed;
  top              : 0;
  left             : 0;
  z-index          : 1000;
  opacity          : .7;
}

.paginacion span,
.paginacion a {
  color            : #FFF;
  text-decoration  : none;
  margin           : 5px;
  background-color : #658582;
  padding          : 5px 10px;
  transition       : .5s;
}

.paginacion a:hover,
.paginacion span {
  background-color : #FFF !important;
  color            : #658582;
  transition       : .5s;
}

.paginacion span {
  border : 1px solid #658582;
}

.btn-entrar {
  transition       : .5s;
  background-color : var(--color-black);
  color            : var(--color-verde-claro);
  border-color     : var(--color-black) !important;
  padding-right    : 3rem !important;
  padding-left     : 3rem !important;
}

.btn-entrar:hover {
  background-color : var(--color-verde-claro) !important;
  color            : var(--color-black) !important;
  transition       : .5s;
  border-color     : var(--color-verde-claro) !important;
}

.btn-unirme {
  transition : .5s;
}

.btn-unirme:hover {
  transition       : .5s;
  background-color : var(--color-black) !important;
  color            : var(--color-verde-claro) !important;
}
.cont-mapa {
  top                 : -288px;
  background-image    : url(/imagenes/Mapa@2x.png);
  background-size     : auto 100%;
  background-position : right top;
  background-repeat   : no-repeat;
}
.btn-tribu {
  background-color : var(--color-verde-claro);
  color            : var(--color-black);
  border-color     : var(--color-verde-claro);
  transition       : .5s;
  padding-right    : 2rem !important;
  padding-left     : 2rem !important;
  font-weight      : bold !important;
  padding-top      : .5em;
  padding-bottom   : .5em;
}

.btn-tribu:hover {
  background-color : var(--color-black);
  color            : var(--color-verde-claro);
  transition       : .5s;
}

.btn-tribu-inverted {
  background-color : var(--color-black);
  color            : var(--color-verde-claro);
  border-color     : var(--color-verde-claro);
  transition       : .5s;
  padding-right    : 3rem !important;
  padding-left     : 3rem !important;
  font-weight      : bold !important;
}

.btn-tribu-inverted:hover {
  background-color : var(--color-verde-claro);
  color            : var(--color-black);
  transition       : .5s;
}

.mid-portada .carrousel .item .photo {
  max-width : 150px;
  width     : 100%;
  margin    : 0 auto;
  border    : 1px solid;
}

.photo-circular {
  border-radius : 500px
}

.mid-portada .swiper-slide {
  max-width : 390px;
  width     : 100%;
}

.mid-portada .swiper-slide .item {
  padding-top : 47%;
}

.mid-portada .swiper-slide .item .rounded {
  border-radius : 1em !important;
}

.mid-portada .swiper-slide .item .gradient-black {
  border-bottom-left-radius  : 1em !important;
  border-bottom-right-radius : 1em !important;
}

.mid-portada .cont-photo {
  margin-top : -57px;
  position   : relative;
}

.bg-item-evento {
  background : rgb(0, 0, 0);
  background : -moz-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
  background : -webkit-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
  background : linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
  filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.bg-secEventos {
  background : rgb(255, 255, 255);
  background : -moz-linear-gradient(162deg, rgba(255, 255, 255, 1) 0%, rgba(248, 203, 255, 1) 80%);
  background : -webkit-linear-gradient(162deg, rgba(255, 255, 255, 1) 0%, rgba(248, 203, 255, 1) 80%);
  background : linear-gradient(162deg, rgba(255, 255, 255, 1) 0%, rgba(248, 203, 255, 1) 80%);
  filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f8cbff", GradientType=1);
}

:is(.mid-html-membresias,.mid-portada) :is(.accordion-item,.accordion-button) {
  background-color : transparent !important;
  color            : var(--color-white);
  border-top       : none;
  border-left      : none;
  border-right     : none;
  border-radius    : none;
}

:is(.mid-sobre-tribu) .accordion-item {
  background-color : unset;
  margin-bottom    : 5px !important;
}

:is(.mid-sobre-tribu) :is(.accordion-item,.accordion-button) {
  color         : var(--color-white);
  border-top    : none;
  border-bottom : none;
  border-left   : none;
  border-right  : none;
  border-radius : none;
}

.mid-sobre-tribu .accordion-button:not(.collapsed) {
  box-shadow : none !important; /* inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);*/
}

:is(.mid-html-membresias,.mid-portada,.mid-sobre-tribu) :is(.accordion-button:not(.collapsed)::after,.mid-portada .accordion-button::after) {
  background-image : url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9JyNmZmYnIGQ9Ik0xMSAxMXYtMTFoMXYxMWgxMXYxaC0xMXYxMWgtMXYtMTFoLTExdi0xaDExeiIvPjwvc3ZnPg==") !important;
}

:is(.mid-html-membresias,.mid-portada,.mid-sobre-tribu) .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius : 0;
  border-bottom-left-radius  : 0;
}

:is(.mid-html-membresias,.mid-portada,.mid-sobre-tribu).accordion-button:focus {
  border     : none;
  box-shadow : none;
}

:is(.mid-preguntas-frecuentes) :is(.accordion-item, .accordion-button) {
  background-color : var(--color-gris-oscuro);
  color            : var(--color-white);
  border-top       : none;
  border-left      : none;
  border-right     : none;
  border-radius    : 7px !important;
  border-bottom    : none;
  box-shadow       : none !important;
}

:is(.mid-html-membresias) :is(.accordion-button) {
  border-top          : none;
  border-left         : none;
  border-right        : none;
  border-radius       : 0 !important;
  border-bottom       : 1px !important;
  border-bottom-color : #000 !important;
  border-bottom-style : solid !important;
  box-shadow          : none !important;
}

:is(.mid-html-membresias,.mid-preguntas-frecuentes) .accordion-header {
  border-bottom : none;
}

:is(.mid-html-membresias,.mid-preguntas-frecuentes) :is(.accordion-button:not(.collapsed)::after,.mid-portada .accordion-button::after) {
  background-image : url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9JyNmZmYnIGQ9Ik0xMSAxMXYtMTFoMXYxMWgxMXYxaC0xMXYxMWgtMXYtMTFoLTExdi0xaDExeiIvPjwvc3ZnPg==") !important;
}

:is(.mid-html-membresias,.mid-preguntas-frecuentes) .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius : 0;
  border-bottom-left-radius  : 0;
}

:is(.mid-html-membresias,.mid-preguntas-frecuentes).accordion-button:focus {
  border     : none;
  box-shadow : none;
}
.topBar {
  z-index : 1;
  display : none;
}

.portada-init .topBar {
  display : block !important;
}

.background-gradient-claro {
  background : rgb(156, 237, 232);
  background : -moz-linear-gradient(139deg, rgba(156, 237, 232, 1) 0%, rgba(245, 216, 241, 1) 76%);
  background : -webkit-linear-gradient(139deg, rgba(156, 237, 232, 1) 0%, rgba(245, 216, 241, 1) 76%);
  background : linear-gradient(139deg, rgba(156, 237, 232, 1) 0%, rgba(245, 216, 241, 1) 76%);
  filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr="#9cede8", endColorstr="#f5d8f1", GradientType=1);
}

.bar-gradient {
  height     : 1em;
  background : rgb(0, 0, 0);
  background : -moz-linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(156, 236, 185, 1) 100%);
  background : -webkit-linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(156, 236, 185, 1) 100%);
  background : linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(156, 236, 185, 1) 100%);
  filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#9cecb9", GradientType=1);
}

.btnPayment {
  border-collapse : collapse;
  transition      : .5s;
  border          : 2px solid var(--color-white);
}

.btnPayment.active {
  border     : 2px solid var(--color-azul);
  transition : .5s;
}

.card.border {
  border-style : solid !important;
  border-width : 1px !important;
}

.card-footer.card-clean {
  background-color : transparent !important;
  border-top       : none !important;
}

img.persona {
  width         : 150px;
  margin-bottom : 1em;
}

img.round {
  border-radius : 100%;
}

.domos-init .cont-persona {
  font-size : 10px;
  width     : 108px;
  margin    : 0 0 19px 0;
}

.domos-init .cont-persona small {
  font-size : 8px !important;
}

.domos-init img.persona {
  width         : 67px;
  margin-bottom : 0;
}

.domos-init .persona-javier img.persona {
  width         : 43px;
  margin-bottom : 0;
}

.domos-init .persona-javier {
  font-size   : 12px;
  line-height : 16px;
  width       : unset;
}

.domos-init img.round {
  border-radius : 100%;
}

.cont-persona strong {
  font-weight : normal;
}

.cont-persona small {
  text-transform : uppercase;
  font-weight    : bold;
}

.domos-init .cont-persona strong {
  font-weight : bold;
}

.domos-init .cont-persona small {
  font-weight : normal;
  color       : var(--color-verde-tribu);
  font-style  : italic;
  font-size   : 8px !important;
}

.accordion-icono {
  width : 40px;
}

.degradeChanfleado {
  top                 : 0;
  left                : 0;
  height              : 100%;
  width               : 100%;
  background-position : top right;
  background-size     : auto 100%;
  background-repeat   : no-repeat;
}

.cont-descuentosExclusivos hr {
  border-width : 1px;
}

.fondo-mapa {
  background-size     : contain;
  background-position : 81% 0;
  background-repeat   : no-repeat;
}

.cont-poaps img {
  width     : 100%;
  max-width : 180px;
}


#completeDataForm2 tags.form-control {
  margin  : 0;
  padding : 0 !important;
  height  : auto !important;
  display : flex;
}

#completeDataForm2 tags.form-control .tagify__input {
  width : 100%;
  order : -1;
}

:is(#resetp1Form,#resetp2Form,#completeDataForm,#completeDataForm2,#joinForm,#loginForm) :is(.form-floating,.form-group) label {
  color   : var(--color-gris-oscuro);
  padding : .5rem .75rem;
}

.LogoLogin img {
  max-height : 86px;
}

:is(.users-resetp,.users-login,.users-join,.user-completeData,.user-membresias) .col-with-gradient {
  background : rgb(28, 60, 27);
  background : -moz-linear-gradient(153deg, rgba(28, 60, 27, 1) 0%, rgba(0, 0, 0, 1) 23%, rgba(0, 0, 0, 1) 63%, rgba(1, 4, 115, 1) 100%);
  background : -webkit-linear-gradient(153deg, rgba(28, 60, 27, 1) 0%, rgba(0, 0, 0, 1) 23%, rgba(0, 0, 0, 1) 63%, rgba(1, 4, 115, 1) 100%);
  background : linear-gradient(153deg, rgba(28, 60, 27, 1) 0%, rgba(0, 0, 0, 1) 23%, rgba(0, 0, 0, 1) 63%, rgba(1, 4, 115, 1) 100%);
  filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c3c1b", endColorstr="#010473", GradientType=1);
}

.h-auto {
  height : auto !important;
}

:is(.users-resetp,.users-login,.users-join,.user-completeData,.user-membresias) .btn-tribu-inverted {
  border           : 1px #222 solid;
  background-color : #222;
  color            : var(--color-white);
}

:is(.users-resetp,.users-login,.users-join,.user-completeData,.user-membresias) .btn-tribu-inverted:hover {
  border : 1px var(--color-white) solid;
}

.AjaxCallWithPreload_bodymask {
  background-color : #000;
}

.AjaxCallWithPreload_bodymask > div i {
  color : #FFF;
}

.alertify .ajs-header {
  color         : var(--alertify-color);
  border-bottom : 1px solid var(--color-negro);
}

.alertify .ajs-body {
  color : var(--alertify-color);
}

.alertify .ajs-footer {
  border-top : 1px solid var(--color-negro);
  color      : var(--alertify-color);
}

.ajs-dialog {
  background-color : #000000E5 !important;
  border-radius    : 15px !important;
}

:is(.alertify .ajs-footer,.alertify .ajs-header) {
  background : none !important;
}

.overflow-x-hidden {
  overflow-x : hidden !important;
}

:is(.mid-beneficios, .mid-user-perfil, .mid-eventos) .nav-tabs {
  border-bottom-color : var(--color-gris);
}

:is(.mid-beneficios, .mid-user-perfil, .mid-eventos) :is(.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link) {
  color            : var(--color-white);
  background-color : transparent;
  border           : none;
  padding-left     : 0;
  padding-right    : 1.5em;
  opacity          : 0.6;
}

:is(.mid-beneficios,.mid-user-perfil,.mid-eventos) :is(.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active) {
  color   : var(--color-white);
  opacity : 1;
}

.small, small {
  font-size : .875em !important;
}

.x-small {
  font-size : .7em !important;
}

.border-none {
  border : none !important;
}

.cont-user-date {
  border        : 1px solid var(--color-verde-tribu);
  width         : 100%;
  max-width     : 6em;
  margin        : 0 auto;
  border-radius : 12px !important;
}

.cont-user-date .user_mes {
  color                   : var(--color-black);
  background-color        : var(--color-verde-tribu);
  text-align              : center;
  font-weight             : bold;
  padding                 : 0 0 3px 0;
  border-top-left-radius  : 12px !important;
  border-top-right-radius : 12px !important;
}

.cont-user-date .user_day {
  text-align  : center;
  padding     : 10px 0 13px 0;
  font-size   : 3em;
  font-weight : normal;
}

.cursor-pointer {
  cursor : pointer;
}

.row-beneficio {
  transition : .5s;
}

.row-beneficio:hover {
  border-color : var(--color-verde-pastel) !important;
  transition   : .5s;
}

.formError.inline {
  display    : block;
  text-align : center;
}

.cont-swipper {
  margin-top : 0px;
}

.rounded-bottom-3 {
  border-bottom-right-radius : var(--bs-border-radius-lg) !important;
  border-bottom-left-radius  : var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius : var(--bs-border-radius-xl) !important;
  border-bottom-left-radius  : var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius : var(--bs-border-radius-2xl) !important;
  border-bottom-left-radius  : var(--bs-border-radius-2xl) !important
}

.alertify-blanco .ajs-dialog {
  background-color : var(--color-white) !important;
  color            : var(--color-negro) !important;
}

.user-image {
  font-size : 2em;
  padding   : 2px 10px;
}

.alertify .ajs-body {
  font-family : inherit;
}

.LogoMetaMask {
  height : 2em;
}

.nft-cocarda {
  z-index : 1;
  right   : 1em;
  top     : 8px !important;
}

.accordion-button::after {
  display : none;
}

:is(.mid-html-membresias,.mid-portada,.mid-sobre-tribu) .accordion-button.collapsed i {
  transition : .5s;
  transform  : rotate(1turn);
}

:is(.mid-html-membresias,.mid-portada,.mid-sobre-tribu) .accordion-button i {
  transition : .5s;
  transform  : rotate(.5turn);
}

.mid-html-membresias .card-body .min-height {
  min-height : 7em;
}

.cont-descuentosExclusivos .min-height {
  min-height : 3em;
}

.mid-portada .swiper-slide .item .subtitulo {
  min-height : 13em;
}

.mid-portada .swiper-slide .item .title {
  min-height : 7em;
}

.btnAmpliar:not(.active) .color-verde-tribu {
  color : #CCC !important;
}

.btnAmpliar:not(.active) {
  opacity : .6;
}

.alertify :is(.ajs-header,.ajs-footer) {
  border : none !important;
}

.ajs-button {
  border        : none;
  border-radius : 7px;
}

.robot-brazos-alzados {
  margin-top : 0;
}

.TextoPortadaH1 {
  font-weight    : 800 !important;
  letter-spacing : -0.05rem;
  font-size      : 2em;
  line-height    : 1.3em;
}

.textoPortadaP {
  font-size   : 1.3rem;
  font-weight : 300 !important;
}

.comunidades-title {
  font-size : 1rem !important
}

.onlyDesktop {
  display : none;
}

.onlyMobile {
  display : block;
}

@media (min-width : 400px) {
  .d-xsm-none {
    display : none !important
  }

  .d-xsm-block {
    display : block !important
  }
}

@media (min-width : 576px) {
  .over-carousel-domos {
    top       : 50% !important;
    transform : translateY(-50%) !important;
  }

  .TextoPortadaH1 {
    font-weight    : 800 !important;
    letter-spacing : -0.05rem;
    font-size      : 3.7em;
  }

  .textoPortadaP {
    font-size   : 1.6rem;
    font-weight : 300 !important;
  }

  .border-sm-none {
    border : none !important;
  }

  .aspectRatio-sm-Remove {
    padding-top : 0 !important;
  }

  .aspectRatio-sm-1:before {
    padding-top : 100% !important;
  }

  .aspectRatio-sm-43:before {
    padding-top : calc((3 / 4) * 100%) !important;
  }

  .aspectRatio-sm-169:before {
    padding-top : calc((9 / 16) * 100%) !important;
  }

  .aspectRatio-sm-164:before {
    padding-top : calc((4 / 16) * 100%) !important;
  }
}

@media (min-width : 768px) {
  .domos-init .cont-persona {
    font-size : 13px;
    width     : 108px;
    margin    : 0 0 19px 0;
  }

  .domos-init .cont-persona small {
    font-size : 10px !important;
  }

  .d-md-none {
    display : none !important;
  }

  .domos-init .cont-persona {
    width : 203px;
  }

  .margin-negative-domos {
    margin-top : 0 !important
  }

  .owl-carousel-o .owl-carousel-o-slide {
    padding : 0 5em !important;
  }
  .border-md-none {
    border : none !important;
  }

  .border-md-start {
    border-left : var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }

  .onlyDesktop {
    display : block;
  }

  .onlyMobile {
    display : none;
  }

  .robot-brazos-alzados {
    margin-top   : -139px;
    margin-right : -70px;
  }

  .cont-swipper {
    margin-top : -70px;
  }

  .aspectRatio-md-1:before {
    padding-top : 100% !important;
  }

  .aspectRatio-md-43:before {
    padding-top : calc((3 / 4) * 100%) !important;
  }

  .aspectRatio-md-169:before {
    padding-top : calc((9 / 16) * 100%) !important;
  }

  .aspectRatio-md-164:before {
    padding-top : calc((4 / 16) * 100%) !important;
  }

  .h-md-100 {
    height : 100% !important;
  }
}

@media (max-width : 992px) {
  .degradeChanfleado {
    background-image : none !important;
  }
}

@media (min-width : 992px) {
  .margin-negative-domos {
    margin-top : -5em !important;
  }

  .comunidades-title {
    font-size : 1.3rem !important
  }

  .border-lg-start {
    border-left : var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }

  .aspectRatioSt:before {
    padding-top : calc((16 / 13) * 100%);
  }

  .cont-btns-compartir {
    opacity       : 1;
    transition    : .5s;
    overflow      : hidden;
    height        : 5em !important;
    margin-top    : 1em !important;
    margin-bottom : 1em !important;
  }

  .btns-compartir {
    margin-left      : 0 !important;
    top              : -41px !important;
    width            : 17em !important;
    transform        : translateX(0) !important;
    white-space      : nowrap !important;
    background-color : var(--color-gris);
    padding          : 1em !important;
    border-radius    : 8px;
    text-align       : right !important;
    display          : inline-block !important;
  }

  .border-lg-none {
    border : none !important;
  }

  .aspectRatio-lg-1:before {
    padding-top : 100% !important;
  }

  .aspectRatio-lg-43:before {
    padding-top : calc((3 / 4) * 100%) !important;
  }

  .aspectRatio-lg-169:before {
    padding-top : calc((9 / 16) * 100%) !important;
  }

  .aspectRatio-lg-164:before {
    padding-top : calc((4 / 16) * 100%) !important;
  }

  :is(.users-resetp,.users-login,.users-join,.user-completeData) .col-with-gradient {
    background : none !important;
    filter     : none !important;
  }
}

@media (min-width : 1200px) {
  .aspectRatio-xl-1:before {
    padding-top : 100% !important;
  }

  .aspectRatio-xl-43:before {
    padding-top : calc((3 / 4) * 100%) !important;
  }

  .aspectRatio-xl-169:before {
    padding-top : calc((9 / 16) * 100%) !important;
  }

  .aspectRatio-xl-164:before {
    padding-top : calc((4 / 16) * 100%) !important;
  }
}

.color-red {
  color : red;
}

.color-green {
  color : green;
}

.gradient-green {
  background : rgb(0, 239, 204);
  background : linear-gradient(150deg, rgba(0, 239, 204, 1) 0%, rgba(0, 208, 204, 1) 100%);
}

.gradient-black {
  background : rgb(26, 26, 26);
  background : linear-gradient(90deg, rgba(26, 26, 26, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

#sec-nft .owl-item > div {
  height : 100%;
}

:is(#sec-nft,#sec-beneficios) .owl-theme .owl-nav {
  position   : absolute;
  top        : 0;
  left       : 0;
  width      : 100%;
  height     : 100%;
  margin-top : 0;
}

:is(#sec-nft,#sec-beneficios) .owl-theme .owl-nav :is(.owl-prev, .owl-next) {
  top              : 50%;
  display          : block;
  background-color : transparent;
  transform        : translateY(-50%);
  position         : absolute;
  text-align       : center;
  font-style       : initial;
  font-size        : 2em;
  color            : var(--color-light-gris);
  margin           : 0;
}

:is(#sec-nft,#sec-beneficios) .owl-theme .owl-nav .owl-prev {
  left : -1em;
}

:is(#sec-nft,#sec-beneficios) .owl-theme .owl-nav .owl-next {
  right : -1em;
}

:is(#sec-nft,#sec-beneficios) .owl-theme .owl-dots {
  margin-top : 2em;
  position   : absolute;
  width      : 100%;
  bottom     : -44px;
}

.redondo {
  border-radius : 1000px
}

.redondo {
  border-radius : 1000px;
  text-align    : center;
  display       : inline-block;
  width         : 2em;
  font-size     : 2em;
  height        : 2em;
  padding-top   : 6px;
}

.form-mentorias {
  border  : 2px solid var(--color-gris);
  padding : 1.2em 1.2em;
}

.mentorias-sent-ok,
.mentorias-not-logged {
  top              : 0;
  left             : 0;
  background-color : rgba(0, 0, 0, 0.9);
  border-radius    : 12px;
}

.mentorias-sent-ok {
  background-color : rgba(0, 0, 0, 1);
}

.mid-portada .cont-photo img {
  margin-top : -35%;
  width      : 100%;
}

.clickeable {
  cursor : pointer;
}

.owl-carousel .owl-stage-outer {
  z-index : 1;
}

.popover-item {
  position : relative;
}

.popover-content {
  display  : none;
  position : absolute;
  left     : 105%;
  z-index  : 111;
  width    : 300px;
}

.popover-content:hover {
  display : none !important;
}

.popover-item:hover .popover-content {
  display : block;
}

.popover-content h1 {
  font-size : 20px;
}

.withcollapse i.fa-chevron-circle-down {
  display : none;
}

.withcollapse i.fa-chevron-circle-up {
  display : initial;
}

.withcollapse.collapsed i.fa-chevron-circle-down {
  display : initial;
}

.withcollapse.collapsed i.fa-chevron-circle-up {
  display : none;
}

.iti {
  display : block;
}

.choices {
  color : var(--color-grisoscuro-registro);
}

.choices__inner {
  background-color : var(--color-registro-inputs-bg);
}

.choices__placeholder {
  opacity : 1;
}

.choices[data-type*="select-one"] .choices__input {
  background-color : var(--color-registro-inputs-bg);
}

.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color : var(--color-registro-inputs-bg);
}

.tagify__dropdown {
  color : var(--color-gris-oscuro)
}

.mid-user-perfil .form-control {
  border : 1px solid var(--color-gris) !important;
}

#formModPerfil .form-control {
  padding : .575rem .75rem;
}

#formModPerfil .iti__selected-dial-code {
  color : #FFF;
}

span.interes {
  background-color : var(--color-grisclaro-registro);
  padding          : .3em .8em;
  margin-bottom    : .4em;
  display          : inline-block;
  border-radius    : .4em;
  font-size        : small;
}

.barra-progreso-registro {
  width : 100%;
}

.barra-progreso-registro-barra {
  border : 1px solid var(--color-verde-claro);
  height : 2px;
}

@media (min-width : 768px) {
  .w-md-50 {
    width : 50% !important;
  }

  .w-md-25 {
    width : 25% !important;
  }

  .barra-progreso-registro {
    width : 20%;
  }

  .position-md-absolute {
    position : absolute !important;
  }

  .over-carousel-c, .over-carousel-st, .over-carousel-domos {
    top        : 50% !important;
    transform  : translateY(-50%) !important;
    left       : 0;
    width      : 100%;
    z-index    : 111111111;
    background : none !important;
    bottom     : unset !important;
  }

  :is(.over-carousel-st,.over-carousel-c) h1 {
    line-height : 60px;
  }
}

:is(.btnLogin, .btnJoin):hover {
  color : var(--color-verde-tribu) !important;
}

.btn-paso5-next {
  float    : right;
  position : relative;
}

@media (min-width : 1155px) {
  .btn-paso5-next {
    right     : 1em;
    top       : 50%;
    transform : translateY(-50%);
    float     : none;
    position  : absolute;
  }
}

.fixed-width {
  width : 3em;
}

.eventos-item {
  background-color : #0000009E;
  border-radius    : 8px;
}

.mentorias-item {
  background-color : #0000009E;
  border-radius    : 8px;
}

.eventos-init .border-top,
.mid-eventos .border-bottom {
  border-color : var(--color-gris) !important;
}

.btn-tribu2 {
  background-color : var(--color-verde-claro);
  color            : var(--color-black);
  border-color     : var(--color-verde-claro);
  transition       : .5s;
  padding-right    : 1.5rem !important;
  padding-left     : 1.5rem !important;
  font-weight      : bold !important;
  border-radius    : 5px;
}

.btn-tribu2:hover {
  background-color : var(--color-black);
  color            : var(--color-verde-claro) !important;
  transition       : .5s;
}

.btn-tribu2-inverted {
  background-color : var(--color-black);
  color            : var(--color-verde-claro);
  border-color     : var(--color-verde-claro);
  transition       : .5s;
  padding-right    : 1.5rem !important;
  padding-left     : 1.5rem !important;
  font-weight      : bold !important;
  border-radius    : 6px;
}

.btn-tribu2-inverted:hover {
  background-color : var(--color-verde-claro);
  color            : var(--color-black);
  transition       : .5s;
}

.evento-tipo-evento-pasado {
  color : var(--color-light-gris) !important;
}

.page-link {
  color            : var(--color-verde-celeste);
  background-color : transparent;
  border           : none;
  border-radius    : var(--bs-pagination-border-radius);
  padding          : .3em .7em;
  margin           : 0 .4em;
}

.active > .page-link, .page-link.active {
  color            : var(--color-black);
  background-color : var(--color-verde-tribu);
  border-color     : var(--color-verde-tribu);
}

.page-link:hover {
  color            : var(--color-black);
  background-color : var(--color-verde-claro);
  border-color     : var(--color-verde-celeste);
}

#Filters select {
  padding : .45rem 2.25rem .3rem .75rem;
  color   : #7B7B7B;
}

.mid-evento-ampliado h1 {
  line-height : 1.3em;
  font-weight : 700;
  font-size   : calc(2rem + 1.5vw);
}

.ajs-content a:not(.btn) {
  color : white;
}

.btns-compartir {
  max-width        : 360px;
  margin-left      : 50%;
  top              : -41px;
  width            : auto;
  transform        : translateX(-50%);
  background-color : var(--color-gris);
  padding          : 1em;
  border-radius    : 8px;
  text-align       : center;
}

.btns-compartir button {
  margin-bottom : .5em;
}

.cont-btns-compartir {
  opacity       : 1;
  transition    : .5s;
  overflow      : hidden;
  height        : 10em;
  margin-top    : 1em;
  margin-bottom : 1em;
}

.cont-btns-compartir.closed {
  opacity       : 0;
  transition    : .5s;
  overflow      : hidden;
  height        : 0em !important;
  margin-top    : 0em !important;
  margin-bottom : 0em !important;
}

:is(.colaboradores-item, .sponsor-item) img {
  height       : 4em;
  margin-right : 1em;
}

.asDisabled {
  background-color : #222 !important;
  color            : #AAA;
  border-color     : #222 !important;
}

.text-justify {
  text-align : justify;
}

.alertify .ajs-dialog {
  transition : .5s;
  top        : 0%;
  transform  : translateY(0%);
}

.alertify .ajs-dialog.centered {
  top        : 50%;
  transform  : translateY(-50%);
  margin     : auto;
  transition : .5s;
}

.showMoreFotos {
  background-color : #000000A8;
  top              : 0;
  left             : 0;
  width            : calc(100% - 10px);
  height           : calc(100% - 10px);
  text-align       : center;
  color            : #FFF;
  text-decoration  : none;
  margin           : 5px;
}

.showMoreFotos span {
  display   : block;
  top       : 50%;
  transform : translateY(-50%);
  position  : absolute;
  left      : 0;
  width     : 100%;
}

.item-foto {
  padding : 5px;
}

.fw-300 {
  font-weight : 300 !important;
}

.fw-700 {
  font-weight : 700 !important;
}

.fw-800 {
  font-weight : 800 !important;
}

.fs-275rem {
  font-size : 2.75rem;
}

.fs-16rem {
  font-size : 1.6rem;
}

:is(.feed-init,.mid-beneficios,#sec-beneficios) .clickeable .backCover {
  border     : 1px solid transparent;
  transition : .5s;
}

:is(.feed-init,.mid-beneficios,#sec-beneficios) .clickeable:hover .backCover {
  border     : 1px solid var(--color-verde-tribu);
  transition : .5s;
}

.gradient-fixed {
  background-attachment : fixed;
}

.over-carousel-domos {
  top       : 50%;
  transform : translateY(-66%);
  bottom    : 0;
  left      : 0;
  width     : 100%;
  z-index   : 111111111;
}

.over-carousel-st, .over-carousel-c {
  top        : unset;
  transform  : none;
  bottom     : 0;
  left       : 0;
  width      : 100%;
  z-index    : 111111111;
  background : rgb(0, 0, 0);
  background : -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
  background : -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
  background : linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
}

:is(.over-carousel-st,.over-carousel-c) h1 {
  line-height : auto;
}

.icon-son-parte {
  width        : 2em;
  margin-right : 13px;
}

.mid-portada .icon-son-parte {
  width : 3.5em;
}

a:is(.color-gris,.color-light-gris):hover {
  color : #FFF;
}

#sec-beneficios,
#sec-referentes,
#sec-eventos {
  background-color : #00000054 !important
}

img.likefontawesome {
  height : 1em;
}

.w-1em {
  width   : 1em;
  display : inline-block;
}

.mid-mentorias .border-bottom {
  border-bottom-color : var(--color-gris-oscuro) !important;
}

.owl-carousel-o {
  position : relative;
}

.owl-carousel-o :is(.owl-prev,.owl-next) {
  font-size  : 5em !important;
  color      : var(--color-gris-oscuro) !important;
  transition : .5s;
  position   : absolute;
  bottom     : 0;
}

.owl-carousel-o .owl-nav {
  z-index   : 111;
  position  : absolute;
  top       : 50%;
  transform : translateY(-50%);
  width     : 100%;
}

.owl-carousel-o .owl-prev {
  left : -26px;
}

.owl-carousel-o .owl-next {
  right : -26px;
}

.owl-carousel-o.owl-theme .owl-nav [class*="owl-"]:hover {
  transition      : .5s;
  background      : transparent !important;
  color           : #FFF !important;;
  text-decoration : none;
}

.owl-carousel-o .owl-carousel-o-slide {
  padding : 0 1em;
}

.clickHref {
  cursor : pointer;
}

.btn-join {
  padding-left  : 0 !important;
  padding-right : 0 !important;
  width         : 140px !important;
  display       : inline-block !important;
}

.btn-entrar {
  padding-left  : 0 !important;
  padding-right : 0 !important;
  width         : 140px !important;
  display       : inline-block !important;
}
.z-2 {
  z-index : 2;
}

.btnBorderedTransparentRounded {
  border           : 1px solid var(--color-verde-celeste);
  background-color : transparent;
  color            : var(--color-white);
  border-radius    : 15px;
  padding          : 5px 1em;
}

.btnBorderedTransparentRounded:hover {
  border           : 1px solid transparent;
  background-color : var(--color-verde-celeste) !important;
  color            : var(--color-negro) !important;
}

.feed-init .owl-nav {
  position  : absolute;
  top       : 50%;
  display   : block;
  z-index   : 11111111111;
  font-size : 4em;
  left      : 0;
  width     : 100%;
  transform : translate(-50%);
}

.feed-init .owl-nav button:is(.owl-next,.owl-prev) {opacity : .5;position : absolute;top : 0;transform : translateY(-50%);}

.feed-init .owl-nav button.owl-prev {left : -28px;position : absolute;}

.feed-init .owl-nav button.owl-next {right : -28px;position : absolute;}

.feed-init .owl-carousel-pe .owl-nav {
  transform : unset !important;
  top       : 45%;
}

.feed-init .domo {
  width  : 80px;
  height : 80px;
}

.tagQueBusca:hover,
.tagQueBusca:active,
.tagQueBusca.active,
.tagQueBusca.btn.selected {
  background-color : #00FFE4;
  border-color     : #00FFE4;
  color            : #000;
}

.btnShowLanguagues {
  background-color : #0D0D0D;
  filter           : invert(0);
  transition       : .5s;
  position         : relative;
  display          : block;
}

.btnShowLanguagues:hover {
  background-color : #FFF;
  color            : #000;
  transition       : .5s;
}

.btnShowLanguagues:is(

:active,
:focus,
:focus-visible,
:focus-within,
:target) .cont-idiomas {
  display : block;
}

.cont-idiomas {
  display      : none;
  position     : absolute;
  bottom       : -90px;
  left         : 0;
  background   : #FFF;
  color        : #000;
  z-index      : 11111;
  min-width    : 200px;
  border-color : #FFF;
}

.cont-idiomas a {
  padding       : 3px 8px;
  border-radius : 8px;
  transition    : .5s;
  color         : #000;
}

.cont-idiomas a:hover {
  transition       : .5s;
  background-color : #EEE;
}

.cont-idiomas a.selected {
  background-color : #EEE;
}

.alertify {
  z-index  : 1111111111111;
  position : relative;
}

.alertify-notifier .ajs-message {
  background    : rgba(255, 255, 255, .90);
  border        : none !important;
  border-radius : 4px;
}

.alertify-notifier .ajs-message.ajs-success {
  text-shadow : none;
}