/* Ajustes generales */
*{
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    font-family: 'Open Sans', sans-serif;
    /* overflow-wrap: anywhere; */
}
a{
    text-decoration: none;
    color:#9ad540;
}
a:hover{color:#3e5a11;}
.bg-verde{background-color: #83b228;}
.bg-verde-claro{background-color: #9ad540;}
.text-verde-oscuro{color:#3e5a11;}
.text-verde-claro{color:#9ad540;}
.text-verde{color:#83b228;}
.bg-verde-oscuro{background-color: #3e5a11;}
.hover-oscuro:hover{filter: brightness(1.3);}
.text-justify{text-align: justify;}
.mx-w-100{max-width: 100%;}
.bg-gris{
    background-color: #f5f5f5;
}
.text-gris{
    color: #8f8f8f;
}
.titulo-home-1{
    font-size: 5.5em;
    font-weight: 700;
    line-height: 1em;
}
.principal-flotante{
    width: 1020px;
    top: 0;
}
.iconos-beneficios{
    font-size: 4em;
    display: flex;
    padding: 0.4em;
    margin: auto;
}
.contenedor-iconos{
    width: 120px;
    height: 120px;
    display: flex;
}
.trueno{
    padding: 0 0.6em;
}
.bola{
    left: 0;
    bottom: 0;
}
.precio-home{
    font-size: 4em;
}
.precio-home-2{
    font-size: 2.5em;
}
.border-verde-oscuro{
    border-color: #3e5a11 !important;
}
/* Preguntas frecuentes */
.accordion-button:not(.collapsed){
    color:#3e5a11;
    background-color:#83b228;
}
.accordion-button:focus{
    border-color:#9ad540;
    box-shadow:none;
}
/* boton whats app */
.boton-flotante{
    width: 65px;
    height: 65px; 
    font-size: 2.7em;
    z-index: 100000;
}
.boton-whatsapp{
    left: 25px;
    bottom: 30px;
}

@media (max-width:1400px){
    .principal-flotante{
        width: 800px;
    }
}
@media (max-width:1200px){
    .principal-flotante{
        width: 700px;
    }
    .titulo-home-1{
        font-size: 4em;
    }
    .que-ofrece{
        margin-top: 0 !important;
    }
    .img-absolute{
        position: relative !important;
    }
    .que-ofrece div{
        border-radius: 1em !important;
    }
}
@media (max-width:992px){
    .principal-flotante{
        width: 400px;
        bottom: 0;
        top: auto;
    }
}
@media (max-width:768px){
    .principal-flotante{
        filter: opacity(0.4);
        width: 100%;
    }
    .titulo-home-1{
        font-size: 3.5em;
    }
}
@media (max-width:576px){
    .titulo-home-1{
        font-size: 3em;
    }
}
@media (max-width:350px){
    .titulo-home-1{
        font-size: 1.9em;
    }
}