/*
Theme Name: Team mansoka
Theme URI: https://www.mansoka.com
Author: the WordPress team
Version: 1
License: GNU General Public License v2 or later
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,500;0,600;0,800;1,900&display=swap');


:root {
    --color_azul: #144E99;
    --color_azul-claro: #009BDD;
    --color_fuente: #1D1D1B;
    --color_gris: #9D9D9C;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
}

strong{
    font-weight: 600px
}

h1 {
    font-size: 42px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding-bottom: 15px;
    color: var(--color_azul);
}

h2 {
    font-size: 45px;
}
h3{
    color: var(--color_azul);
    font-weight: 300;
    font-size: 22px;
}

h4 {
   color: var(--color_azul);
}

p {
    font-size: 16px;
    color: var(--color_azul);
    font-weight: 300;
}

*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.header {
    width: 100%;
    min-height: 80px;
    z-index: 9999;
    transition: 0.2s transform cubic-bezier(0.3, 0.73, 0.3, 0.74);
    background: #fff;
}

.header-fixed {
    min-height: 80px;
    position: fixed;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-shadow: 6px 5px 7px rgb(143 143 143 / 30%);
}

.menu-header {
    margin-top: 28px;
}
.container {
    margin: auto!important;
}

#menu-menu-principal {
    margin: 0px;
    padding: 0px;
   text-align: right;
}

#menu-menu-principal li {
    display: inline-block;
    list-style: none; 
    padding: 0px 15px;
}

#menu-menu-principal li a span {
    font-size: 14px;
    color: var(--color_fuente);
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    padding: 2px 0px;
}
.texto-equipo{
    padding-right: 65px;
}

#menu-menu-principal li:hover a span {
   color: var(--color_azul);
}

#menu-menu-principal .current-menu-item a span{
   color: var(--color_azul);!important;
}

#menu-menu-principal li a {
    text-decoration: none;
}

.btn-popop img {
    margin-left: -60px!important;
    margin-top: -10px!important;
}

.logo-enfocate{
   margin-top: 20px;
   text-align: left;
}   
.espacio-secciones{
    padding: 0px 100px;
} 

.btn-enfocate a{
    background-color: transparent!important;
    color: var(--color_azul)!important;
    border-color: transparent!important;
    border-radius: 0px!important;
    padding: 0px 15px 0px 40px!important;
   font-size: 18px!important;
    font-weight: 300;

}
.btn-enfocate:before{
    content: url(images/icon-flecha.png);
    position: absolute;
    display: block;
    margin-top: -2px;

}

.bloques-home{
   padding-right: 15px;
}
.bloques-home h4{
    font-size: 16px;
    min-height: 50px;
}

.bloques-home p{
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
}

.seccion3-home h3 {
     color: #fff;
    font-weight: 200;
    font-size: 20px;
    line-height: 24px;

}

.seccion3-home h5{
    color: #fff;
    font-weight: 200;
    font-size: 12px;
    line-height: 16px;
}

.contadores p{
    color: #fff;
    font-size: 20px;
    font-size: 16px;
    line-height: 20px;
}

.stats-block .stats-number {
    font-weight: 300!important;
}

.padding-0{
    padding: 0px!important;
}
.seccion-footer{
   background: #fff;
   padding: 90px 0px 30px 0px;
   min-height: 250px;

}
.redes-footer {
    padding: 0px;
    text-align: right;
    margin-top: 14px;
}

.redes-footer li {
    list-style: none;
    margin-bottom: 8px;
    margin-top: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .2s;
    margin-left: 6px;
}

.redes-footer li a{
    color: #171717;
    font-size: 25px;
    transition: 0.2s;
}
.redes-footer li a:hover{
    color: var(--color_azul);
}

.copy {
    font-size: 14px;
    color: #737272;
}

.widget1{
    text-align: left;
    margin-bottom: 20px;
}

.widget2{
    text-align: right;
    margin-bottom: 20px;
}

.footer2{
   border-top: 1px solid #c8c8c8;
    min-height: 50px;
    display: flex;
    align-items: center; 
}
.stats-desc{
    text-align: left!important;
}

 .title-enfocate h2{
    font-size: 22px!important;
    padding-bottom: 4px;
    color: rgb(153 150 150 / 0%);
    background-image: linear-gradient(112deg, #009BDD 0%, #144E99 25%);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 300;
    letter-spacing: -1px;
}

.line-page{
    width: 100%;
    height: 1px;
    display: block;
    position: relative;
    background-image: linear-gradient(89deg, #009BDD 18%, #144E99 140%);
}
 .title-enfocate2 h1 {
    line-height: 50px;
    padding-bottom: 4px;
    color: rgb(153 150 150 / 0%);
    background-image: linear-gradient(112deg, #009BDD 0%, #144E99 25%);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 300;
}

.linea-tiempo ul{
    justify-content: center!important;
    max-width: 100%!important;
    background: var(--color_azul);
    border-radius: 20px;
}
.linea-tiempo ul li{
    width: 14.28%;
    background-color: transparent!important;
    text-align: center;
}
.linea-tiempo ul li:last-child{
    width: 20px;
}

.linea-tiempo ul li a{
    background: #5AA7DC!important;
    margin: auto!important;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.linea-tiempo ul .current a{
    background: #9EC043!important;
}
.linea-tiempo ul,
.linea-tiempo ul li,
.tabs-info{
overflow: inherit!important;
}
.linea-tiempo ul li a>span{ 
    color: var(--color_fuente);
    margin-top: -64px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    margin-left: -30px;
}

.linea-tiempo ul li:hover a span,
.linea-tiempo ul .current a>span{ 
    color: var(--color_azul)!important;
}

.linea-tiempo h3{
    font-size: 22px;
}

.anno-info h1{
font-size: 85px;
    font-weight: 300;
    color: rgb(153 150 150 / 0%);
    background-image: linear-gradient(133deg, #9dd1e8 0%, #144E99 51%);
    -webkit-background-clip: text;
    background-clip: text;
    letter-spacing: -4px;
}

.equipo .text-equipo h3{
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 0;
} 
.equipo .text-equipo p{
    font-weight: 300;
    font-size: 13px;
} 

.title-home h1{
   font-size: 45px!important;
    padding-bottom: 4px;
    font-weight: 300;
    color: rgb(153 150 150 / 0%);
    background-image: linear-gradient(112deg, #5ba54b 0%, #144E99 62%);
    -webkit-background-clip: text;
    background-clip: text;
}
 
 .numeros h1{
    font-size: 100px;
    line-height: 100px;
    padding-bottom: 4px;
    color: rgb(153 150 150 / 0%);
    background-image: linear-gradient(112deg, #009BDD 0%, #144E99 25%);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 300;
 }

 .btn-enfocate2 a{
    background-color: var(--color_azul)!important;
    color: #fff!important;
    border-color: transparent!important;
    border-radius: 0px!important;
    padding: 8px 40px 8px 40px!important;
    font-size: 14px!important;
    border-radius: 20px!important;
    font-weight: 300;
    line-height: 14px!important;
}

.btn-enfocate2 a:hover{
 background-color: var(--color_azul-claro)!important;
} 

.bloques-canales{
    padding: 10px 80px;
}

.canal-azul h4{
    text-align: center;
    background: var(--color_azul);
    padding: 10px;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    border-radius: 30px;
}
.canal-azulclaro h4{
    text-align: center;
    background: var(--color_azul-claro);
    padding: 10px;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    border-radius: 30px;
}
.canal-gris h4{
    text-align: center;
    background: var(--color_gris);
    padding: 10px;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    border-radius: 30px;
}
.title-blanco h1{
       color: #fff;
    font-weight: 300;
    font-size: 38px;
}

.theme-237{
    border-radius: 40px!important;
}

.tabla-locales{
    color: #144E99!important;
    font-weight: 400;
}

.tabla-locales td{
padding: 0px!important;
    border: 0px!important;
    font-size: 14px;
}

/*FORMULARIO*/
.formulario-contacto{
    background: #fff;
    display: inline-block;
    padding: 30px;
    border-radius: 20px;
}

.formulario-contacto h3{
    color: var(--color_azul);
    font-weight: 300;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
}

.formulario-contacto select,
.formulario-contacto input[type="number"],
.formulario-contacto input[type="tel"],
.formulario-contacto input[type="text"],
.formulario-contacto input[type="email"] {
    width: 100%;
    background: #ededed;
    height: 40px;
    line-height: 40px;
    margin-top: 10px!important;
    font-size: 13px;
    color: #8e8f92;
    border-radius: 10px;
    font-weight: 300;
    padding-left: 8px;
    border: none;
    border: 1px solid #6288ba;
}
.formulario-contacto select:focus,
.formulario-contacto textarea:focus,
.formulario-contacto input[type="tel"]:focus,
.formulario-contacto input[type="text"]:focus,
.formulario-contacto input[type="email"]:focus {
    outline: 0px;
    background: #ededed!important;
    border: none !important;
    border: 1px solid #333!important;
}
.formulario-contacto textarea::-webkit-input-placeholder,
.formulario-contacto input[type="number"]::-webkit-input-placeholder,
.formulario-contacto input[type="text"]::-webkit-input-placeholder,
.formulario-contacto input[type="tel"]::-webkit-input-placeholder,
.formulario-contacto input[type="email"]::-webkit-input-placeholder {
color: #8e8f92;
font-size: 12px!important;
}
.formulario-contacto textarea:-moz-placeholder,
.formulario-contacto input[type="number"]:-moz-placeholder,
.formulario-contacto input[type="text"]:-moz-placeholder,
.formulario-contacto input[type="tel"]:-moz-placeholder,
.formulario-contacto input[type="email"]:-moz-placeholder {
color: #8e8f92; 
font-size: 12px!important;
}
.formulario-contacto textarea::-moz-placeholder,
.formulario-contacto input[type="number"]::-moz-placeholder,
.formulario-contacto input[type="email"]::-moz-placeholder,
.formulario-contacto input[type="tel"]::-moz-placeholder,
.formulario-contacto input[type="text"]::-moz-placeholder {
color: #8e8f92; 
font-size: 12px!important;
}

.formulario-contacto textarea:-ms-input-placeholder,
.formulario-contacto input[type="number"]:-ms-input-placeholder,
.formulario-contacto input[type="number"]:-ms-input-placeholder,
.formulario-contacto input[type="email"]:-ms-input-placeholder,
.formulario-contacto input[type="tel"]:-ms-input-placeholder,
.formulario-contacto input[type="text"]:-ms-input-placeholder {
color: #8e8f92;
font-size: 12px!important;
font-weight: 300;
}

.formulario-contacto textarea {
width: 100%;
    background: #ededed;
    height: 100px;
    margin-top: 10px!important;
    font-size: 16px;
    color: #8e8f92;
    border-radius: 10px;
    font-weight: 400;
    padding-left: 20px;
    border: none;
    border: 1px solid #6288ba;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
border: none !important;
margin: 0px;
color: #cb043c;
font-size: 22px;
line-height: 23px;
text-align: center; 
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: transparent!important;
    text-align: center;
    font-size: 15px!important;
    color: #bf0a12!important;
    background: #fff;
    margin: 0;
}

.wpcf7-not-valid-tip {
    font-size: 13px;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: transparent!important;
  text-align: center!important;
  font-size: 28px!important;
  color: #83b30a!important;
}

.formulario-contacto input[type="submit"] {
    border: none;
    width: 160px;
    border-radius: 10px;
    font-size: 16px !important;
    display: block;
    text-transform: uppercase;
    float: none;
    margin-top: 10px;
    text-align: center;
    color: #fff;
    height: 40px;
   background: rgb(90,163,76);
background: #144e99;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s; 
}
.formulario-contacto input[type="submit"]:focus, {
       outline: 0px;
         background: rgb(90,163,76);
background: linear-gradient(90deg, rgba(90,163,76,1) 0%, rgba(66,128,108,1) 31%, rgba(36,84,147,1) 100%);
}

.img-equipo img{
   border-radius: 20px;
}

.bloque-historia p{
padding-right: 132px!important;
}
.bloque-historia p{
    font-weight: 300;
}
.equipo .title-enfocate2 h1 {
    margin-top: 0px;
}

.pasos p {
    font-size: 14px;
}
.pasos h3 {
    margin: 0px 0px 10px 0px;
    font-size: 18px;
}

.pasos {
    padding: 4px 67px 10px 10px;
}

.bloque1-tecno .title-enfocate2 h3{
font-size: 21px;
}

.bloque-comofunciona{
   padding-right: 23px; 
}
.bloque-comofunciona1{
   padding-right: 28px; 
}
.videos-tecno{
   border-radius: 30px;
   overflow: hidden;
}
.bloque-tabla{
   padding: 10px 70px;
}

#wprmenu_bar .menu_title a{
   top: 0px!important;
}

#mg-wprm-wrap ul li {
    margin: 0;
    text-align: center;
}

#wprmenu_bar div.hamburger {
    float: right;
}
#wprmenu_bar {
    padding: 15px 40px!important;
}

#wprmenu_bar .menu_title {
    top: -12px;
}

#wprmenu_bar .bar_logo {
            border: none;
            margin: 0;
            padding: 0px 8px 0px 0px;
            width: 95px;
            height: auto;
        }
        
        #wprmenu_bar {
            padding: 10px 30px;
        }
        
        .hamburger--slider .hamburger-inner::before {
            top: 7px;
        }
        
        .wprmenu-body-fixed .hamburger-inner::after {
            display: block!important;
        }
        
        .hamburger--slider .hamburger-inner::after {
            display: none;
        }
        
        #wprmenu_bar div.hamburger {
            margin-top: 2px!important;
        }
        
        #mg-wprm-wrap div.wpr_search {
            display: none;
        }
        
        ul#wprmenu_menu_ul {
            width: 100%;
            text-align: center;
        }
        
        div#mg-wprm-wrap {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%!important;
        }
        
        .hamburger-inner,
        .hamburger-inner::before,
        .hamburger-inner::after {
            height: 2px;
            width: 25px;
        }
        .img1-responsive{
            display: none;
        }

.canales-line{
	display: none;
}


@media screen and (max-width: 1500px) {
  .seccion-footer{
    padding: 90px 0px 30px 0px;
  }
  .title-enfocate2 h1 {
    line-height: 40px;
    font-size: 40px;
  }

}

@media screen and (max-width: 1024px) {
    .header{
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .espacios{
      height: 15px!important;
    }
    .title-enfocate2 h1 {
    line-height: 28px;
    font-size: 28px;
    }
	
	.canales-line{
	display: block;
    }

    h3 {
    font-size: 18px;
   }

   .seccion-contact,
   .espacios-page,
   .seccion3-home,
   .home-enfocate{
    padding: 0px 40px!important;
   }
   .seccion-footer {
    padding: 30px 20px 20px 20px;
   }
   .widget1 {
    margin-bottom: 0px;
    }

    .footer2 {
    display: block;
    }

    .copy {
    font-size: 12px;
    color: #737272;
    text-align: center;
    }

    .redes-footer {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .img1-responsive{
        display: block;
    }

    .bloques-pc{
        display: none!important;
    }

    .seccion2-home .vc_col-sm-3 .vc_column-inner{
        padding: 0px!important;
    }
    .seccion3-home h3 {
    font-size: 15px;
    line-height: 19px;
    }
    .separador{
            margin-bottom: 5px!important;
    }

    .stats-block, .wpb_row .wpb_column .wpb_wrapper .stats-block {
       margin-bottom: 5px!important;
     }
     .linea-tiempo ul li a>span {
    margin-top: -60px;
    font-size: 12px;
    }
    .anno-info h1 {
    font-size: 50px;
    margin: 0px;
    }
    .linea-tiempo h3 {
    font-size: 18px;
    margin-top: 0px;
    }
    .bloque-historia p {
    padding-right: 0px!important;
    font-size: 14px;
    }
    .espacios-historia{
        height: 0px!important;
    }
    .texto-equipo {
    padding-right: 0px;
   }
   .text-equipo{
     text-align: center;
   }
   .img-equipo {
    margin-bottom: 0px!important;
   }
   .numeros h1 {
        font-size: 80px;
        line-height: 80px;
    }

    .numeros{
        margin-bottom: 0px!important;
    }
    .btn-enfocate2{
        text-align: center!important;
    }
    .bloque-comofunciona {
        padding-right: 0px;
     }

     .espacio-secciones {
       padding: 0px 0px;
     }
     .bloques-canales {
       padding: 0px 0px;
    }
    .title-blanco h1 {
    text-align: center;
    font-size: 30px;
    }

    .formulario-contacto {
    padding: 15px;
   }

   .formulario-contacto .col-sm-6{
    padding: 0px!important;
   }

   .tabla-locales td {
    font-size: 9px;
    }
    .bloque-tabla {
       padding: 10px 10px;
    }
	.widget2 img{
		max-width: 12%!important;
	}
	.redes-footer li a {
    font-size: 20px;
	}



}


@media screen and (max-width: 480px) {
    .espacio-contac{
        height: 20px!important;
    }
}