/*-------BLOBAL-----------*/
*{margin:0 auto;padding:0;border:0;font: 15px serif}
/*-------CONTAINERS--------*/
header, nav, figure{display: block}
.me_container{width:100%;margin:0 auto;padding: 0 10px;box-sizing: border-box;max-width: 1320px}
/*-------CARRUSEL-------*/
.me_carrusel_container{width: 92%;margin:0 auto 20px}
.me_carrusel{margin-bottom: 1rem;border-radius: 27px;padding: 5px 25px;box-sizing:content-box;position:relative;box-sizing: border-box;}
/*-------CARRUSEL COLOR DE FONDO----------*/
.me_bgc1{background-color:#fff;padding:0}
.me_bgc2{background-color:#f2f2f2}
.me_bgc3{background-color:#f3a72d}
/*-------CARRUSEL NAV -------*/
.owl-nav{position:absolute;left:0;top:0;width:100%;height:100%}
.owl-nav button{position:absolute;top:36%;bottom:0;width: 25px;height: 25px;background-color:#fddc02;border-radius:50%;background-position:center center;background-repeat:no-repeat;background-size:98%;cursor:pointer;z-index:10}
.owl-prev{background-image:url(../images/arrow_prev.png)}
.owl-next{background-image:url(../images/arrow_next.png)}
/*-------CARRUSEL CUSTOM -------*/
.me_carrusel_custom1 .owl-nav button{top:40%}
/*----------CLASES HELP-----------*/
.headertop {text-align:right;padding:5px 10px 2px;background-color: #f3a72d;}
.img_full{display: block;width:100%;margin:0 auto}
.mb20{margin-bottom:20px}
.titulo{
    margin: 2%;
}
.titulo p{
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    color: #f3a72d;
   
    font-family: Arial, Helvetica, sans-serif;
}
.titulo-seccion{
    border-radius: 0px;
    margin-bottom: 2%;
    margin-top: 4%;
    background-color: #ac8e60;

}
.titulo-seccion p{
    font: 20px  Arial, Helvetica, sans-serif;
    line-height: 40px;
    text-align: center;   
}
p strong{
    font: 20px  Arial, Helvetica, sans-serif;
    line-height: 40px;
    font-weight: bold;
}

.bg-amarillo{
    background-color: #fedb03;
}
.bg-amarillo-naranja{
    background-color: #ffc000;
}
.bg-naranja{
    background-color: #ff8000;
}
.text-black{
    color: #000;
}
.text-red{
    color: #fb0202;
}

.text-white{
    color: #fff;
}
.legal{
    font: 10px Arial, Helvetica, sans-serif;
    margin-top: -2%;
}

@media screen and (max-width:500px) {
    .titulo p{
        font-size: 25px;
        line-height: 30px;
        font-weight: bold;
    }
    .titulo-seccion p{
        font: 13px  Arial, Helvetica, sans-serif;
        line-height: 30px;
    }
    p strong{
        font: 13px  Arial, Helvetica, sans-serif;
        line-height: 30px;
        font-weight: bold;
    }
    .titulo-seccion2 p{
        font: 13px  Arial, Helvetica, sans-serif;
        line-height: 30px;
        font-weight: bold;
    }
    
}
@media screen and (max-width:330px) {
    /*-------CARRUSEL 1 CUSTOM -------*/
    .me_c1 .owl-nav button{width:23px;height:23px}
    .me_c1 .owl-nav button.owl-prev{left:-15px}
    .me_c1 .owl-nav button.owl-next{right:-15px}
    .titulo p{
        font-size: 20px;
        line-height: 28px;
        font-weight: bold;
    }
    .titulo-seccion p{
        font: 11px  Arial, Helvetica, sans-serif;
        line-height: 25px;
    }
    p strong{
        font: 11px  Arial, Helvetica, sans-serif;
        line-height: 25px;
        font-weight: bold;
    }
    .titulo-seccion2 p{
        font: 11px  Arial, Helvetica, sans-serif;
        line-height: 25px;
        font-weight: bold;
    }
    
}

@media screen and (max-width:480px) {
    .me_carrusel{border-radius:19px}
    .owl-prev{left: -13px}
    .owl-next{right: -11px}
    /*-------CARRUSEL 1  -------*/
    .me_c1 .owl-nav button{width: 20px;height: 20px}
    .me_c1 .owl-nav button.owl-prev{left:-16px}
    .me_c1 .owl-nav button.owl-next{right:-16px}
}
@media screen and (min-width:481px) {
    /*-------CARRUSEL TODOS -------*/
    .owl-prev{left:-15px}
    .owl-next{right:-15px}
   
}
@media screen and (min-width:702px) {
    /*-------CARRUSEL TODOS-------*/
    .me_carrusel{max-width: 1192px;padding: 10px 20px 10px 20px !important;}
}
@media screen and (min-width:768px) {
     /*-------CARRUSEL TODOS-------*/
    .owl-prev{left: -37px}
    .owl-next{right: -37px}
    .owl-nav button{width:30px;height:30px}
}
@media screen and (min-width:992px) {
    .headertop img{width:100px}
    .me_carrusel{margin-bottom:40px}
    header.mb20{margin-bottom:52px}
    /*-------CARRUSEL TODOS-------*/
    .me_carrusel{border-radius:35px;margin-bottom:50px}
    .me_carrusel.me_c1 {padding: 0 !important;}
    .owl-nav button{width:30px;height:30px}
}
@media screen and (min-width:1100px) {
    /*-------CARRUSEL TODOS-------*/
    .owl-prev{left: -52px}
    .owl-next{right: -52px}   
    .owl-nav button{width:40px;height:40px}
    .headertop {padding: 12px 20px;}
    .headertop img {width: 120px;}
}
@media screen and (min-width:1370px) {
    /*-------CARRUSEL TODOS-------*/
    .owl-prev{left: -62px}
    .owl-next{right: -62px}
    .owl-nav button{width:45px;height:45px}
}
.compra {
    position: relative;
}
.compra figure {
    position: relative;
    z-index: 1;
}
.links {
    position: absolute;
    right: 5%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.links a {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
}
.links .app {
    width: 18%;
    right: 15%;
}
.links .metro {
    width: 13%;
    right: 0%;
}