/* =============================================
   PASOS-DE-FRONTERA-INTERNACIONAL
   Extraido del <style> inline de modules/pasos_de_frontera_internacional.php
   El <link> queda EN LA MISMA POSICION para preservar la cascada.
   ============================================= */

.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;
}


.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;
}

@media (max-width: 1250px) {
  .btn-m-2, .btn-m-3{
    border-top: 1px solid;
    border-top-right-radius: 0 !important;
    }
}