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


.border__presupuesto{
    border: 1px solid #E50000;
    border-radius: 20px;
}

#app{
        overflow: hidden;
}

.bg__header{
  
        background-color: transparent;

        padding-top: 56px;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        z-index: 1000;
    }


        .header__enlace__sm{
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 400;
                font-size: 20px;
                line-height: 19px;
                text-transform: capitalize;
                color: black !important;
          }  
     



  .header__enlace{
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 19px;
        text-transform: capitalize;
        color: white !important;
  }  
   

  .header__enlace:hover{
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 19px;
        text-transform: capitalize;
        color: #FF7200 !important;
  } 


.activeheader{
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 19px;
        text-transform: capitalize;
        color: #FF7200 !important;
        
    }
.activeheader:hover{
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 19px;
        text-transform: capitalize;
        color: #FF7200 !important;
        
    }

   
    /*footer*/
    

 
.fondofooterseccion{
        
        background-color: black;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
       
        
    }

.footer__titulo{
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.06em;
        
        color: #E50000;

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

.form-control::placeholder{
        font-family: 'Roboto';
        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: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 40px;
        
} 



.whatsapp{
        position: fixed;
        width: 60px;
        height: 60px;
        bottom: 40px;
        right: 40px;
        background-color: #25d366;
        color: #FFF !important;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        z-index: 100;
}