@media (min-width: 1400px){
    
}
@media (max-width: 1200px){
    .BoxCambio-Header .BoxTitle .Title {
        font-size: 1.6rem;
    }

    .Home-Cambio {min-height: 820px;}
    .Home-Areas {min-height: 720px;}
    .Home-Informacion {min-height: 760px;}

    .BoxMenuPrincipal .MenuLinks .Link {
        margin: 0 10px;
        font-size: 0.9rem;
    }
    .ItemSliderHome .BoxDescripcion {
        left: 57%;
    }
}

@media (max-width: 990px){

    .BoxAnimacion {
    display: flex;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    text-align: center;
    justify-items: center;
    margin: 0 auto;
}
.BoxAnimacion .BoxAnimacion-Limon2 {
    left: 56%;
    position: absolute;
    top: 27%;
    z-index: 2;
    width: 125px;
}
.BoxAnimacion .BoxAnimacion-Text6 {
    right: 4%;
    position: absolute;
    top: 15%;
    width: 100px;
}
.BoxAnimacion .BoxAnimacion-Text3 {
    left: 6%;
    position: absolute;
    top: initial;
    width: 180px;
    bottom: 22%;
}

.Home-Intro .BoxAnimacion-Limon4 {
    left: -14%;
    position: absolute;
    top: 13%;
    opacity: 1;
    z-index: 2;
    width: 128px;
}
.BoxAnimacion .BoxAnimacion-Planta {
    left: 9%;
    position: absolute;
    top: 22%;
    width: 200px;
}

.Home-Intro .BoxAnimacion-Limon5 {
    right: -11%;
    position: absolute;
    bottom: 17%;
    opacity: 1;
    z-index: 2;
    width: 128px;
}
.BoxAnimacion .BoxAnimacion-Botella {
    left: -4%;
    position: relative;
    top: -4%;
    z-index: 2;
    width: 160px;
}
.BoxAnimacion .BoxAnimacion-Limon3 {
    left: 47%;
    position: absolute;
    top: 39%;
    z-index: 1;
    width: 100px;

}

.BoxAnimacion .BoxAnimacion-Text5 {
    left: initial;
    position: absolute;
    bottom: 33%;
    right: -8%;
    width: 150px;
}

.BoxTextAnimacion {
    width: 300px;
    position: absolute;
    bottom: 14%;
    height: 130px;
}

.BoxAnimacion .BoxAnimacion-Limon1 {
    left: 9%;
    position: absolute;
    bottom: 45%;
    z-index: 2;
    width: 100px;
}

.BoxAnimacion .BoxAnimacion-Text1 {
    right: 5%;
    position: absolute;
    bottom: -10%;
    width: 155px;
}
.BoxAnimacion .BoxAnimacion-Text2 {
    right: 19%;
    position: absolute;
    bottom: -40%;
    width: 175px;
}
.BoxAnimacion .BoxAnimacion-Text4 {
    left: 5%;
    position: absolute;
    top: initial;
    width: 100px;
    bottom: -2%;
}

.BoxAnimacion .BoxAnimacion-Planta {
    left: 17%;
    position: absolute;
    top: 14%;
    width: 200px;
}



    .HistoriaDetalle1 {
    right: -15%;
    width: 300px;
    top: 20%;
}
.HistoriaDetalle2 {
    left: -60%;
    width: 300px;
    top: 45%;
}
.HistoriaDetalle3 {
    right: -5%;
    width: 270px;
    bottom: 13%;
}

    /* Custom */

    .Home-Historia .BoxTextHistoria {
    padding-left: 1rem;
    padding-right: 1rem;
}

.Home-Historia .BoxImgHistoria {
    margin-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 0;
    padding-right: 1rem;
    padding-left: 1rem;
}

.Home-Historia .BoxTextHistoria.BoxTextHistoriaRight {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.Home-Historia .BoxText {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    margin-bottom: 2rem;
}
.BoxLadoC{
    display: flex;
    flex-direction: column;
}

.Home-Historia .BoxImgHistoria .ImgFigure {
    margin: 0;
    text-align: left;
}
.Home-Historia .BoxImgHistoria .ImgFigure {
    margin: 0;
    text-align: left;
    margin-bottom: 3rem;
    margin-top: 1rem;
}

.Home-Historia .BoxImgHistoria.BoxImgHistoriaLeft {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.Home-Historia .BoxImgHistoria {
    margin-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 0;
}

    .Home-Detras .BoxImg .ImgText {
    top: initial;
    left: initial;
    bottom: -22%;
    right: 5%;
}

    .BoxMenuPrincipal .BoxLogin {
    display: flex;
}
.BoxMenuPrincipal .BoxLogin .Link {
    margin-left: 0;
}
.BoxMenuPrincipal .BoxLogin {
    margin-right: 1rem;
}
.Web-Header .ImgDetalleTriangulos {
    display: none;
}

    .BoxExperiencias .BoxExperiencia {
        width: 100%;
        margin-bottom: 3rem;
    }
    .BoxFunciones .BoxFuncion {
        width: 100%;
    }

    .Home-Funciones .container {
        padding: 1rem;
        width: 100%;
    }
    .Home-Desafio .BoxDesafio {
        margin-top: 2rem;
    }
    .BoxMateriales .BoxMaterial {
        width: 100%;
        margin-bottom: 3rem;
    }

    .Home-JuegoTriviaImg .BoxImg .Link.Link1 {
    bottom: -10%;
    left: 5%;
}
.Home-JuegoTriviaImg .BoxImg .Link.Link2 {
    bottom: 0%;
    right: 5%;
}

.Home-IntroFrase {
    background: url(../../assets/img/home/intro/bg-frase-mob.png) #ff6a35;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 1rem 0;
}

.Home-IntroFrase .BoxText .Text {
    padding: 0;
    font-size: 1rem;
}

.BoxIntro .Link {
    width: 65px;
    height: 70px;
    left: 76%;
    margin-left: -60px;
    top: 42%;
}
.Web-Header .BoxLogo {
    height: 60px;
}
/*.Web-Header .BoxLogo .Logo .Img {
    width: auto;
}*/
.BoxMenuPrincipal {
    padding: 2rem;
}
.Web-Wrapper {
    padding-top: 0px;
}

.BoxText .Text {
    width: 100%;
}
.Home-Detras .BoxText {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    padding-top: 23rem;
}
.Home-Quinina .BoxText {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding: 0 1rem;
}
.Home-SinTacc .BoxImg {
    position: static;
    top: 0;
    display: flex;
    justify-content: flex-start;
    padding-right: 0;
    right: 0;
    order: 1;
    padding-left: 1rem;
}
.Home-SinTacc {
    padding: 0 !important;
}
.BoxProducto .BoxProducto-SideBar {
    position: absolute;
    display: none;
}
.BoxProducto-Title {
    width: 100%;
    padding-left: 0;
    position: relative;
}
.BoxProducto-Title .Title {
    width: 100%;
    font-family: 'kollektifbold';
    font-size: 4rem;
    line-height: 4rem;
    margin-bottom: 1rem;
    color: #4ec1e6;
}
.BoxProducto-Title .BoxImg {
    position: absolute;
    right: -26%;
    top: 2%;
    margin: 0;
    width: 210px;
}
.BoxProducto-Title .Text {
    width: 56%;
    color: #4ec1e6;
    margin: 0;
    font-size: 0.9rem;
}
.BoxProducto-Ingredientes {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 3rem;
}
.Home-Producto {
    background: #ebfbff;
    min-height: auto;
    align-items: center;
    display: flex;
    padding-bottom: 2rem !important;
    padding-top: 2rem !important;
}
.Home-Producto.Home-Producto-Pepino .BoxProducto-Title .BoxImg {
    top: 0%;
}
.BoxDonde .Title {
    position: absolute;
    font-family: 'kollektifbold';
    font-size: 2.6rem;
    line-height: 2.6rem;
    margin-bottom: 2rem;
    color: #fff;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    top: 30%;
    padding: 2rem;
}

.BoxFooter-Text .Text {
    margin: 0;
    color: #bac1c6;
    font-weight: 500;
    font-size: 0.7rem;
    width: 100%;
}
.BoxFooter-Text {
    display: flex;
    align-items: center;
    height: 100%;
    text-align: center;
}
.BoxFooter-Link .MenuLinks {
    display: flex;
    justify-content: center;
    align-items: center;
}
.BoxFooter-Link .MenuLinks .Link.LinkRed {
    font-size: 2rem;
    margin-left: 2rem;
}
.BoxFooter-Link .MenuLinks .Link {
    color: #2a2e32;
    text-transform: uppercase;
    font-weight: 800;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 0.8rem;
    margin-bottom: 1rem;
}
.Home-SinTacc .BoxText {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    height: auto;
    margin-top: 2rem;
}
.Home-Detras .BoxImg {
    position: absolute;
    top: -10rem;
    display: flex;
    justify-content: center;
    padding-right: 0;
    right: 0;
    height: 430px;
    align-items: center;
    width: 100%;
}

.ColImgQuinina{
    flex-direction: column;
}

.Home-Quinina .BoxImg {
    position: static;
    top: -8rem;
    display: flex;
    justify-content: flex-end;
    padding-right: 0;
    left: -5%;
    width: 100%;
}
.Home-Detras .BoxImg .ImgFigure {
    text-align: center;
}

.Home-Detras .BoxImg .ImgFigure .Img {
    height: 355px;
}

.Home-Detras .BoxImg .Text .Line1 {
    left: -10%;
}
.Home-Detras .BoxImg .Text span {
    width: 100%;
    line-height: 2.4rem;
    position: relative;
}

.Home-Detras .BoxImg .Text {
    font-family: 'stylistic_signregular';
    color: #69bbe2;
    position: absolute;
    top: initial;
    font-size: 2.4rem;
    text-align: center;
    line-height: 2.6rem;
    left: initial;
    width: 80%;
    transform: rotate( 
349deg
 );
    display: flex;
    flex-wrap: wrap;
    right: -30px;
    bottom: -29%;
}

.BoxText .Title {
    font-family: 'kollektifbold';
    font-size: 2.6rem;
    line-height: 2.6rem;
    margin-bottom: 2rem;
}

.Web-Header {
    position: absolute;
}

.BoxReceta {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #ebfbff;
    z-index: 2;
    display: flex;
    padding: 2rem;
    margin-left: 0;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    display: none;
}
.BoxReceta .BoxReceta-BoxImg {
    width: 40%;
}
.BoxReceta .BoxReceta-Text .LinkCloseReceta {
    position: absolute;
    right: 0px;
}
.BoxReceta .BoxReceta-Text .Text {
    border-bottom: 1px solid;
    color: #4ec1e6;
    padding-bottom: 1rem;
    font-size: 0.9rem;
}
.BoxReceta .BoxReceta-Text {
    width: 100%;
    position: relative;
}

.BoxReceta .BoxReceta-Text .Title {
    font-family: 'kollektifbold';
    font-size: 3.6rem;
    line-height: 3.6rem;
    margin-bottom: 1rem;
    color: #4ec1e6;
}
    

    .BoxProducto .ProductoEscala .Title strong {
    font-size: 1.4rem;
    color: #000;
}

    .BoxProducto .ProductoText {
    width: 100%;
}
.BoxProducto {
    padding: 15px 15px;
}
.BoxProducto .ProductoEscala .Title {
    font-size: 0.8rem;
    margin-bottom: 5px;
    font-weight: 600;
}
.BoxProducto .ProductoEscala {
    width: 50%;
}
.BoxProducto .ProductoImg {
    width: 50%;
}
    .Web-Header .BoxLogos .LogoUai {
    margin-right: 0rem;
    width: 70px;
}
    .BoxMenuPrincipal .RedesLinks .Link.LinkRed{
        display: none;
    }
    .BoxMenuPrincipal {
    justify-content: center;
}
    .Home-Footer .BoxFooter-Marca .SubMenu {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 2rem 0;
    order: 2;
}

    .ItemSliderHome .ImgSlide{
        width: 100%;
    }
    html, body {
    overflow-x: hidden;
    width: 100%;
}
    .BoxListadoProgramas .ProgramaItem {
    width: 100%;
}
.ProgramaArea-Banner {
    height: 80vh;
}
    .ProgramaArea-Listado{
        padding: 0 !important;
    }
    .BoxPragrama-Frase{
        display: none;
    }
    .ProgramaHeader .BoxDescripcion {
    width: 85%;
    padding-top: 2rem;
}
.ProgramaHeader .BoxDescripcion .Title {
    font-size: 1.6rem;
}
.LinkMenu {
    display: inline-block;
    margin-left: 15px !important;
}
.ProgramaHeader .BoxDescripcion .Text {
    font-size: 1.1rem;
    line-height: 1.4rem;
}
.ListadoTitle .Title {
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin-bottom: 1rem;
    padding-top: 2rem;
}
.BoxListadoProgramas .ProgramaItem .Link {
    padding: 0.5rem 0;
    padding-right: 4rem;
    font-size: 0.9rem;
    line-height: 1rem;
}
.card-body {
    padding: 1.25rem 1.25rem;
}
.card-header {
    padding: .75rem 1rem;
}
.card-header h5 .btn-link{
    font-size: 1.4rem;
}
.BoxMenuPrincipal .MenuLinks .LinkMenuClose {
    position: absolute;
    right: 8px;
    width: auto !important;
    top: 14px;
    font-size: 1.4rem !important;
    color: #8e3980 !important;
}
.BoxMenuPrincipal .MenuLinks .LineMenu {
    width: 50px;
    height: 1px;
    background: #8e3980;
    display: block;
    margin: 0 auto;
}
.BoxMenuPrincipal .MenuLinks{
    display: none;
}
.BoxMenuPrincipal .MenuLinks.Active {
    display: flex;
    position: fixed;
    right: 0;
    top: 0;
    background: #ff6a35;
    width: 100%;
    padding-top: 4rem;
    z-index: 10;
    height: 100%;
    flex-direction: column;
}
.BoxMenuPrincipal .MenuLinks .Link:hover {
    color: #fff;
    background: transparent;
}
.BoxMenuPrincipal .MenuLinks .Link {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0.5rem;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 800;
}

.BoxMenuPrincipal .MenuLinks .Link.Active {
    background: transparent;
    color: #92d64d;
    font-weight: 800;
}

    .Img-Desktop{display: none;}
    .Img-Mobile{display: block;}
}

@media (max-width: 480px){
}