/*------------- HEADER-------------*/
header {
    position: fixed;
    width: 100%;
    z-index: 10;
    top: 0;
}

/*------------- DEFAULT-------------*/
.owl-nav button {
    display: none;
    outline: none;
    border: none;
}
/*------- CARRUSEL DE HEADER-----------*/
.navMainTheme a {
    padding: 15px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    margin: 0 7px;
    border-radius: 25px;
    font-size: 1rem;
    line-height: 1.1rem;
    position: relative;
    height: 50px;
    display: flex;
        flex-direction: row;
        align-items: center;
        line-height: 100%;
        justify-content: center;

}
.header_container {
    background-color: #fff;
}

.navMainTheme a:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: transparent url(../img/bg_start.png) no-repeat center center;
    position: absolute;
    right: -5px;
    top: 39%;
    border-radius: 50%;
    background-size: cover;
}
.navMainArrows{
    height: 0;
    z-index: 2;
}
.owl-theme {
    z-index: 2;
}
button.navMainArrow {
    position: absolute;
    top: 0;
    width: 20px;
    height: 44px;
    background-position: center center;
    background-size: 10px auto;
    background-repeat: no-repeat;
    outline: none;
    border: none;
    background-color: #ffeb00;
    z-index: 4;
}
button.navMainArrow:hover {
}
.navMainStageOuter {
    overflow: hidden;
}
.owl-carousel-main .owl-dots.disabled {
    display: none;
}
.navMainStage {display: flex;align-items: center;}

button.navMainArrow.prev {
    left: 0;
    background-image: url(../img/navMainArrow_prev.png);
}


button.navMainArrow.next {

    right: 0;
    background-image: url(../img/navMainArrow_next.png);
}
a.this {
    background-image: url(../img/navMainActive.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40%;
    color: #9CC6E9;
}
@media screen and (min-width: 361px) and (max-width: 767px){
    .navMainTheme a {
        padding: 0 19px;
        font-size: 1rem;
        line-height: 1rem;
        padding-top: 2px;
        margin-top: 3px;
        margin-bottom: 3px;
        height: 40px;
    }
    a.this {
        background-size: contain;
    }
   
}
@media screen and (min-width: 768px){
    button.navMainArrow{
        height: 57.5px;
    }
    a.this {
        background-size: contain;
    }
    
}
@media screen and (min-width: 768px){
    .navMainTheme a {
        font-size: 14px !important;
        padding: 0 23px;
        margin-top: 5px;
        margin-bottom: 5px;
        height: 50px;
        display: flex;
        flex-direction: row;
        align-items: center;
        line-height: 100%;
        justify-content: center;
    }
    
}

/*------- CONTENEDOR GENERAL------------*/
#wrap_main {
    -webkit-box-shadow: 0px 0px 32px rgba(21,21,21,.2);
    box-shadow: 0px 0px 32px rgba(21,21,21,.2);
}

@media screen and (min-width: 560px){
    #wrap_main{width: 460px;}
    
}


@media screen and (min-width: 768px){
    #wrap_main{width: 720px;}
}

/*----------CLASES DE AYUDA-----------*/
.th_mx720{max-width: 720px}
.th_bgs100{background-size: 100% auto;}

/*---------- PRODUCTO-----------*/
.producto{
    padding: 20px;
}
.owl-item .producto{
    padding: 0px;
}
.producto_info {
    margin-left: 19%;
}
.bonus {
    width: 56px;
    margin-top: -.1rem;
}

.bonus img {
    width: 100%;
}
.producto_txt {
    margin-top: 0.4rem;
}

.producto_txt p {
    margin-bottom: 4px;
}
.th-card-cencosud{
    background:url('../img/cencosud-card.png');
    background-repeat: no-repeat;
    background-size: 19px auto;
    width: 20px;
    height: 19px;
    margin-bottom: 4px;
}
.card-cencosud{
    width: 20px!important;
    margin-bottom: .2rem;
}
.mb-desct-1{
    margin-bottom: .5rem;
}
.mb-desct-2{
    margin-bottom: .2rem;
}
.th-producto-img{
    margin: 0 auto;
}
.mt-desct{
    margin-top: -.1rem!important;
}

/*------ PRODUTOS EN FILA CON BORDES-------*/
.row-borders>div{
    position: relative;
}
.row-borders>div:after{
    position: absolute;
    right:0;
    top:0%;
    content:"";
    display: block;
    width: 1.5px;
    height: 100%;
    background-color: #FFC400;
    
}
.row-borders>div:last-child:after{
    display: none;
}
.th_divisor{
    height: 1.5px;
    width: 90%;
    background-color: #FFC400;
}
@media screen and (min-width: 560px){
   .producto {
        padding: 20px 20px;
    }
    .th-card-cencosud{
        width: 30px;
        height: 30px;
        background-size: 30px auto;
    }
    .card-cencosud{
        width: 33px!important;
        margin-bottom: .05rem;
    }
    .mb-desct-1{
        margin-bottom: .25rem;
    }
    .mb-desct-2{
        margin-bottom: .2rem;
    }
    .mt-desct{
        margin-top: .4rem!important;
    }
    .bonus {
        width: 66px;
    }
    .precio_cencosud {
        margin-top: .2rem;
       
    }
}



/*------ PRODUTOS: PRECIO CENCOSUD-------*/
    .precio_cencosud {
        display: flex;
        flex-direction: row;
        
        margin-top: -.2rem;
        
       
    }

/*------PRODUCTO CON BORDE A LA IZQUIERDA -------*/
.pro_borde {
    border-left-width: 3px;
    border-left-style: solid;
}

.pro_borde {
    border-left-color: #FFC400
}

/*------- FLECHAS DE CARRUSELES FLECHAS -------*/


/*------- LEGAL ----------*/
.theme-legal{border-radius:28px 28px 0 0;padding: 6%;}
.theme-legal p{font-size: 0.95rem;line-height: 110%;color: white;}
.theme-legal .tcea{padding:3px;margin-bottom:15px}
.footer_logo{width: 35%;}
.icon_appmetro{width: 83px;}
.theme-legal-card{width: 74px;float: left;margin: 0 10px 5px 0;}

/*------- FOOTER ----------*/
.icon_appmetro{width: 83px;}

/*------ PRODUTOS EN FILA - BORDES-------*/
@media screen and (min-width: 560px) {
    .icon_appmetro {
        width: 140px;
    }
    .theme-legal p{font-size: 0.7rem;}

}

@media screen and (min-width: 768px) {
    .icon_appmetro {
        width: 166px;
    }

    .bonus {
        margin-top: 0rem;
        width: 87px;
    }
    
    .theme-legal p{font-size: 0.9rem;}
}

/*ESTILOS CARRUSEL*/
.themeNavigator {
    width: 119px;
    margin: 0 auto;
}

.themeNav {
    z-index: 2;
    text-align: center;
    justify-content: space-between;
    display: flex;
}
.themeNav button {
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 30px;
    height: 24px;
}
.themeNav button.prev{background-image: url(../img/navPrev.png);}
.themeNav button.next{background-image: url(../img/navNext.png);}
/*COLOR */
.themeNav.themeNav_yellow button.prev.active {background-image: url(../img/navPrev_yellow.png);}
.themeNav.themeNav_yellow button.next.active {background-image: url(../img/navNext_yellow.png);}

.themePoints {
    top: 29%;
    left: 36%;
    z-index: 1;
    text-align: center;
    display: flex;
    justify-content: space-between;
    width: 30%;
    position: absolute;
}
.themePoints button {
    outline: none;
    border: none;
    width: 10px;
    height: 10px;
    margin: 0;
    border-radius: 10px;
    padding: 0;
    opacity: 0.5;
    background-color: #CFCFCF;
}
.themePoints button.active {
    opacity: 1;
    background-color: #FFC400;
}

@media screen and (min-width: 768px){
    .themeNavigator.position-relative {
        transform: scale(1.5);
    }

    
}