:root{
    --desplazamiento_circulo: 18%;
    --altura_imagen_carousel: 75vh;
    --fit_imagen_carousel: cover;
}
.ff-montserrat{
    font-family: "Montserrat", "Nunito", sans-serif;
}
.p-relative{
    position: relative;
}
.granja-caroucel-fondo{
    height: var(--altura_imagen_carousel); 
    overflow:hidden;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.carousel-item{
    height: var(--altura_imagen_carousel);
}
.circle {
    width: 100%;
    height: 100%;
    top:0;
    -o-object-fit: contain;
       object-fit: contain;
}
.granja-carousel-image{
    width: 100%; 
    height: var(--altura_imagen_carousel);
    -o-object-fit: var(--fit_imagen_carousel);
       object-fit: var(--fit_imagen_carousel);
    -o-object-position: start bottom;
       object-position: start bottom;
    background-repeat: no-repeat;
}
.granja-carusel-titulo{
    line-height: 65px; 
    font-size: 60px;
    color: #155E40;text-shadow: 0px 3px 6px #00000029;
}
.granja-carusel-texto{
    font-size: 20px;
    text-align: justify;
}

.entrar-desde-derecha {
    animation: entrarDesdeDerecha 2.5s ease-in-out;
}

.entrar-desde-izquierda {
    animation: entrarDesdeIzquierda 2.5s ease-out;
}

.entrar-desde-izquierda-lento {
    animation: entrarDesdeIzquierda 2.8s ease-in-out;
}

.hide-lg{
    display: none !important;
}
.hide-sm{
    display: inline !important;
}
@media (max-width: 1592px) {
    :root {
        --desplazamiento_circulo: 5%;
    }
}

@media (max-width: 1432px) {
    :root {
        --desplazamiento_circulo: 0;
    }
    .granja-carusel-titulo{
        font-size: 50px;
    }
}

@media (max-width: 1260px) {
    :root {
        --altura_imagen_carousel: 63vh;
    }
    .granja-carusel-texto{
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    :root {
        --altura_imagen_carousel: 45vh;
        --fit_imagen_carousel: contain;
    }
    .res.granja-carousel-image{
        -o-object-fit: contain !important;
           object-fit: contain !important;
        -o-object-position: left center !important;
           object-position: left center !important;
    }
    .hide-lg{
        display: inline !important;
    }
    .hide-sm{
        display: none !important;
    }
    .granja-carusel-titulo{
        font-size: 40px;
        line-height: normal;
    }
}

@media (max-width: 768px) {
    .granja-carusel-texto{
        font-size: 16px;
    }
}

@media (max-width: 600px) {
    :root {
        --altura_imagen_carousel: 30vh;
    }
    .granja-carusel-titulo{
        font-size: 25px;
    }
    .granja-carusel-texto{
        font-size: 16px;
    }
}

@keyframes entrarDesdeIzquierda {
    0% {
        opacity: 0;
        transform: translateX(-20%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes entrarDesdeIzquierdaPlus {
    0% {
        opacity: 0;
        transform: translateX(-60%);
    }
    100% {
        opacity: 1;
        transform: translateX(var(--desplazamiento_circulo));
    }
}

@keyframes entrarDesdeDerecha {
    0% {
        opacity: 0;
        transform: translateX(60%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}