@charset "UTF-8";

#home_banner {
    position: relative;
    height: 200px;
    overflow: hidden;
}
#home_banner_items {
    position: relative;
    float: left;
    width: 300%;
    height: 100%;
    z-index: 1;
}
.home_banner_item {
    position: relative;
    float: left;
    width: 33.3333%;
    height: 100%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}
#home_banner_controls {
    position: absolute;
    bottom: 20px;
    width: 300px;
    left: calc(50% - 150px);
    text-align: center;
    z-index: 10;
}
.home_banner_control {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px 5px;
    background: transparent;
    border: 4px solid #fff;
    border-radius: 10px;
    cursor: pointer;
}
.home_banner_control_active {
    background: #ffffff;
}

@media screen and (min-width: 769px) {

    /* GENERALES */
    .desktopItem {
        display: show;
    }
    .mobileItem {
        display: none;
    }
    #btn_closePublicidad, .btn_search, .placita_btn, .categoria_item, .tienda_item, .canasta_item_remove, .canasta_item_add, .placita_btn, .placita_btn_33, .historial_item {
        cursor: pointer;
    }
    .back_btn {
        display: none;
    }
    .back_btn_tienda {
        display: none;
    }
    #bannerPublicidad {
        top: 50px;
        width: 450px;
        height: 640px;
        bottom: unset;
        padding: 41px 10px 40px 10px;
        left: calc(50% - 225px);
    }
    [data-role="page"] {
        background-image: url("../images/bg_app_desktop.jpg") !important;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #page_home {
       background-image: url("../images/bg_app_desktop.jpg")
       
    }
    #menu_desktop {
        position: fixed;
        box-sizing: border-box;
        top: 0px;
        left: 0px;
        right: 0px;
        background: rgba(255,255,255,0.7);
        z-index: 20;
        height: 170px;
        padding: 1rem;
    }
    #desktop_logo {
        text-align: center;
    }
    #btn_canasta_desktop {
        position: relative;
        float: right;
        width: 63px;
        height: 44px;
        background-image: url("../images/ico_canasta.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
    }
    #btn_cart_count_desktop {
        position: absolute;
        top: -5px;
        left: calc(50% - 18px);
        width: 20px;
        height: 20px;
        padding-top: 4px;
        background: #FF2929;
        border-radius: 10px;
        color: #fff;
        text-align: center;
        font-size: 12px;
        display: none;
    }
    #btn_messages_desktop {
        position: relative;
        float: right;
        margin-right: 10px;
        width: 44px;
        height: 44px;
        background: url(../images/btn_messages.png) no-repeat center;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    #btn_registrate_desktop {
        float: right;
        margin-right: 10px;
        padding-top: 10px;
        font-family: 'olivier';
        color: #FF2929;
        font-size: 24px;
        cursor: pointer;
    }
    #btn_whatsapp {
        float: right;
        margin-right: 10px;
        padding-top: 0px;
        width: 57px;
        height: 44px;
        cursor: pointer;
        background: url(../images/whatsapp.png) no-repeat center;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    #btn_tiendas {
        margin-top: 10px;
        text-align: right;
    }
    .btn_tienda {
        display: inline-block;
        margin-left: 10px;
    }
    #menu_desktop_items {
        position: relative;
        text-align: center;
    }
    #menu_btnTienda {
        position: absolute;
        top: -8px;
        left: 10px;
        width: 44px;
        height: 44px;
        background-image: url("../images/menu_tienda.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 9999;
    pointer-events: auto;
    }
    .menu_desktop_item {
        position: relative;
        display: inline-block;
        width: 110px;
        background: #7EC956;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        padding: 5px 0px;
        text-align: center;
        color: #ffffff;
        font-size: 18px;
        cursor: pointer;
    }
    .menu_desktop_item:hover, .menu_desktop_active {
        background: #FF2929;
    }
    #submenu_desktop_categorias {
        position: absolute;
        top: 28px;
        left: -45px;
        width: 220px;
        display: none;
    }
    .categoria_item {
        margin-top: 5px;
        margin-bottom: 0px;
        padding: 5px 20px;
        color: #FF2929;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        background: rgba(255,255,255,0.9);
    }
    .menu_item_ico {
        float: left;
        width: 30px;
        height: 30px;
        background-size: contain;
    }
    .menu_item_title {
        width: calc(100% - 30px);
        padding-left: 5px;
        margin-top: 6px;
        font-size: 16px;
        text-align: left;
        text-overflow: ellipsis; 
        overflow: hidden; 
        white-space: nowrap;
    }
    #menu_desktop_categorias:hover #submenu_desktop_categorias {
        display: block;
    }
    .header_tienda, .header_others {
        top: 170px;
        padding-top: 0px;
        height: 120px;
    }
    .header_title_tienda {
        font-size: 40px;
    }
    .page_content {
        top: 300px !important;
        bottom: 0px !important;
    }
    .page_content_login {
        top: 300px !important;
        bottom: 0px !important;
    }
    #domiGratis_cont {
        left: calc(50% - 250px);
        right: calc(50% - 250px);
    }

    /* ESTRUCTURA */
    .page_desktop {
        margin: 0 auto;
        width: 768px;
    }
    .header_tienda_bg {
        height: 78px;
    }

    /* FOOTER */
    #desktop_footer_fixed {
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        text-align: center;
    }
    #desktop_footer {
        float: left;
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
    #desktop_footer img {
        max-width: 100%;
    }
    #footer_bg {
        /*height: 150px;*/
        margin-top: -45px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("../images/footer_bg.png");
    }
    #footer_top {
        background: rgba(255,255,255,0.7);
        padding: 20px 10px;
    }
    #footer_terms {
        margin-top: 10px;
    }
    #footer_copyright {
        margin-top: 15px;
    }
    .footer_title {
        font-family: 'olivier';
        color: #FF2929;
        text-align: center;
        font-size: 30px;
        margin-bottom: 10px;
    }
    #footer_info {
        font-family: 'olivier';
        color: #7EC956;
        text-align: center;
        font-size: 22px;
        border-left: 1px solid #7EC956;
        margin-top: 20px;
        width: 45%;
        margin-left: 5%;
    }
    #footer_franja {
        margin: 0 auto;
        width: 500px;
    }
    #footer_franja_cont {
        background: rgba(255,255,255,0.7);
        margin-top: 67px;
        padding: 5px 0px;
        border-radius: 20px;
    }
    #footer_copyright_cerca {
        margin-top: 5px;
    }

    /* HOME */
    #page_content_home {
        top: 170px !important;
    }
    .home_cat_item {
        width: 16.66%;
        border: 0;
        cursor: pointer;
        padding: 10px;
        background: transparent;
    }
    .home_cat_ico {
        width: 100%;
        height: 80px;
    }
    .home_cat_title {
        width: 100%;
        margin-top: 10px;
        color: #000;
        text-align: center;
        font-size: 18px;
    }
    .home_cat_item:hover .home_cat_title {
        color: #FF2929;
    }
    .footer_promos {
        margin-top: 50px;
    }
    .header_tienda_bg_promos {
        height: 58px;
    }
    /*.header_tienda_border_promos {
        left: 15%;
        right: 15%;
    }*/
    .header_tienda_promos {
        background-image: url("../images/header_tienda_big_no_logo.png");
        background-position: top center;
        background-size: cover; /* O contain, según necesidad */
        
    }
    
    .header_tienda_img {
        background-image: url(../images/header_tienda_big_no_logo.png)!important;
        background-size: cover;
        /* background-position: center; */
        /* background-repeat: no-repeat; */
        
    }
    .desktop_promo_4 {
        float: left;
        height: 1px;
        width: 10%;
    }
    .desktop_promo_3 {
        float: left;
        height: 1px;
        width: 20%;
    }
    .desktop_promo_2 {
        float: left;
        height: 1px;
        width: 30%;
    }
    .desktop_promo_1 {
        float: left;
        height: 1px;
        width: 40%;
    }
    .desktop_promo_item {
        width: 20% !important;
        border: 0 !important;
    }
    .desktop_promo_ico {
        width: 100% !important;
        height: 100px !important;
    }
    .desktop_promo_info {
        width: 100% !important;
    }
    .desktop_promo_name {
        width: 100% !important;
        text-align: center !important;
        font-size: 18px !important;
    }
    .desktop_promo_short {
        width: 100% !important;
        text-align: center !important;
        font-size: 14px !important;
    }
    .desktop_promo_price {
        width: 100% !important;
        border: 0 !important;
        min-height: 0 !important;
        font-size: 22px !important;
    }
    .desktop_promo_price .price_old {
        font-size: 14px !important;
    }

    /* TIENDA */
    .tienda_item_ico {
        width: 100px;
        height: 100px;
    }
    .tienda_item_info {
        width: calc(100% - 100px - 140px - 54px);
    }
    .tienda_info_name {
        font-size: 26px;
        padding-top: 15px;
        font-weight: 700;
    }
    .tienda_info_short {
        font-size: 18px;
    }
    .tienda_item_price {
        width: 140px;
        font-size: 20px;
        padding-top: 20px;
    }
    .tienda_item_add {
        width: 44px;
        height: 44px;
        margin-top: 16px;
    }
    .price_old {
        font-size: 14px;
    }
    .tienda_item_icoPromo {
        top: 0px;
        right: 0px;
        width: 30px;
        height: 30px;
    }
    .tienda_item:hover {
        background: rgba(255,255,255,0.5);
    }
    #prod_img {
        height: 150px;
    }
    #prod_name {
        font-size: 30px;
    }
    #prod_infoNutri {
        font-size: 18px;
    }
    #prod_cant_cont {
        width: 150px;
    }
    #addToBasket_cont {
        width: 80px;
    }
    #prod_add_cont {
        padding-left: 275px;
    }
    #prod_Promocionado {
        width: 80px;
        height: 80px;
    }

    /* LOGIN */
    #login_bottom {
        padding: 0px 15%;
    }
    #login_form {
        margin-bottom: 100px;
    }
    #registro_form {
        margin-top: 50px;
        padding: 0px 20%;
    }
    #registro_action {
        margin-bottom: 30px;    
    }
    #forgot_title {
        font-size: 26px;
        padding: 0px 20%;
    }
    #forgot_input_cont {
        padding: 0px 20%;
    }
    #forgot_action {
        margin-bottom: 100px;
    }

    /* CANASTA */
    .canasta_item_info {
        width: calc(100% - 140px - 86px);
    }
    .canasta_item_right {
        width: 126px;
    }
    .canasta_item_price {
        font-size: 18px;
        padding-top: 20px;
    }
    .canasta_item_remove {
        margin-left: 20px;
    }
    #canasta_bottom_left {
        width: 50%;
    }
    #canasta_bottom_right {
        width: 50%;
        margin-top: 30px;
    }
    .canasta_section {
        margin-top: 20px;
    }
    #pedido_codigoReferido {
        margin-top: 0px;
    }
    #canasta_usePoints_left {
        font-size: 20px;
    }
    #canasta_usePoints_cont {
        padding: 0px 5%;
    }
    #canasta_totals_envio {
        font-size: 20px;
    }
    #canasta_totals_dcto {
        font-size: 20px;
    }
    #canasta_totals_total {
        font-size: 30px;
    }
    .btn_canasta_cont {
        font-size: 20px;
        height: 44px;
    }
    .canasta_continuar {
        margin-bottom: 50px;
    }
    #envio_form {
        margin-top: 50px;
        padding: 0px 20%;
    }
    .canasta_title_center {
        font-size: 26px;
        margin: 35px 0px;
    }
    .envio_dir_item {
        font-size: 16px;
        height: 38px;
    }
    #envio_dir_action {
        margin-bottom: 50px;
    }
    #mapa_form {
        float: left;
        position: relative;
        margin-top: 50px;
    }
    #envio_mapa {
        top: 270px;
        left: 20%;
        bottom: 5%;
        right: 20%;
    }
    #modoPago_info {
        font-size: 20px;
    }
    #btn_confirmarCompra {
        font-size: 20px;
        height: 44px;
    }
    #ePaycoLogo {
        height: 86px;
        background-size: auto 66px;
    }

    /* HISTORIAL */
    #pedidos_header {
        margin-top: 50px;
    }
    #historial_items {
        margin-bottom: 100px;
    }
    .historial_item:hover .historial_id, .historial_item:hover .historial_fecha, .historial_item:hover .historial_estado {
        background: #668532;
        color: #fff;
    }
    #calificarPedido_cont {
        margin-top: 50px;
    }
    .calificar_title {
        font-size: 26px;
    }
    .calif_textarea {
        padding: 0px 20%;
    }
    .pedido_item_info {
        width: calc(100% - 185px - 55px);
        padding-left: 40px;
    }

    /* PERFIL */
    #perfil_top {
        margin-top: 50px;
        padding: 0px 20%;
    }
    #perfil_actions {
        padding: 0px 20%;
    }
    #perfil_refersMoney_title {
        font-size: 30px;
    }
    #perfil_refersMoney_amount {
        font-size: 26px;
    }
    #perfil_refersMoney_expiresAt {
        font-size: 18px;
        margin-top: 5px;
    }
    #perfil_refersCode_title {
        font-size: 30px;
    }
    #perfil_refersCode {
        font-size: 26px;
    }
    #perfil_refersCode_copy {
        font-size: 18px;
        margin-top: 5px;
    }
    .mis_dir_item {
        font-size: 16px;
        height: 36px;
    }
    .tarjetas_item_delete {
        width: 36px;
        height: 36px;
        padding-top: 8px;
        cursor: pointer;
    }
    #nuevaTarjeta_form {
        margin-top: 50px;
        padding: 0px 20%;
    }
    .title_empty {
        font-size: 20px;
        text-align: center;
    }
    #page_content_terminos, #page_content_privacidad {
        top: 350px !important;
        bottom: 245px !important;
        left: 5%;
        right: 5%;
    }
    .home_banner_btn {
        display: inline-block;
        font-size: 16px;
        height: 44px;
        padding: 14px 20px;
        color: #fff;
        border-radius: 15px;
    }
    #alert_pedidoExistente {
        left: unset;
        right: 10px;
        width: 220px;
    }
}

@media screen and (min-width: 960px) {
    .page_desktop {
        width: 960px;
    }
    #home_banner {
        height: 250px;
    }
}

@media screen and (min-width: 1280px) {
    #home_banner {
        height: 320px;
    }
    .page_desktop_footer {
        width: 1280px;
    }
}

@media screen and (min-width: 1440px) {
    #home_banner {
        height: 400px;
    }
    #page_home{
        background-image: url("../images/bg_app_desktop.jpg");
    }
}

@media screen and (min-width: 1440px) {
    #home_banner {
        height: 500px;
    }
}

@media screen and (max-width: 768px) {
    .desktopItem {
        display: none;
    }
    .mobileItem {
        display: show;
    }
    .page_desktop {
        width: 100%;
    }

    /* HOME */
    #page_home {
        background-image: url("../images/bg_app.jpg");
        
    }
    #home_banner {
        height: 100px;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("../images/banner_home_1.jpg");
    }
    #page_content_home {
        top: 0px !important;
    }
    #home_categorias .categoria_item {
        width: 50%;
    }
    .footer_promos {
        margin-top: 20px;
    }
    #page_login {
        background-image: url("../images/bg_app.jpg");
    }
    .home_banner_btn {
        bottom: 10px;
    }
}