body
{
    margin: 0px !important;
    font-family: 'Rubik', sans-serif;
   
}

#app {
    overflow: hidden;
}


.bg__header{
    background-color: #EBF4FA   ;
    line-height: 40px;
}



.header__link{    

    font-family: 'Rubik';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    color: #000000;
    /* Blanco */
    text-decoration: none;

}


.header__link:hover{    
   
    font-family: 'Rubik';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    color: #0072BC;

}
.nav__home{
    background-color: transparent;
    font-size: 13px;
    padding-top: 10px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1000;
}

    
        
    .container{
    	max-width:1260px !important;
    	}
    	


     .header__nav{
        font-family: 'Rubik';
        color: var(--Azul, #0072BC) !important;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
     }  
     .header__nav:hover{
        font-family: 'Rubik';
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        /* identical to box height */
        

        
        color: #000 !important;
     }
    


 


    .active__header{
        font-family: 'Rubik';
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #000 !important;
        
    }
    .active__header:hover{
        font-family: 'Rubik';
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;

        color: #000 !important;
        
    }


    .btn-presupuesto{
        
    font-family: 'Rubik';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
     text-decoration: none;
    border-radius: 40px;
    background: var(--Azul, #0072BC);
        color: white;
        text-align: center;
    }

    .btn-presupuesto:hover{
        
    font-family: 'Rubik';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    border-radius: 40px;
    color:#0072BC ;
    border: 1px solid #0072BC;
    background-color: white;
    text-align: center;
        
    }

    /*footer*/
    

 
    .fondofooterseccion{
        background-image: url('../img/fondo.png');
       background-color: #01253D  ;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
       height: auto;
        
    }
    .footer__titulo{
        font-family: 'Rubik';
        color: #D4F2FF;
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;

    }
    .footer__secciones{
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        
        color: #FFFFFF;
        text-decoration: none;
        
        
        
    }
    .footer__secciones:hover{
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        
        color: #726F6D;
       
    }

    


    .form-control::placeholder{
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 45px;
        /* identical to box height, or 375% */
        
        
        /* Gris */
        
        color: #726F6D;
    }

    .input-group-text{
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 40px;
        
    } 



    .whatsapp {
        position: fixed;
        width: 288px;
         height: 68px;
        bottom: 40px;
        right: 40px;
        border-radius: 50px;
        background-color: #0072BC;
        color: #FFF !important;
        text-align: center;
        font-size: 22px;
        z-index: 100;
      }