.servicios{
    background-color: whitesmoke;
    overflow: hidden;
}
.servicios .titulo{
    text-align: center;
    margin-bottom: 0rem;
}
.servicios .titulo h3{
    margin-bottom: 0rem;
}
.servicios .tarjetas{
    margin-top: 4rem;
    width: 100%;
    height: 100%;
}
.servicios .tarjetas .contenedor-tarjeta{
    width: 100%;
}
.servicios .tarjetas .tarjeta-a{
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    width: 100%;
    background-color: white;
    overflow: hidden;
}
.servicios .tarjetas .tarjeta-a .cont-text{
    padding: 4rem 3rem;
    display: flex;
    justify-content: center;
    align-items:start;
    text-align: start;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.servicios .tarjetas .tarjeta-a .cont-text{
    font-weight: 700;
}

.servicios .tarjetas .tarjeta-a-02{
    border-radius: 2rem;
    width: 100%;
    background-color: white;
    overflow: hidden;
}
.servicios .tarjetas .tarjeta-a-02 .cont-text{
    padding: 2.5rem;
    display: flex;
    justify-content: center;
    align-items:start;
    text-align: start;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.servicios .tarjetas .tarjeta-a-02 .cont-text{
    font-weight: 700;
}

.servicios .tarjetas .tarjeta-b-02{
    border-radius: 2rem;
    width: 100%;
    background-color: white;
    overflow: hidden;
}
.servicios .tarjetas .tarjeta-b-02 .cont-text{
    padding: 2.5rem 2.5rem 2.5rem 4rem;
    display: flex;
    justify-content: center;
    align-items:start;
    text-align: start;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.servicios .tarjetas .tarjeta-b-02 .cont-text{
    font-weight: 700;
}
.servicios .tarjetas .tarjeta-b{
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    width: 100%;
    background-color: white;
    overflow: hidden;
}
.servicios .tarjetas .tarjeta-b .row,
.servicios .tarjetas .tarjeta-a .row{
    display: flex;
    align-items: stretch;
}
.servicios .tarjetas .tarjeta-b .cont-text{
    padding: 4rem 2rem 4rem 4rem;
    display: flex;
    justify-content: center;
    align-items:start;
    text-align: start;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.servicios .tarjetas .tarjeta-b .cont-text{
    font-weight: 700;
}
.servicios .tarjetas .tarjeta-b .cont-text ul li{
    font-size: 15px;
    font-weight: 700;
}
.tarjetas-margen-top{
    margin-top: 4rem;
}
.servicios .tarjetas .tarjeta-a-02 .cont-text p b,
.servicios .tarjetas .tarjeta-b-02 .cont-text p b{
    font-family: fuente-media;
}
.servicios .tarjetas .tarjeta-a-02 .cont-text p,
.servicios .tarjetas .tarjeta-b-02 .cont-text p{
    margin-bottom:0rem;
}
img{ display:block; }
.fletes-01{
    background-image: url(../img/servicios/trans-02.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.fletes-02{
    background-image: url(../img/servicios/trans-03.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.almacenaje-01{
    background-image: url(../img/servicios/alma-01.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.almacenaje-02{
    background-image: url(../img/servicios/alma-03.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.especiales-01{
    background-image: url(../img/servicios/especial-01.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.especiales-02{
    background-image: url(../img/servicios/especial-03.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.servicios .tarjetas .tarjeta-b-02 .row,
.servicios .tarjetas .tarjeta-a-02 .row{
    display: flex;
    align-items: stretch;
}

/* FLOTILLA */
.flotilla .row{
    margin-left: 0rem;
    margin-right: 0rem;
}
.flotilla .cont-flotilla-card{
    background-color: whitesmoke;
    border-radius: 1rem;
}
.flotilla .cont-flotilla-card .titulo{
    background-color: var(--rojo);
    padding: .5rem;
    width: 95%;
    height: 100%;
    text-align: center;
    clip-path: polygon(
    0 0,
    95% 0,
    100% 50%,
    95% 100%,
    0 100%
  );
  border-top-left-radius: 1rem;
}
.flotilla .cont-flotilla-card .titulo h4{
    color:white;
    font-family: fuente-media;
    margin-bottom: 0rem;
    font-size: 1.1rem;
}
.flotilla .cont-flotilla-card h5{
    font-size: 1.1rem;
    color:black;
    font-family: fuente-bold;
    text-align: center;
    margin-bottom: .5rem;
}
.flotilla .cont-flotilla-card ul{
    margin-bottom: 0rem;
    padding-left: 0rem;
}
.flotilla .cont-flotilla-card ul li{
    display: flex;
    padding: 0rem 1rem;
}
.flotilla .cont-flotilla-card ul li .dato-left{
    width: 70%;
    height: auto;
    text-align: start;
    color:black;
    font-size: .9rem;
    font-family: fuente-media;
    border-bottom: 1px solid black;
}
.flotilla .cont-flotilla-card ul li .dato-right{
    width: 30%;
    height: auto;
    text-align: end;
    color:black;
    font-size: 1rem;
    font-family: fuente-media;
    border-bottom: 1px solid black;
}
.flotilla .cont-flotilla-card ul li .dato-left p,
.flotilla .cont-flotilla-card ul li .dato-right p{
    margin-bottom: 0rem;
    font-size: .7rem;
}
.flotilla .cont-flotilla-card img{
    width: 100%;
    height: auto;
}
.flotilla .cont-flotilla-card .cta-flotilla{
    background-color: var(--color_2);
    padding: .5rem;
    width: 60%;
    height: 100%;
    text-align: center;
    clip-path: polygon(
        0 0,
        90% 0,     /* ← antes 95% */
        100% 50%,
        90% 100%, /* ← antes 95% */
        0 100%
    );
  border-bottom-left-radius: 1rem;
}
.flotilla .cont-flotilla-card .cta-flotilla a{
    color:white;
    font-family: fuente-media;
    margin-bottom: 0rem;
    font-size: 1.1rem;
    cursor: pointer;
    transition: 0.5s;
}
.flotilla .cont-flotilla-card .cta-flotilla a:hover{
    opacity: .5;
}

.carretera{
    background-image: url(../img/carretera.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
}
.texto-white{
    color:white;
}

.seguridad-01{
    background-image: url(../img/seguridad-01.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.seguridad-02{
    background-image: url(../img/seguridad-02.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.seguridad-03{
    background-image: url(../img/seguridad-03.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.seguridad-04{
    background-image: url(../img/seguridad-04.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.seguridad-05{
    background-image: url(../img/seguridad-05.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.seguridad-06{
    background-image: url(../img/seguridad-06.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.seguridad-07{
    background-image: url(../img/seguridad-07.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.seguridad-08{
    background-image: url(../img/seguridad-08.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.seguridad-09{
    background-image: url(../img/seguridad-09.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.seguridad-10{
    background-image: url(../img/seguridad-10.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    padding-left: 0rem;
    padding-right: 0rem;
}