/* poppins-regular - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  

    body{

        overflow-x:hidden;

    }

    
    li, ul, ol,a,p,span,div, button, h1,h2,h3,h4,h5,h6{
        list-style: none;
        font-family: 'Poppins';
        
    }

label{
	
	text-align:initial;
	margin-bottom:1em;
	
}




    @media screen and (min-width: 508px){
    
        


        .opciones-navbar{

            /* margin-left: 20%; */
            /* position: ablsolute; */
            position: absolute !important;
            height: 60px !important;
            /* left: 27.07%; */
            right: 94px !important;
            top: calc(50% - 28px/2)!important ;
             width:unset !important;
             background: unset !important;

          }

        .titulo-cabecera{

            font-weight: bold !important;
            font-size: 31px !important;
            line-height: 44px !important;
            color: #094356 !important;
    
    
        }
        
        .parrafo-cabecera{

            font-weight: normal;
            font-size: 18px;
            line-height: 28px;
            /* or 156% */
            color: #22343D;

        }
        .titulo-softwares, .titulo-funciones{
    
            position: absolute !important;
            height: 95px !important;
            left: 26% !important;
            font-weight: bold !important;
            font-size: 32px !important;
            line-height: 48px !important;
            text-align: center !important;
            color: #22343D !important;
            width: 47% !important;
            margin-top: 2em;

        }



        .img-call-action-planes{

            margin: 4em 0em 0em 6em !important;
            width: unset !important;

        }


        .titulo-call-action-planes{

        
            font-size: 32px !important;

        }

        .parrafo-call-action-planes{

            font-size: 17px !important;
    
    
        }


        
    .bton-action-planes{

        margin-left: 2em !important;

    }

    }
    


    /*========================================
    barra de navegacion
    ============================================*/

    .logo-navbar{

        margin-top: 2em;


    }

    .nav-bar{

        overflow-x: hidden;

    }



    .opciones-navbar{

        position: absolute ;
        height: auto ;
        top: 6.6em ;
        background: #ededed;
        width: 100%;
        
    
    }

    a , .nav-link{

        text-decoration: none !important;
        color: black !important;

    }

    
    .nav-item > .nav-link {

        margin-right: 2em;


    }

    .bton-blue{

        background: #09617E;
        border-radius: 4px;
        color: white;

    }

    .bton-blue:hover{

        background: #68bcd8;
        border-radius: 0px;
        color: rgb(99, 96, 96);
        transition: 0.5s;
    }

    .bton-white{

        border: 1px solid #BCD0E5;
        box-sizing: border-box;
        border-radius: 4px

    }

    .bton-white:hover{

        border: 1px solid #BCD0E5;
        box-sizing: border-box;
        border-radius: 0px;
        background: #68bcd8;
        transition: 0.5s;
        color: rgb(99, 96, 96);

    }

   /*========================================
   fin css barra navegacion

   inicio css cabeceras
    ============================================*/


    .img-cabecera{

        width:100%

    }

    .img-caracteristicas{

        width:80%;


    }

    .bton-celeste-opaco{

        background: #018391;    
        border-radius: 4px;
        width: 12em;
        color:white;



    }

    .bton-celeste-opaco:hover{

        background: #68bcd8;    
        border-radius: 0;
        width: 12em;
        color:rgb(53, 51, 51);
        transition: 0.5s;



    }
  

    .titulo-cabecera{

        font-weight: bold !important;
        font-size: 31px !important;
        line-height: 44px !important;
        color: #094356 !important;


    }
    
    .parrafo-cabecera{

        font-weight: normal;
        font-size: 18px;
        line-height: 28px;
        /* or 156% */
        color: #22343D;

    }


    /*========================
    fin cabecera css
    software css
    ========================== */


    .titulo-softwares, .titulo-funciones{

    
        position: absolute;
        height: 95px;
        left: 0%;
        font-weight: bold;
        font-size: 21px;
        line-height: 30px;
        text-align: center;
        color: #22343D;
        width: 100%;

    }

    .softwares{

        margin-top: 12em;
    }

    .funciones-softwares{

        margin-top: 3em;
    }

    .fondo-curvo-blanco{

        background: linear-gradient(360.59deg, #EDEDED 0.35%, rgba(255, 255, 255, 0.0001) 99.63%);

    }

    .producto-software{

        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        color: #22343D;
        /* margin-left: 2em; */
        /* width: 30%; */

    }

    .img-software{

        width:20%;

    }

    .titulo-software {

        font-size: 22px;
        line-height: 33px;
        color: #22343D;


    }

    .fondo-curvo{
      
        background: linear-gradient(179.59deg, #EDEDED 0.35%, rgba(255, 255, 255, 0.0001) 99.63%);
        /* transform: rotate(180deg);; */

    }


    .subtitulo-caracteristicas{

        font-weight: 600;
        font-size: 16px;
        line-height: 24px;

    }

    .titulo-caracteristicas{
        font-weight: bold;
        font-size: 32px;
        line-height: 48px;
        color: #22343D;
    }

    .parrafo-caracteristicas{

        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: #22343D;
    

    }

    .mini-titulo{

        font-weight: 600;
        font-size: 16px;
        line-height: 26px;
        color: #22343D;


    }

 

    .subtitulo-funciones{

        font-weight: normal;
        font-size: 17px;
        line-height: 25px;
        text-align: center;
        margin-top: 10em;
       /* position: absolute;*/

    }

    .funcion-software{

        background: #F5F5F5;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 20px;
        /* margin-left: 2em; */
        /* width: 30%; */
        text-align: center;
        min-height: 21em;

    }

    .img-funciones{

        margin-top:2em;


    }

    .titulo-funcion{

        font-style: normal;
        font-weight: bold;
        font-size: 25px;
        line-height: 37px;
        /* identical to box height */
        text-align: center;
        color: #22343D;

    }

    .parrafo-funcion{

        font-weight: normal;
        font-size: 17px;
        line-height: 25px;
        text-align: justify;
        color: #000000;
        margin: 1em;
        margin-top: 0.5em;

    }

    .titulo-clientes{
        
        font-style: normal;
        font-weight: bold;
        font-size: 34px;
        line-height: 51px;
        color: #22343D;
        text-align: center;
        margin-top: 3em;
        margin-bottom: 3em;

    }


    .col-sm-4 {
        flex: 0 0 auto;
        /* width: 31.333%; */
        
        /* margin-left: 1em; */
        /* height: 14em; */
        text-align: center;
        margin-bottom: 3em;
    }

    .bton-cliente{

        background: #02897A !important;
        margin-bottom: -25rem;
        border-radius: 47px;
        width: 1.5em !important;

    }

    .carousel-indicators{

        margin-bottom: -3em;

    }

    .clientes-section{


        margin-bottom: 11em;

    }


    .titulo-testimonios{

        font-weight: bold;
        font-size: 34px;
        line-height: 57px;
        text-align: center;
        letter-spacing: 0.2px;
        color: #22343D;
        

    }

    .subtitulo-testimonios{

        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        letter-spacing: 0.2px;
        color: #22343D;


    }

    .tarjeta-testimonio{

        width: 90%;
        margin: 1em;
        border: 1px solid #DEDEDE;

    } 

    .img-estrella-testimonio{

        width: 11em;
        margin-top: 4em;
        margin-bottom: 2em;

    }

    .foto-cliente-testimonio{

        height: 5em;
        border-radius: 20em;
        margin-left: -1em;

    }

    .parrafo-testimonio{

        text-align: justify;


    }

    .nombre-cliente-testimonio{

        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */

        letter-spacing: 0.2px;

        color: #02897A;


    }


    .nombre-empresa-testimonio{


        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.2px;
        color: #252B42;


    }


    .fondo-call-action-planes{

        background: #018391;
        border-radius: 32px;
        width: 85%;
        height: 427px;
        margin-top: 8em;

    }

    .titulo-call-action-planes{

        
            font-weight: 600;
            font-size: 32px;
            line-height: 151.4%;
            color: #FFFFFF;
            font-size: 18px;
            margin: 2em 2em 0em 1em;
        

    }

    .parrafo-call-action-planes{

        font-weight: normal;
        font-size: 11px;
        line-height: 151.4%;
        color: #FFFFFF;
        margin: 1em 0em 1em 2em;


    }


    .bton-action-planes{

        background: #FFFFFF;
        border-radius: 8px;
        color: #02897A;
        margin-left: 1em;

    }

    .bton-action-planes:hover{

        background: #02897A;
        border-radius: 0px;
        color: #FFFFFF;
        transition: 0.5s;

    }

    .img-call-action-planes{

        margin: 1em 0em 0em 4em;
        width: 11em;
    }


   

    .caracteristicas-cont{


            margin-top:15em;

    }


    /*==========================================
    footer
    ==========================================
    */

    .margen-footer{

        margin-top:9em;


    }

    .titulos-footer{

        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        color: #22343D;


    }

    .links-footer{


        font-weight: normal;
        font-size: 16px;
        line-height: 35px;
        /* or 219% */
        color: #22343D; 


    }

    .suscribir-input{

        background: #FFFFFF;
        border: 1px solid #BCD0E5;
        box-sizing: border-box;
        border-radius: 4px;

    }

    .suscribir-boton{

        background: #018391;
        border-radius: 4px;
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height */

        text-align: center;

        color: #FFFFFF;
    }

    .copyrigth{


        font-weight: normal;
        font-size: 16px;
        line-height: 30px;
        color: #22343D;
        text-align: center;

    }

    .logo {
        width: 15em;
        margin-bottom: 2em;
    }


    /*================================
    capacidades de software css
    =====================================
    */


    .titulo-capacidades{

        font-weight: bold;
        font-size: 34px;
        line-height: 51px;
        text-align: center;
        color: #22343D;
        margin-bottom: 2em;


    }

    .fondo-gris{


        background:#F5F5F5;

    }


    /* .img-capacidad{

        nada 


    } */

    .titulo-capacidad{

        font-weight: bold;
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        letter-spacing: 0.1px;
        color: #22343D;


    }

    .parrafo-capacidad{


        font-weight: normal;
        font-size: 16px;
        line-height: 27px;
        text-align: center;
        letter-spacing: 0.2px;
        color: #22343D;

    }

    .titulo-final-capacidades{


        font-weight: 600;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        color: #22343D;

    }

    .centrado{

        text-align: center;

    }

    .subtitulo-caracteristicas-24{

        font-weight: 600;
        font-size: 24px;
        line-height: 36px;

    }

    .img-caracteristicas-redonda{

        height: 5em;
        border-radius: 20em;
        margin-left: -1em;


    }


    .f-left {
        font-size: 2.5em;
        background: #018391;
        padding: 0.5em;
        border-radius: 65px;
        color: #feffff;
    }

    .subtitulo-cabecera-bajo{

        font-weight: 600;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        color: #22343D;
    }

    .img-login {
        background-image: url("../img/imagen login empresa.svg");
        background-position: center bottom 288px;
        background-repeat: no-repeat;
        background-size: 70%;
        width: 100%;
        height: 100%;
        background-color: #74cde1;
    }

    .contenedor-imagen-login{

        height: 60em;


    }

    .esconder-y{

        overflow-y:hidden;


    }

    .texto-login{

        margin-left: 3em;
        margin-top: 1em;

    }
    

    .titulo-login{

        color: white;
        font-weight: bold;


    }

    .parrafo-login{
        color: #514c4c;
        font-size: 0.8em;



    }

    .cont-img-logo-login{

        width: 70%;
        margin: 4em auto 3em auto;

    }



#codEmpresa {
	width: 100% !important;
}




.inp-log{
		
	background: #D9D9D9;
	border-radius: 20px;	
	width: 364px;
	height: 52px;
}

.inp-log-new{
	
	background: #D9D9D9;
	border-radius: 20px;	
	width: 364px;
	height: 29px;
	
}

.cont-form-login{
	
	margin-left:5em;
	
	
}


.cont-form-login-user{
	
	margin-left: 5em;
	width: 73%;

	
}

.bton-log{
	
	width: 93%;
	margin-left: 1em;
	background: #00225B;
	color:white;
}

.bton-log:hover{
	
	background:#01BCD3;
	transition:0.5s;
	color:#4a4848;
}

.titulo-cabercera-planes{
	
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	color: #22343D;
	text-align: center;
	
}

.subtitulo-cabecera-planes{
	
	font-weight: bold;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    color: #22343D;
}

.descripcion-cabecera-planes{
	
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #22343D;
	
}

.cont-planes{
	
	margin-top:6em;
	margin-left:6em;
	
}

.tarjeta-plan{
	
	background: #FFFFFF;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	text-align: center;
	width: 55%;
	padding: 2em;
	min-height: 40em;
	
}

.titulo-plan{
	
	font-weight: bold;
	font-size: 24px;
	line-height: 40px;
	color: #22343D;
	
}

.subtitulo-plan{
	
	font-weight: normal;
	font-size: 16px;
	line-height: 40px;
	color: #22343D;
	
}

.precio-plan{
	
	font-weight: bold;
    font-size: 62px;
    line-height: 100px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #018391;
}

.caracteristica-plan{
	
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.2px;
	color: #22343D;
	
}

.crea-cuenta{
	
	margin:auto;
	
}
	
.inp-contacto{
	
	background: #F5F5F5;
	border: 1px solid #E8E8E8;
	box-sizing: border-box;
	border-radius: 39px;	
	
}

.form-contacto{
	
	background: #22343D;
	border: 1px solid #464646;
	box-sizing: border-box;
	border-radius: 20px !important;
	
}

.bton-contacto{
	
	background: #02897A;
	border-radius: 35px;
	width:20% !important;
}

.area-text{
	
	background: #F5F5F5;
	border: 1px solid #E8E8E8;
	box-sizing: border-box;
	
}

.logo:hover{
	
	cursor:pointer;
	
}