/* Blaisten */
@font-face {
    font-family: RubikBlack;
    src: url(./fonts/Rubik-Black.ttf);
}
@font-face {
    font-family: RubikBlackItalic;
    src: url(./fonts/Rubik-BlackItalic.ttf);
}
@font-face {
    font-family: RubikBold;
    src: url(./fonts/Rubik-Bold.ttf);
}
@font-face {
    font-family: RubikBoldItalic;
    src: url(./fonts/Rubik-BoldItalic.ttf);
}
@font-face {
    font-family: RubikExtraBold;
    src: url(./fonts/Rubik-ExtraBold.ttf);
}
@font-face {
    font-family: RubikExtraBoldItalic;
    src: url(./fonts/Rubik-ExtraBoldItalic.ttf);
}
@font-face {
    font-family: RubikItalic;
    src: url(./fonts/Rubik-Italic.ttf);
}
@font-face {
    font-family: RubikLight;
    src: url(./fonts/Rubik-Light.ttf);
}
@font-face {
    font-family: RubikLightItalic;
    src: url(./fonts/Rubik-LightItalic.ttf);
}
@font-face {
    font-family: RubikMedium;
    src: url(./fonts/Rubik-Medium.ttf);
}
@font-face {
    font-family: RubikMediumItalic;
    src: url(./fonts/Rubik-MediumItalic.ttf);
}
@font-face {
    font-family: RubikRegular;
    src: url(./fonts/Rubik-Regular.ttf);
}
@font-face {
    font-family: RubikSemiBold;
    src: url(./fonts/Rubik-SemiBold.ttf);
}
@font-face {
    font-family: RubikSemiBoldItalic;
    src: url(./fonts/Rubik-SemiBoldItalic.ttf);
}
/*Focus*/
.BLAISTEN-style :focus{
    outline: auto 1px var(--BLAISTEN-s-color, -webkit-focus-ring-color);
}
/* Botones */
.BLAISTEN-style, .BLAISTEN-header{
    font-family: RubikRegular,Arial,Helvetica,sans-serif;
}
.BLAISTEN-style .t-Button{
    color: #faa831;
    background-color: transparent;
   /* border: none;*/
    border-radius: 6px;
    box-shadow: none;
    border-color: var(--BLAISTEN-s-color);
}
.BLAISTEN-style .t-Button-label{
    color: #faa831;
    font-size: 18px;
    text-transform: uppercase;
}
.BLAISTEN-style .button-carrito .t-Button-label {
    text-transform: none;
}
.BLAISTEN-style .t-Button--hot{
    background-color: var(--BLAISTEN-s-color);
   /* border: 0;*/
    border-radius: 6px;
}
.BLAISTEN-style .t-Button--hot:focus, .BLAISTEN-style .t-Button--hot:focus-visible, .BLAISTEN-style .t-Button:focus, .BLAISTEN-style .t-Button:focus-visible{
    outline-color: #eb9e2f;
}
.BLAISTEN-style .t-Button--hot .t-Button-label{
    color: var(--BLAISTEN-p-color);
    font-size: 18px;
    font-weight: initial;
}


.apex-item-radio input:checked+.u-radio, .apex-item-radio input:checked+label, .u-radio.is-checked{
    --a-checkbox-background-color: var(--BLAISTEN-s-color);
}
.BLAISTEN-style .apex-item-radio input:checked+.u-radio, .BLAISTEN-style .apex-item-radio input:checked+label, .BLAISTEN-style .u-radio.is-checked{
    --a-checkbox-background-color: white;
    --a-checkbox-text-color: var(--BLAISTEN-s-color);
}
.BLAISTEN-style input:checked+.u-radio:after {
 transform:scale(1.2);
}

.u-radio:focus:before,.apex-item-radio input:focus+.u-radio:before, .apex-item-radio input:focus+label:before{
    outline-color: var(--BLAISTEN-s-color);
}
.BLAISTEN-style .apex-item-single-checkbox input:checked+.u-checkbox,
.BLAISTEN-style .apex-item-single-checkbox input:checked+label,
.BLAISTEN-style .u-checkbox.is-checked{
    --a-checkbox-background-color: var(--BLAISTEN-s-color);
}
.BLAISTEN-style .apex-item-checkbox .apex-item-option input:focus+label:before,
.BLAISTEN-style .apex-item-checkbox input:focus+.u-checkbox:before,
.BLAISTEN-style .apex-item-checkbox input:focus+label:before,
.BLAISTEN-style .apex-item-radio input:focus+.u-radio:before,
.BLAISTEN-style .apex-item-radio input:focus+label:before,
.BLAISTEN-style .apex-item-single-checkbox input:focus+.u-checkbox:before,
.BLAISTEN-style .apex-item-single-checkbox input:focus+label:before,
.BLAISTEN-style .u-checkbox:focus:before,
.BLAISTEN-style .u-radio:focus:before{
    outline: solid 1px var(--BLAISTEN-s-color);
    outline-offset: -1px;
    border: none;
}

/* Header */
.BLAISTEN-header{
    height: 80px;
    max-width: 1300px;
    margin: auto;
}
.BLAISTEN-header > .t-Header-logo{
    width: 108px;
    position: absolute;
    bottom: -37px;
}
.BLAISTEN-header > .t-Header-logo > .t-Header-logo-link{
    width: 100%;
    margin: 0px;
}
.BLAISTEN-header > .t-Header-logo > .t-Header-logo-link img{
    width: 100%;
    max-height: none;
}
/*Body*/
.BLAISTEN-style .t-Body-contentInner{
    max-width: 1300px;
    margin: auto;
}
/*Footer*/
.BLAISTEN-style .t-Footer{
    background-color: #74777e;
    color: #fff;
}
.BLAISTEN-style .t-Footer .t-Footer-body{
    max-width: 1300px;
    margin: auto;
}
.BLAISTEN-style .t-Footer .afip img{
    max-width: 53px;
    margin-left: 10px;
}
.BLAISTEN-style .t-Footer .vtex{
    width: 80px;
    margin-left: 10px;
}
.BLAISTEN-style .t-Footer .summa{
    width: 76px;
    margin-left: 10px;
}
/*Region Standard*/
.BLAISTEN-style .t-Region{
    border: 1px solid var(--BLAISTEN-p-color);
    border-radius: 5px;
    padding: 18px;
}
.BLAISTEN-style .t-Region-title{
    color: #423F40;
    font-size: 20px;
    font-weight: 700;
}
/*Icono region*/
.BLAISTEN-style .t-Region-headerIcon .t-Icon{
    background-color: var(--BLAISTEN-s-color);
    border-radius: 100%;
    color: #fff;
    padding: 8px;
    font-size: 20px;
    margin-right: 8px;
}

/*Region Detalle de Compra*/
.BLAISTEN-style .t-Region-header{
    background-color: none;
}
.BLAISTEN-style .t-Region-detalle-compra .t-Region-title-detalle-compra{
    font-size: 20px;
    font-weight: 300;
    font-family: 'RubikLight';
    color: #000;
    margin-top: 0px;
}
.BLAISTEN-style .t-Region-detalle-compra .t-Region-body{
    background-color: #F2F1ED;
}
.BLAISTEN-style .t-Region-detalle-compra .t-AVPList-label,
.BLAISTEN-style .t-Region-detalle-compra .t-AVPList-value{
    font-size: 14px;
    font-weight: 300;
    line-height: 15px;
    font-family: 'RubikLight';
}
.BLAISTEN-style .t-Region-detalle-compra .t-AVPList-label{
    color: #999;
}
.BLAISTEN-style .t-Region-detalle-compra .t-AVPList-value{
    color: #666666;
}
.BLAISTEN-style .t-Region-detalle-compra .t-AVPList--rightAligned .t-AVPList-label.destacado,
.BLAISTEN-style .t-Region-detalle-compra .t-AVPList--rightAligned .t-AVPList-value.destacado{
    padding-top: 20px;
    color: #414042;
    text-transform: uppercase;
    width: 50%;
}
.BLAISTEN-style .t-Region-detalle-compra .t-AVPList--rightAligned .t-AVPList-label.destacado{
    font-size: 18px;
}
.BLAISTEN-style .t-Region-detalle-compra .t-AVPList--rightAligned .t-AVPList-value.destacado{
    font-size: 24px;
    line-height: 24px;
}
.t-Region-detalle-compra .installmenst-att{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.t-Region-detalle-compra .installmenst-att img{
    max-width: 16px;
    margin-left: 5px;
    max-height: 30px;
}
@media only screen and (max-width: 1024px){
    .BLAISTEN-style .t-Region-detalle-compra .t-Region-title-detalle-compra,
    .BLAISTEN-style .t-Region-detalle-compra .t-AVPList--rightAligned .t-AVPList-label.destacado,
    .BLAISTEN-style .t-Region-detalle-compra .t-AVPList--rightAligned .t-AVPList-value.destacado{
        font-size: 1em;
    }
    .BLAISTEN-style .t-Region-detalle-compra .t-AVPList-label,
    .BLAISTEN-style .t-Region-detalle-compra .t-AVPList-value{
        font-size: 0.8em;
    }
}

/*Inputs*/
.BLAISTEN-style .text_field apex-item-text{
    border-color: #000;
    border-radius: 5px;
}
.BLAISTEN-style .t-Form-itemWrapper input:focus,
.BLAISTEN-style .t-Form-itemWrapper input:focus-within,
.BLAISTEN-style .apex-item-text:focus,
.BLAISTEN-style .apex-item-text:focus-within,
.BLAISTEN-style .apex-item-select:focus{
    outline: none;
    border: 1px solid var(--BLAISTEN-s-color);
}
.BLAISTEN-style .apex-item-text, .BLAISTEN-style .apex-item-select{
    background-color: #fff;
    border-color: #000;
    border-radius: 5px;
}
.BLAISTEN-style .t-Form-label{
    color: #414042;
    font-size: 14px;
    font-weight: 600;
}
.BLAISTEN-style .apex-item-multi:disabled,
.BLAISTEN-style .apex-item-select:disabled,
.BLAISTEN-style .apex-item-text:disabled,
.BLAISTEN-style .apex-item-textarea:disabled,
.BLAISTEN-style .datetimepicker_newMonth:disabled,
.BLAISTEN-style .u-TF-item--select:disabled,
.BLAISTEN-style .u-TF-item--text:disabled,
.BLAISTEN-style select.group_selectlist:disabled,
.BLAISTEN-style select.listmanager:disabled{
    background-color: #dddddd;
    border: 1px solid #dddddd;
}
/*Bio*/
.BLAISTEN-style #tablas_mensajes{
    color: var(--BLAISTEN-s-color);
}
/*Dialog*/
.BLAISTEN-style+ui-dialog .ui-dialog-title{
    font-family: RubikRegular,Arial,Helvetica,sans-serif;
}
/*Media Querys*/
@media only screen and (max-width: 1024px){
    .BLAISTEN-style .t-Region-title{
        font-size: 20px;
    }
}

.BLAISTEN-style .apex-item-checkbox input+label:before, .apex-item-radio input+label:before, .u-radio:before {
    border-color: var(--BLAISTEN-s-color);
}
.BLAISTEN-style .t-Button[disabled] .t-Button-label {
    opacity: 0.5;
    color: var(--BLAISTEN-p-color);
}

/* Region Pago QR */
.BLAISTEN-style #divQR {
    text-align: center;
    border: 0.5px solid var(--BLAISTEN-border-color);
    border-radius: 4px;
}