/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30 mar. 2021, 8:33:48
    Author     : Stikets
*/
#fitxa_producte {
    margin-bottom: 15px;
    display: flex;
    /*background-color: red;*/
    flex-direction: row;
    width: 100%;
}

#div_wizard {
    /*background-color: lightgreen;*/ 
    display: flex;
    flex-direction: column;
    padding: 0px 0 0 5px;
    width: 50%;
}
.mini_previs_packs{
    top: 55px;
    right: -4vw;

}
#mini_prev_div, #mini_prev_div_sample {
    /* visibility: hidden; */
    /*background-color: white;*/
    display: flex;
    margin-bottom: 0 !important;
    /* width: 225px; */
    /* height: 250px; */
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 225px;
    /*min-height: 220px;*/
    height: 0;
    top: 40px;
}

.btn-close-vista-previa.cta_secundari {
    position: absolute;
    bottom: -100px;
}

#mini_prev_div .btn-close-vista-previa.cta_secundari {
    visibility: hidden;
}
.btn-close-vista-previa-mobile.cta_secundari {
    visibility: hidden;
}

#mini_prev_div .peu_mides {
    visibility: hidden;
}

.preu_desktop_packs {
    border-right: none;
    margin: 0 !important;
}

#div_preu_rebaixa {
    margin-left: 0 !important;
}

.total_rebaixa_packs {
    border-right: 1px solid #999;  
}

.total_rebaixa_packs .qm {
    text-decoration-line: line-through;
}

#rebaixa_packs {
    padding-right: 12px;
}

#div_total_calculadora > #div_total_text_numero > #div_preu_rebaixa {
    margin-left: 12px !important;
}

#div_preu_valoracions{
    display: flex;
    flex-direction: row;
    align-items: center;
}
#div_titol_preu_desktop {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
.zones_wizard{
    border: 0;
    display: flex;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-block-start: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-block-end: 0;
}


.seccio_wizard{
    margin-top: 20px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-block-start: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-block-end: 0;
    min-width: 95%;
}
.div_imatge_mostra{
    display: flex;
    min-height: 148px;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    padding-bottom: 20px;
}
.reajustar_imatge{
    overflow:hidden;
    /*    height: 160px;*/
    display:flex;
    align-items: center;
    justify-content: center;
}

#cboxContent #vista-previa-controls {

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#zona_prev_mobile{
    display: none;
}
#div_popup_imatges{
    display: grid !important;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: auto;
    padding: 5px;
    gap: 10px;
}

.excepcioVPpopupPackPremium {
    height: auto !important;
}

/*#vista-previa-controls #btn-confirm-vista-previa{
    margin-left: 85px;
    width: 50%;
}*/
#cboxContent #vista-previa-controls .btn-close-vista-previa-nomes-text{
    margin-left: 105px;
}

.informacio {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;

}

.envio_gratis_fitxa_web{
    display: none;
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 10px;
}
.envio_gratis_fitxa_web > span > br {
    display: none;
}

.llista-unitats {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}
#info_post{
    margin-top: 30px;
    margin-bottom: 10px;
}

/*
#info_post .txt_submit{
    width: 50%;
}*/


/*#div_vista_previa .txt_submit {
    width: 100%;
}*/

#fitxa_producte .mini_previs_msk_lcns_pwptrl, #fitxa_producte .mini_previs_msk_lcns_spngbb {
    position: relative;
    top: 0;
    height: fit-content;
    left: 33%;
}
#fitxa_producte .mini_previs_msk_lcns_pwptrl .btn-close-vista-previa.cta_secundari, #fitxa_producte .mini_previs_msk_lcns_spngbb .btn-close-vista-previa.cta_secundari{
    bottom: -13px;
}
#free_sample_email #email {
    width: 100%;
    padding: 14px;
    border-radius: 5px;
    font-size: 17px;
}

#div_vista_previa_int .div_peu {
    width: 100%;
    align-self: flex-end;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif;
    color: #555;
    text-align: center;
}

#div_vista_previa_int .peu {
    font-size: 16px;
    color: grey;
    font-weight: 600;
    width: 100%;
}


.pack_extra{
    font-size: 17px;
    margin-bottom: 10px;
    display: block;
    color: #a8191c;
}

.pack_hermanos{
    font-size: 17px;
    font-weight: bold;
    display: block;
    color: #5d9131;
}

#div_titol_preu_desktop.margin_promo_hermanos{
    margin-bottom: 0px;
}

.div_valoracions_trusted{
    /*display: flex;*/
    max-width: 1400px !important;
    margin: 0 auto;
}
.div_llista_valoracions{
    display: none;
}
 #div_vista_previa {
    padding-top: 0px;
    /*padding-top: 20px;*/
    max-height: 90vh;
    overflow: auto;
}
@media (max-width: 990px){
/*    @media (max-width: 990px) {
        #colorbox, #cboxWrapper {
            min-height: 82vh;
        }
    }*/ 

    #info_post{
        margin-top: 20px;
    }
    fieldset.seccio_wizard legend
    {
        width:100%;
        display:block;
    }
    
    #div_vista_previa {
        padding-top: 10px;
    }
    
    #fitxa_producte {
        flex-direction: column;
    }
    #div_wizard {
        width: 100%;
        padding: 0px 5px;
        box-sizing: border-box;
    }

    #zona_prev_mobile{
        display: block;
        height: 28vh;
    }
    #vista-previa-controls #btn-confirm-vista-previa{
        margin-left: 0px;
    }
    #cboxContent #vista-previa-controls .btn-close-vista-previa-nomes-text{
        margin-left: 0;
    }
    #cboxContent #vista-previa-controls {
        /*margin-top: 10px;*/
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-around;
        /*height: 18vh;*/
        margin-bottom: 10px;
    }
    #div_vista_previa #div_vista_previa_int { 
        height: 70vh;
        margin-bottom: 10px;
    }
    .envio_gratis_fitxa_web{
        display: flex;
        margin-left: 0px;
    }
    #free_sample_email #email {
        width: 88vw;
    }
    
    #info_post .txt_submit {
        width: 97vw;
    }
    #btn-confirm-vista-previa #info_post .txt_submit {
        width: auto;
    }
    .pack_extra{
        margin-left: 1px;
    }
    
    .popup_packs_vista_previa, .popup_packs_vista_previa #cboxContent {
/*        height: 100vh !important;
        height: -webkit-fill-available !important;
        height: calc(var(--vh, 1vh) * 100) !important;*/
    }
    
    .popup_packs_vista_previa #cboxContent {
        height: -webkit-fill-available !important;
    }
    
    table.taula_foto_center iframe{
        width: 100%;
        height: 100%;
        margin-top: 10px;
        min-height: 230px;
    }
    
    .div_valoracions_trusted{
        margin: 10px;
    }
    
    #div_popup_imatges{
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    #div_vista_previa.many_elements_in_VP img{
        width: auto;
        height: auto;
    }
    
    #div_vista_previa_int .div_peu {
        width: 100%;
        align-self: flex-end;
        font-size: 12px;
        font-weight: bold;
        font-family: sans-serif;
        color: #555;
        text-align: center;
    }

    #div_vista_previa_int .peu {
        font-size: 16px;
        color: grey;
        font-weight: 600;
        width: 100%;
    }
    
    .imagen_sello_popup {
        margin-bottom: 20px !important;
        margin-top: 25px !important;
    }
    
}

.modo_pack_bundle #seleccio_unitats, .wizard_extra_columna_esquerra #seleccio_unitats {
    display: none !important;
}

#popup_prod_comp {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    justify-content: center;
    background-color: rgba(0,0,0,0.4);
}


#popup4 {
    position: fixed;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: white;
    top: 0px;
    overflow: auto;
}

.info_24_free_extra_labels{
    font-size: 17px;
    font-weight: bold;
    display: block;
    color: #980001;
}

@media (min-width: 990px){
    .peuPremiumMiddleMargin {
        margin-top: 15px;
    }
}
.item_vp_sello {
    align-self: end; 
}

#div_vista_previa_int .wiz_modi {
  width: auto;
  height: auto;
  max-height:145px;
  align-self: flex-end;
}
#div_vista_previa_int .item_vp{
  max-width: 225px;
  min-height: 140px;
  display: flex;
  flex-direction: column;

}