/* =============================================
   SISTEMA-LOGISTICO-INTEGRAL
   Extraido de los <style> inline duplicados en 2 modulos.
   Se enlaza EN LA MISMA POSICION que ocupaba el <style>.
   ============================================= */

.car-card {
    background-color: var(--gray-soft);
        margin: 1em 0.5em;
    border-radius: var(--border-radius-2);
    border: 2px solid var(--gray-soft);
    height: 90%;
    cursor: pointer;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 40;
    position: relative;
    transition: .3s all;
    text-decoration: none;
    width: 100%;
}


.car-card__header h2 {

    font-size: 32px;

}

a{
text-decoration: none !important;
}


.info-wrapper {
    border: 1px solid #b2b2c1;
    padding: 0 12px;
    border-radius: 20px;
    margin-top: 30px;
    font-size: 0.9em;
}


.bottom-line{
        border-bottom: 1px solid #b2b2c1;
        margin-bottom: 15px;
}

.table-border:nth-child(1){
    border-top-left-radius:  20px;
    border-right:  1px solid #b2b2c1;
    
}

.table-border:nth-child(3){
    border-top-right-radius:  20px;
    border-left:  1px solid #b2b2c1;
    
}

.table-border h3{
    padding: 10px;
     font-size: 24px;
    color:  #b2b2c1;
    cursor: pointer;
}
.table-border h3:hover, .table-border h3.active{
    color:  #fff;
}

@media (max-width: 1250px) {
  .btn-m-2{
    border-top: 1px solid;
    }
}

.car-card.active {
    background-color: transparent;
    color: var(--gray-soft);
    text-decoration: none !important;
}
.car-card.active  h2,.car-card.active .more-icon{
    color: #B2B2C1;
    stroke: #B2B2C1;
}



.icond{
    display: block;
}
.icond-h{
    display: none;
}


.car-card:hover .icond, .car-card.active .icond{
    display: none;
}
.car-card:hover .icond-h, .car-card.active .icond-h{
    display: block;
}