/* ------------------ Carrusel (Slider) ------------------ */
.img-carrusel{
    width: 100%;
    /* height: 100% !important; */
}

/* .carousel {
    height: 235px;
}

.carousel-inner{
    height: 235px;
} */

/* .carrusel .col{
    padding: 0;
} */

.seccion-nuestros-objetivos {
    background-color: #002158;
}

/* --- Tarjetas frontales y traseras --- */
.tarjeta-holder{
    perspective: 800px;
}

.tarjeta-holder, .tarjeta{
    width: 100%;
    height: 360px;
}

.tarjeta{
    position: relative;
    transform-style: preserve-3d;
    transition: transform .5s linear;
}

.tarjeta .front,
.tarjeta .back{
    width: 100%;
    height: 100%;

    backface-visibility: hidden;
}

.tarjeta .back{
    position: absolute;
    top: 0;
    transform: rotateY(180deg);
}

.tarjeta-holder:hover .tarjeta{
    transform: rotateY(180deg);
}

.titulos-tarjetas{
    text-shadow: 0.1em 0.1em #000;
}

.fondo-tarjeta{
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
}

#tarjeta-1{
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.4),
        rgba(0, 0, 0, 0.4)
      ), url(../img/mkt-mix-model.jpg);
}

#tarjeta-2{
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.4),
        rgba(0, 0, 0, 0.4)
      ), url(../img/market-basket.png);
}

#tarjeta-3{
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.4),
        rgba(0, 0, 0, 0.4)
      ), url(../img/pricing-analytics.jpg);
}

#tarjeta-4{
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.4),
        rgba(0, 0, 0, 0.4)
      ), url(../img/plan-surtido.jpg);
}

#tarjeta-5{
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.4),
        rgba(0, 0, 0, 0.4)
      ), url(../img/microleaks.jpg);
}

#tarjeta-6{
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.4),
        rgba(0, 0, 0, 0.4)
      ), url(../img/analisis-campanias.jpg);
}

#tarjeta-7{
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.4),
        rgba(0, 0, 0, 0.4)
      ), url(../img/seg-clientes.jpg);
}

#tarjeta-8{
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.4),
        rgba(0, 0, 0, 0.4)
      ), url(../img/forcasting.jpg);
}

#tarjeta-9{
    background-image: url(../img/preguntas-negocio.jpg);
}

#tarjeta-10{
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.4),
        rgba(0, 0, 0, 0.4)
      ), url(../img/analisis-imgs.jpg);
}

/* ------------------ Utilidades ------------------ */
.fondo-azul-2-4{
    background-color: #007BD9;
}

.fondo-azul-1-4{
    background-color: #4A72B2;
}

.fondo-naranja{
    background-color: #C64832;
}

/* ------------------ Media Queries ------------------ */

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
/* @media (min-width: 576px) { 

} */

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575px) { 

}

@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Big devices (desktops, 1024px and up) */
@media (min-width: 1024px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}