@font-face {
  font-family: 'Poppins-Regular';
  src: url('/web/css/poppins/Poppins-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Helvetica-bold';
  src: url('/web/css/poppins/Poppins-bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Helvetica-SemiBold';
  src: url('/web/css/poppins/Poppins-SemiBold.ttf') format('truetype');
}


    
body {
  font-weight: 300 !important;
  font-family: "Poppins-Regular";
  font-size: 14px;
  background-color: #fff;
}

a {
  color: #000;
}

a:hover {
  color: #002C52;
  text-decoration: none;
}
.changeColorContainer{
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.colorsContainer{
  background-color: #FFF;
  margin-top: 15px;
  position: absolute;
  display: none;
  width: 110px;
  z-index: 25252522;
  padding: 10px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  right: 04px;
  border-radius: 03px;
}

#colores div {
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  margin: 3px;
  display: inline-block;
  cursor: pointer;
}

.saveButton {
  height: 25px;
  font-size: 12px;
  line-height: 25px;
  padding-left: 25px;
  padding-right: 25px;
  display: inline-block;
  color: #333;
  border: 0px;
  margin-top: 05px;
  font-weight: 600;
  border-radius: 05px;
  cursor: pointer;
}

.buttonChangeColor{
    display: inline-block;
    height: 34px;    
    width: 34px;
    line-height: 17px;
    font-size: 12px;
    font-weight: 600;
    color: #333;
    border-radius: 100px;
    border: 2px solid #FFF;
    cursor: pointer;
    opacity: 0.8;
}

.buttonChangeColor:hover{  
  opacity: 0.8;
}

.logoHeader{
  width: 90px;
  position: absolute;
  top: 20px;
  left: 20px;
}

.logo{
  width: 140px;
}

.logoMenuContainer{
    position: absolute;
    top: 20px;
    right: 15px;
}

.logoMenuContainerMobile{
  display: none;
}

.logoMenu{
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    width: 40px;
    height: 39px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}

.logoCompartir{
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  width: 25px;
  height: 25px;
  text-align: center;
  position: absolute;
  left: 23px;
  top: 155px;
}

.menuOptionsContainer{
  background-color: #FFF;
  margin-top: -27px;
  position: absolute;
  display: none;
  padding: 25px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  right: 30px;
  border-radius: 10px;
  width: 250px;
  z-index: 200;
}

.menuOptionsContainerA{
  background-color: #FFF;
  margin-top: -27px;
  position: absolute;
  display: none;
  padding: 25px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  right: 30px;
  border-radius: 10px;
  width: 250px;
  padding-bottom: 0px;
  z-index: 200;
}

.menuOptionsContainerMobile {  
  background-color: #FFF;
  /*display: flex;*/
  /*justify-content: center;  Centra horizontalmente */
  /*align-items: center; /Centra verticalmente */
  height: 100vh; /* Asegúrate de que el contenedor ocupe toda la altura de la ventana */
  width: 100vw; /* Asegúrate de que el contenedor ocupe todo el ancho de la ventana */
  position: fixed; /* O absolute, según tu necesidad */
  top: 0;
  left: 0;
  z-index: 1000; /* Asegúrate de que está por encima de otros elementos */
  overflow-y: scroll;
}

.iconoMenu {
  margin-right: 8px; /* Espacio entre el icono y el texto */
  color: #000; /* Color del icono */
  font-size: 14px; /* Tamaño del icono */
}

.containerCenter {
  display: flex;
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
  height: 100vh; /* Altura completa de la ventana del navegador */
}

#menuOptionsContainerMobileA{
  display: none;
}

.menuOptionMobile {
  /* display: flex;
  flex-direction: column; Si deseas que los elementos se apilen verticalmente 
  margin-top: -75px;*/
  margin-bottom: 150px;
  margin-top: 100px;
  width: 270px;
  text-align: left;
}

.iconCloseMenuMobile{
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 25px;
  cursor: pointer;
  color: #d8d8d8;
}

.menuOption{
  margin-bottom: 20px;
  cursor: pointer;
}

.menuOption4{
  margin-left: 35px;
}

.menuOption3{
  display: flex;
  align-items: center;
}

.menuOption1{
  margin-bottom: 0px;
  cursor: pointer;
}

.optionTitleMenu{
  font-size: 14px;
  color: #000000;
  font-weight: 500;
}

.optionSubtitleMenu{
  font-size: 14px;
  color: #B8B8B8;
  font-weight: 500;
  word-break: break-all;
}

.menuOptionLine{
  height: 1px;
  width: 100%;
  background-color: #e2e2e2;
  margin-bottom: 20px;
}

.profilePictureContainerAll{
  display: flex; 
  z-index: 52;
}

.profilePictureContainer{
    display: flex; 
    justify-content: center; 
    align-items: center; 
    flex-direction: column; 
    width: 150px; 
    height: 150px; 
    border-radius: 50%; 
    border: 3px solid rgb(255, 255, 255);
    box-shadow: rgb(234, 234, 234) 0px 0px 0px 3px;
    position: relative; 
    overflow: hidden; 
    text-align: center;
    background-color:  #FFF;
}

.profilePictureContainerOFF{
  display: flex; 
  justify-content: center; 
  align-items: center; 
  flex-direction: column; 
  width: 150px; 
  height: 150px; 
  border-radius: 50%; 
  border: 4px solid rgb(255, 255, 255);
  box-shadow: rgb(234, 234, 234) 0px 0px 0px 3px;
  position: relative; 
  overflow: hidden; 
  text-align: center;
  background-color:  #FFF;
}

#profileLogoContainerNone{
  display: none;
}

.containerLogoPictureProfile{
  position: relative;
  right: 20px;  
  margin-top: 115px;
}

.containerLogoPictureProfile2{
  position: relative;
  right: 0px;  
  margin-top: 115px;
}

.logoPictureContainer{
  display: flex; 
  justify-content: center; 
  align-items: center; 
  flex-direction: column; 
  width: 75px; 
  height: 75px; 
  border-radius: 50%; 
  border: 3px solid rgb(255, 255, 255);
  box-shadow: rgb(234, 234, 234) 0px 0px 0px 2px;
  cursor: pointer; 
  position: relative; 
  overflow: hidden; 
  text-align: center;
  background-color:  #FFF;
  margin-top: 220px;
  right: 32px;
}

.logoPictureContainerOFF{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid rgb(255, 255, 255);
  box-shadow: rgb(234, 234, 234) 0px 0px 0px 2px;
  position: relative;
  overflow: hidden;
  text-align: center;
  background-color: #FFF;
  position: absolute;
  left: 111px;
  top: 72px;
}

/*
.logoPictureContainerOFF{
  display: flex; 
  justify-content: center; 
  align-items: center; 
  flex-direction: column; 
  width: 150px; 
  height: 150px; 
  border-radius: 50%; 
  border: 4px solid rgb(255, 255, 255);
  box-shadow: rgb(234, 234, 234) 0px 0px 0px 3px;
  position: relative; 
  overflow: hidden; 
  text-align: center;
  background-color:  #FFF;
  margin-top: 150px;
  display: none;
}*/

#no_avatar_none{
  display: none;
}

#no_avatar_logo_none{
  display: none;
}


.imageUploadInput{
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.imageUploadInputLabel{
  font-size: 12px;
  line-height: 18px;
  color: #b3b3b3;
  font-weight: 500;
}

.imageUploadInputIcon{
  font-size: 20px;
  color: #bbbbbb;
  margin-bottom: 05px;
}

.cropper-view-box,
.cropper-face {
  border-radius: 50% !important; /* Hace que el área de recorte se vea como un círculo */
  outline: 0;
  box-shadow: 0 0 0 1px #39f;
}

.buttonBlue {
  height: 35px;
  line-height: 35px;
  padding-left: 26px;
  padding-right: 26px;
  display: inline-block;
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  background-color: #002C52;
  border-radius: 50px;
  border: 0px;
  cursor: pointer;
}

.buttonBlueGuardar {
  height: 35px;
  line-height: 35px;
  padding-left: 26px;
  padding-right: 26px;
  display: inline-block;
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  background-color: #007DBA;
  border-radius: 50px;
  border: 0px;
  cursor: pointer;
  display: none;
}

.buttonBlueDeleted {
  height: 35px;
  line-height: 35px;
  padding-left: 26px;
  display: inline-block;
  padding-right: 26px;
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  background-color: #007DBA;
  border-radius: 50px;
  border: 0px;
  cursor: pointer;
}

.headerContainer{
  margin: 0px;
}

.subHeaderContainer{  
  background-image: url(/web/images/bg_header.png);
  background-position: top top;
  background-repeat: no-repeat;
  background-color: #223447;;
  height: 160px;
  width: 100%;
  position: relative;
  border-radius: 0px;
  display: flex;
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
}

.subHeaderContainerCover{  
  background-position: top top;
  background-repeat: no-repeat;
  background-color: #223447;;
  height: 160px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  border-radius: 0px;
  display: flex;
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
}

.img-responsive {
  width: 100%;
  height: auto;
  display: inline-block;
}

.input-group2 {
  border-radius: 0px 0px 0px 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  background-color: #f0f0f0;
  font-size: 11px;
  border: 1px solid #ccc;
  font-weight: 500;
  color: #000;
  padding: 1px;
  min-height: 0;
  display: initial;
  height: 45px;
  line-height: 0;
  margin-left: 5px;
}

.colorpicker-input-addon i {
  display: inline-block;
  cursor: pointer;
  vertical-align: text-top;
  height: 41px;
  width: 125px;
  position: relative;
}

.profilePictureContainerPlus {
  border: 4px solid rgb(255, 255, 255);
  box-shadow: rgb(234, 234, 234) 0px 0px 0px 4px;
}

.profilePictureContainerPlus2 {
  border: 3px solid rgb(255, 255, 255);
  box-shadow: rgb(234, 234, 234) 0px 0px 0px 3px;
}

.image_container{
  background-image: url(/admin/resources/default-no-picture.png);
  background-position: top top;
  background-repeat: no-repeat;
  width: 300px; height: 300px; 
}

.infoContainer{
  margin-top: 05px;
  padding: 55px;
  padding-bottom: 70px;
  padding-left: 40px;    
  padding-right: 40px;
}

.infoName{
  margin-bottom: 0px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
}

.infoPosition{
  margin-bottom: 0px;
  text-align: center; 
  font-size: 15px;
  color: #757575;
}

.companyName{
  margin-bottom: 25px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}

.infoDescription{ 
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 22px;
}

.infoButtonContainer{
  text-align: center;
}

.buttonProfileStatus {
  padding: 12px;
  padding-left: 0px;
  padding-right: 0px;
  display: inline-block;
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  width: 100%;
  background-color: #7EA157;
  border-radius: 4px;
  border: 0px;
  cursor: pointer;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.buttonViewContacts {
  padding: 12px;
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  color: #FFf;
  font-size: 12px;
  font-weight: 600;
  background-color: #223447;
  border-radius: 4px;
  border: 0px;
  cursor: pointer;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.buttonQR {
  padding: 12px;
  width: 100%;
  color: #FFf;
  font-size: 12px;
  font-weight: 600;
  background-color: #223447;
  border-radius: 4px;
  border: 0px;
  cursor: pointer;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.paddingR6{
  padding-right: 6px;
}

.paddingL6{
  padding-left: 6px;
}

.form-horizontal label {
  margin-bottom: 05px;
  font-weight: 500;
  font-size: 14px;
}

.form-control {
  color: #67757c;
  min-height: 38px;
  display: initial;
  height: 46px;
}

.profile-btn{  
  background-color: #012453;
  color: #fff;
  font-size: 14px !important;
}

.profile-btn2{  
  background-color: #012453;
  color: #fff;
  font-size: 14px !important;
  margin-top: 25px;
}

.profile-btn:hover{  
  color: #fff !important;
}

.profile-btn2:hover{  
  color: #fff !important;
}

.btn-info {
  color: #fff;
  background-color: #223447;
  border-color: #223447;
}

.btn-info:hover {
  color: #fff;
  background-color: #1571ab !important;
  border-color: #1571ab !important;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #1571ab;
  border-color: #1571ab;
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #223447;
  border-color: #223447;
}

.help-block{
  color: brown;
}

.coloGray{
  color: rgb(202, 202, 202);
}

.modal-content {
  border-radius: 40px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.modal-header {
  border-bottom: 0px solid #e9ecef;
}

.modal-footer {
  border-top: 0px solid #e9ecef;
}

.modal-close-btn {
  top: 23px !important;
  right: 20px; 
  position: inherit;
  z-index: 252522552;
}

div:where(.swal2-container) .swal2-html-container {
  z-index: 1;
  justify-content: center;
  margin: 1em 1.6em .3em;
  padding: 0;
  overflow: auto;
  color: inherit;
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  margin-top: 6px;
  margin-left: 22px; 
  line-height: 22px !important;
  text-align: left;
}

#login_message_box2{
  color: brown;
  font-size: 80%;
  font-weight: 400;
  margin-top: -10px;
}

#displayMsgBox{
  padding-top: 10px;
  font-size: 14px; 
  margin-bottom: 0px !important;
  margin-top: 05px;
}

#displayMsgBox .close{
  display: none;
}

.status_profile_3{
  background-color: #7EA157;
}

.status_profile_2{
  background-color: #1571ab;
}

.status_profile_1{
  background-color: #949494;
}

.labelStatusPerfil0{
  color: #7EA157;
  font-size: 14px;
}

.labelStatusPerfil1{
  color: #1571ab;
  font-size: 14px;
}

.labelStatusPerfil2{
  color: #949494;
  font-size: 14px;
}

.infoContainerBottom{
  position: absolute;
  bottom: 15px;
  left: 20px;
  font-weight: 600;
  font-size: 13px;
}

.infoContainerBottom2{
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 0px;
  text-align: center;
}

.informationContactTitle{
  font-size: 16px;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 25px;
}

.informationSocialMediaTitle{
  font-size: 16px;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 25px;
}

.informationSocialMediaTitle2{
  font-size: 16px;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 25px;
}


.informationContact{
  background-color: #e4e4e4;
  height: 55px;
  width: 100%;
  margin-bottom: 25px;
  border-radius: 10px;
}

.informationContactActived{
  background-color: #fff;
  border: 1px solid #e4e4e4;
  padding: 20px;
  padding-top: 14px;
  padding-bottom: 10px;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
  border-radius: 10px; 
  text-align: justify;
}

.informationContactActived2{
  background-color: #fff;
  border: 0px solid #e4e4e4;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
  border-radius: 15px; 
  text-align: justify;
}

.socialMediaActived{
  background-color: #fff;
  border: 1px solid #e4e4e4;
  padding: 20px;
  width: 100%;
  font-size: 14px;
  /*display: flex;  Establece el div como un contenedor flex */
  /*align-items: center;  Alinea los elementos verticalmente al centro */
  font-weight: 500;
  margin-bottom: 20px;
  border-radius: 10px; 
  /*line-height: 18px;*/
}

.nameSquareInfo{
  font-size: 13px;
  font-weight: 600;
  margin-top: 02px;
  margin-bottom: 0px;
  color: #000;
}

.card_container{
  margin-top: 15px;
  margin-bottom: 30px;
}

.cardContainerLabel{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.cardIconLabel {
  float: right;
  top: -11px;
  position: relative;
  right: 7px;
  font-size: 16px !important;
  cursor: pointer;
  color: #727272;
}

#popupMenu {
  display: none;
  position: absolute;
  background-color: white;
  border: 1px solid #ccc;
  margin-top: 240px;
  z-index: 25;
  padding-top: 05px;
  padding-bottom: 05px;
  border-radius: 5px;
  margin-left: 50px;
}

.popupMenuOption{
  font-size: 14px;
  font-weight: 600;
  padding: 15;
  color: #000;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}

.popupMenuOption:hover{
  color: #002C52;
}

.nameSquareInfoUsername{
  font-size: 13px;
  font-weight: 500;
  color: #000;
}

.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff;
}

.wordBreak{ 
  word-break: break-all;
}
.informationContactActived1{
  align-items: flex-start;  
  padding: 15px;
}

.inputInfo{
  border-radius: 10px;
  background-color: #f0f0f0;
  font-size: 14px;
  border: 0px;
  font-weight: 500;
  color: #000;
  min-height: 39px;
  width: 100%;
  display: initial;
  height: 43px;
  margin-bottom: 05px;
}

.w100{
  width: 100%;
}

.inputInfo2{
  border-radius: 0px 10px 10px 0px;
  background-color: #f0f0f0;
  font-size: 14px;
  border: 0px;
  font-weight: 500;
  color: #000;
  min-height: 39px;
  display: initial;
  height: 43px;
  padding-left: 3px;
}

.input-group-text {
  border-radius: 10px 0px 0px 10px;
  background-color: #f0f0f0;
  font-size: 14px;
  border: 0px;
  font-weight: 500;
  color: #000;
  min-height: 41px;
  display: initial;
  height: 43px;
  line-height: 28px;
  margin-left: 5px;
  padding-right: 0px;
}

.inputInfo2:focus {
  border-color: transparent; /* Elimina el borde cambiándolo a transparente */
  outline: none; /* Elimina el outline predeterminado */
  box-shadow: none; /* Elimina el box-shadow si Bootstrap lo añade */
  border-radius: 0px 10px 10px 0px;
  background-color: #f0f0f0;

}

.iconphone{
  background-image: url(/web/images/spriteIcon.png);
  background-position: top top;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
}

.iconlink{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -807px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
}

.iconmobile{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -38px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
}

.icontelephone{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -77px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
}

.iconwhatsapp{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -115px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
}

.iconwebpage{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -154px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
}

.iconemail{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -192px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
}

.iconurlgooglemaps{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -231px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
}

.iconaddress{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -269px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_x{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -308px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_instagram{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -346px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_youtube{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -384px 0px;
  background-repeat: no-repeat;
  min-width: 32px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_linkedin{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -423px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_twitch{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -461px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_behance{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -500px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}
.iconrs_patreon{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -538px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_tiktok{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -577px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_facebook{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -614px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_threads{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -654px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_github{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -692px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_snapchat{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -730px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_spotify{
  background-image: url(/web/images/spriteIcon.png);
  background-position: -769px 0px;
  background-repeat: no-repeat;
  min-width: 31px;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}

.col-lg-4-j {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.col-lg-l-j {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.infoContainerJA{
    padding-bottom: 80px;   
} 

.addScroll{  
  overflow-y: auto;
  max-height: 100vh;
}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.draggable { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }

.cursorPointer{
  cursor: pointer;
}

.ui-state-highlight { 
  height: 120px; 
  background-color: #f3f3f3;
  border: 0px dashed #EBEBEB;
  border-radius: 10px; 
  width: 100%;
  margin-bottom: 15px;
}

.buttonsContainerBottomRight{
  position: fixed;
  bottom: 25px;
  right: 25px;
}

.buttonUpdateInfo{
  display: inline-block;
  background-color: #002C52;
  font-size: 13px;
  font-weight: 600;  
  color: #FFF;
  padding: 10px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 25px;
  margin-right: 10px;
}

.buttonUpdateSocialMedia{
  display: inline-block;
  background-color: #007DBA;
  font-size: 13px;
  font-weight: 600;  
  color: #FFF;
  padding: 10px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 25px;
}

.buttonUpdateInfo:hover{
  background-color: #797979;
  cursor: pointer;
}

.buttonUpdateSocialMedia:hover{
  background-color: #797979;
  cursor: pointer;
}

.paddingL20{
  padding-left: 0px;
}

.iconphone2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
}

.iconlink2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -1180px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
}

.iconmobile2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -51px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
}

.icontelephone2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -103px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
}

.icontelephoneExt{
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
}

.iconwhatsapp2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -154px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
}

.iconwebpage2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -205px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
}

.iconNames{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -1077px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
}

.iconCompany{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -1129px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
}

.iconemail2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -256px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
}

.iconurlgooglemaps2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -308px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
}

.iconaddress2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -359px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_x2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -410px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_instagram2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -461px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_youtube2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -513px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_linkedin2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -564px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_twitch2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -615px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_behance2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -667px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  vertical-align: top;
}
.iconrs_patreon2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -718px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_tiktok2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -769px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_facebook2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -820px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_threads2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -871px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_github2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -923px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_snapchat2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -974px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  vertical-align: top;
}

.iconrs_spotify2{
  background-image: url(/web/images/spriteIcon45.png);
  background-position: -1025px 0px;
  background-repeat: no-repeat;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  vertical-align: top;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Chrome and Opera */
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
       url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


.glyphicon {
  position: absolute;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 15px;
  right: 28px;
}

.glyphicon-remove::before {
  content: "\e014";
  color: #a94442;
}

.glyphicon-ok::before {
  content: "\e013";
  color: #7EA157;
}

.col-lg-4-m {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
    
.paddingRight0{
  padding-right: 8px;
}
  
.paddingLeft0{
  padding-left: 8px;
}


#screensaver {
  position: fixed;
  padding: 0px;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 55;
  background: #fff;
  display: none;
  overflow: auto;
  overflow-x: hidden;
}

#screensaver.show {
  display: block;
}

.fullScreenContent {
  padding: 5px 20px;  
  z-index: 5000000;
  position: relative;
}

.full-screen-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  color: #fff;
  padding-top: 0px;
  padding-bottom: 9px;
  border-bottom: 0px solid #fff;
}

.pull-right {
  float: right;
}

#qrcode{
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
}

#qrContainer {
  display: flex; /* Utiliza Flexbox */
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
  height: 85vh; /* Alto del viewport al 100% */
  text-align: center; /* Asegura que el contenido interno también esté centrado */
}

.buttonWhite{
  color: #FFF !important;
  padding-right: 0px !important;
}

.buttonSendLink{ 
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
  cursor: pointer;
  font-size: 14px;
  margin-top: 40px;
  display: none;
}

.widthMin{
  min-width: 155px;
  text-align: center;
}

.labelButton{
  display: inline-block;
}

.labelButtonLG{
  display: none;
}

.containerInfoContact{
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
  font-weight: 500;
  width: 100%;
  padding: 10px;
  padding-left: 18px;
  padding-right: 18px;
  border-radius: 10px;
  margin-bottom: 10px;
}

div:where(.swal2-container) h2:where(.swal2-title) {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: .8em 1em 0;
  color: inherit;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}

#report_info_container_label{
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.floatRight {
  float: right;
  top: -12px;
  cursor: pointer;
  position: relative;
}

.infoContactLabel{
  cursor: pointer;
}

#mobileVersion{
  display: none;
}

#webVersion{
  display: inline;
}

.subHeaderContainerMobile2{    
  border: 1px solid #e4e4e4;
  background-image: url(/web/images/bg_submenu.png);
  background-position: top top;
  background-repeat: repeat;
  height: 60px;
  width: calc(100% - 50px);
  border-radius: 15px;
  text-align: center;
  color: #FFF;
  margin-left: 15px;
  position: fixed;
  z-index: 2; 
  display: flex; /* Activa Flexbox para este contenedor */
  justify-content: space-between; /* Distribuye el espacio para que los hijos estén uno en cada extremo y uno en el centro */
  align-items: center; /* Centra los elementos hijos verticalmente */
}

.circleLeft{
  width: 35px;
  height: 35px;
  background-color: #223447;;
  border-radius: 100px;
  color: #FFF;
  float: left;
  left: 15px;
  position: relative;
  line-height: 40px;
  padding-top: 11px;
  font-size: 13px;
  cursor: pointer;
}

.profilePictureContainer2{
  width: 54px;
  height: 54px;
  border-radius: 100px;
  border: 2px solid rgb(234, 234, 234);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 50px;
  height: 50px;
  border-radius: 50%;  
  position: relative;
  overflow: hidden;
  text-align: center;
  background-color: #FFF;
}

.circleRight{
  width: 35px;
  height: 35px;
  background-color: #223447;
  border-radius: 100px;
  float: right;
  color: #FFF;
  right: 15px;
  position: relative;
  line-height: 40px;
  padding-top: 17px;
  font-size: 13px;
  cursor: pointer;
}

.botonesContainer{
  border-bottom: 2px solid #cacaca;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 20px;
}

.botonUnique{
  border: 1px solid #223447;
  border-radius: 03px;
  padding: 05px;
  padding-left: 10px;
  font-size: 13px;
  padding-right: 10px;
  color: #223447;
  background-color: #f3f3f3;
  display: inline-block;
  margin-right: 10px;
  font-weight: 500;
  margin-bottom: 10px;
  cursor: pointer;
}

.botonUnique:hover{
  color: #f3f3f3;
  background-color: #223447;
}

.iconMobilePhoneIC{
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 20h4v-1h-4zm-3 3q-.825 0-1.412-.587T5 21V3q0-.825.588-1.412T7 1h10q.825 0 1.413.588T19 3v18q0 .825-.587 1.413T17 23zm0-5v3h10v-3zm0-2h10V6H7zM7 4h10V3H7zm0 14v3zM7 4V3z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;  
  top: 2px;
  position: relative;
}

.iconPhoneIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.62 10.79c1.44 2.83 3.76 5.15 6.59 6.59l2.2-2.2c.28-.28.67-.36 1.02-.25c1.12.37 2.32.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57c.11.35.03.74-.25 1.02z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconWhatsappIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01m-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18l-3.12.82l.83-3.04l-.2-.31a8.264 8.264 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24c2.2 0 4.27.86 5.82 2.42a8.183 8.183 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23m4.52-6.16c-.25-.12-1.47-.72-1.69-.81c-.23-.08-.39-.12-.56.12c-.17.25-.64.81-.78.97c-.14.17-.29.19-.54.06c-.25-.12-1.05-.39-1.99-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.14-.25-.02-.38.11-.51c.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31c-.22.25-.86.85-.86 2.07c0 1.22.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74c.59.26 1.05.41 1.41.52c.59.19 1.13.16 1.56.1c.48-.07 1.47-.6 1.67-1.18c.21-.58.21-1.07.14-1.18s-.22-.16-.47-.28'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconMailIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm8-7L4 8v10h16V8zm0-2l8-5H4zM4 8V6v12z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconWebpageIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M14.34 14H9.66c-.1-.66-.16-1.32-.16-2s.06-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2M12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96M8 8H5.08A7.92 7.92 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8 8 0 0 1 5.08 16m-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97M18.92 8h-2.95a15.7 15.7 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconAddressIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 11.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconUrlGoogleMapsIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.27 6c1.01 2.17.78 4.73-.33 6.81c-.94 1.69-2.29 3.12-3.44 4.69c-.5.7-1 1.45-1.37 2.26c-.13.27-.22.55-.32.83s-.19.56-.28.84c-.09.26-.2.57-.53.57c-.39 0-.5-.44-.58-.74c-.24-.73-.48-1.43-.85-2.1c-.42-.79-.95-1.52-1.49-2.23zM9.12 8.42l-3.3 3.92c.61 1.29 1.52 2.39 2.39 3.49c.21.25.42.51.62.78L13 11.67l-.04.01c-1.46.5-3.08-.24-3.66-1.68c-.08-.17-.14-.37-.18-.57a3 3 0 0 1 0-1zm-2.54-3.8l-.01.01c-1.62 2.05-1.9 4.9-.93 7.31L9.63 7.2l-.05-.05zm7.64-2.26L11 6.17l.04-.01c1.34-.46 2.84.12 3.52 1.34c.15.28.27.58.31.88c.06.38.08.65.01 1.02v.01l3.2-3.8a7 7 0 0 0-3.85-3.24zM9.89 6.89l3.91-4.65l-.04-.01C13.18 2.08 12.59 2 12 2c-1.97 0-3.83.85-5.15 2.31l-.02.01z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconLinkIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 17H7q-2.075 0-3.537-1.463T2 12t1.463-3.537T7 7h4v2H7q-1.25 0-2.125.875T4 12t.875 2.125T7 15h4zm-3-4v-2h8v2zm5 4v-2h4q1.25 0 2.125-.875T20 12t-.875-2.125T17 9h-4V7h4q2.075 0 3.538 1.463T22 12t-1.463 3.538T17 17z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconTwitterIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.205 2.25h3.308l-7.227 8.26l8.502 11.24H16.13l-5.214-6.817L4.95 21.75H1.64l7.73-8.835L1.215 2.25H8.04l4.713 6.231zm-1.161 17.52h1.833L7.045 4.126H5.078z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconInstagramIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconMFacebookIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconYoutubeIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 4c.855 0 1.732.022 2.582.058l1.004.048l.961.057l.9.061l.822.064a3.802 3.802 0 0 1 3.494 3.423l.04.425l.075.91c.07.943.122 1.971.122 2.954c0 .983-.052 2.011-.122 2.954l-.075.91c-.013.146-.026.287-.04.425a3.802 3.802 0 0 1-3.495 3.423l-.82.063l-.9.062l-.962.057l-1.004.048A61.59 61.59 0 0 1 12 20a61.59 61.59 0 0 1-2.582-.058l-1.004-.048l-.961-.057l-.9-.062l-.822-.063a3.802 3.802 0 0 1-3.494-3.423l-.04-.425l-.075-.91A40.662 40.662 0 0 1 2 12c0-.983.052-2.011.122-2.954l.075-.91c.013-.146.026-.287.04-.425A3.802 3.802 0 0 1 5.73 4.288l.821-.064l.9-.061l.962-.057l1.004-.048A61.676 61.676 0 0 1 12 4m0 2c-.825 0-1.674.022-2.5.056l-.978.047l-.939.055l-.882.06l-.808.063a1.802 1.802 0 0 0-1.666 1.623C4.11 9.113 4 10.618 4 12c0 1.382.11 2.887.227 4.096c.085.872.777 1.55 1.666 1.623l.808.062l.882.06l.939.056l.978.047c.826.034 1.675.056 2.5.056s1.674-.022 2.5-.056l.978-.047l.939-.055l.882-.06l.808-.063a1.802 1.802 0 0 0 1.666-1.623C19.89 14.887 20 13.382 20 12c0-1.382-.11-2.887-.227-4.096a1.802 1.802 0 0 0-1.666-1.623l-.808-.062l-.882-.06l-.939-.056l-.978-.047A60.693 60.693 0 0 0 12 6m-2 3.575a.6.6 0 0 1 .819-.559l.081.04l4.2 2.424a.6.6 0 0 1 .085.98l-.085.06l-4.2 2.425a.6.6 0 0 1-.894-.43l-.006-.09z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconAThreadsIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036c-.01-.003-.019 0-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M5.45 4.623C6.997 2.974 9.24 2 12.017 2c4.565 0 7.592 2.631 8.55 6.277a1 1 0 0 1-1.935.508C17.905 6.022 15.676 4 12.016 4c-2.286 0-3.98.789-5.106 1.99c-1.136 1.212-1.769 2.923-1.769 4.885v2.25c0 1.962.633 3.673 1.769 4.884C8.036 19.212 9.73 20 12.016 20c1.655 0 2.968-.384 3.976-1.005c1.015-.625 1.62-1.454 1.79-2.405c.195-1.096-.045-1.848-.458-2.391a3.227 3.227 0 0 0-.814-.741c-.135.749-.376 1.456-.74 2.01c-1.342 2.039-3.908 2.214-5.6 1.539c-.916-.365-1.701-1.364-1.945-2.435a3.018 3.018 0 0 1 .141-1.843c.265-.636.756-1.178 1.455-1.59c.692-.409 1.72-.597 2.739-.625c.614-.017 1.28.024 1.95.133c-.14-.65-.377-1.135-.644-1.384c-.484-.45-1.286-.767-2.09-.762c-.777.006-1.436.305-1.83.935a1 1 0 1 1-1.696-1.06c.837-1.338 2.216-1.865 3.513-1.875c1.27-.009 2.578.472 3.466 1.298c.898.836 1.284 2.207 1.384 3.454c.874.381 1.7.94 2.305 1.737c.781 1.03 1.117 2.358.833 3.951c-.29 1.624-1.315 2.898-2.71 3.757C15.673 21.54 13.985 22 12.016 22c-2.776 0-5.02-.974-6.565-2.623c-1.536-1.638-2.31-3.864-2.31-6.252v-2.25c0-2.388.774-4.614 2.31-6.252ZM14.6 12.7a8.349 8.349 0 0 0-1.986-.186c-.891.024-1.516.193-1.777.347c-.384.227-.55.458-.624.637a1.022 1.022 0 0 0-.038.63c.122.536.525.938.736 1.021c1.126.45 2.535.212 3.188-.78c.235-.358.422-.96.5-1.669Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconTwitchIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11.64 5.93h1.43v4.28h-1.43m3.93-4.28H17v4.28h-1.43M7 2L3.43 5.57v12.86h4.28V22l3.58-3.57h2.85L20.57 12V2m-1.43 9.29l-2.85 2.85h-2.86l-2.5 2.5v-2.5H7.71V3.43h11.43Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconPatreonIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='none' stroke='%23000' d='M2.5.5h-2v14h2zm2 5a5 5 0 1 0 10 0a5 5 0 0 0-10 0Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconTiktokIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16.6 5.82s.51.5 0 0A4.278 4.278 0 0 1 15.54 3h-3.09v12.4a2.592 2.592 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6c0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconGithubIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}
.iconSpotifysIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m31.07-46.26a8 8 0 0 1-10.81 3.33a42.79 42.79 0 0 0-40.52 0a8 8 0 0 1-7.48-14.14a59.33 59.33 0 0 1 55.48 0a8 8 0 0 1 3.33 10.81m32-56a8 8 0 0 1-10.83 3.29a110.62 110.62 0 0 0-104.46 0a8 8 0 0 1-7.54-14.12a126.67 126.67 0 0 1 119.54 0a8 8 0 0 1 3.28 10.85Zm-16 28a8 8 0 0 1-10.82 3.3a77 77 0 0 0-72.48 0a8 8 0 0 1-7.52-14.12a93 93 0 0 1 87.52 0a8 8 0 0 1 3.29 10.84Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconLinkedinIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M18 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3zm0 2H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1M8 10a1 1 0 0 1 .993.883L9 11v5a1 1 0 0 1-1.993.117L7 16v-5a1 1 0 0 1 1-1m3-1a1 1 0 0 1 .984.821a5.82 5.82 0 0 1 .623-.313c.667-.285 1.666-.442 2.568-.159c.473.15.948.43 1.3.907c.315.425.485.942.519 1.523L17 12v4a1 1 0 0 1-1.993.117L15 16v-4c0-.33-.08-.484-.132-.555a.548.548 0 0 0-.293-.188c-.348-.11-.849-.052-1.182.09c-.5.214-.958.55-1.27.861L12 12.34V16a1 1 0 0 1-1.993.117L10 16v-6a1 1 0 0 1 1-1M8 7a1 1 0 1 1 0 2a1 1 0 0 1 0-2'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconBehanceIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.5 11a2 2 0 1 0 0-4H3v4zm1 2H3v4h5.5a2 2 0 1 0 0-4m2.063-1.428A4 4 0 0 1 8.5 19H1V5h6.5a4 4 0 0 1 3.063 6.573M15.5 6H21v1.5h-5.5zm7.5 8.5h-7.5v.25A2.75 2.75 0 0 0 20.7 16h2.134a4.752 4.752 0 0 1-9.334-1.25v-1.5a4.75 4.75 0 1 1 9.5 0zm-2.104-2a2.751 2.751 0 0 0-5.292 0z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconSnapchatIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2a6 6 0 0 0-6 6v1.875L5.1 9.2a1 1 0 1 0-1.2 1.6l1.866 1.4c-.444 1.168-1.527 2.39-3.28 3.443a1.01 1.01 0 0 0-.318 1.412C3.286 18.732 5.06 20 7 20c.677 0 1.203.43 1.724.809C9.456 21.34 10.423 22 12 22c1.577 0 2.543-.659 3.275-1.191c.522-.38 1.048-.809 1.725-.809c1.94 0 3.714-1.268 4.832-2.945a1.01 1.01 0 0 0-.318-1.412c-1.753-1.053-2.836-2.275-3.28-3.443l1.866-1.4a1 1 0 0 0-1.2-1.6l-.9.675V8a6 6 0 0 0-6-6M8 8a4 4 0 0 1 8 0v3c0 2.198 1.42 4.209 3.538 5.735C18.752 17.556 17.825 18 17 18c-1.378 0-2.264.728-2.9 1.191c-.644.468-1.177.809-2.1.809s-1.457-.341-2.1-.809C9.265 18.728 8.379 18 7 18c-.826 0-1.752-.444-2.538-1.265C6.58 15.209 8 13.199 8 11z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.iconLinkSMIC {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 17H7q-2.075 0-3.537-1.463T2 12t1.463-3.537T7 7h4v2H7q-1.25 0-2.125.875T4 12t.875 2.125T7 15h4zm-3-4v-2h8v2zm5 4v-2h4q1.25 0 2.125-.875T20 12t-.875-2.125T17 9h-4V7h4q2.075 0 3.538 1.463T22 12t-1.463 3.538T17 17z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  top: 2px;
  position: relative;
}

.inputContainerIC{
  padding: 15px;
}

.containerInputAC{
  border: 1px solid #333;
  background-color: #FFF;
  border-radius: 15px;
  font-size: 15px;
  padding: 15px;
  padding-bottom: 05px;
  margin-bottom: 15px;
}

.containerTitleInputAC{
  display: flex;
  align-items: center; /* Centra verticalmente los elementos */
  width: 100%;
  margin-bottom: 10px;
}

.contentInputAC{
  font-size: 13px;
  color: #000;
  font-weight: 600;
  margin-left: auto; /* Empuja todo lo que esté a su izquierda lo más a la izquierda posible */
}

.iconMenu, .iconClose {
  font-size: 15px;
  color: #a5a5a5;
  cursor: pointer;
  flex-grow: 0; /* Evita que los íconos se expandan */
}

.subContainerInputAC{
  padding-left: 0px;
}

.iconClose {
  margin-left: auto; /* Asegura que el iconClose se mueva hacia la derecha */
}

.inputInfoAC {
  border-radius: 10px;
  background-color: #f0f0f0;
  font-size: 14px;
  border: 0px;
  font-weight: 500;
  color: #000;
  min-height: 39px;
  max-width: 220px;
  display: initial;
  height: 43px;
  margin-right: 10px;
}

.inputInfoAC2 {
  border-radius: 10px;
  background-color: #f0f0f0;
  font-size: 14px;
  border: 0px;
  font-weight: 500;
  color: #000;
  min-height: 39px;
  max-width: 75px;
  display: initial;
  height: 43px;
}

.textAlignJustify{
  text-align: justify;
}

@media (min-width: 993px) {
  .col-lg-4-m {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 1400px) {
  .col-lg-4-j {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  
  .col-lg-4-m {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
 
@media (min-width: 1300px) {
  .infoContainer {
    margin-top: 05px;
    padding: 55px;
  } 
}

@media (max-width: 992px) {
  .logoMenuContainer{
    display: none;
  }

  .logoMenuContainerMobile{
    position: absolute;
    top: 20px;
    display: inline;
    right: 15px;
    z-index: 54;
  }
     
  .paddingRight0{
    padding-right: 8px !important;
  }
    
  .paddingLeft0{
    padding-left: 8px !important;
  }  

  .ui-state-highlight { 
    height: 100px; 
    background-color: #f3f3f3;
    border: 0px dashed #EBEBEB;
    border-radius: 10px;
    margin-left: 0px;
    margin-right: 15px;
  }

  .buttonsContainerBottomRight{
    display: none;
  }

  .infoContainer {
    margin-top: 05px;
    padding: 55px;
    padding-bottom: 70px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 0px;
  }   

  .addScroll{  
    overflow-y: hidden;
    max-height: none;
  }

  .paddingL0{
    padding-left: 0px;
  }

  .paddingR0{
    padding-right: 0px;
  }

  .paddingLR0{
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .infoContainerJ {
    margin-top: 10px;
    padding: 70px;
    padding-bottom: 0px;   
    padding-left: 25px;
    padding-right: 25px; 
    padding-top: 0px;
    max-width: 100% !important;
  }  

  .col-lg-4-m {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .infoContainerJA{
      padding-bottom: 80px;  
      margin-top: 10px;
      padding: 0px; 
      padding-left: 25px;
      padding-right: 25px;         
      padding-bottom: 70px;
      max-width: 100% !important; 
  } 

  .informationContactTitle {
    display: none;
  }
  
  .informationSocialMediaTitle {
    font-size: 16px;
    font-weight: 600;
    margin-top: -10px;
    margin-bottom: 20px;
    
  }

  .informationSocialMediaTitle2 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 20px;
    
  }
  
  .infoContainerBottom{
    display: none;
  }

  .vh-100 {
    height: inherit !important;
  }

  .infoContainerBottom2{
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 0px;
    text-align: center;
  }

  .paddingR6{
    padding-left: 08px;
    padding-right: 15px !important;
  }

  #mobileVersion{
    display: inline;
  }

  #webVersion{
    display: none;
  }
 
  .paddingL6{
    padding-left: 15px;
  }  
}

@media (max-width: 771px) {
    .infoContainer {
      margin-top: 05px;
      padding: 25px;    
      padding-top: 50px;
      padding-bottom: 0px;
    } 

    .subHeaderContainerCover{  
      background-position: top top;
      background-repeat: no-repeat;
      background-color: #223447;;
      height: 160px;
      width: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      position: absolute;
      border-radius: 20px;
      display: flex;
      justify-content: center; /* Centra horizontalmente */
      align-items: center; /* Centra verticalmente */
    }

    .subHeaderContainer{  
      background-image: url(/web/images/bg_header.png);
      background-position: top top;
      background-repeat: no-repeat;
      height: 160px;
      width: 100%;
      position: relative;
      border-radius: 20px;
      display: flex;
      justify-content: center; /* Centra horizontalmente */
      align-items: center; /* Centra verticalmente */
    }

    .headerContainer{
      margin: 10px;
    }    

    .buttonSendLink{
    display: inline-block   
    }
    .infoContainerJ {
      padding: 25px;
      padding-top: 0px;
      padding-bottom: 0px;
  }

    .infoContainerJA{
      padding: 25px;
      padding-top: 0px;
      padding-bottom: 40px;
  } 

  .logoHeader{
    width: 90px;
    position: absolute;
    top: 20px;
    left: 20px;
  }

  .ui-state-highlight { 
    height: 65px; 
    background-color: #f3f3f3;
    border: 0px dashed #EBEBEB;
    border-radius: 10px;
    margin-left: 0px;
    margin-right: 15px;
    margin-bottom: 15px;
  }


}


@media (max-width: 650px) {
  .col-lg-4-j {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .paddingR10{
    padding-right: 0px;
  }


  .col-lg-4-m {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-50 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  
 
.socialMediaActived2{
  background-color: #fff;
  border: 1px solid #e4e4e4;
  padding: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  width: 100%;
  font-size: 14px;
  display: flex;  /*Establece el div como un contenedor flex */
  align-items: center;  /*Alinea los elementos verticalmente al centro */
  font-weight: 500;
  margin-bottom: 15px;
  border-radius: 10px; 
  line-height: 18px;
}

.socialMediaActived3{
  background-color: #fff;
  border: 0px solid #e4e4e4;
  width: 100%;
  font-size: 14px;
  display: flex;  /*Establece el div como un contenedor flex */
  align-items: center;  /*Alinea los elementos verticalmente al centro */
  font-weight: 500;
  margin-bottom: 15px;
  border-radius: 10px; 
  line-height: 18px;
}

}

@media (max-width: 420px) {
  .labelButton{
    display: none;
  }

  .labelButtonLG{
    display: inline-block;
  }
}