font-family: 'Sora', sans-serif;
body{

   background-color: var(--back-color);
}

 .stretched, #content{
    background-color: var(--back-color);
 }

 .bgh{
    background-color: var(--back-color);
 }

 #logo_pancho{
 	height: 4vh;
 	width: auto;
 	margin-left: 5vw;

 	filter: invert(var(--invert-logo));
 }
 #logo_pancho_sm{
   height: 3vh !important;
   width: auto;
   filter: invert(var(--invert-logo));
 }
 #sw_pancho{
 	margin-left: 5vw;
 	margin-top: 4vh;
 }
 #content{
 	background-color: var(--back-color);
 }
 .thin{      
 	color: var(--font-color) !important;
 	font-family: 'Sora';
 }
 .frase1{
 	font-family: 'Sora';
 	font-weight: 400;
 	height: 4vh;
 	width: auto;
 	margin-left: 5vw;
 	margin-top: 0vh;
 	font-size: 3vh; 
 }

 .index_h1{
    color: var(--font-color);
 	font-family: 'Sora';
 	font-weight: 400;
 	margin-bottom: 0px;
 	margin-top: 0px;
    font-size: 10vh;
 }



 .titulos{
 	color: var(--font-color);
 	font-size: 10vh;
 }
 .holder {
 	border-top:solid #393939 2px;
 	padding: 0px;
 	padding-bottom: 0vh;
 	height: 8vh;
 	background:
 	linear-gradient(var(--animate-up) 50%, var(--hover-back) 0) 0 0 /100% 200% no-repeat,
 	linear-gradient(var(--hover-back) 50%, var(--animate-up) 0) 0 0 /100% 200% no-repeat;
 	-webkit-background-clip: text,padding-box;
 	background-clip: text,padding-box;
 	transition: all 0.50s;
 }
 .holder-2 {
 	border-top:solid #393939 2px;
 	padding: 0px;
 	background-color: var(--back-color);

 }
 .holder:hover {
 	background:
 	linear-gradient(var(--animate-up) 50%, var(--hover-back) 0) 0 100% /100% 200% no-repeat,
 	linear-gradient(var(--hover-back) 50%, var(--animate-up) 0) 0 100% /100% 200% no-repeat;
 	-webkit-background-clip: text,padding-box;
 	background-clip: text,padding-box;
 	padding-bottom: 13vh;

 	transition: all 0.50s;
 }
 .blink_me {
 	animation: blinker 1s linear infinite;
 	color: var(--font-color);
 }
 @keyframes blinker {
 	100% {
 		opacity: 0;
 		color:var(--font-color);
 	}
 }

/* Comunidad */
.menu-link:hover{
   color: #8A8A8A !important;
}

#header-wrap{
   background-color: var(--back-color) !important;
}

hr{
    color: var(--font-color);
}
.line{
    border-top: 1px solid var(--font-color) !important;
}
.toggle-icon{
    color: var(--font-color);
}

.menu-link{
   color: var(--font-color);
}

.h5_cont{
   color:var(--font-color);
   font-family: 'Sora';
   font-weight: 100;
   font-size: 2vh;
   margin-bottom: 0px;
}
        
.h2_cont,.a_cont{
    color: var(--font-color);
    font-family: 'Sora';
    font-weight: 400;
    font-size: 3vh;
}

#whats{
    border-radius: 0px;
    background-color: var(--back-color);
    color: var(--font-color);
    border:none;
    border-bottom: 1px solid var(--font-color);
    margin-bottom: 10px;
}
#whats::placeholder {
  color: #8A8A8A;
}
#whats_btn{
    background-color: var(--back-color);
    border-color: 1px solid var(--font-color);
    font: 'Sora';
    color: var(--font-color);
}
.btn{
    border-radius: 0px;
}


.h1_man{
    color:var(--font-color);
    font-family: 'Sora';
    font-weight: 400;
    margin-bottom: 0px;
}

.big{
    font-size: 8vh;
    text-transform: uppercase;
}

.med{
    font-size: 6vh;
    text-transform: uppercase;
}


.h5_man{
    color:var(--font-color);
    font-family: 'Sora';
    font-weight: 100;
    font-size: 2vh;
    margin-bottom: 0px;
}

.h3_man{
    color:var(--font-color);
    font-family: 'Sora';
    font-weight: 100;
    font-size: 5vh;
    margin-bottom: 0px;
}

.h2_man,.a_man{
    color: var(--font-color);
    font-family: 'Sora';
    font-weight: 400;
    font-size: 3vh;
}

.promesa{
    height: 80vh;
}

@media (max-width: 1000px) {
    .index_h1 {
        margin-top: 0vh;
        font-size: 5vh;
    }
    #logo{
        margin-top: 2vh;
    }
    .h2_man{
        font-size: 2vh;
    }
    .promesa{
        height: auto;
    }
}


.cuad{
    border: 1px solid var(--font-color);
    padding: 50px;
    margin-top: 3vh;
    margin-bottom: 3vh;
}


.social-icon{
    color: var(--font-color) !important;
}

.filtros{
    color: var(--font-color) !important;
}
.grid-filter.style-4 li.activeFilter a {
    color: var(--font-color) !important;
    background-color: transparent;
    margin: 0;
}
.grid-filter.style-4 li.activeFilter a::after {
    width: 100%;
    left: 0%;
    background-color: var(--font-color) !important;
}

.icon_serv{
    width: 50px;
    height:auto;
    filter: invert(var(--invert-logo_2));
}

.icon_serv_sm{
    width: 25px;
    height:auto;
    filter: invert(var(--invert-logo_2));
}


.cnvs-hamburger .cnvs-hamburger-inner, .cnvs-hamburger .cnvs-hamburger-inner::before, .cnvs-hamburger .cnvs-hamburger-inner::after {
    background-color: var(--font-color);
}