.btn-primary{
    background-color: var(--main-color);
    border: 0px;
    
}


.btn:hover{
    background-color: var(--main-color-hover);
}


.btn:first-child:active{  
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), var(--main-color);
}


.bg-burn{
 background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), var(--main-color);
}  

.bg-empresa{
    background: var(--main-color);
}

a:hover {
 color: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), var(--main-color);
}

.header .navbar .navbar-collapse .navbar-na\v .nav-item .nav-link:hover {
    color: white;
    background-color: var(--main-color);
}

.bg-danger-subtle{
    background-color: var(--main-color) !important;
    width:50px !important;
    min-width: 50px;
} 

.text-danger{
    mix-blend-mode: plus-lighter;
    color:var(--main-color) !important;
    
}

.text-color-accent{
    color: var(--main-color) !important;
}

.text-empresa{
    color: var(--main-color);
}

.bg-gray{
background-color: rgb(41, 41, 41);
}

.image-plans{
    background:url('../img/foto-2.png');
    min-height: 150px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
}

.box-logo-footer{
    background-color: white;
    padding: 16px 24px;
    border-radius: 4px;
}

.box-logo-footer img{
    max-width: 150px;
   
}

.nav-item .nav-link:hover {
    color: var(--main-color) !important;
    background-color: transparent !important;
}

.btn-entrar{
    background-color:transparent !important;
    color:  var(--main-color) !important;
    border-color: var(--main-color) !important;
}

.btn-entrar:hover{
    background-color: var(--main-color) !important;
    color: white !important;
    border-color: var(--main-color) !important;
}
.card-image{
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
}

.btn-primary-full{
    background-color: var(--main-color);

}

.custom-card img{
  height: 280px;
  object-fit: cover;
}

input::placeholder, textarea::placeholder, select::placeholder {
    color: rgba(41, 52,61, .5) !important
}

label.req::after {
content: " *" !important;
color: red !important;
}