/* /files/checkout5-custom.css */
body {
  padding: 0 !important;
}
:root {
  --blue-primary: #005CA9;
  --blue-primary-contrast: #FFF;
  --blue-secondary: #01549A;
  --blue-secondary-contrast: #FFF;

  --gray-primary: #595959;
  --gray-secondary: #ececec;
  --gray-tertiary: #F7F7F7;
  --gray-text-normal: #454545;
  --gray-new: #F7F7F7;
  --gray-footer: #3C4A50;
  --gray-copyright: #3F5158;

  --red-primary: #E30613;

  --orange-primary: #FFB01C;
  --orange-secondary: #E6A209;

  --border-radius-basic: 10px;

  --font-normal: normal 0.875rem/0.875rem "Montserrat";
  --font-bold: bold 0.875rem/0.875rem "Montserrat Bold";
  --font-extra-bold: bold 0.875rem/0.875rem "Montserrat ExtraBold";
  --font-semi-bold: bold 0.875rem/0.875rem "Montserrat SemiBold";

  --transition-basic: all 0.1s ease-in;
  --transition-slow: all 0.2s ease-in;
  --scale-basic: scale(1.05);

  --gray-linehr: 1px solid #f0f0f0;
  --gray-dark: #DFDFDF;
  --box-shadow: 1px 1px 4px #00000012;

  --yClickPosition: 0px;
  --alignItemModalCustom: center;
}

@font-face {
  font-family: 'Montserrat Black';
  src: url('/arquivos/Montserrat-Black.woff2') format('woff2'), url('/arquivos/Montserrat-Black.woff') format('woff'),
    url('/arquivos/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat BlackItalic';
  src: url('/arquivos/Montserrat-BlackItalic.woff2') format('woff2'),
    url('/arquivos/Montserrat-BlackItalic.woff') format('woff'),
    url('/arquivos/Montserrat-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat Bold';
  src: url('https://qaolimpica.vtexassets.com/assets/vtex/assets-builder/qaolimpica.qaolimpica-theme/0.0.1/fonts/Montserrat-Bold.woff') format('woff'),
    /*url('https://qaolimpica.vtexassets.com/assets/vtex/assets-builder/qaolimpica.qaolimpica-theme/0.0.1/fonts/Montserrat-Bold.ttf') format('truetype');*/
    url('https://qaolimpica.vtexassets.com/assets/vtex/assets-builder/qaolimpica.qaolimpica-theme/0.0.1/fonts/Montserrat-Bold.woff2') format('woff2');
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat ExtraBoldItalic';
  src: url('/arquivos/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
    url('/arquivos/Montserrat-ExtraBoldItalic.woff') format('woff'),
    url('/arquivos/Montserrat-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat BoldItalic';
  src: url('/arquivos/Montserrat-BoldItalic.woff2') format('woff2'),
    url('/arquivos/Montserrat-BoldItalic.woff') format('woff'),
    url('/arquivos/Montserrat-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat ExtraBold';
  src:
    url('https://qaolimpica.vtexassets.com/assets/vtex/assets-builder/qaolimpica.qaolimpica-theme/0.0.1/fonts/Montserrat-ExtraBold.ttf') format('truetype'),
    url('https://qaolimpica.vtexassets.com/assets/vtex/assets-builder/qaolimpica.qaolimpica-theme/0.0.1/fonts/Montserrat-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat Italic';
  src: url('/arquivos/Montserrat-Italic.woff2') format('woff2'), url('/arquivos/Montserrat-Italic.woff') format('woff'),
    url('/arquivos/Montserrat-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat Light';
  src: url('/arquivos/Montserrat-Light.woff2') format('woff2'), url('/arquivos/Montserrat-Light.woff') format('woff'),
    url('/arquivos/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat ExtraLight';
  src: url('/arquivos/Montserrat-ExtraLight.woff2') format('woff2'),
    url('/arquivos/Montserrat-ExtraLight.woff') format('woff'),
    url('/arquivos/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat ExtraLightItalic';
  src: url('/arquivos/Montserrat-ExtraLightItalic.woff2') format('woff2'),
    url('/arquivos/Montserrat-ExtraLightItalic.woff') format('woff'),
    url('/arquivos/Montserrat-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url('https://qaolimpica.vtexassets.com/assets/vtex/assets-builder/qaolimpica.qaolimpica-theme/0.0.1/fonts/Montserrat-Regular___d680a3ff3d0ce7330d40140203167fab.woff2')
      format('woff2'),
    url('/arquivos/Montserrat-Regular.woff') format('woff');
  /* url("/arquivos/Montserrat-Regular.ttf") format("truetype"); */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat Medium';
  src: url('/arquivos/Montserrat-Medium.woff2') format('woff2'), url('/arquivos/Montserrat-Medium.woff') format('woff'),
    url('/arquivos/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat MediumItalic';
  src: url('/arquivos/Montserrat-MediumItalic.woff2') format('woff2'),
    url('/arquivos/Montserrat-MediumItalic.woff') format('woff'),
    url('/arquivos/Montserrat-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat LightItalic';
  src: url('/arquivos/Montserrat-LightItalic.woff2') format('woff2'),
    url('/arquivos/Montserrat-LightItalic.woff') format('woff'),
    url('/arquivos/Montserrat-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat Thin';
  src: url('/arquivos/Montserrat-Thin.woff2') format('woff2'), url('/arquivos/Montserrat-Thin.woff') format('woff'),
    url('/arquivos/Montserrat-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat ThinItalic';
  src: url('/arquivos/Montserrat-ThinItalic.woff2') format('woff2'),
    url('/arquivos/Montserrat-ThinItalic.woff') format('woff'),
    url('/arquivos/Montserrat-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat SemiBoldItalic';
  src: url('/arquivos/Montserrat-SemiBoldItalic.woff2') format('woff2'),
    url('/arquivos/Montserrat-SemiBoldItalic.woff') format('woff'),
    url('/arquivos/Montserrat-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat SemiBold';
  src: url('https://qaolimpica.vtexassets.com/assets/vtex/assets-builder/qaolimpica.qaolimpica-theme/0.0.1/fonts/Montserrat-SemiBold.woff2') format('woff2'),
    url('https://qaolimpica.vtexassets.com/assets/vtex/assets-builder/qaolimpica.qaolimpica-theme/0.0.1/fonts/Montserrat-SemiBold.woff') format('woff'),
    url('https://qaolimpica.vtexassets.com/assets/vtex/assets-builder/qaolimpica.qaolimpica-theme/0.0.1/fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
.container.container-order-form{
  background-color: #FBFBFB!important;
}
#canvas{
  display: none;
}
.form-datos .alerta article{
  position: relative;
  display: flex;
  flex-direction: row;
  font: normal normal 400 12px/18px Montserrat;
  border-top: 1px solid #F5F5F5;
  padding-top: 26px;
  margin: 26px auto;
}
.form-datos .alerta article:before{
  content: "";
  background-image:url(/arquivos/info.svg);
  background-color: #FF0B1A;
  background-size: 53%;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  min-width: 20px;
  min-height: 16px;
  width: 20px;
  height: 16px;
  padding: 6px;
  border-radius: 8px;
  margin-right: 10px;
}
.form-datos label{
  text-align: left;
  font: normal normal bold 12px/15px Montserrat;
  letter-spacing: 0px;
  color: #454545;
  margin-bottom: 6px;
}
.form-datos .containerField{
  height: 60px;
  margin-bottom: 30px;
}
.form-datos .containerField input,
.form-datos .containerField select{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #E3E3E3;
  border-radius: 5px!important;
  max-width: 100%;
  font: normal normal 400 12px/15px Montserrat;
  color: #7e7e7e;
  height: 40px;
  padding: 10px;
  width: -webkit-fill-available;
}
.form-datos .containerField input{
  height:19px!important
}
.form-datos .containerField.checkbox{
  margin-bottom: 20px;
}
.form-datos .containerField.checkbox > div{
  display: flex;
  flex-direction: row;
}
.form-datos .containerField.button{
  border-bottom:1px solid #F5F5F5;
  padding-bottom: 9px;
  margin-bottom: 0px;
}
#successMessage{
    text-align: center;
    padding: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0000001A;
    border-radius: 14px;
    margin-top: 20px;
    display: none;
    font: normal normal 600 12px/16px Montserrat;
    color: #454545;
    align-items: center;
}
#successMessage::before{
  content: "";
  background: url('/arquivos/checkIcon.svg') #6EB717 no-repeat 96% center;
  background-size: 12px; 
  width: 100%;
  background-position: center;
  border-radius: 8px;
  margin-right: 12px;
  min-width: 26px;
  min-height: 26px;
  width: 26px;
}
.form-datos .containerField.checkbox input[type=checkbox]{
  width: auto;
  margin-right: 9px;
  margin-top: 0px;
}
.form-datos .containerField button{
  background-color: #015CA8;
  border: none;
  font-size: 13px;
  font-weight: 600;
  width: 100% !important;
  border-radius: 8px;
  color: #fff;
  padding: 11px 19px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-datos .containerField.checkbox div{
  font: normal normal 400 12px/15px Montserrat;
  color: #454545;
}
.form-datos .containerField .error-message{
  font: normal normal 400 12px/15px Montserrat;
  letter-spacing: 0px;
  color: #ED1D24;
}
.form-datos .containerField.checkbox div a{
  font: normal normal bold 12px/15px Montserrat;
  color: #015CA8;
}
.form-datos .containerField #typeDocument{
    margin-top: 8px;
    padding: 0px 16px;
    width: 100%;
    -webkit-appearance: none; 
    -moz-appearance: none;    
    appearance: none;  
    padding-right: 30px; 
    background: url('/arquivos/iconSelect.svg') no-repeat 96% center;
    background-size: 12px; 
}
.form-datos .containerField.date input{
  -webkit-appearance: none; 
    -moz-appearance: none;    
    appearance: none;  
    padding-right: 30px; 
    background: url('/arquivos/calendar.svg') no-repeat 96% center;
    background-size: 20px; 
}
tr.product-item.hide {
  /* display: table-row ; */
}

body,
button,
input,
select,
span {
  font-family: Montserrat, San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue,
    helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}
input::-webkit-input-placeholder {
  padding-left: 8px;
}
h1#cart-title,
h1#orderform-title,
i.icon-user,
i.icon-credit-card,
i.icon-home,
a#has-document-key,
h5.document-box-title.visible,
p.client-notice.notice,
ul.links-other-document.links.unstyled,
span.textVolver,
a.discount {
  display: none !important;
}
.header_checkout-image {
  display: none !important;
}
tr.item-attachments-content.item-attachments-name-formula {
  display: none;
}


span[data-i18n='global.didYouMean'] {
  display: none;
}

p[data-bind='fadeVisible: emailSuggestionDomain, click: acceptSuggestion'] {
  display: none!important;
}

a#email-suggestion-address {
  display: none;
}

.container.cart-message {
  display: none !important;
}

.accordion-toggle-active,
span.accordion-toggle.collapsed.accordion-toggle-active {
  color: #36474f;
}
.document-box {
  display: block;
}
.container.container-main.container-cart,
.container.container-order-form
{
  max-width: 1350px;
  padding: 0px 29px;
  box-sizing: border-box;
}
  @media (max-width: 690px){
    .container.container.container-order-form{
      margin: 0 20px !important;
    }
  }
.cart-template.full-cart {
  position: static !important;
}

th[data-i18n='global.product'] {
  text-align: center;
}

input#creditCardpayment-card-0Code {
  -webkit-text-security: disc;
}

#client-profile-data span.accordion-toggle span,
button#go-to-shipping,
button#btn-go-to-payment,
button#go-to-payment,
button#payment-data-submit {
  font-size: 0px;
}

.accordion-body.collapse span.help.error,
.accordion-body.collapse span.errorDocument {
  text-align: left;
  font: normal bold 10px/22px Montserrat;
  letter-spacing: 0px;
  color: #ED1D24!important;
  width: 100%;
}
input.success {
  background-position: right !important;
}
/* #seguir-comprando {
  background: transparent;
} */

/*#seguir-comprando::before {
    content: url(/arquivos/icono-carrito-checkout-black.svg);
    width: 12px;
    margin-right: 7px;
    height: 12px;
    position: relative;
    top: 3px;
}*/
/* a#force-shipping-fields {
  font-size: 0px;
}
a#force-shipping-fields::after {
  content: 'Para cambiar la dirección debes ir a la página de inicio.';
  font-size: 12px;
} */

html, body{
  height: 100%;
}
.body-cart.empty-cart {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
  .body-cart.empty-cart > *,
  .body-cart.empty-cart .summary-template-holder,
  .body-cart.empty-cart .lista_productos,
  .body-cart.empty-cart .criterio-sustitucion
   {
    display: none;
  }
  .body-cart.empty-cart header,
  .body-cart.empty-cart .container-cart,
  .body-cart.empty-cart footer{
    display: block;
  }
  .body-cart.empty-cart .checkout-container{
    position: initial !important;
  }



.step, .cart, .totalizers{
  border:none !important;
}

.containerMessageAdress p a {
  text-decoration: underline;
  color: white;
}
.containerMessageAdress p {
  text-align: center;
}

.containerMessageAdress {
  background: #fd0d1f;

  z-index: 100;
  border-radius: 5px;
  width: 100%;
  max-width: 650px;
  max-height: 100px;
  padding: 5px 10px;
  overflow: hidden;
  display: block;
  margin: auto;
  margin-bottom: 10px;
  transition: all ease 0.3s;
  color: white;
}
.pre-notification-container {
  background: #fd0d1f;
  color: white;
  position: fixed;
  bottom: 2%;
  left: 4%;
  z-index: 100;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  max-width: 400px;
  max-height: 100px;
  padding: 10px 15px;
  overflow: hidden;
  margin: auto;
  display: flex;
  grid-template-columns: 20% 1fr;
  -webkit-box-shadow: 0px 10px 21px -6px rgb(0 0 0 / 56%);
  -moz-box-shadow: 0px 10px 21px -6px rgba(0, 0, 0, 0.56);
  box-shadow: 0px 10px 21px -6px rgb(0 0 0 / 56%);
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.Pse-hide{
  display: none !important;
}
.contenedor-donaciones {
  display: flex;
  gap: 2%;
  max-width: 460px;
  max-height: 410px;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
}
.cart-template.mini-cart{
  display: flex;
  flex-direction: column;
  /* gap: 10px; */
}
.payment-submit-wrap{
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
}
#refund {
  display: flex;
  gap: 12px;
}
  @media (max-width: 640px) {
    #refund {
      display: block;
    }
      #refund .option:first-child{
        margin-bottom: 12px;
      }
  }
  #refund #Efectivo, #refund #Mismo_medio_pago{
    display: none;
  }
    #refund .option {
      width: 100%;
    }
      #refund .option label{
        height: 60px;
        background-color: #FBFBFB;
        border: 2px solid #EFEFEF;
        border-radius: 12px;
        width: 100%;
        transition: var(--transition-slow);
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 10px;
        font: var(--font-normal);
        color: #7E7E7E;
      }
        #refund .option label:hover{
          border-color: #C3C3C3;
        }
        #refund .option label .refund-icon{
          min-width: 36px;
          width: 36px;
          min-height: 36px;
          height: 36px;
          background-color: #FFFFFF;
          border: 2px solid #F4F4F4;
          border-radius: 8px;
          box-sizing: border-box;
          background-repeat: no-repeat;
          background-position: center;
          margin-right: 14px;
        }
        #refund .option label[for="Efectivo"] .refund-icon{
          background-image: url(https://qaolimpica.vteximg.com.br/arquivos/money.svg);
        }
        #refund .option label[for="Mismo_medio_pago"] .refund-icon{
          background-image: url(https://qaolimpica.vteximg.com.br/arquivos/wallet.svg);
        }
        #refund .option label .refund-radio{
          min-width: 16px;
          width: 16px;
          min-height: 16px;
          height: 16px;
          border: 2px solid #BCBCBC;
          background-color: white;
          box-shadow: inset 0px 0px 0px 3px white;
          border-radius: 100%;
          transition: var(--transition-basic);
          margin: auto 12px auto auto;
        }
          #refund .option input:checked+label .refund-radio{
            background-color: var(--blue-primary);
            border-color: var(--blue-primary);
          }
        #refund .option input:checked+label{
          border-color: var(--blue-primary);
          color: black;
        }
#checkbox-payment-conditions{
  padding: 32px 10px 0px 10px;
}
@media (max-width: 640px) {
  #checkbox-payment-conditions{
    padding: 24px 5px 0px 5px;
  }
}
.contenedor-donaciones .donacion-container {
  object-fit: contain;
  width: auto;
  border-radius: 10px;
  max-height: 100px;
  max-width: 100px;
  padding: 3px;
}

.title-donaciones {
  font-weight: bolder;
  color: #813cd5;
  text-align: center;
  font-size: 1rem;
  /* font-family: Monserrat,; */
}
a#payment-group-creditCardPaymentGroup span.payment-group-item-text {
    font-size: 0px !important;
}

a#payment-group-creditCardPaymentGroup span.payment-group-item-text::after {
    content: "Tarjeta de Crédito";
    font-size: 0.688rem;
}

a#payment-group-customPrivate_504PaymentGroup span.payment-group-item-text {
    font-size: 0px !important;
}

a#payment-group-customPrivate_504PaymentGroup span.payment-group-item-text::after {
    content: "Tarjeta de Crédito Codensa Privada";
    font-size: 0.688rem;
}

a#payment-group-cardPromissoryPaymentGroup .payment-group-item-text{
 font-size:0px !important;

}
a#payment-group-cardPromissoryPaymentGroup .payment-group-item-text::after{
 content:"Pago Contraentrega Tarjeta de Crédito Olimpica";
  font-size: 0.688rem;
}

a#payment-group-cashPaymentGroup .payment-group-item-text,
a#payment-group-custom201PaymentGroupPaymentGroup .payment-group-item-text{
 font-size:0px !important;

}
a#payment-group-cashPaymentGroup .payment-group-item-text::after{
 content:"Pago Contraentrega Efectivo";
  font-size: 0.688rem;
}
a#payment-group-custom201PaymentGroupPaymentGroup .payment-group-item-text::after{
  content:"Pago Contraentrega Big Pass";
   font-size: 0.688rem;
 }
a#payment-group-cashPaymentGroup .payment-group-item-text.unicoPaymentCash::after{
  content:"Pago Contraentrega Efectivo / T. Debito/ T. Crédito";
  font-size: 0.688rem;
 }
 a#payment-group-creditCardPaymentGroup .payment-group-item-text.unicoPaymentCash::after{
  content:"Tarjeta de crédito";
  font-size: 0.688rem;
 }

a#payment-group-debitPaymentGroup .payment-group-item-text{
  font-size: 0px !important;
}

a#payment-group-customPrivate_505PaymentGroup::before{
  content: " \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 PSE";
  height: 25px;
  background-image: url(/arquivos/IconCrediplazos.jpg);
  background-repeat: no-repeat;
  background-position: -8px;
  width: 100%;
  background-size: 27px !important;
  text-align: left;
  color: #38464f !important;
  font-weight: 700;
}

a#payment-group-PSEPaymentGroup::before{
  content: " \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 PSE";
  height: 25px;
  background-image: url(/arquivos/logo-pse.png);
  background-repeat: no-repeat;
  background-position: -8px;
  width: 100%;
  background-size: 34px !important;
  text-align: left;
  color: #38464f !important;
  font-weight: 700;
}
.pg-pago-contraentrega-big-pass::before{
  content: '';
  background-image: url(/arquivos/medio-big-pass.png) !important;
  background-size: 32px !important;
}

button#payment-data-submit:first-child{
  display: flex !important;
}
a#payment-group-debitPaymentGroup .payment-group-item-text::after{
  content:"PSE";
  font-size: 0.688rem;
}

 /*ORDEN METODOS DE PAGO*/
.payment-group-item{
  order: 5;
}
#payment-group-customPrivate_502PaymentGroup{
  order: 1;
}
#payment-group-customPrivate_501PaymentGroup{
  order: 2;
}
#payment-group-creditCardPaymentGroup{
  order: 3;
}
#payment-group-cardPromissoryPaymentGroup{
  order: 4;
}
.cardPromissoryPaymentGroup .payment-description,
.cashPaymentGroup .payment-description,
.custom202PaymentGroupPaymentGroup .payment-description{
  font-size: 0px;
}
.custom202PaymentGroupPaymentGroup .payment-description::after {
  content: "Al momento de la entrega del pedido asegúrate de tener tu método de pago listo para nuestro domiciliario";
  font-size: 12px;
}
.cashPaymentGroup .payment-description::after {
  content: "Al momento de la entrega del pedido, asegúrate de tener el dinero listo para el domiciliario, recuerda que no lleva cambio de más de $50.000.";
  font-size: 12px;
}
.cardPromissoryPaymentGroup .payment-description::after {
  content: "Al momento de la entrega del pedido asegúrate de tener tu método de pago listo para nuestro domiciliario";
  font-size: 12px;
}

a#payment-group-debitPaymentGroup::before,
a.active#payment-group-debitPaymentGroup::before{


    content: " \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 PSE";
    height: 25px;
    background-image: url(/arquivos/logo-pse.png);
    background-repeat: no-repeat;
    background-position: -8px;
    width: 100%;

    background-size: 34px !important;
    text-align: left;
    color: #38464f !important;
    font-weight: 700;



}
a#payment-group-debitPaymentGroup
.payment-group-item-text
{
  display:none
}
a.active#payment-group-debitPaymentGroup::before
{
   color: var(--blue-primary-contrast) !important;
}

a#payment-group-customPrivate_504PaymentGroup::before {
     content: '';
    background-image: url(/arquivos/CODENSA-ICON-FINAL.png);
    background-size: cover;
    width: 35px;
    height: 30px;
}

a.active#payment-group-custom202PaymentGroupPaymentGroup::before,
a#payment-group-custom202PaymentGroupPaymentGroup::before,
a#payment-group-creditCardPaymentGroup::before {
  content: '';
  background-image: url(/arquivos/tarjeta-credito.svg);
}

a.active#payment-group-custom205PaymentGroupPaymentGroup::before,
a#payment-group-custom205PaymentGroupPaymentGroup::before{
  content: '';
  background-image: url(/arquivos/CODENSA-ICON-FINAL35x30.png);
}

a#payment-group-custom204PaymentGroupPaymentGroup::before,
a#payment-group-customPrivate_503PaymentGroup::before {
  content: '';
  background-image: url(/arquivos/debito.svg);
}
a#payment-group-cashPaymentGroup::before,
a.active#payment-group-cashPaymentGroup::before{
  content: '';
  background-image: url(/arquivos/efectivo.svg);
}
a#payment-group-custom201PaymentGroupPaymentGroup::before,
a.active#payment-group-custom201PaymentGroupPaymentGroup::before {
  content: '';
  background-image: url(/arquivos/medio-big-pass.png);
}
a#payment-group-cardPromissoryPaymentGroup::before,
a.active#payment-group-cardPromissoryPaymentGroup::before,
a.active#payment-group-custom203PaymentGroupPaymentGroup::before,
a#payment-group-custom203PaymentGroupPaymentGroup::before,
a#payment-group-customPrivate_501PaymentGroup::before {
  content: '';
  background-image: url(/arquivos/tarjeta-o.svg);
}
a#payment-group-customPrivate_502PaymentGroup::before {
  content: '';
  background-image: url(/arquivos/tarjeta-olimpica.svg);
}
a#payment-group-creditDirectSalePaymentGroup::before {
  content: '';
  background-image: url(/arquivos/PSE.svg);
}
a.active#payment-group-custom204PaymentGroupPaymentGroup::before {
  content: '';
  background-image: url(/arquivos/pse-white-icon.svg);
}

.client-profile-data .accordion-group{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: var(--box-shadow);
  border-radius: 14px;
  border: 0;
  padding: 26px 30px;
  margin-bottom: 20px;
}

#client-profile-data span.accordion-toggle.collapsed.accordion-toggle-active span:after {
  content: 'A continuación ingresa tus datos completos para realizar el pago';
  font-size: 12px;
  color: #38464f;
  font-weight: 600;
}
#client-profile-data span.accordion-toggle.collapsed span:before {
  content: 'Completa tus datos';
  text-align: left;
  font: var(--font-extra-bold);
  letter-spacing: 0px;
  color: var(--blue-primary);
  padding: 0;
  display: block;
}
#client-profile-data span.accordion-toggle.collapsed span:after,
#client-profile-data span.accordion-toggle.collapsed.accordion-toggle-active span:after{
  content: 'Llena los campos requeridos y acepta los términos y condiciones';
  text-align: left;
  font: normal normal 13px/22px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-primary);
}

.accordion-toggle .link-box-edit::after{
  content: 'Editar';
  text-align: right;
  font: normal normal bold 13px/22px Montserrat;
  letter-spacing: 0px;
  color: var(--blue-primary);
  padding: 0;
}
.accordion-toggle .link-box-edit{
  background: transparent;
  border: 0;
  position: initial;
  padding: 0;
  border-radius: 0;
  text-shadow: none;
  box-shadow: none;
  color: var(--blue-primary);
  opacity: 1;
  margin-right: 10px;
  display: flex;
  align-items: center;
}

#client-profile-data  .box-info .client-profile-email,#client-profile-data  .box-info .client-profile-summary{
  display: none;
}

#client-profile-data span.accordion-toggle.collapsed{
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#client-profile-data .accordion-heading{
  border-bottom: 1px solid #F5F5F5;
  padding-bottom: 16px;
}

.client-profile-info{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.client-profile-info p{
  display: flex;
  flex-direction: column;
  width: 30%;
  font: var(--font-semi-bold);
  font-size: 0.75rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  text-align: left;
  margin-top: 28px;
}
.accordion-body.collapse .client-profile-info p span{
  font: var(--font-normal);
  font-size: 0.75rem;
  margin-top: 6px;
  color: var(--gray-text-normal);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
}
.accordion-body.collapse .client-profile-info p{
  position: relative;
}

.accordion-body.collapse .client-profile-info p .tooltiptext{
  visibility: hidden;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0%;
  margin: 0;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 5px 4px 4px #00000005;
  border-radius: 14px;
  color: var(--blue-primary);
  /* border: 1px solid; */
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.accordion-body.collapse .client-profile-info p .tooltiptext::after{
  content: "";
  position: absolute;
  bottom: 85%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--blue-primary) transparent;
}


.accordion-body.collapse .client-profile-info p:hover .tooltiptext {
  visibility: visible;
}
/* Payments types */
#shipping-data.shipping-data span.accordion-toggle.collapsed,
#payment-data.payment-data span.accordion-toggle.collapsed {
  font-size: 0;
}
#shipping-data span.accordion-toggle.collapsed.accordion-toggle-active:after {
  content: 'Envío';
  font-size: 14px;
  color: #38464f;
  font-weight: 600;
}
#shipping-data span.accordion-toggle.collapsed:after {
  content: 'Programa tu entrega';
  text-align: left;
  font: var(--font-extra-bold);
  letter-spacing: 0px;
  color: var(--blue-primary);
}
#payment-data span.accordion-toggle.collapsed span[data-i18n]:after {
  content: 'Pago';
  font-size: 14px;
  color: #38464f;
  font-weight: 600;
}
#payment-data .accordion-inner{
  padding: 0px !important;
}
#payment-data .payment-group::before {
  content: 'Método de pago';
  font:var(--font-bold);
  color: var(--blue-primary);
  width: 100%;
  display: block;
  margin-bottom: 4px;
}
#payment-data .payment-group h3{
  display: block;
  font-size: 0px !important;
  line-height: 0px !important;
  margin-top: 0px;
}
#payment-data .payment-group h3::after {
  content: 'Selecciona un método y completa los datos';
  font:var(--font-normal);
  font-size: 0.813rem;
  color: var(--gray-primary);
  display: block;
  padding-bottom: 22px;
  border-bottom: var(--gray-linehr);
}
#payment-data span.accordion-toggle.collapsed.accordion-toggle-active span{
  display: none;
}
#payment-data span.accordion-toggle.collapsed {
  font-size: 12px;
  color: #38464f;
  font-weight: 600;
}
/* Payment list options */
#payment-data .payment-group{
  margin-top: 0px;
  margin-bottom: 26px;
}
  #payment-data .payment-group > a{
    display: none;
  }
    #payment-data .payment-group > a.active{
      display: flex;
    }
  @media (max-width: 1024px) {
    #payment-data .payment-group{
      margin: 0px !important;
    }
  }
#payment-data form {
  display: flex !important;
  flex-direction: column;
}
  [element-type="select-payment-type"]{
    border: 1px solid var(--gray-dark) !important;
    padding: 11px 12px;
    display: flex !important;
    align-items: center;
    background-color: white !important;
    border-radius: 8px !important;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none !important;
  }
    [element-type="select-payment-type"]:hover{
      text-decoration: none !important;
    }
    [element-type="select-payment-type"] .icon-selected{
      content: '\f00c';
      min-width: 38px;
      width: 38px !important;
      min-height: 38px;
      height: 38px;
      border: 2px solid #F4F4F4;
      box-sizing: border-box;
      border-radius: 100%;
      background-color: #FCFCFC;
      display: flex;
      overflow: hidden;
      background-size: 22px;
      background-position: center;
      background-repeat: no-repeat;
      align-self: center;
      margin-right: 12px;
    }
    [element-type="select-payment-type"] span{
      display: flex;
      align-items: center;
      font-size: 0.688rem !important;
    }
    .payment-group > a:nth-child(2) {
      display: none !important;
      opacity: 0.5;
    }
    [element-type="select-payment-type"]::after {
      content: '\f078';
      font-family: FontAwesome;
      position: absolute;
      top: -13px;
      right: -13px;
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100px;
      color: black;
      transform: scale(1);
      min-width: 24px;
      position: initial !important;
      align-self: center;
      margin-left: auto;
      transition: var(--transition-basic);
    }
      [opened-payments="true"]::after {
        transform: rotate(-180deg);
      }

  #payment-data form .payment-group-list-btn {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 22px;
    grid-row-gap: 26px;
  }
    @media (max-width: 1024px) {
      #payment-data form .payment-group-list-btn {
        grid-template-columns: 1fr;
        grid-row-gap: 0px;
        position: absolute;
        z-index: 9999999;
        background: white;
        border: 1px solid rgb(217, 217, 217);
        width: 84% !important;
        border-radius: 7px;
      }
    }
    @media (min-width: 1024px) {
      [element-type="select-payment-type"]{
        display: none !important;
      }
      #payment-data form .payment-group-list-btn {
        display: grid !important;
      }
    }
  #payment-data form .payment-group-list-btn a {
    box-sizing: border-box;
    background-color: #FBFBFB;
    border: 2px solid #FBFBFB;
    border-radius: var(--border-radius-basic);
    padding: 24px 16px;
    display: flex;
    opacity: 1;
    margin-left: 0px !important;
    position: relative;
    user-select: none;
    cursor:pointer;
  }
    @media (max-width: 1024px) {
      #payment-data form .payment-group-list-btn .payment-selected{
        box-sizing: border-box;
        background-color: #FBFBFB;
        border: 2px solid #FBFBFB;
        border-radius: var(--border-radius-basic);
        padding: 24px 16px;
        display: flex;
        opacity: 1;
        margin-left: 0px !important;
        position: relative;
        user-select: none;
        cursor:pointer;
      }
      #payment-data form .payment-group-list-btn a {
        border: none;
        border-radius: 0px;
        border-bottom: 1px solid var(--gray-secondary);
        background-color: transparent !important;
        padding: 16px 16px !important;
        display: flex;
      }
        #payment-data form .payment-group-list-btn a:hover {
          border-color: var(--gray-secondary) !important;
        }
    }
    #payment-data form .payment-group-list-btn a:hover {
      border-color: #C3C3C3;
    }
    #payment-data form .payment-group-list-btn a::before {
      min-width: 38px;
      width: 38px;
      min-height: 38px;
      height: 38px;
      border: 2px solid #F4F4F4;
      box-sizing: border-box;
      border-radius: 100%;
      background-color: #FCFCFC;
      display: flex;
      overflow: hidden;
      background-size: 22px;
      background-position: center;
      background-repeat: no-repeat;
      align-self: center;
      margin-right: 12px;
    }
    #payment-data form .payment-group-list-btn a::after {
      content: '\f00c';
      content: '\f00c';
      font-family: FontAwesome;
      position: absolute;
      top: -13px;
      right: -13px;
      background: var(--blue-primary);
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100px;
      color: white;
      border: 3px solid white;
      transform: scale(0);
      transition: var(--transition-basic);
    }
    #payment-data form .payment-group-list-btn a.active {
      margin-left: 0px !important;
      border: 2px solid var(--blue-primary);
      text-decoration: none;
    }
      @media (max-width: 1024px) {
        #payment-data form .payment-group-list-btn a.active {
          border: none;
          border-bottom: 1px solid var(--gray-secondary);
        }
          #payment-data form .payment-group-list-btn a.active::after {
            position: initial !important;
            align-self: center;
            margin-left: auto;
          }
      }
      #payment-data form .payment-group-list-btn a.active::after {
        content: '\f00c';
        font-family: FontAwesome;
        position: absolute;
        top: -13px;
        right: -13px;
        background: var(--blue-primary);
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        color: white;
        border: 3px solid white;
        transform: scale(1);
        min-width: 24px;
      }
      #payment-data form .payment-group-item-text {
        background-image: none;
        font-size: 0.688rem;
        line-height: 1rem;
        margin-bottom: 0px;
        padding: 0 !important;
        display: flex;
        align-items: center;
        text-decoration: none;
      }
      #payment-data form a.active .payment-group-item-text {
        font: var(--font-bold);
        font-size: 0.688rem;
        color: var(--gray-text-normal);
      }
      #payment-data form span.payment-group-item-text::after{
        display: inline-block;
      }
/* Creditcard form*/

#payment-data form .steps-view {
  width: 100%;
  background-color: white;
  border-top: 2px dotted #e0e0e0;
  padding: 26px 0px 0px 0px;
}
  #payment-data form .steps-view::before{
    content: attr(data-before);
    font:var(--font-bold);
    color: var(--blue-primary);
    width: 100%;
    display: block;
    margin-bottom: 4px;
  }
  #payment-data form .steps-view .payment-method::before{
    content: 'Revisa y completa los datos';
    font: var(--font-normal);
    font-size: 0.813rem;
    color: var(--gray-primary);
    display: block;
    padding-bottom: 22px;
    border-bottom: var(--gray-linehr);
    margin-bottom: 10px;
  }
#app-container .App{
  background-color: white;
}
  #app-container .App .SecurityEnvironmentIcon{
    display: none;
  }
  #app-container .App .CardForm{
    column-count: 1;
    column-gap: 25px;
  }
    @media (min-width: 428px) {
      #app-container .App .CardForm{
        column-count: 3 !important;
      }
    }
    #app-container .App .CardForm > div,
    #app-container .App .CardForm > p
    {
      break-inside: avoid-column;
    }
    #app-container .App .CardForm .SavedCards{
      column-span: all;
    }
      #app-container .App .CardForm .SavedCards .UseSavedCard{
        height: 35px;
        display: flex;
        align-items: center;
        margin-bottom: 18px;
      }
      #app-container .App .CardForm .SavedCards .UseSavedCard a{
        color: var(--gray-text-normal);
        background: url(/arquivos/chevron-left.svg) no-repeat;
        background-size: auto;
        background-size: 10px 12px;
        background-position: 0px 0.5px;
        padding-left: 16px;
        font: var(--font-normal);
        font-size: 0.76rem;
      }
      #app-container .App .CardForm .SavedCards .SavedCardsList {
        width: 99%;
      }
      @media (min-width:678px){
        #app-container .App .CardForm .SavedCards .SavedCardsList {
        display: grid; 
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 33px; 
        }
      }

        @media (max-width: 690px) {
          #app-container .App .CardForm .SavedCards .SavedCardsList {
            grid-template-columns: 1fr;
            grid-gap: 10px;
          }
        }
        #app-container .App .CardForm .SavedCard .SavedCardsList .card-list-element{
          height: 60px;
          background-color: #FBFBFB;
          border: 2px solid #EFEFEF;
          border-radius: 12px;
          width: 100%;
          transition: var(--transition-slow);
          display: flex;
          align-items: center;
          box-sizing: border-box;
          padding: 10px;
          font: var(--font-normal);
          color: #7E7E7E;
        }
        #app-container .App .CardForm .SavedCards .SavedCardsList .SavedCard {
          padding: 14px !important;
          box-sizing: border-box !important;
          box-shadow: none !important;
          border: 0 !important;
          background-color: var(--gray-new) !important;
          border-radius: var(--border-radius-basic) !important;
          border: 2px solid var(--gray-new) !important;
          margin-top: 0px;
          color: var(--gray-text-normal);
          transition: var(--transition-basic);
        }
       
        #app-container .App .CardForm .SavedCards .SavedCardsList .UnavailableSavedCard .card-list-element .card-label{
         /*  display: none;  */
         height: 16px;
         width: 36px;
         border-right: 1px solid lightslategray;
        }
        #app-container .App .CardForm .SavedCards .SavedCardsList .UnavailableSavedCard .card-list-element div:nth-child(2)::before{
          display: none !important;
        }
         #app-container .App .CardForm .SavedCards .SavedCardsList .UnavailableSavedCard .card-list-element .card-unavailable-text{
            word-spacing: normal !important;
            height: auto;
            width: auto;
            padding-left: 2px;
            border: 0px;
          }
          @media (max-width:400px){
            #app-container .App .CardForm .SavedCards .SavedCardsList .SavedCard{
              padding: 14px 0px!important;
            }
            #app-container .App .CardForm .SavedCards .SavedCardsList .SavedCard .card-flags{
              min-width: 42px;
            }
            #app-container .App .CardForm .SavedCards .SavedCardsList .UnavailableSavedCard .card-list-element .card-unavailable-text{
  
                  height: 13px;
                  max-width: 11ch;
                  padding-left: 8px;
                  border: 0px;
            }
           /*  #app-container .App .CardForm .SavedCards .SavedCardsList .UnavailableSavedCard .card-label::after{
              content: 'expiro el';
              display: block;
              font: var(--font-semi-bold);
              font-size: 0.75rem;
            } */
          }
          #app-container .App .CardForm .SavedCards .SavedCardsList .SavedCard .icon-remove{
            display: none;
          }
          #app-container .App .CardForm .SavedCards .SavedCardsList .SavedCard:hover {
            border: 2px solid #E6E6E6 !important;
          }
          #app-container .App .CardForm .SavedCards .SavedCardsList .SavedCard.active {
            border: 2px solid var(--blue-primary) !important;
          }

          #app-container .App .CardForm .SavedCards .SavedCardsList .SavedCard .card-flags {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
          }
            #app-container .App .CardForm .SavedCards .SavedCardsList .SavedCard .card-flag {
              margin-right: 10px;
            }
            #app-container .App .CardForm .SavedCards .SavedCardsList .SavedCard.active .card-flag {
              filter: grayscale(0) !important;
            }
          #app-container .App .CardForm .SavedCards .SavedCardsList .SavedCard .card-label{
            word-spacing: 1000px;
            display: flex;
            align-items: end;
            font: var(--font-normal);
            font-size: 0.75rem;
            height: 13px;
            overflow: hidden;
            margin-left: 0px;
          }
          @media (max-width: 690px) {
            #app-container .App .CardForm .SavedCards .SavedCardsList .SavedCard .card-list-element div:nth-child(2){
              display: flex;
            }
          }
          #app-container .App .CardForm .SavedCards .SavedCardsList .SavedCard .card-list-element div:nth-child(2)::before{
            content: 'Terminada en';
            display: block;
            font: var(--font-semi-bold);
            font-size: 0.75rem;
          }
            @media (max-width: 690px) {
              #app-container .App .CardForm .SavedCards .SavedCardsList .SavedCard .card-list-element div:nth-child(2)::before{
                margin-right: 8px;
                padding-right: 8px;
                border-right: 2px solid #C7C7C7;
              }
            }
          #app-container .App .CardForm .SavedCards .SavedCardsList .SavedCard .card-list-element .icon-ok-circle{
            display: none;
          }
          #app-container .App .CardForm .SavedCards .SavedCardsList .UseAnotherCard {
            border: 2px solid var(--blue-primary) !important;
            margin-top: 0;
            border-radius: var(--border-radius-basic) !important;
            display: flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
          }
            @media (max-width: 690px) {
              #app-container .App .CardForm .SavedCards .SavedCardsList .UseAnotherCard {
                padding: 14px !important;
              }
            }
          #app-container .App .CardForm .SavedCards .SavedCardsList .UseAnotherCard a{
            display: none;
          }
            #app-container .App .CardForm .SavedCards .SavedCardsList .UseAnotherCard::after {
              content: 'Agregar nueva tarjeta';
              color: var(--blue-primary);
              font: var(--font-semi-bold);
              font-size: 0.75rem;
            }

      #app-container .App .CardForm .PaymentCardCVV .PaymentCardCVVHelp{
        display: none;
      }
      @media (max-width: 428px) {
        .CardForm .PaymentCardCVV{
          margin-top: 20px;
        }
        .CardForm .PaymentCardCVV input{
          max-width: 49% !important;
        }
      }
    #app-container .App .CardForm .BillingAddress{
      column-span: all;
      margin-top: 32px;
      margin-top: 25px;
      padding-top: 25px;
      border-top: var(--gray-linehr);
    }
    #app-container .App .CardForm .BillingAddress h5{
      display: none;
    }
      #app-container .App .CardForm .BillingAddress .FormFieldLabel {
        font: var(--font-semi-bold);
        font-size: 0.75rem;
      }
      #app-container .App .CardForm .BillingAddress::before{
        display: block;
        content: 'Dirección de facturación';
        line-height: normal;
        font: var(--font-bold);
        color: var(--blue-primary);
        margin-bottom: 4px;
      }
      #app-container .App .CardForm .BillingAddress .AddressToggle input{
        display: none;
      }
      #app-container .App .CardForm .BillingAddress .AddressToggle label {
        display: flex;
        font: var(--font-normal);
        font-size: 0px;
        color: var(--gray-primary);
      }
        @media (max-width: 690px){
          #app-container .App .CardForm .BillingAddress .AddressToggle label {
            display: block;
          }
        }
        #app-container .App .CardForm .BillingAddress .AddressToggle label strong{
          font-size: 0px;
          display: none;
        }
        #app-container .App .CardForm .BillingAddress .AddressToggle input:checked + label{
          font-size: 0px;
        }
        #app-container .App .CardForm .BillingAddress .AddressToggle input:checked + label::before {
          content: 'Recibirás tu factura a la dirección del envío ';
          display: inline;
          font-size: 0.813rem;
          padding-right: 5px;
        }
        #app-container .App .CardForm .BillingAddress .AddressToggle input:checked + label strong {
          font: var(--font-semi-bold);
          font-size: 0.813rem;
          display: inline;
        }
          #app-container .App .CardForm .BillingAddress .AddressToggle label::before {
            font-size: 0.813rem;
            content: 'Ingresa los datos correspondientes ';
          }
            @media (max-width: 690px){
              #app-container .App .CardForm .BillingAddress .AddressToggle label::before {
                font-size: 0rem;
              }
            }
        #app-container .App .CardForm .BillingAddress .AddressToggle label::after{
          content: 'Cambiar dirección de facturación';
          display: flex;
          margin-left: auto;
          background-image: url(/arquivos/checked.svg);
          background-size: 20px 20px;
          background-repeat: no-repeat;
          padding-left: 28px;
          height: 20px;
          align-items: center;
          font: var(--font-semi-bold);
          font-size: 0.75rem;
          margin-top: -11px;
        }
      #app-container .App .CardForm .BillingAddress .AddressToggle input:checked + label::after{
        background-image: url(/arquivos/unchecked.svg);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        font: var(--font-normal);
        font-size: 0.75rem;
      }
        @media (max-width: 690px){
          #app-container .App .CardForm .BillingAddress .AddressToggle input:checked + label::after{
            margin-top: 5px;
          }
        }
    html{background-color: white;}
  #app-container .App .CardForm div .PaymentCardNumber {
    margin-bottom: 20px;
  }
  #app-container .App .CardForm div .PaymentCardNumber label,
  #app-container .App .CardForm div .PaymentCardHolderName label
  {
    display: none;
  }
    #app-container .App .CardForm div .PaymentCardNumber::before,
    #app-container .App .CardForm div .PaymentCardHolderName::before,
    #app-container .App .CardForm .PaymentInstallments::before
    {
      color: var(--gray-text-normal);
      font: var(--font-semi-bold);
      font-size: 0.75rem;
      font-weight: bold;
      display: block;
      margin-bottom: 8px;
      padding: 0;
      line-height: 0.86rem !important;
    }
      #app-container .App .CardForm div .PaymentCardNumber::before {
        content: 'Número de la tarjeta';
      }
      #app-container .App .CardForm div .PaymentCardHolderName::before {
        content: 'Nombre y apellido';
      }
      #app-container .App .CardForm .PaymentInstallments::before {
        content: 'Número de cuotas';
      }
      #app-container .App .CardForm .PaymentCardDueDate{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 10px;
        margin-top: 20px;
      }
        @media (max-width: 428px) {
          #app-container .App .CardForm .PaymentCardDueDate{
            margin-top: 20px;
          }
        }
        #app-container .App .CardForm .PaymentCardDueDate label {
          display: block;
          width: 100%;
          grid-column-start: 1;
          grid-column-end: -1;
        }
        #app-container .App .CardForm .PaymentCardDueDate .payment-card-lash {
          display: none;
        }
        #app-container .App .CardForm .PaymentInstallments {
          margin-top: 20px;
        }
      @media (max-width: 428px) {
        #app-container .App .CardForm .PaymentInstallments {
          margin-bottom: 20px;
        }
      }
      #app-container .App .CardForm .PaymentInstallments select{
        max-width: 100% !important;
        z-index: 2;
        position: relative;
      }
  #app-container .App .CardForm .card-flags {
    margin-top: 12px;
    margin-bottom: 24px !important;
  }
    #app-container .App .CardForm .card-flags label{
      width: auto !important;
    }
    #app-container .App .CardForm .card-flags .card-flag{
      filter: grayscale(1);
      opacity: 1;
      transition: var(--transition-basic);
    }
    #app-container .App .CardForm .card-flags .card-flag:hover{
      transform: scale(1.05);
    }
      #app-container .App .CardForm .card-flags .card-flag.card-selected{
        filter: grayscale(0);
      }
      #app-container .App .CardForm .card-flags .card-flag-radio {
        display: none;
      }
  #app-container .App .CardForm input, #app-container .App .CardForm select {
    font-size: 0.688rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #app-container .App .CardForm div + button{
    display: flex;
    gap: 5px;
    border-radius: 5px;
    background-color: #005ca9;
    color: white;
    margin: auto;
    height: 40px;
    padding-top: 14px;
    margin-bottom: 36px;
    border: 2px solid #008bff;
    padding: 6px;
    text-align: center;
    flex-direction: column;
  }
  #app-container .App .CardForm div + button::after {
    content: "*Confirma en el botón azul";
    white-space: normal;
    color: #ff0909;
    text-align: center;
    position: relative;
    bottom: -16px;
    display: flex;
    width: 100%;
    justify-content: center;
    text-transform: none;
  }

  @media screen and (min-width: 400px) {
    #app-container .App .CardForm div + button::after {
      top: 20px !important;
    }
   }
 
  #app-container .App .AddressForm {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 22px 32px;
    margin-top: 30px;
  }
    @media (max-width: 690px){
      #app-container .App .AddressForm {
        grid-template-columns: 1fr;
      }
    }
    #app-container .App .AddressForm .payment-billing-address-state{
      order: 1
    }
    #app-container .App .AddressForm .payment-billing-address-city{
      order: 2
    }
      #app-container .App .AddressForm .payment-billing-address-city .FormFieldLabel{
        font-size: 0px;
      }
        #app-container .App .AddressForm .payment-billing-address-city .FormFieldLabel::after{
          content: 'Municipio o ciudad *';
          font-size: 0.75rem;
        }
    #app-container .App .AddressForm .payment-billing-address-street{
      order: 3
    }
      #app-container .App .AddressForm .payment-billing-address-street .FormFieldLabel{
        font-size: 0px;
      }
        #app-container .App .AddressForm .payment-billing-address-street .FormFieldLabel::after{
          content: 'Dirección *';
          font-size: 0.75rem;
        }
    #app-container .App .AddressForm .payment-billing-address-neighborhood{
      order: 4
    }
    #app-container .App .AddressForm .payment-billing-address-complement{
      order: 5
    }
      #app-container .App .AddressForm .payment-billing-address-complement .FormFieldLabel{
        font-size: 0px;
      }
        #app-container .App .AddressForm .payment-billing-address-complement .FormFieldLabel::after{
          content: 'Información adicional';
          font-size: 0.75rem;
        }

span.accordion-toggle.collapsed {
  text-align: center;
}
.ctnDetallePrecio span.list-price {
  white-space: nowrap;
}
p.vtex-omnishipping-1-x-submitPaymentButton.btn-submit-wrapper.btn-go-to-payment-wrapper,
button#payment-data-submit {
  width: 70%;
  margin: 0 auto;
}

button#go-to-shipping:before {
  content: 'Guardar y continuar';
  font: var(--font-semi-bold);
  font-size: 0.813rem;
  border: 0px solid transparent !important;
}

button#btn-go-to-payment:before,
button#go-to-payment:before {
  content: 'Guardar y continuar';
  font: normal normal bold 12px/15px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  border: 0px solid transparent !important;
}

.client-profile-data button#go-to-payment:before,
.client-profile-data button#btn-go-to-payment:before,
.client-profile-data button#go-to-shipping:before,
.client-profile-data button#btn-go-to-shipping:before{
  content: 'Guardar y continuar';
  text-align: center;
  font: normal bold 12px/15px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  border: 0px solid transparent !important;
}
.client-profile-data button#go-to-payment,
.client-profile-data button#btn-go-to-payment,
.client-profile-data button#go-to-shipping,
.client-profile-data button#btn-go-to-shipping{
  background: var(--blue-primary);
  border-radius: 8px;
  padding: 0 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client-profile-data button#go-to-payment.inactive,
.client-profile-data button#btn-go-to-payment.inactive,
.client-profile-data button#go-to-shipping.inactive,
.client-profile-data button#btn-go-to-shipping.inactive{
  background: #F0F0F0 0% 0% no-repeat padding-box;
  border-radius: 8px;
  border: 0;
  cursor: no-drop;
}
button#go-to-payment.inactive:before,
button#btn-go-to-payment.inactive:before,
button#go-to-shipping.inactive:before,
button#btn-go-to-shipping.inactive:before{
  color: #A7A7A7;
  font: normal normal 12px/15px Montserrat;
  text-shadow: none;
}

.client-profile-data button#go-to-payment:focus,.client-profile-data button#go-to-payment:hover,
.client-profile-data button#btn-go-to-payment:focus.client-profile-data button#btn-go-to-payment:hover{
  background: var(--blue-primary);
  border: 0;
}
.client-profile-data button#go-to-payment.inactive:hover,
.client-profile-data button#go-to-payment.inactive:focus{
  background: #F0F0F0 0% 0% no-repeat padding-box;
}

p.submit.btn-submit-wrapper{
  display: flex;
  margin-top: 36px;
  justify-content: center;
  align-items: center;
}

button#payment-data-submit:before {
  content: 'Pagar';
  font-size: 13px;
  font-weight: 600;
}
button#payment-data-submit {
  border-radius: 33px;
  padding-top: 6px;
  padding-bottom: 6px;
  background: #fd0d1f;
  text-align: center !important;
}

button#go-to-shipping,
button#btn-go-to-payment,
button#go-to-payment,
a#cart-choose-products,
button#btn-client-pre-email {
  border-radius: 33px;
  padding-top: 6px;
  padding-bottom: 6px;
  background: #0b5aa8;
}


span.fn.product-name,
strong.item-price.pull-right.hide,
strong.item-price-subtotal.pull-right.hide,
strong.price.pull-right,
strong.price-subtotal.pull-right.hide {
  color: #38464f;
}

.cart-fixed.cart-fixed-transition {
  display: flex;
  flex-direction: column;
}
/* .summary-cart-template-holder {
  order: 2;
} */
/* .summary-template-holder {
  order: 1;
} */
.summary-template-holder{
  display: flex;
  flex-direction: column;
  /* margin-top: 150px !important; */
}
.summary-template-holder .tex-initial-payment{
  order: 1;
}
.summary-template-holder .summary{
  order: 2;
}
.summary-template-holder .button-initial-payment{
  order: 3;
}



.summary-note .note-data{
  display: none!important;
}
.summary-note div:last-child{
  display: block!important;
}
.payment-confirmation-wrap{
  display: block!important;
}


#go-to-cart-button{
  display: none;
}
p.client-document-type.input.pull-left.text.required.mask,
.payment-confirmation-wrap {
  order: 3;
}

.advertisement,
.advert-supermarket-pago-online {
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #70707031;
  border-radius: 23px;
  padding: 20px;
}

span.covid-advertisement-text {
  font-size: 12px;
  font-weight: 600;
  text-align: center;

}

a#orderform-minicart-to-cart {
  font-size: 0;
  color: #df0008;
  font-weight: 600;
}

a#orderform-minicart-to-cart:before {
  content: 'Volver al carrito';
  font-size: 12px;
}
#vtex-callcenter{
	display: none !important;
}
p#go-to-cart-button {
  text-align: center;
  border: 1px solid #df0008;
  border-radius: 26px;
  width: 50%;
  margin: 0 auto;
  margin-top: 10px;
}

span.advertisement-logo {
  background-image: url(/arquivos/alert-checkout.svg);
  background-size: cover;
  width: 34px;
  height: 39px;
}
span.advertisement-logo {
  width: 38px;
  height: 45px;
  line-height: 30px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  color: var(--blue-primary-contrast);
  font-weight: 500;
}

.advertisement,
.advert-supermarket-pago-online {
  display: flex;
  flex-direction: column;
  width: 80%;
  margin: auto;
}

.container-advertisement-logo {
  text-align: center;
  margin-bottom: 1rem;
}

p.msj-alert {
  text-align: left !important;
  margin-left: 20px;
  margin-top: 10px;
  font: normal bold 10px/22px Montserrat;
  letter-spacing: 0px;
  color: #ED1D24!important;
}

p.client-first-name.input.pull-left.text.required {
  order: 1;
}

p.client-last-name.input.pull-left.text.required {
  order: 2;
}

.document-box.hide.document-is-required {
  order: 5;
}
/* p.client-email.text.required {
  margin-right: 10px;
  width: 40% !important;
} */

p.client-email.text.required,
p.client-email.input.text.required {
  order: 3;
}

[data-bind="template: {name: phoneTemplate(), afterRender: window.vtex.i18n.translateHtml }"]
/* .box-client-info-pf div:nth-child(8) */ {
  order: 6;
}

p.client-document.input.pull-left.text.required.mask {
  display: none;
}

/*fieldset.box-client-info-pf {
  display: flex;
  flex-wrap: wrap;
}*/

fieldset.box-client-info-pf {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.empty-cart-content {
  height: auto;
  background: #FBFBFB;
  width: 101%;
  position: absolute;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

h2.empty-cart-title {
  font-size: 0;
  text-align: center;
  margin: 0;
  line-height: 20px;
}
h2.empty-cart-title::before{
  content: '';
  background-image: url(/arquivos/vacio.svg);
  background-repeat: no-repeat;
  background-size: 40px 41px;
  background-position: bottom;
  width: 50px;
  height: 50px;
  display: block;
  border: 3px solid #005CA921;
  background-color: var(--blue-primary);
  border-radius: 12px;
  margin: 0 auto 12px;
}
h2.empty-cart-title::after{
  content: 'Tu carrito de compras está vacío';
  text-align: center;
  font: normal 800 16px/19px Montserrat ExtraBold;
  letter-spacing: 0px;
  color: var(--blue-primary);
}

.row-fluid .span6 {
  width: 100% !important;
}

a#cart-to-orderform, a#cart-to-orderform-fake {
  font-size: 0 !important;
}

a#cart-to-orderform:before, a#cart-to-orderform-fake:before {
  content: 'Iniciar pago';
  font: var(--font-semi-bold);
  letter-spacing: 0px;
  color: #FFFFFF;
  box-sizing: border-box;
}

.cart-fixed.cart-fixed-transition h2 {
  text-align: left;
  font: var(--font-extra-bold);
  padding: 0px !important;
  letter-spacing: 0px;
  color: var(--blue-primary);
  display: flex;
  flex-direction: column;
  border-top: 0;
  border-bottom: 1px solid #F5F5F5;
  padding-bottom: 16px !important;
  margin-bottom: 26px!important;
}

.mini-cart .item .fn{
    overflow: auto;
    text-overflow: ellipsis;
}
.mini-cart span.fn.product-name {
  float: none !important;
  font: var(--font-semi-bold);
  font-size: 0.75rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 98%;
  text-transform: capitalize;
  grid-row: 3;
  grid-column: 2;
}

.empty-cart-message {
  text-align: center;
}

.empty-cart-message p {
  font-size: 0;
  display: none;
}

.clearfix.empty-cart-links {
  text-align: center;
  margin-top: 15px;
}

.item-service td.quantity {
  border: none !important;
}
a.add-service.btn.btn-mini {
  border-radius: 10px !important;
  background: #fd0d1f !important;
  color: white !important;
  font-size: 10px !important;
  font-weight: normal !important;
}

#cartLoadedDiv .cart {
  border: none !important;
  border-top: 1px solid #ddd;
  border-radius: 0;
  border-bottom: 1px solid #ddd;
  padding: 0;
}
.mini-cart .item a.url {
  grid-row: 1 / 6;
  grid-column: 1;
  width: 70px;
  height: 70px;
  background: var(--gray-tertiary) 0% 0% no-repeat padding-box;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: default;
}
.mini-cart .item a.url img{
  max-width: 50px;
}

#shipping-data .active .shipping-container .box-step > div {
  width: 100%;
  padding: 0 30px;
}

#shipping-data .active .shipping-container .box-step {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

#shipping-data .active .shipping-container .box-step > div {
  width: 100%;
  padding: 0 30px;
}

#shipping-data .vtex-omnishipping-1-x-addressForm {
  width: 100%;
  margin-top: -8px;
  background: var(--blue-primary-contrast);
  border-top: none;
}

#client-profile-data .form-step.box-info,
#shipping-data .shp-summary-group.vtex-omnishipping-1-x-SummaryItemGroup {
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

#client-profile-data .step.accordion-group.client-profile-data.filled {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: var(--box-shadow);
    border-radius: 14px;
    border: 0;
    padding: 26px 30px;
}

.box-step.box-info.shipping-summary-placeholder {
  display: flex;
  flex-wrap: wrap-reverse;
  padding: 0 30px;
}

fieldset.box-client-info-pj {
  display: none;
}

select#ship-country,
select#ship-state,
select#ship-city {
  border-radius: 33px;
  height: 40px;
}

span.street:after,
span.postalCode:after,
span.city:after,
span.state:after {
  content: ',';
  margin-right: 5px;
}

.step.accordion-group.shipping-data.active .accordion-heading {
  text-align: center;
  background-color: unset;
}

.step.accordion-group.shipping-data {
  background-color: unset !important;
  border: 0;
  padding-bottom: 0 !important;
  margin-bottom: 0px !important;
}

select#ship-state,
select#ship-city,
p.input.ship-city.required.text,
p.input.ship-state.required.text {
  width: 100%;
}
.icon-minus-sign:before,
.icon-plus-sign:before, .icon-remove:before {
  content: '' !important;
}

i.icon.icon-minus-sign {
  background-image: url("https://qaolimpica.vteximg.com.br/arquivos/minus-white.svg");
  width: 0.8rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  background-size: contain;
}
i.icon.icon-plus-sign {
  background-image: url("https://qaolimpica.vteximg.com.br/arquivos/aumentar.svg");
  width: 0.8rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}
i.icon.icon-remove {
  background-image: url("https://qaolimpica.vteximg.com.br/arquivos/basura.svg");
  width: 13px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
i.icon.icon-infoResumen {
  background-image: url("https://qaolimpica.vteximg.com.br/arquivos/info.svg");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
/* i.icon-edit:before{
  content: url("https://qaolimpica.vteximg.com.br/arquivos/editar.svg");
  margin-right: 6px;
} */
i.icon-add-direction:before{
  content: '';
  background-image: url('https://qaolimpica.vteximg.com.br/arquivos/add-circle.svg');
  background-size: cover;
  width: 15px;
  height: 17px;
}
i.icon-add::after{
  content: url(/arquivos/infoAmarillo.svg);
  position: absolute;
  right: 0;
  top: 15%;
}

i.icon-infoAteriscos {
  background-image: url("https://qaolimpica.vteximg.com.br/arquivos/info_asteriscos.svg");
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  margin-left: 9px;
  cursor: pointer;
}

.full-cart .cart table tbody tr + tr {
  /* border-top: 1px solid #ddd !important; */
}
div#delivery-packages-options {
  border-radius: 33px;
  max-width: 100%;
  height:auto;
  border: none;
  border-bottom: 1px solid #eee !important;
}

.vtex-omnishipping-1-x-leanShippingOption, .vtex-omnishipping-1-x-leanShippingOptionActive {
    display: none !important;
}


input#ship-complement,
input#ship-neighborhood {
  width: 100%;
}
.ChangeNumberOfPayments {
  display: none !important;
}

#shipping-data .active .container-text-shipping {
  display: block;
  width: 100%;
  text-align: center;
}

span.description-shipping {
  color: #5b696f;
  font-size: 12px;
}

p.input.ship-country.text {
  width: 100%;
}

.mini-cart tfoot .monetary {
  color: #38464f;
}

td.info {
  width: 100%;
}

a#open-shipping {
  width: 100%;
  /* display: none; */
}


li.hproduct.item.muted {
  padding: 0;
  margin: 8px 0;
  border: 0;
  display: grid;
  grid-template-columns: auto 68%;
}
@media screen and (max-width: 768px) {
  li.hproduct.item.muted{
    grid-template-columns: 72px auto;
  }
}
.mini-cart .summary-cart-template-holder{
  border-bottom: 1px solid #F5F5F5;
  padding-bottom: 26px;
  margin-bottom: 26px;
}

.row-fluid .orderform-template-holder{
  width: 67%;
}

/**Observaciones checkout*  */

.note.summary-note.hide {
  display: block;
}

p.note-data {
  text-align: center;
}

.note.summary-note.hide div {
  width: 100%;
  padding-left: 0;
}

/**Observaciones checkout*  */
/* BTN BLOCKED */
.containerModalMixedCar,
.containerModal {
  display: none;
}
.containerModalMixedCar.showModal,
.containerModal.showModal {
  display: block;
}
.containerModalMixedCarOverlay,
.containerModalOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10101;
  background-color: rgba(0,0,0,0.4);
  backdrop-filter: blur(2px);

}
.containerModalMixedCarContent,
.containerModalContent {
  background-color: var(--blue-primary-contrast);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 460px;
  max-height: 80%;
  z-index: 10102;
  padding: 20px;
  border-radius: 15px;
  overflow: hidden;
}
.containerModalMixedCarContentBtnClose,
.containerModalContentBtnClose {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-color: #cccccc;
  color: #1d1b1b;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: 0;
  transition: all 0.2s;
  cursor: pointer;
}
.containerModalContentBtnClose::before{
  content: url(/arquivos/closeModal.svg);
  display: block;
  margin: 0 auto 12px;
}
.containerModalMixedCarContentBtnClose svg,
.containerModalContentBtnClose svg {
  fill: var(--blue-primary-contrast);
  width: 19px;
  height: 20px;
  /* display: none; */
}
.containerModalMixedCarContentTitle,
.containerModalContentTitle {
  text-align: center;
  font-size: 24px;
  width: 75%;
  margin: auto;
  color: #5b696f;
  font-weight: bold;
}
.containerModalAddress .containerModalContentTitle {
  font-size: 17px;
}
.containerModalAddress .containerModalContentImage {
  width: 30px;
  height: 43px;
}
.containerModalMixedCarContentImage,
.containerModalContentImage {
  height: 60px;
  width: 60px;
  display: block;
  margin: 15px auto;
}
#eliminar-productos-mixto,
#eliminar-productos-mixto-2 {
  background: transparent;
}
.container-dual-mixto {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 90%;
  margin: auto;
}
.container-dual-mixto .containerModalMixedCarContentImage {
  height: 50px;
  width: 50px;
  display: block;
  margin: 10px auto 5px auto;
}
.containerModalMixedCarContentText,
.containerModalContentText {
  text-align: center;
  font-size: 16px;
  width: 75%;
  margin: auto;
  margin-top: 20px;
}
.containerModalAddress .containerModalContentText {
  color: #5b696f;
  width: 90%;
  margin: 0.75rem auto 1.5rem auto;
}
.containerModalViewListAddress .containerModalContentText {
  color: #000;
  font-size: 0.875rem;
  font-weight: bold;
}
.containerModalMixedCarContentWrapperList {
  max-height: 190px;
  overflow-y: auto;
  margin-top: 15px;
}
.containerInput {
  margin-bottom: 1.5rem;
}
.containerInput .newAddressInput {
  width: 80%;
  margin: 0 auto;
  outline: 0;
  display: block;
  min-height: 2.5rem;
  box-sizing: border-box;
  border-radius: 20px;
  border-color: #7070704d;
  align-items: center;
  padding-left: 10px;
}
.containerAddressOptions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
}
.containerListAddressOptions {
  justify-content: space-between;
}
.containerOptionBtn {
  border-radius: 20px;
  background-color: var(--blue-primary-contrast);
  color: #5b696f;
  border: solid 1px#7070704D;
  font-weight: bold;
  outline: 0;
  padding: 0.25em 10px;
  min-height: 40px;
  width: 45%;
  transition: all 0.2s;
}
.containerOptionBtn:hover {
  color: var(--blue-primary-contrast);
  background-color: #d5001a;
}
.containerListAddressItem {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  width: 100%;
  cursor: pointer;
}
.containerListAddressItemRadio {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: solid 3px #37474f3e;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  transition: all 0.2s;
}
.itemListAddressSelected .containerListAddressItemRadio {
  border-color: #d5001a;
}
.itemListAddressSelected .containerListAddressItemRadio::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d5001a;
}
.containerListAddressItemText {
  color: #3f3f40;
  font-size: 16px;
  display: block;
  width: calc(100% - 32px);
}
.btnNewAddress {
  margin: 20px auto;
  padding: 8px 20px;
  font-size: 16px;
  border-radius: 15px;
  background-color: #eef3f7;
  color: #0f3e99;
  border: none;
  outline: none;
  display: block;
  font-size: 16px;
  transition: all 0.2s;
}
.btnNewAddress:hover {
  opacity: 0.8;
}
.containerModalAddress .containerModalContentSubText {
  color: #707070;
  font-size: 12px;
  margin: 0 auto 12px auto;
}
.containerModalAddress .containerModalContentTextCustom {
  font-weight: bold;
  display: none;
}
.showText {
  display: block !important;
}
.containerModalAddress .containerModalContentTimer {
  color: var(--blue-primary);
  font-size: 12px;
}
.listErrors {
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s;
  display: none;
}
.listErrorsShow {
  max-height: 200px;
}
.containerModalLoading {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s;
}
.containerModalLoading.showLoading {
  margin: 20px 0;
  max-height: 100px;
}
.contentModalLoading {
  border: 3px solid rgba(0, 0, 0, 0.1);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border-left-color: #e2001a;
  animation: spin 1s ease infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
.containerModalMixedCarContentListItem {
  list-style: none;
  display: flex;
  margin-bottom: 10px;
  padding: 0 15px 15px 0;
  border-bottom: 1px solid #ccc;
}
.containerModalMixedCarContentListItemImage img {
  height: 70px;
  width: 70px;
}
.containerModalMixedCarContentListItemInfo {
  padding-left: 15px;
  width: calc(100% - 70px);
}
.containerModalMixedCarContentListItemName p {
  font-weight: bold;
  margin: 0;
}
.containerModalMixedCarContentListItemPriceList {
  text-decoration: line-through;
  color: #ccc;
  font-weight: bold;
  line-height: normal;
  margin: 0;
}
.containerModalMixedCarContentListItemPriceSelling {
  color: #000;
  font-weight: bold;
  line-height: normal;
}
.containerModalMixedCarContentListItemPriceSelling.showListPrice {
  color: #fd0d1f;
  /* margin: 10px 0 0 0; */
}
/* .vtex-omnishipping-1-x-addressFormPart1  {
  display: none !important;
} */
.vtex-omnishipping-1-x-addressItemOption,
.address-create {
  display: none !important;
}
p.input.ship-state,
p.input.ship-city {
  display: none !important;
}
@media (min-width: 1024px) {
  .containerModalMixedCarContentList {
    width: 90%;
    margin: 20px auto 0 auto;
  }
  .containerModalMixedCarContentListItemInfo {
    display: flex;
  }
  .containerModalMixedCarContentListItemName {
    display: flex;
    align-items: center;
    padding-left: 10px;
  }
  .containerModalMixedCarContentListItemPrice {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
  }
  .containerModalMixedCarContentListItemPriceSelling {
    margin: 0;
  }
  .containerModalMixedCarContentListItemPrice {
    margin-left: auto;
  }
}
@media screen and (min-width: 1400px) {
  .containerModalMixedCarContentWrapperList {
    max-height: 250px;
  }
  .containerModalAddress .containerModalContentText {
    width: 80%;
  }
}
@media screen and (max-width: 1024px) {
  .mixto-mobile {
    display: block;
    text-align: center;
  }
  #eliminar-productos-mixto,
  #eliminar-productos-mixto-2 {
    font-size: 11px;
    padding: 5px 5px;
  }
}
.containerModalMixedCarContentListItem {
  list-style: none;
  display: flex;
  margin-bottom: 10px;
  padding: 0 15px 15px 0;
  border-bottom: 1px solid #ccc;
}
.containerModalMixedCarContentListItemImage img {
  height: 70px;
  width: 70px;
}
.containerModalMixedCarContentListItemInfo {
  padding-left: 15px;
  width: calc(100% - 70px);
}
.containerModalMixedCarContentListItemName p {
  font-weight: bold;
  margin: 0;
}
.containerModalMixedCarContentListItemPriceList {
  text-decoration: line-through;
  color: #ccc;
  font-weight: bold;
  line-height: normal;
  margin: 0;
}
.containerModalMixedCarContentListItemPriceSelling {
  color: #000;
  font-weight: bold;
  line-height: normal;
}
.containerModalMixedCarContentListItemPriceSelling.showListPrice {
  color: #fd0d1f;
  /* margin: 10px 0 0 0; */
}
@media (min-width: 1024px) {
  .containerModalMixedCarContentList {
    width: 90%;
    margin: 20px auto 0 auto;
  }
  .containerModalMixedCarContentListItemInfo {
    display: flex;
  }
  .containerModalMixedCarContentListItemName {
    display: flex;
    align-items: center;
    padding-left: 10px;
  }
  .containerModalMixedCarContentListItemPrice {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
  }
  .containerModalMixedCarContentListItemPriceSelling {
    margin: 0;
  }
  .containerModalMixedCarContentListItemPrice {
    margin-left: auto;
  }
}

@media (max-width: 690px) {
  
  .contactar-div{
    width:40%;
  }
  .contactar-div #cambiar-label{
    text-align: center;
  }
  .seguir-comprando-wrapper {
    text-align: center;
    display: block;
  }
  body {
    padding: 0 !important;
  }
  body .container {
    padding: 1.6em 0 !important;
    max-width: 80%;
    margin: 0 auto;
  }
  p.client-document-type {
    margin-right: 0px;
  }
  .mini-cart .item a.url {
    max-width: 60px;
  }

  .cart-fixed.cart-fixed-transition {
    width: 100%;
    margin: 0 auto;
  }
  #client-profile-data .step.accordion-group.client-profile-data.filled {
    border: none;
  }
  .orderform-template-holder .client-profile-data .client-phone,
  fieldset.box-client-info-pf {
    width: 100%;
  }

  .orderform-template-holder .client-profile-data .client-phone input {
    width: 100%;
  }
  .mini-cart tbody td.info {
    width: 100% !important;
    text-align: left !important;

  }
  .cart-template .product-image img {
    color: transparent;
    height: 100px;
    max-width: 75px;
    width: 100px;
    margin-left: 10px;
  }

  .full-cart #cartLoadedDiv .cart table tbody tr td.quantity input {

    border: unset !important;
    box-shadow: none !important;
    font-weight: 600;
    left: unset;
    padding: 0%;
    padding-top: 4px;
    height: 20px;
    text-align: center;
    color: #19202c;

  }
  .full-cart .cart table tbody tr td.product-name {
    margin-left: 0;
    /*width: 62%;*/
    vertical-align: middle;
    /*float: left;*/
    text-align: center;
  }
  .full-cart .cart table tbody tr td.quantity {
    width: auto;
    padding: 5px;
    margin-left: 7.5rem;
    height: 25px;
    border: 1px solid #f1f1f1;
    border-radius: 21px;
  }

  .full-cart #cartLoadedDiv .cart table tbody tr td.product-name a {
    font-size: 9px;
  }
  .full-cart .cart table tbody tr td.product-image {
    position: relative;
    width: auto;
    float: left;
    padding: 15px 10px 15px 0;
  }
  .full-cart .cart table tbody tr td.product-price {
    text-align: left !important;
    float: right;
    margin-right: 5px;
    padding: 0;
    width: calc(100% - 105px);
  }
  .ctnDetallePrecio {
    margin-left: 1.5rem;
  }
  table.table.cart-items {
    position: relative;
    width: 90%;
    margin: 0 auto;
  }
  .row-fluid.summary {
    margin: 0 auto;
  }
  .cart-template.mini-cart.span4 {
    margin-top: 3rem;
  }
  .other-document{
    display: flex!important;
    flex-direction: column;
  }
}

@media only screen and (min-width: 768px) {
  .container {
    max-width: 90%;
    width: 100%;
  }
   @media screen and (max-width:1350px){
      .container.container-main.container-cart {
        max-width: 100% !important;
      }
    }

  fieldset.box-client-info-pf {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .clearfix.pull-right.cart-links.cart-links-bottom.hide {
    display: none !important;
  }
  span.btn-place-order-wrapper.tex-initial-payment {
    color: #0b5aa8;
    font-weight: 600;
    font-size: 25px;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  span.btn-place-order-wrapper.button-initial-payment {
    display: block ;
    padding: 20px 0;
    max-width: 100%;
    cursor: pointer;
  }

  .mini-cart .cart-fixed.affix,
  .mini-cart .cart-fixed.affix-bottom {
    position: relative !important;
  }

  /* .summary-template-holder {
    box-sizing: border-box;
    padding: 1rem;
    margin: 1rem 0rem;
    border: 1px solid #00000029;
    border-radius: 23px;
    background: unset !important;
  } */

  /*.cart-fixed.cart-fixed-transition h2 {
    display: none;
  }*/
}

@media (min-width: 769px) {

  #cartLoadedDiv td.quantity input {
    background: transparent;
    height: 10px;
    border: none;
    box-shadow: none;
    text-align: center;
  }
  td.quantity {
    display: flex;
    width: 100%;
  }
  #cartLoadedDiv td.quantity {
    justify-content: center;
    align-items: center;
    width: 75px;
    margin: 0 auto;
    position: relative;
    text-align: center !important;
    border: 1px solid #70707039;
    border-radius: 33px;
    top: 3rem;
  }
  span.accordion-toggle.collapsed {
    text-align: center;
  }
  #cartLoadedDiv {
    float: left;
    min-height: 500px !important;
    width: 65% !important;
  }
  #cartLoadedDiv .cart-items .product-name,
  #cartLoadedDiv .product-image {
    height: 106px;
  }

  .cart-template.full-cart .summary-template-holder {
    float: left;
    min-height: auto;
    width: 37%;
  }
  .cart-template.full-cart .clearfix.pull-right.cart-links.cart-links-bottom.hide {
    position: relative !important;
    width: 37% !important;
  }
  .client-pre-email .btn-success {
    width: 100% !important;
  }
  a#is-corporate-client {
    position: relative;
  }


  p.client-first-name.input.pull-left.text.required,
  p.client-last-name.input.pull-left.text.required,
  p.client-email.input.text.required,
  p.client-email.text.required,
  [data-bind="template: {name: phoneTemplate(), afterRender: window.vtex.i18n.translateHtml }"],
  .phone-box.visible,
  .phone-box.visible {
    width: 30% !important;
    margin: 24px 0;
  }
  p.client-document-type.input.pull-left.text.required.mask, p.client-new-document.input.pull-left.text.required.mask{
    width: 46% !important;
    margin: 0;
    float: none;
  }

  .other-document{
    display: flex!important;
    justify-content: space-between;
    flex-direction: row-reverse;
  }

  p.client-notice.notice {
    padding-bottom: 40px;
    position: relative;
    right: 20px;
    font-size: 0;
  }

  fieldset.box-client-info-pf {
    position: relative;
    right: 0;
    padding: 30px 65px 5px;
  }


  fieldset.box-client-info-pf input {
    height: 30px;
  }

  p.client-email {
    padding-bottom: 0 !important;
  }

  p.client-first-name {
    width: 100%;
    max-width: 400px;
  }

  p.client-last-name {
    width: 100%;
    max-width: 400px;
  }

  input#client-last-name {
    width: 100%;
  }

  .document-box.hide.document-is-required {
    width: 65%;
    margin: 26px 0;
  }

  .other-document {
    display: block;
    position: relative;
  }
  p.client-document-type.input.pull-left.text.required.mask {
    width: 100%;
    max-width: 400px;
  }

  p.client-new-document.input.pull-left.text.required.mask {
    width: 100%;
    max-width: 400px;
  }

  input#client-document-type {
    width: 95%;
  }

  input#client-new-document {
    width: 95%;
  }

  [data-bind="template: {name: phoneTemplate(), afterRender: window.vtex.i18n.translateHtml }"]
  {
    position: relative;
    float: left;
    width: 100%;
    max-width: 400px;
  }

  input#client-phone,
  p.client-phone.input.pull-left.text.required.mask {
    width: 100%;
  }

  fieldset.box-client-info-pj {
    position: relative;
    padding: 20px 65px 5px;
    text-align: right;
  }

  .corporate-info-box {
    padding-top: 20px !important;
  }

  ul.links.unstyled {
    padding-right: 10px;
  }



  input#opt-in-newsletter {
    float: none;
    margin-top: 0;
  }


  ul.links.unstyled {
    position: relative;
    top: -11px;
  }

  input#client-company-name {
    width: 97.5%;
  }

  p.client-company-name.input.text.required {
    display: block;
    float: right;
    width: 50% !important;
  }

  p.client-company-nickname.input.text.required {
    position: unset;
    top: 0;
    right: 0;
    width: 45.5% !important;
  }

  input#client-company-nickname {
    width: 100% !important;
  }

  p.client-company-ie.input.text.required {
    position: unset;
    top: 0;
    width: unset;
    width: 45.5% !important;
  }

  .cl ient-profile-data p.submit {
    text-align: left;
    padding-right: 65px !important;
    padding-bottom: 20px;
    padding-right: 45px;
  }
  .phone-box.visible {
    order: 7;
  }

  .shp-option-text.vtex-omnishipping-1-x-addressItemText .address-summary.address-summary-COL {
    display: flex;
  }
  .address-list.vtex-omnishipping-1-x-addressList {
    display: flex;
    flex-direction: column;
  }

  p.input.ship-country.text {
    width: 35%;
  }
  p.input.ship-state.required.text,
  p.input.ship-city.required.text {
    width: 50%;
  }

  p.input.ship-street.required.text,
  p.input.ship-complement.text,
  p.input.ship-neighborhood.text,
  p.input.ship-receiverName.required.text {
    width: 30%;
  }
  .vtex-omnishipping-1-x-address div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .signup-step-container {
    padding: 0.5rem 0;
    background-color: #F8F8F8;
    margin-bottom: 0.5rem;
  }
  .container-right {
    border-left: 1px solid var(--blue-primary-contrast);
    padding-left: 10px;
    margin-left: 10px;
  }
  @media (max-width: 1400px) {
    .cart-template.full-cart .summary-template-holder {
      width: 36%;
    }
    input#client-phone2 {
      width: 100%;
    }
    span.accordion-toggle.collapsed {
      text-align: initial;
    }
    fieldset.box-client-info-pf {
      padding: 30px 40px 5px;
    }


    p.input.ship-receiverName.required.text label:before {
      content: 'Persona que recibe envío';
      font-size: 12px;
      line-height: 0;
    }

    input#ship-street,
    input#ship-receiverName {
      width: 100%;
    }
    p.input.ship-receiverName.required.text label {
      font-size: 0;
    }

    p.input.ship-receiverName.required.text label:before {
      content: 'Persona que recibe envío';
      font-size: 12px;
      line-height: 0;
    }
    .vtex-omnishipping-1-x-submitPaymentButton {
      text-align: left;
    }
    .box-step.box-info.shipping-summary-placeholder {
      padding: 0 18px;
    }
    #shipping-data span.accordion-toggle.collapsed {
      margin-left: 1rem;
    }
  }
  @media (max-width: 1605px) {
    #cartLoadedDiv {
      width: 58% !important;
    }
  }
}

@media (min-width: 998px) {
  .cart-template.full-cart.span12.active {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
  }

  #cartLoadedDiv .product-image {
    min-width: 54px;
    max-width: 54px;
    padding-left: 0;
  }
  #cartLoadedDiv .product-image img {
    height: auto;
    max-width: 100%;
    width: 90px;
    height: 54px;
    max-width: 54px;
    width: 54px;
  }
  #cartLoadedDiv .cart-items .product-name {
    max-width: 180px;
    width: auto;
    padding: 15px;
  }
  #cartLoadedDiv td.product-price {
    width: 16%;
    padding: 0 10px;
    text-align: center;
  }
  #cartLoadedDiv td.quantity-price {
    width: 15%;
    padding: 0 15px;
  }
  #show-more {
    width: 43%;
    margin: 0 auto;
    text-decoration: none;
    height: 40px;
    text-transform: none;
    font-size: 15px;
  }
  .cart-template.full-cart .row-fluid.summary {
    width: auto;
  }
  .cart-template.full-cart .span5.totalizers.summary-totalizers.cart-totalizers.pull-right {
    width: 100%;
    padding: 0;
    border: none;
    float: none;
  }
  .cart-template.full-cart .clearfix.pull-right.cart-links.cart-links-bottom.hide {
    position: fixed;
    bottom: 3%;
    width: 32%;
    right: 0 !important;
    background-color: var(--blue-primary-contrast);
  }
  .cart-template.full-cart .clearfix.pull-right.cart-links.cart-links-bottom.hide {
    position: absolute;
    justify-content: center;
    bottom: 0;
    right: 0;
  }
  span.btn-place-order-wrapper {
    display: block ;
    width: 100%;
    text-align: center;
  }
  a#cart-to-orderform {
    width: 80%;
  }
  .cart-template.full-cart .row-fluid.summary {
    width: auto;
  }
  .cart-links.cart-links-bottom {
    display: flex;
    width: 30%;
    text-align: center;
    flex-wrap: wrap;
  }
}

@media (min-width: 1000px) {
  .summary-totalizers.cart-totalizers .totalizers-list .empty,
  .summary-totalizers.cart-totalizers tfoot .empty {
    display: none;
  }
  .vtex-omnishipping-1-x-itemImg {
    width: 60px !important;
    height: 60px !important;
  }
  .vtex-omnishipping-1-x-deliveryChannelsOption {
    max-height: 40px;
  }
}
@media (min-width: 1500px) {
  .cart-template.full-cart .summary-template-holder {
    max-width: 462px;

  }
  th.product,
  th.shipping-date,
  th.product-price,
  th.quantity,
  th.quantity-price {
    font-size: 25px !important;
  }
  .wizard-inner > ul > li::before {
    width: 100% !important;
    right: 50% !important;
  }
  fieldset.box-client-info-pf {
    padding: 30px 30px 5px;
  }
  p.newsletter {
    padding-left: 3rem;
  }
  p.vtex-omnishipping-1-x-submitPaymentButton.btn-submit-wrapper.btn-go-to-payment-wrapper,
  button#payment-data-submit {
    width: 90%;
    text-align: left;
  }
  span.accordion-toggle.collapsed {
    text-align: left;
  }
  .summary-cart-template-holder.cart-fixed-transition,
  .summary-cart-template-holder {
    padding-bottom: 20px;
  }
  input#client-phone2 {
    width: 95%;
  }

  input#client-new-phone {
    width: 95%;
  }

  p.client-new-phone.input.pull-left.text.required.mask {
    width: 100%;
  }
  #shipping-data .active .shipping-container .box-step > div {
    padding: 0 20px;
  }
}

table.table.cart-items {
  position: relative;
}

th.shipping-date {
  color: #222;
  font-size: 12px;
  max-width: 40px;
}

table {
  max-width: 100%;
  background-color: initial;
  border-collapse: initial;
  border-spacing: 0;
}

tr.product-item,
tr.producto_agotado,
tr.product-obsequio  {
  position: relative;
}

td.product-image {
  vertical-align: initial;
}

.cart-items tbody tr .product-image a {
  position: relative;
  display: block;
  text-align: center;
}
.add-item-attachment-container .add-item-attachment {
  color: var(--blue-primary-contrast) !important;
  background-color: #fd0d1f;
  background: #fd0d1f;
}
a#cart-choose-more-products,
strong.showTaxes {
  display: none;
}
span.quantity.badge {
  grid-row: 4;
  grid-column: 2;
  position: initial;
  display: block;
  background: transparent;
  text-align: left;
  font: normal normal 600 11px/22px Montserrat;
  letter-spacing: 0px;
  color: #7E7E7E;
  padding: 0;
  box-shadow: none;
}
.mini-cart .description{
  grid-row: 2;
  grid-column: 2;
  margin: 0;
}
.mini-cart .description .price{
  float: none;
  text-align: left;
  font: var(--font-extra-bold);
  font-size: 0.75rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}
.full-cart #cartLoadedDiv .cart table tbody tr td.product-name a, .productos-agotados table tbody tr td.product-name a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -o-box;
  -o-line-clamp: 2;
  -o-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  text-transform: capitalize;
}
  .full-cart #cartLoadedDiv .cart table tbody tr td.product-name a::before{
    display: none;
  }
  .full-cart #cartLoadedDiv .cart table tbody tr td.product-name a:hover::before{
    display: block;
    position: absolute;
    content: attr(data-title);
    background: rgba(0,0,0,0.4);
    color: white;
    padding: 1px 4px;
    border-radius: 4px;
    top: -2px;
    font-size: 10px;
  }
.add-item-attachment-container a {
  border-radius: 33px;
}
.add-item-attachment-container{
  display: none;
}
#cartLoadedDiv td.product-name a {
  font: var(--font-semi-bold);
  font-size: 0.813rem;
  color: var(--gray-text-normal);
  margin-bottom: 0;
  text-decoration: none;
  text-transform: capitalize;
}
#cartLoadedDiv td.product-name a {
  font-size: 10px;
  color: #222;
  font-weight: 600;
  margin-bottom: 0;
  text-decoration: none;
}
#cartLoadedDiv .brand-name {
  color: #222;
  font-size: 12px;
}
#cartLoadedDiv .seller.muted {
  color: #222;
  font-size: 0px;
  display: none;
}

#cartLoadedDiv small.seller.muted span:first-child {
  font-size: 0 !important;
}

/*#cartLoadedDiv .shipping-date {
  color: #222;
  font-size: 12px;
  max-width: 40px;
}*/
#cartLoadedDiv span.new-product-price-label,
#cartLoadedDiv span.old-product-price-label {
  display: none;
}
#cartLoadedDiv .new-product-real-price {
  font-size: 11px;
  color: #7d7d7d !important;
  text-decoration: line-through;
}
.manualprice-link-remove,
.item-link-remove {
  color: #999;
  font-size: 16px;
}
small.item-unit-label,
small.item-multiplier-label {
  display: none;
}

.full-cart .summary-totalizers .info {
  text-align: left;
  width: auto;
}

.full-cart .summary-totalizers .empty{
  display: none;
}

.item-quantity-change.item-quantity-change-decrement {
  /*position: absolute;*/
  left: 10%;
  height: 20px !important;
  display: flex;
  align-items: center;
}

.item-quantity-change.item-quantity-change-increment {
  /*position: absolute;*/
  left: 10%;
  height: 20px !important;
  display: flex;
  align-items: center;
}
#cartLoadedDiv .quantity input {
  /*width: calc(100% - 20px);
  text-align: center;
  background-color: #f4f4f4;
  color: #000;
  font-weight: 600;
  border: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.48);
  font-weight: 200;
  vertical-align: inherit;

  transition: none;*/
  margin: 0px 2px;
}
.item-multiplier-label {
  display: none;
}
.item-multiplier-label,
.item-unit-label {
  width: 100%;
  height: 22px;
  margin: 0 auto;
  text-align: center;
}
#cartLoadedDiv span.total-selling-price {
  font-size: 15px;
  color: #36474f;
  font-weight: 600;
  white-space: nowrap;
}

#show-more {
  bottom: 50px !important;
  position: relative !important;
}
/*.coupon.summary-coupon.pull-right {
  display: block;
  width: 100%;
}*/
/*.row-fluid.summary fieldset.coupon-fieldset {
  display: block !important;
}*/
.mini-cart .summary .coupon-column {
  display: block !important;
}
.forms.coupon-column.summary-coupon-wrap.span7.pull-left,
.coupon.summary-coupon.pull-right {
  display: flex !important;
  justify-content: center;
  width: 100%;
  margin: 0;
}
a#cart-coupon-remove {
  font-size: 0;
}
a#cart-coupon-remove::before {
  content: '';
  justify-content: center;
  background-image: url(https://qaolimpica.vteximg.com.br/arquivos/cancelar.svg);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}

.coupon-fields {
  width: 100%;
}

#btn-client-pre-email {
  position: static;
  margin: 10px auto;
}
#cart-link-note-add,
.summary-note .note-label label {
  font-size: 0px;
}
#cart-link-note-add::after {
  content: 'Añadir observación';
  font-size: 13px;
}
.note-label{
  margin: 23px 0 12px;
}
.summary-note .note-label label::after {
  content: 'Observaciones';
  text-align: left;
  font: var(--font-extra-bold);
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}
@media screen and (max-width: 490px) {
  .client-pre-email h3 span {
    display: block;
    font-size: 13px;
    text-align: center;
  }
  .client-pre-email label small {
    display: block;
    text-align: center;
    margin-top: 3px;
    font-size: 14px;
  }
  .orderform-template-holder #client-pre-email {
    width: 97% !important;
  }

}
.row-fluid input[type='text'],
input[type='email'],
input[type='number'],
input[type='tel'] {
  font-size: 13px;
  text-align: left;
  color: #a5a5a5;
  border-radius: 33px;
}
textarea,
input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
input[type='search'],
input[type='tel'],
input[type='color'],
.uneditable-input {
  height: 30px;
  border: 1px solid #70707039;
}
input[type='email'] {
  height: 40px;
}
.loading-inline {
  margin: 7px 10px 0 -15px;
}
.totalizers-list .cart-template.full-cart .info,
.totalizers-list .cart-template.full-cart .monetary {
  color: #5b696f !important;
  font-weight: normal;
}

.cart-more-options.span7 {
  display: none;
  width: auto;
}
.cart-active .srp-container {
  width: 100%;
  padding: 10px;
  max-width: 100% !important;
  display: none;
}
.onda-v1 .blue {
  color: #3da4ea;
  text-transform: capitalize !important;
}
.cart-active .summary-coupon {
  text-align: left;
  clear: inherit;
  margin-top: auto;
  min-width: auto;
  margin-bottom: 10px;
  margin-left: 8px;
}

.totalizers.summary-totalizers.cart-totalizers .accordion-group {
  padding-top: 26px;
}
.client-profile-data .accordion-inner {
  padding: 0 !important;
}
.cart-template.full-cart tr.Items {
  font: var(--font-semi-bold);
}
.cart-template.full-cart td.space,
label.item-attachment-name-label,
span.item-attachment-max-length.muted {
  display: none;
}
.accordion-body.collapse span {
  text-align: left;
  font: normal normal 0.688rem/0.688rem Montserrat;
  letter-spacing: 0px;
  color: #7E7E7E;
  position: relative;
}

.link-choose-more-products-wrapper {
  display: flex;
  margin-top: 15px;
  width: 100%;
}
.cart-template.full-cart .link-choose-more-products,
.link-print-cart {
  margin: 0;
}
.link-choose-more-products-wrapper a#cart-choose-more-products {
  background: var(--blue-primary-contrast) 0 0 no-repeat padding-box;
  border: 1px solid #afd8e3;
  border-radius: 16px;
  color: #3da4ea;
}
.link-choose-more-products-wrapper a#cart-choose-more-products {
  cursor: pointer;
  font-size: 0;
  height: 29px;
  line-height: 29px;
  margin: 0 auto;
  outline: none;
  padding: 11px 19px;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  width: 80% !important;
}
.clearfix.pull-right.cart-links.cart-links-bottom.hide span.link-print-cart-wrapper.hide,
.extensions-checkout-buttons-container.row-fluid {
  display: none !important;
}
.link-print-cart {
  margin-right: 15px;
  background: var(--blue-primary-contrast);
  border-radius: 4px;
  font-size: 12px;
  letter-spacing: 2px;
  border: 1px solid #afd8e3;
  padding: 12px 25px 15px;
}
.row-fluid .full-cart,
.row-fluid .orderform-template {
  transition: none;
  outline: none !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#btn-client-pre-email {
  background: #fd0d1f !important;
  border-radius: 34px;
  font-size: 17px;
}

.empty-cart-links a.cart-choose-wishes{
  border: 2px solid var(--blue-primary);
  border-radius: 8px;
  padding: 0;
  width: 180px;
  box-sizing: border-box;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font: normal 800 12px/15px Montserrat;
  letter-spacing: 0px;
  color: var(--blue-primary);
  margin-bottom: 18px;
}

.empty-cart-links a#cart-choose-products {
  line-height: 28px;
  background: var(--red-primary) 0% 0% no-repeat padding-box!important;
  border-radius: 8px;
  font-size: 0;
  width: 180px;
  box-sizing: border-box;
  height: 40px;
}
.empty-cart-links a#cart-choose-products::before{
  content: 'Ver más productos';
  font: var(--font-semi-bold);
  font-size: 0.75rem;
  letter-spacing: 0px;
  color: #FFFFFF;
}

.clone-item {
  background: #fd0d1f !important;
  border-radius: 34px;
  color: white !important;
  display: none !important;
}
.clone-item-sep {
  border: none;
}

.PaymentCardNumber.input.text.required,
input#creditCardpayment-card-0Number,
select#creditCardpayment-card-0Brand,
input#creditCardpayment-card-0Name,
.PaymentCardDueDate.clearfix {
  width: 100%;
}

label.address-item.vtex-omnishipping-1-x-addressItemOption.vtex-omnishipping-1-x-active {
  background: #7e7e7e0d;
}

.vtex-omnishipping-1-x-addressItemOption {
  border: none !important;
}

#shipping-data .active .shipping-container .box-step .link.edit.address-edit{
  display: flex;
  justify-content: center;
}
button#edit-address-button,
button#editCustom-address-button,
button#new-address-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--blue-primary) 0% 0% no-repeat padding-box;
  border-radius: 8px;
  max-width: 290px;
  height: 42px;
  box-shadow: inset 0 0px 0 transparent;
  border: 0px solid transparent;
  color: white;
  text-shadow: none;
  font: var(--font-normal);
  font-size: 0.76rem;
}

label.address-item.vtex-omnishipping-1-x-addressItemOption.vtex-omnishipping-1-x-active {
  background: #7e7e7e0d;
}

@media (min-width: 992px) {
  .vtex-omnishipping-1-x-addressFormPart1 div {
    display: flex;
  }

  p.input.ship-state.required.text {
    margin-right: 5px;
  }

  p.input.ship-city.required.text {
    margin-left: 5px;
  }

  label.FormFieldLabel.pull-left {
    width: 25%;
  }
  .PaymentCardCVVHelp {
    margin: -48px 0 0 225px !important;
  }
}

/*****Header***/
.header_checkout {
  padding: 22px 0;
  background: #e2001a;
  color: var(--blue-primary-contrast);
  display: flex;
  text-align: center;
}
  .header_checkout-container {
    max-width: 1200px;
    width: 100%;
    display: flex;
    margin: 1rem auto;
    justify-content: center;
  }
    .header_checkout .container-right{
      display: none;
    }

  .promoTop {
    background: #192e36;
    padding: 14px 0 !important;
    color: var(--blue-primary-contrast);
    text-align: center;
    line-height: 1;
    display: none;
    /* #TODO*/
  }

span.carrito {
  margin-right: 10px;
}

/*Header wizard*/
.wizard .nav-tabs {
  position: relative;
  margin-bottom: 0;
  border-bottom-color: transparent;
  display: flex;
  justify-content: space-between;
  width: 50%;
  margin: 0 auto;
}
.wizard .nav-tabs::before{
  content: '';
  position: absolute;
  left: 0;
  height: 4px;
  z-index: 1;
  width: 100%;
  top: 50%;
  background-color: #EDEDED;
}
.wizard .nav-tabs::after{
  content: '';
  position: absolute;
  left: 0;
  height: 4px;
  z-index: 1;
  width: 0%;
  top: 50%;
  background-color: #EDEDED;
}

.wizard > div.wizard-inner {
  position: relative;
  margin-bottom: 50px;
  text-align: center;
}
  @media screen and (max-width: 768px) {
    .wizard > div.wizard-inner {
      margin-bottom: 33px;
    }
  }

.connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 75%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 15px;
  z-index: 1;
}

.wizard .nav-tabs > li.active > a {
  transition: transform 0.1s ease-in;
}
  .wizard .nav-tabs > li.active > a,
  .wizard .nav-tabs > li.active > a:hover,
  .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
    cursor: pointer !important;
  }

  .wizard .nav-tabs > li.active > a:hover {
    transform: scale(1.3);
  }

span.round-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #EDEDED;
  color: #A3A3A3;
  border: 3px solid #ddd;
  border-color: #F8F8F8;
  width: 36px;
  height: 36px;
  font: normal normal 800 13px/16px Montserrat Extrabold;
}

span.round-tab i {
  color: #555555;
}

.wizard li.active span.round-tab {
  background-color: var(--blue-primary);
  color: white;
}

.wizard li.active span.round-tab i {
  color: #5bc0de;
}

@media screen and (max-width: 768px) {
  .wizard li.active span.round-tab{
    font: normal normal 800 11px/14px Montserrat Extrabold;
    width: 32px;
    height: 32px;
  }
}

.wizard .nav-tabs > li.active > a i {
  font: normal normal 800 12px/15px Montserrat Extrabold;
  letter-spacing: 0px;
  color: var(--blue-primary);
  margin-top: 10px;
}

li.disabled a span {
  top: 6px;
}

.wizard .nav-tabs > li {
  width: auto;
  z-index: 2;
}

.wizard .nav-tabs > li a {
  border-radius: 100%;
  padding: 0;
  background-color: transparent;
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wizard .nav-tabs > li a i {
  position: absolute;
  top: 50px;
  white-space: nowrap;
  left: 50%;
  transform: translate(-45%, -50%);
  text-align: center;
  font: normal normal 12px/15px Montserrat;
  letter-spacing: 0px;
  color: #A3A3A3;
  margin-top: 10px;
}

.wizard .nav-tabs > li a:hover {
  background: transparent;
}

.wizard .tab-pane {
  position: relative;
  padding-top: 20px;
}

.wizard-inner > ul > li:first-child::before {
  display: none;
}

.wizard-inner > ul > li {
  position: relative;
}

.header_checkout-image .text-container {
  position: absolute;
  top: 80%;
  color: var(--blue-primary-contrast);
  font-size: 23px;
  font-weight: 600;
  text-align: center;
  width: 100%;
}
/* End Header wizard*/
@media (max-width: 700px) {
  .header_checkout {
    padding: 0px;
  }
  .header_checkout-container {
    justify-content: space-around;
  }
  .header-content p.regular-12-text {
    text-align: center;
    margin: 0 20px;
  }
}
@media (min-width: 768px) {
  /* .wizard-inner > ul > li::before {
    content: '';
    position: absolute;
    top: 2.7em;
    right: 47%;
    width: 26rem;
    height: 0.05em;
    border: 1px solid#0B5AA8;
    background: #0b5aa8;
    z-index: -1;
  } */
  .header_checkout {
    padding: 0;
  }
  .header_checkout-image .text-container {
    top: 50%;
    color: var(--blue-primary-contrast);
    font-size: 41px;
    font-weight: 600;
    text-align: center;
    width: 50%;
  }
  th.product,
  th.shipping-date,
  th.product-price,
  th.quantity,
  th.quantity-price {
    color: #0b5aa8;
  }

  .step.active,
  .cart.active,
  .totalizers.active {
    border-color: #70707031;
  }
}
/*****End Header***/

/**Criterio de sustitución*/
.criterio-sustitucion {
  order: 3;
}
@media screen and (max-width: 768px) {
  .criterio-sustitucion{
    margin-bottom: 20px;
  }
}

.criterio-radio {
  display: flex;
  justify-content: space-around;
}

.container-mensaje-principal,
span.mensaje1,
span.mensaje2 {
  color: #38464f;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 10px;
}
  .container-mensaje-principal strong{
    font: var(--font-semi-bold);
    font-size: 0.75rem;
  }

.selecciona-criterio span,
.criterio-radio div label {
  font: var(--font-normal);
  font-size: 0.75rem;
  letter-spacing: 0px;
  color: var(--gray-primary);
}

  .criterio-radio input:checked+label{
    font: var(--font-semi-bold);
    font-size: 0.75rem;
  }

span.mensaje1,
span.mensaje2 {
  margin-bottom: 10px;
}

button.guardar-criterio-sustitucion {
  background: #0b5aa8;
  border: unset;
  border-radius: 23px;
  color: var(--blue-primary-contrast);
  padding: 5px 10px;
}

@media (min-width: 768px) {
  input#no-contactar,
  input#contactar {
    width: 18px;
    height: 18px;
    margin: 0;
    margin-right: 8px;
  }
}

/**Criterio de sustitución*/

/**Opcion ver carrito*/

.boton-carrito-container.inactive {
  display: none;
}

.boton-carrito-container {
  background: transparent;
  width: fit-content;
  border: 0px;
  padding: 12px;
  width: 100%;
  text-align: center;
  font: var(--font-semi-bold);
  font-size: 0.813rem;
  letter-spacing: 0px;
  color: white;
  cursor: pointer;
  max-width: 245px;
  margin: 0;
  background: var(--blue-primary);
  border-radius: 8px;
  text-shadow: unset;
}
.boton-carrito-container:hover, .boton-carrito-container:active, .boton-carrito-container:focus{
  background: var(--blue-primary);
  color: white;
}

.removeAll-items{
  background: transparent;
  border: 1px solid #AAAAAA;
  color: #A0A0A0;
}

.removeAll-items:hover, .removeAll-items:active, .removeAll-items:focus{
  background: transparent;
  color: #A0A0A0;
}

.botones-verificar-container{
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  order: 6;
}

.info-carrito-container {
  display: flex;
  justify-content: space-between;
  padding: 4px;
}

span.hide-items-cart {
  font-size: 14px;
  font-weight: 600;
  margin-right: 10px;
  cursor: pointer;
}

.info-carrito-container.inactive {
  display: none;
}

/**Opcion ver carrito*/

/*****Footer***/
.footer{
  background-color: var(--gray-footer);
}
  .footer .technology{
    display: none;
  }
  .footer .footer-container {
    display: flex;
    justify-content: center;
    padding-top: 20px;
    flex-direction: row;
    max-width: 1000px;
    margin: 0px auto;
    gap: 10%;
  }
    @media (max-width: 700px) {
      .footer .footer-container{
        flex-direction: column;
        align-items: center;
        padding: 20px 0 0 0;
      }
    }
    .footer h2 {
      margin: 0 0 12px 0;
      font: var(--font-bold);
      color: var(--blue-primary-contrast);
    }
    .footer .footer-container > div{
      width: 33%;
    }
      @media (max-width: 700px) {
        .footer .footer-container > div{
          width: 77%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding-bottom: 46px;
          text-align: center;
        }
      }
        .footer__app-links .iconos-descarga-app{
          display: flex;
        }
          .footer__app-links .iconos-descarga-app > div{
            padding-right: 20px;
          }
            .footer__app-links .iconos-descarga-app div:nth-child(2){
              order: 1;
              border-right: 1px solid #4b8cc2;
            }
            .footer__app-links .iconos-descarga-app div:nth-child(1){
              order: 2;
              margin-left: 20px;
            }
      .footer .footer-bottom{
        order: 2;
      }
        .footer .footer-bottom p,
        .footer .footer-bottom span{
          /* font: var(--font-normal) !important; */
          font-size: 11px;
          color: var(--blue-primary-contrast) !important;
          line-height: 1.2rem !important
        }
          .footer .footer-bottom p:first-child,
          .footer .footer-bottom br:first-of-type{
            display: none;
          }
        .footer .footer-bottom::before{
          font: var(--font-bold);
          color: var(--blue-primary-contrast);
          content: 'Ayuda al usuario';
          margin-bottom: 12px;
          display: block;
        }
      .footer .links{
        order: 3;
      }
        .footer .links::before{
          font: var(--font-bold);
          color: var(--blue-primary-contrast);
          content: 'Síguenos en redes sociales';
          margin-bottom: 12px;
          display: block;
        }
        .footer .links ul{
          margin: 0px !important;
          list-style: none;
          display: flex;
          gap:15px;
        }
          .footer .links ul .redes-sociales li{
            width: 22px;
            height: 22px;
            border-radius: 100%;
            transition: var(--transition-basic);
          }
            .footer .links ul .redes-sociales li:hover{
              transform: scale(1.1);
            }
            .footer .links ul .redes-sociales li:nth-child(1){
              order: 4;
            }
            .footer .links ul .redes-sociales li:nth-child(2){
              order: 1;
            }
            .footer .links ul .redes-sociales li:nth-child(3){
              order: 2;
            }
            .footer .links ul .redes-sociales li:nth-child(4){
              order: 3;
            }
              .footer .links ul .redes-sociales li a{
                display: flex;
                justify-items: center;
                justify-content: center;
                align-items: center;
                align-content: center;
                height: 100%;
              }
                .footer .links ul .redes-sociales li img{
                  width: 22px;
                  height: 22px;
                }
      .footer .footer-right{
        display: none !important;
      }
    .footer .online_links h4{
      display: none;
    }
  .footer__credits{
    padding: 8px 32px;
    margin-top: 5px;
    background-color: var(--gray-copyright);
    font:var(--font-normal);
    font-size: 12px;
    color: var(--blue-secondary-contrast);
    text-align: center;
  }
  .footer-bottom img.softLoaded {
    width: 30%;
}
/*
.footer-bottom,
div#footer-01-logo {
  text-align: center;
}

.col-lg-12.logos,
.col-lg-12.col-xs-12.col-sm-12.iconos-descarga-app,
ul.col-lg-12.redes-sociales {
  display: flex;
  justify-content: center;
  margin: 0;
}

.powered,
.technology {
  display: flex;
  flex-direction: column;
  color: var(--blue-primary-contrast);
  margin: 2rem;
}

.redes-sociales li {
  display: inline-block;
  width: 17%;
  background-color: #607d8b;
  border-radius: 50%;
  padding: 8px 5px 6px 11px;
  margin-right: 5px;
}

ul.online_links.col-lg-12 {
  margin: 0;
}

@media (max-width: 700px) {
  .links,
  .footer-right {
    display: none;
  }

  ul.online_links.col-lg-12 {
    text-align: left;
  }
}

@media (max-width: 1300px) {
  .footer-container {
    display: flex;
    flex-direction: row !important;
    justify-content: space-around !important;
  }
  .redes-sociales li {
    background-color: unset;
  }
  ul.online_links.col-lg-12 h4 {
    text-transform: uppercase;
    color: #d9d9d9;
    font-weight: 600;
    font-size: 12px;
  }
  .footer-bottom .col-lg-12.center {
    margin-top: 2rem;
  }

  .footer > .footer-container {
    padding-top: 20px;
  }
  .container.cart-message .message {
    color: #38464f !important;
    width: 60%;
    margin: 0 auto;
  }
}*/

/*****End Footer***/

@media (min-width: 768px) and (max-width: 997px) {
  .summary-totalizers {
    width: 100% !important;
  }

  span.btn-place-order-wrapper.button-initial-payment {
    text-align: center;
  }
  .full-cart .item-quantity-change {
    position: static !important;
  }
}

/*Ajustes Checkout*/

#show-more {
  position: inherit !important;
  cursor: hand;
  cursor: pointer;
}

@media screen and (width: 1024px) {
  #show-more {
    bottom: 30px !important;
    position: relative !important;
  }
}

@media screen and (max-width: 768px) {
  .full-cart .cart table tbody tr td.product-image {
    padding: 0;
  }
}

.containerMessageAdress {
  width: 100%;
  max-width: 90%;
  max-height: 150px;
  padding: 5%;

  font-size: 90%;
}
.vtex-omnishipping-1-x-dateLink {
  width: 100% !important;
}

#cart-note {
  height: 110px;
  width: 95%;
}
#cart-note{
  height: 109px;
  border: 1px solid #F0F0F0;
  border-radius: 6px;
  text-align: left;
  font: 13px / 22px Montserrat;
  letter-spacing: 0px;
  color: rgb(126, 126, 126);

}

#cart-note::placeholder{
  text-align: left;
  font: 13px / 22px Montserrat;
  letter-spacing: 0px;
  color: rgb(126, 126, 126);

}

.note.summary-note{
  border-top: 1px solid #F5F5F5;
  margin-top: 30px;
  margin-bottom: 0;
}

.SavedCard .card-label {
    margin-left: 5px;
    line-height: 15px;
    font-size: 8px;
    width: 90%;
    display: block;

    height: 30px;

    white-space: normal;

    word-wrap: break-word;
}


.ol-container-for-fixShippings
{
  margin-top:20px;
  border:1px solid black;
  border-radius:20px;
  padding:3%
}

.ol-alternative-products
{

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top:10px
}

.ol-item-to-fix-display
{
  width:20%;
  display: flex;
  flex-direction: column;
}
.ol-item-to-fix-display-image
{
  text-align: center;
}
.ol-item-to-fix-display-name
{
  text-align: center;
  padding:2%;
  font-size: 10px;



}

.ol-btn-for-fix-shipping
{
  color:white;

  border-radius: 20px;
  background-color: #0b5aa8;
  text-align:center;
  margin-top:10px;
  padding-top:2%;
  padding-bottom:2%;
  cursor:hand;
  cursor:pointer;

}


@media screen and (max-width: 680px)
{
  .ol-item-to-fix-display
  {
  	width:30%;
  }

}

@media screen and (max-width: 420px)
{
  .ol-item-to-fix-display
  {
  width:50%;
  }

}
.formula-body {
  height: 100vh !important;
  overflow: hidden;
}
.formula {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}

.formula.closed {
	display: none;
}

.formula__modal {
  width: 90%;
  max-width: 600px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 5px 5px 3px rgba(0,0,0,0.3);
  position: relative;
  padding: 40px 20px 20px;
}

.formula__modal--close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 24px;
  cursor: pointer;
}

.formula__modal--text {
  margin-bottom: 30px;
}

.formula__modal--list {
  border: 1px solid #ddd;
  overflow: auto;
  max-height: 300px;
  margin-bottom: 30px;
}

.formula__modal--list::-webkit-scrollbar {
  width: 8px;
  margin: 5px 2px;
}
.formula__modal--list::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.formula__modal--list::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.formula__modal--list::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}
.formula__modal--list::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}

.formula__modal--list::-webkit-scrollbar-track:hover,
.formula__modal--list::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}

.formula__item {
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  padding: 10px;
}

.formula__item:last-child {
  border-bottom: 0;
}

.formula__item--text {
  padding-left: 20px;
  font-weight: 700;
}

.formula__modal--file {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.formula__modal--uploader {
  padding: 10px;
  background: #E2001A;
  border: 1px solid #E2001A;
  width: 140px;
  text-align: center;
  color: white;
  font-weight: 700;
  border-radius: 0 20px 20px 0;
}

.formula__modal--uploader-input {
  display: none;
}

.formula__modal--file-info {
  height: 40px;
  width: 230px;
  border: 1px solid #dddd;
  border-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px 0 0 20px;
}

.formula__modal--file-text {
  margin: 0 20px 0 20px;
}

.formula__modal--upload {
  position: absolute;
  right: 22px;
  height: 40px;
  background: #E2001A;
  border-radius: 20px;
  text-align: center;
  color: white;
  padding: 0 20px;
  font-weight: 700;
  border: 0;
}

#scheduled-delivery-delivery p{
  display:none
}
#scheduled-delivery-delivery::after{
  content:"Selecciona fecha y horario de entrega";
  width:100%


}

.SavedCard .card-label {
    margin-left: 5px;
    line-height: 15px;
    font-size: 8px;
    width: 90%;
    display: block;

    height: 30px;

    white-space: normal;

    word-wrap: break-word;
}

.card-flag-label
{
  text-align: center!important;
  margin:1px
}

/*Kiosk styles*/
.KioskFormBtn{
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.QRButton{
  margin-top: 20px !important;
  margin-bottom: -20px !important;
}

.KioskForm{
  position: relative;
  z-index: 5;
}

.loader__container{
  display: none!important;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.5);
}

.loader__spinner{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  border: solid 10px var(--blue-primary);
  background-color: white;
}

.loader__devider{
  height: 125px;
  width: 15px;
  background: linear-gradient(to bottom, transparent 50%, white);;
  animation-delay: 0ms;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: spinner;
}
/*Modal QR styles  */

.qr-modal-container{
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(2px);
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1999;
   display:flex;
 }
 .qr-modal-container::before{
   content: 'X';
   color: var(--blue-primary-contrast);
   position: absolute;
   top: 1rem;
   right: 1rem;
   font-size: 1.5rem;
   opacity: .5;
   cursor: pointer;
 }
 .qr-modal-content{
   background-color:white;
   width:500px;
   margin:auto;
   max-width:1000px;
   height:500px;
   font-weight: bold;
   border-radius: 10px;
   overflow: hidden;
 }

 .imgQR{
   width:100%;
   object-fit:cover;
   height:100%;

 }

 .hide-btn-pagar{
   display: none !important;
 }
 .show-btn-pagar{
   display: block;
 }
 .max-quantity-notification{
  max-width: 362px;
  z-index: 50;
  position: sticky;
    bottom: 5px;
    left: 20px;
    border-radius: 20px;
    background: #f80014;
    color: white;
    font-family: 'Montserrat';
}

@media screen and (max-width: 425px) {
  .max-quantity-notification{
    font-size: .7rem;
  }
}

/*Desarollo nuevo estilo checkout*/
.step_header{
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}

.step_header__title{
  color: var(--blue-primary);
  font: normal normal 800 16px/19px Montserrat Extrabold;
  margin: 0.25rem 0;
}

.step_header__text{
  font: normal normal 14px/22px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-primary);
  margin-bottom: 23px;
}
@media screen and (max-width: 768px) {
  .step_header__title{
    font: normal normal 800 15px/19px Montserrat Extrabold;
    margin: 0;
  }
  .step_header__text{
    font: normal normal 11px/22px Montserrat;
    height: 14px;
  }
}
.progress_step{
  background-color: #0b5aa8;
  position: absolute;
  top: 50%;
  left: 0;
  height: 4px;
  width: 0%;
  transform: translateY(-50%);
  z-index: 2;
  transition: 0.4s ease-in;
}

.round-tab--mobile{
  display: none;
}

body{
  background-color: #FBFBFB;
}


th.product, th.shipping-date, th.product-price, th.quantity, th.quantity-price{
  display: none;
}

.lista_productos{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 16px;
  order: 2;
}

.lista_productos h3{
  text-align: left;
  font: normal normal 800 14px/18px Montserrat Extrabold;
  letter-spacing: 0px;
  color: var(--blue-primary);
  margin: 0;
}

.lista_productos p{
  text-align: right;
  color: var(--gray-primary);
  letter-spacing: 0px;
  font: var(--font-normal);
  font-size: 12px;
  line-height: 22px;

}
.lista_productos p strong,
.lista_productos p strong span{
  text-align: right;
  font: normal normal 800 12px/22px Montserrat Extrabold;
  letter-spacing: 0px;
  color: var(--gray-primary);
}
.lista_productos .lista_productos__columna2 p{
  margin: 0;
}

.lista_productos .lista_productos__text--left{
  text-align: left;
  font: var(--font-normal);
  font-size: 13px;
  line-height: 22px;
}

.lista_productos__text--mobile{
  display: none;
}

.lista_productos__columna1,.lista_productos__columna2{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.full-cart #cartLoadedDiv .cart{
  max-height: 770px;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  display: block;
  margin-top: 20px;
  order: 4;
  padding: 0 5px;
}

#cartLoadedDiv .cart-items tr.product-item,
#cartLoadedDiv .cart-items  tr.product-obsequio {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: var(--box-shadow);
  border-radius: 10px;
}
#cartLoadedDiv .cart-items tr.producto_agotado{
  background: #F5F5F5 0% 0% no-repeat padding-box;
}

#cartLoadedDiv .cart-items tr.producto_agotado .pum_producto{
  display: none;
}

  #cartLoadedDiv .cart-items tr.product-item .new-product-real-price-per-unit,
  #cartLoadedDiv .cart-items tr.producto_agotado .new-product-real-price-per-unit,
  #cartLoadedDiv .cart-items tr.product-obsequio .new-product-real-price-per-unit{
    display: none !important;
  }

#cartLoadedDiv .cart,#cartLoadedDiv table.cart-items{
  height: 100%;
}

#cartLoadedDiv table.cart-items  {
  border-spacing: 0 16px;
}

#cartLoadedDiv table.cart-items .item-remove{
  border-radius: 0 10px 10px 0;
}


#cartLoadedDiv table.cart-items thead{
  display: none;
}

#cartLoadedDiv .cart-items .product-name, #cartLoadedDiv .product-image{
  height: 60px;
}

#cartLoadedDiv .product-image{
  height: auto;
  border-radius: 10px 0 0 10px;
  padding: 8px;
}

#cartLoadedDiv span.new-product-price{
  text-align: center;
  font: var(--font-bold);
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  font-size: 0.875rem;
  white-space: nowrap;
}

#cartLoadedDiv .product-image a{
  background: #FAFAFA 0% 0% no-repeat padding-box;
  border-radius: 6px;
  padding: 10px;
  height: 80%;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}


#cartLoadedDiv .producto_agotado .product-image a{
  background: #FCFCFC 0% 0% no-repeat padding-box;
}

#cartLoadedDiv table tbody tr td.product-name a{
  text-align: left;
  font: var(--font-semi-bold);
  font-size: 0.813rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}

#cartLoadedDiv .cart-items .quantity{
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: initial;
  width: auto;
  height: 90px;
  padding: 0;
  border: 0;
}
#cartLoadedDiv .cart-items .product-item.unavailable .quantity::before,
#cartLoadedDiv .cart-items .producto_agotado.unavailable .quantity::before{
    content: 'Agotado';
    background: #F0F0F0 0% 0% no-repeat padding-box;
    border-radius: 6px;
    width: 160px;
    height: 32px;
    font: var(--font-semi-bold);
    font-size: 11px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #909090;
    display: flex;
    justify-content: center;
    align-items: center;

}

#cartLoadedDiv .cart-items .product-item.unavailable .item-quantity-change.item-quantity-change-decrement,
#cartLoadedDiv .cart-items .product-item.unavailable td.quantity input,
#cartLoadedDiv .cart-items .product-item.unavailable  .item-quantity-change.item-quantity-change-increment{
  display: none;
}

#cartLoadedDiv .cart-items .item-quantity-change.item-quantity-change-increment,
#cartLoadedDiv .cart-items .item-quantity-change.item-quantity-change-decrement{
  background: var(--blue-primary) 0% 0% no-repeat padding-box;
  border-radius: 6px;
  height: 32px!important;
  width: 32px!important;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

#cartLoadedDiv td.quantity input{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 2px solid var(--gray-dark);
  border-radius: 6px;
  width: 68px;
  height: 32px;
  padding: 0;
  margin: 0 14px;
  text-align: center;
  font: normal normal 600 12px/15px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}

.shipping-date,.quantity-price{
  display: none;
}

.ctnDetallePrecio{
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.ctnDetallePrecio .list-price{
  order: 1;
}

.ctnDetallePrecio .old-product-price{
  text-align: center;
  font: normal normal 600 12px/15px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-primary);
  text-decoration: none;
}

.ctnDetallePrecio .old-product-price::before{
  content: 'Antes ';
}

/* #cartLoadedDiv{
  width: 65% !important;
} */
div#cartLoadedDiv {
  display: flex;
  flex-direction: column;
  width: 65% !important;
  max-height: 415px;
  padding: 0;
  margin-right: 15px;
  min-height: 440px !important;
  height: auto;
  max-height: none;
  justify-content: center;
}
.manualprice-link-remove, .item-link-remove{
  color: #999;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--gray-tertiary) 0% 0% no-repeat padding-box;
  border-radius: 6px;
  padding: 0;
  height: 34px;
  width: 34px;
  margin-right: 24px;
}
  .item-remove {
    transition: var(--transition-basic);
  }
    .item-link-remove-cover{
      transition: var(--transition-basic);
    }
    .item-link-remove-cover:hover{
      background-color: #aeaeae !important;
    }
    .item-remove .item-link-remove-cover {
      cursor: pointer;
      height: 34px;
      width: 34px;
      content: '';
      position: absolute;
      opacity: 0.5;
      margin-top: -34px;
      overflow: hidden;
      border-radius: 6px;
    }

#cartLoadedDiv .cart table tbody tr.product-item.item_page2,#cartLoadedDiv .cart table tbody tr.product-item.item_page3,
#cartLoadedDiv .cart table tbody tr.product-item.item_page4,#cartLoadedDiv .cart table tbody tr.product-item.item_page5,
#cartLoadedDiv .cart table tbody tr.product-item.item_page6,#cartLoadedDiv .cart table tbody tr.product-item.item_page7,
#cartLoadedDiv .cart table tbody tr.product-item.item_page8{
  display: none ;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  order: 5;
}
.pagination a{
  cursor: pointer;
}

.pagination a, .pagination span {
  padding: 0 8px;
  text-decoration: none;
  text-align: center;
  font: normal normal 600 13px/16px Montserrat;
  letter-spacing: 0px;
  color: #ACACAC;
}
.pagination span{
  font-size: 30px;
}

.pagination a.active {
  background: transparent;
  border-radius: 5px;
  text-align: center;
  font: normal bold 13px/16px Montserrat;
  letter-spacing: 0px;
  color: var(--blue-primary);
}

.pagination a:hover:not(.active) {
  border-radius: 5px;
  background: var(--gray-tertiary) 0% 0% no-repeat padding-box;

}

.pagination .pagination_lateral{
  font: normal normal 600 13px/16px Montserrat;
  letter-spacing: 0px;
  color: #ACACAC;
  padding: 0 16px;
  cursor: pointer;
}

.pagination .pagination_lateral--active{
  color: var(--blue-primary);
}

#pagination_products{
  opacity: 0;
  position: absolute;
  left: -100vw;
}
.item-attachments-name-formula{
  display: none!important;
}

.pum_producto{
  text-align: left;
  font: normal normal 600 11px/22px Montserrat;
  letter-spacing: 0px;
  color: #7E7E7E;
}
.full-cart .cart table tbody tr.item-unavailable{
  display: none;
}

.cart-template.full-cart .summary-template-holder{
  max-width: 370px;
  margin-left: 0!important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: var(--box-shadow);
  border-radius: 14px;
  box-sizing: border-box;
  /* padding: 0 30px; */
  position: relative;
/*   margin-top: 86px; */
  margin-right: 2px;
}
.cart-template.full-cart .span5.totalizers.summary-totalizers.cart-totalizers.pull-right{
  margin: 0;
}

.cart-totalizers .accordion-inner .table, .cart-totalizers .accordion-inner .table .totalizers-list{
  display: flex;
  flex-direction: column;
}
.cart-totalizers .accordion-inner .table .totalizers-list tr{
  display: flex;
  border-bottom: 0;
  justify-content: space-between;
  padding: 0px 12px;
}
/*Cupón*/
.coupon-data{
  display: none!important;
}
.coupon-fields .info {
  display: flex;
  justify-content: space-between;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1.5px solid #6EB717;
  border-radius: 6px;
  height: 40px;
  padding: 9px 14px;
  box-sizing: border-box;
  align-items: center;
}
.coupon-fields .info span:first-child{
  background: transparent;
  border: 0;
  padding: 0;
  border-radius: 0;
  height: 12px;
  font: normal bold 12px/12px Montserrat;
  letter-spacing: 0px;
  color: #6EB717;
}
.coupon-fields .info .delete{
  height: 16px;
}


.coupon-fieldset div{
  display: block!important;
}
.coupon-fields span:first-child{
  display: flex;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid var(--gray-dark);
  border-radius: 6px;
  height: 40px;
  padding: 12px 14px;
  box-sizing: border-box;
}
.coupon-fields .loading-inline{
  display: none!important;
}
.coupon-label{
  margin-bottom: 10px;
}
.coupon-label label{
  text-align: left;
  font: var(--font-semi-bold);
  font-size: 0.813rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}
span.btn-place-order-wrapper.tex-initial-payment{
  text-align: left;
  display: block;
  font: normal normal 800 14px/18px Montserrat ExtraBold;
  letter-spacing: 0px;
  color: var(--blue-primary);
  padding: 0 0 16px;
  margin: 26px 0;
  border-bottom: 1px solid #F5F5F5;
}
button#cart-coupon-add::before {
  content: 'Aplicar';
  font: var(--font-semi-bold);
  text-shadow: none;
  font-size: 0.75rem;
}
button#cart-coupon-add{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: transparent;
  width: 25%;
  box-sizing: border-box;
  height: auto;
  padding: 0;
  border-radius: 0;
  border: 0;
  text-align: center;
  font-size: 0;
  letter-spacing: 0px;
  color: var(--gray-primary);
  box-shadow: none;
  border-left: 2px solid var(--gray-dark);
  outline: none!important;
}


input#cart-coupon {
  border: 0;
  height: auto;
  box-shadow: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  font: normal 500 12px/22px Montserrat;
  letter-spacing: 0px;
  color: #7E7E7E;
  width: 75%;
  text-align: left;
  background-color: white;
}
input#cart-coupon::-webkit-input-placeholder {
  letter-spacing: 0px;
  color: #7E7E7E;
  text-align: left;
}

.cart-template .cart-active .summary-coupon,.cart-active .coupon-form{
  margin: 0;
  border-bottom: 0;
  margin-bottom: 26px;
}

.cart-totalizers .accordion-inner .table .totalizers-list > .Shipping{
  display: none;
}

.mensaje_informativo{
  position: absolute;
  top: -85px !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: var(--box-shadow);
  border-radius: 14px;
  width: 100%;
  left: 0;
  padding: 12px 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.mensaje_informativo p{
  text-align: left;
  font: normal normal 12px/18px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  margin-bottom: 0px;
  font-weight: 700;
}
.mensaje_informativo p strong{
  font: var(--font-semi-bold);
  font-size: 0.688rem;
}

.mensaje_informativo__container-icon{
  width: 36px;
  height: 36px;
  background: #089AD0 0% 0% no-repeat padding-box;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.cart-active .summary-coupon{
  border-bottom: 1px solid #F5F5F5;
  margin: 0;
}

#payment-data .step .payment-group,
#payment-data .step .steps-view,
.cart.active,
.totalizers.active {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: var(--box-shadow);
  border-radius: 14px;
  border: 0;
  padding: 26px 30px;
  box-sizing: border-box;
}
  #payment-data .step{
    background-color: transparent !important;
    padding: 0px !important;
    box-shadow: none !important;
  }
  @media (max-width: 1024px) {
    #payment-data .step .steps-view{
      margin-top: 26px;
    }
  }
#client-profile-data span.accordion-toggle.collapsed{
  margin: 0;
}
input.success:not([invalid="true"]){
  background: transparent;
}
input#client-phone, input#client-first-name,input#client-last-name,
input#client-new-document, input#client-email,input#client-document-type, select#document-type{
  height: 36px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid var(--gray-dark);
  border-radius: 6px;
  text-align: left;
  font: normal normal 11px/22px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  padding: 11px 12px;
  box-sizing: border-box;
  width: 100%;
  box-shadow: none !important;
}
input#client-document-type{
  display: none;
}
input#client-first-name::-webkit-input-placeholder,
input#client-last-name::-webkit-input-placeholder,
input#client-new-document::-webkit-input-placeholder,
input#client-email::-webkit-input-placeholder,
input#client-phone::-webkit-input-placeholder,
input#client-document-type::-webkit-input-placeholder {
  color: #7E7E7E;
  padding: 0;
}

input#client-document-type{
  cursor: pointer;
}

fieldset.box-client-info-pf{
  padding: 0;
  justify-content: space-between;
}

.client-email label,
.client-first-name label,
.client-last-name label,
.client-phone label,
.client-document-type label,
.client-new-document label{
  font-size: 0;
}
.client-first-name label::before{
  content: 'Nombre';
  text-align: left;
  font: normal normal bold 12px/15px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}
.client-last-name label::before{
  content: 'Apellidos';
  text-align: left;
  font: normal normal bold 12px/15px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}

.client-email label::before{
  content: 'Correo eletrónico';
  text-align: left;
  font: normal normal bold 12px/15px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}

.client-document-type label::before{
  content: 'Tipo de documento';
  text-align: left;
  font: normal normal bold 12px/15px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}

.client-new-document label::before{
  content: 'Número de documento';
  text-align: left;
  font: normal normal bold 12px/15px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}

.client-phone label::before{
  content: 'Número de teléfono';
  text-align: left;
  font: normal normal bold 12px/15px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}
p.newsletter {
  padding: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.terms-conditions{
  width: 52%;
  text-align: left;
  font: normal normal 12px/20px Montserrat;
  letter-spacing: 0px;
  color: #7E7E7E;
}
.newsletter label {
  margin-bottom: 24px;
}
.newsletter .checkbox.newsletter-label{
  width: 52%;
  padding-left: 0px;
  margin-left: 0px;
  margin-bottom: 24px !important;
}

.newsletter .checkbox{
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
.newsletter-text strong {
  font: var(--font-semi-bold);
  font-size: 0.688rem;
  letter-spacing: 0px;
  color: var(--blue-primary);
}

.newsletter .checkbox input{
  position: absolute;
  cursor: pointer;
  height: 0;
  width: 0;
  opacity: 0;
  margin: 0;
}

.terms-conditions .checkbox span,  .checkbox.newsletter-label span {
  display: flex !important;
  align-items: center;
}

.terms-conditions .checkbox span::before,  .checkbox.newsletter-label span::before  {
  content: '\00a0';
  background-color: #FFFFFF;
  border: 2px solid var(--gray-dark);
  border-radius: 4px;
  width: 100%;
  height: 16px;
  max-width: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition-slow);
  margin-right: 9px;
  float: left;
  font: normal normal 0.688rem/0.688rem Montserrat;
}

/* Show the checkmark when checked */
.terms-conditions .checkbox input:checked ~  span::before,
.checkbox.newsletter-label input:checked ~  span::before
{
  content: '\f00c';
  font-family: FontAwesome;
  color: white;
  background-color: var(--blue-primary);
  border-color: var(--blue-primary);
  float: left;
}

.terms-conditions .checkbox input:focus-within  ~  span::before,
.checkbox.newsletter-label input:focus-within  ~  span::before
{
  border: 2px solid black;
}


.terms-conditions a{
  font: var(--font-semi-bold);
  font-size: 0.688rem;
  letter-spacing: 0px;
  color: var(--blue-primary);
}

.terms-conditions .checkbox p.active{
  display: flex;
}

#client-document-type::before{
  content: url("https://qaolimpica.vteximg.com.br/arquivos/info.svg");
  width: 13px;
  height: 15px;
  position: absolute;
  z-index: 8;
}
input.required, select.required, input.required:focus, select.required:focus, input.error, select.error,input.errorDocument{
  border: 1px solid var(--red-primary)!important;
}


.mini-cart .cart {
  margin-bottom: 0;
  padding: 0px 0px 5px 0px;
  max-height: 280px;
  overflow: auto;
}

#container_logout{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  font: normal normal 13px/22px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-primary);
  border-top: 1px solid #F5F5F5;
  padding-top: 16px;
  margin-top: 28px;
}

#container_logout #is-not-me{
  font-size: 0;
  display: flex;
  margin-left: 5px;
}
#container_logout #is-not-me::before{
  content: 'Cerrar sesión';
  color: var(--blue-primary);
  text-decoration: none;
  font: normal bold  13px/22px Montserrat;
  letter-spacing: 0px;
}


.lista_compra{
  margin-bottom: 16px;
}

.lista_compra p{
  text-align: left;
  font: var(--font-semi-bold);
  font-size: 0.813rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  margin: 0;
}
  .lista_compra p:last-child{
    color: var(--gray-primary);
    margin-top: 5px;
    font: var(--font-normal);
    font-size: 0.688rem;
  }

a#cart-choose-products{
  border-radius: 8px;
  border: none !important;
  text-shadow: none;
  margin: 0 auto;
  font: normal bold 13px/0px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
}

.empty-cart-message{
  font-size: 0;
  margin: 0;
  margin-bottom: 16px;
}
.empty-cart-message::before{
  content: 'Descubre todos nuestros productos y \a ofertas que no te puedes perder.';
  font: var(--font-normal);
  letter-spacing: 0px;
  color: var(--gray-primary);
  white-space: pre;
}

.cart-fixed.cart-fixed-transition.affix-top,
.cart-fixed.cart-fixed-transition.affix,
.cart-fixed.cart-fixed-transition {
  height: auto !important;
  position: relative;
  top: 0;
  width: 100%;
  padding: 26px 30px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: var(--box-shadow);
  border-radius: 14px;
  box-sizing: border-box;
}
.cart-fixed.cart-fixed-transition h2 {
  background: unset !important;
  /* border: unset; */

}
.mini-cart .summary-template-holder {
  border: unset !important;
  margin-top: 0px !important;
}
td.info {
  text-align: left !important;
}
p.payment-submit-wrap {
  margin: 15px 0px 0px !important;
}
.summary-cart-template-holder,
.summary-cart-template-holder.cart-fixed-transition {
  height: auto !important;
  overflow: hidden !important;
}

.summary-note div:last-child{
  display: block!important;
}

#cartLoadedDiv .cart-items tr.product-item.hide.unavailable.lookatme{
  display: none;
}

/*Media query tablet*/
@media screen and (max-width: 768px) {
  .progress_step{
    left: 5px;
  }
  .body-cart #canvas{
    display: none;
  }

  .cart-links-bottom.hide{
    display: none!important;
  }

  .button-initial-payment{
    display: block!important;
  }
  .button-initial-payment a#cart-to-orderform{
    width: auto!important;
  }

  .cart-template.full-cart .summary-template-holder{
    margin-top: 119px;
    padding-top: 1px;
 /*    padding: 1px 16px 16px; */
  }

  .container.container-main.container-cart{
    padding: 0!important;
    max-width: 100%;
    margin: 0 20px;
  }
  .wizard .nav-tabs{
    width: 85%;
  }
  .wizard .nav-tabs > li.active > a i, .wizard .nav-tabs > li a i{
    font: normal normal 800 10px/13px Montserrat Extrabold;
    white-space: normal;
    width: 60px;
    margin-top: 15px;
  }

  .round-tab--mobile{
    display: block;
  }

  .signup-step-container{
    padding: 1.875rem 0;
    background-color: #F8F8F8;
    margin-bottom: 36px;
  }
    @media screen and (max-width: 768px) {
      .signup-step-container{
        margin-bottom: 0px;
      }
    }

  .lista_productos{
    margin-bottom: 20px;
    margin-top: 25px;
  }

  .lista_productos__text--mobile{
    display: block;
  }
  .lista_productos__text--desktop{
    display: none;
  }

  .lista_productos p{
    font: normal normal 11px/16px Montserrat;
    margin: 4px 0 0;
  }
  .lista_productos h3{
    font: normal normal 800 14px/18px Montserrat Extrabold;
  }

  .lista_productos__columna2 p:last-child{
    color: #7E7E7E;
  }

  div#cartLoadedDiv{
    width: 100% !important;
    display: flex;
    flex-direction: column;
    padding-bottom: 32px;
  }
  #cartLoadedDiv .cart-items tr.product-item,
  #cartLoadedDiv .cart-items tr.producto_agotado,
  #cartLoadedDiv .cart-items tr.product-obsequio {
    width: 98%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 86px auto auto;
    grid-template-rows: auto auto auto;
    gap: 0px 0px;
    border-top: 0;
    padding: 10px;
    margin-top: 10px;

  }
  #cartLoadedDiv .cart-items tr.product-item.hide{
    display: none;
  }

  #cartLoadedDiv .cart-items tr.product-item.hide.unavailable.lookatme{
    display: none;
  }


  #cartLoadedDiv .product-image{
    grid-column: 1;
    grid-row: 1 / 4;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FAFAFA;
    border-radius: 10px;
    margin-right: 16px;
    position: relative;
    /* width: auto; */
    width: 70px;
  }
  #cartLoadedDiv .cart-items .product-name{
    grid-column: 2 / 4;
    grid-row: 2;
    height: auto;
    text-align: left;
    padding: 0 0 10px !important;
    width: auto;
  }
  .pum_producto{
    font: normal normal 600 10px/22px Montserrat;
  }

  #cartLoadedDiv .cart-items .product-price{
    grid-column: 2 / 4;
    grid-row: 1;
  }
  #cartLoadedDiv .cart-items .quantity{
    grid-column: 2 / 3;
    grid-row: 3;
    margin: 0;
    height: auto;
    align-items: flex-end;
    justify-content: flex-start;
  }

  #cartLoadedDiv .cart-items .product-item.unavailable .quantity::before{
    width: 140px;
    height: 30px;
  }

  #cartLoadedDiv table.cart-items .item-remove{
    display: grid;
    grid-column: 3 / 4;
    grid-row: 3;
    justify-items: end;
    margin: 0;
    width: auto;
    padding: 0;
  }
  .manualprice-link-remove, .item-link-remove{
    margin: 0;
  }

  #cartLoadedDiv table.cart-items{
    margin: 0;
  }
  #cartLoadedDiv table.cart-items{
    width: 100%;
  }
  .cart-template .product-image img{
    /* width: auto; */
    width: 60px;
    height: auto;
    margin: 0 5px;
  }
  #cartLoadedDiv .product-image a{
    width: auto;
    height: auto;
    background: transparent;
    padding: 0;
  }
  .ctnDetallePrecio{
    margin: 0;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 6px;
    flex-direction: row;
    line-height: 0px !important;
  }

  .full-cart #cartLoadedDiv .cart table tbody tr td.product-name a{
    font: var(--font-semi-bold);
    letter-spacing: 0px;
  }
  #cartLoadedDiv .cart-items .item-quantity-change.item-quantity-change-decrement,#cartLoadedDiv .cart-items .item-quantity-change.item-quantity-change-increment{
    height: 30px!important;
    width: 30px!important;
    padding: 0;
  }
  #cartLoadedDiv .cart-items .item-quantity-change.item-quantity-change-increment{
    height: 30px!important;
    width: 30px!important;
    padding: 0;
  }
  .full-cart #cartLoadedDiv .cart table tbody tr td.quantity input, #cartLoadedDiv .productos-agotados td.quantity input{
    border-radius: 6px;
    width: 48px;
    height: 30px;
    border: 2px solid #F2F2F2!important;
    padding: 0;
  }
  .ctnDetallePrecio .old-product-price{
    margin-left: 6px;
    font: normal normal 600 10px/13px Montserrat;
  }

  .full-cart #cartLoadedDiv .cart{
    max-height: inherit;
    margin-top: 0;
    overflow-x: auto;
  }

  .botones-verificar-container{
    flex-direction: column;
    width: 100%;
  }
  .seguir-comprando-wrapper{
    display: initial;
    width: 100%;
  }
  .boton-carrito-container{
    width: 100%;
    max-width: initial;
    margin: 8px 0;
    padding: 14px 0;
  }
  .pagination{
    margin: 28px 0 38px;
    justify-content: space-between;
  }

  .totalizers-list .srp-summary-result .monetary, .totalizers-list .srp-summary-result .info{
    width: 50%;
  }


  body .summary-template-holder .summary-coupon{
    margin: 0!important;
  }
  .client-profile-info{
    display: block;
    position: relative;
  }
  .client-profile-info p{
    width: 100%;
    font-size: 0;
    display: block;
    margin: 0px;
    padding-left: 8px;
    height: 22px;

  }

  .client-profile-info p #nombreCliente{
    font-weight: bold;
  }
  #client-profile-data .accordion-heading{
    padding-bottom: 10px;
  }

  #client-profile-data .step.accordion-group.client-profile-data.filled{
    padding: 20px;
  }

  #client-profile-data span.accordion-toggle.collapsed span::before{
    content: 'Datos personales';
    font: var(--font-extra-bold);
  }

  #client-profile-data span.accordion-toggle.collapsed span::after{
    content: 'Revisa la información añadida';
    font: normal normal 11px/16px Montserrat;
  }
  .accordion-toggle .link-box-edit::after{
    display: none;
  }
  .orderform-template-holder .client-profile-data input[type="text"]{
    width: 100%!important;
  }
  p.client-first-name.input.pull-left.text.required,
  p.client-last-name.input.pull-left.text.required,
  p.client-email.input.text.required,
  p.client-email.text.required,
  [data-bind="template: {name: phoneTemplate(), afterRender: window.vtex.i18n.translateHtml }"],
  .phone-box.visible,
  .phone-box.visible,
  p.client-document-type.input.pull-left.text.required,
  p.client-new-document.input.pull-left.text.required{
    margin-bottom: 18px;
  }
  [data-bind="template: {name: phoneTemplate(), afterRender: window.vtex.i18n.translateHtml }"] .client-phone{
    margin: 0;
  }

  #client-profile-data span.accordion-toggle.collapsed span:after, #client-profile-data span.accordion-toggle.collapsed.accordion-toggle-active span:after{
    content: 'Llena los campos requeridos';
  }

  #client-profile-data{
    box-shadow: 0px 2px 4px #00000005;
  }
  .box-client-info{
    margin-top: 18px;
  }

  .terms-conditions, .newsletter .checkbox.newsletter-label{
    width: 100%;
  }
  p.submit.btn-submit-wrapper{
    margin-top: 22px;
  }
  .terms-conditions .checkbox div::before, .checkbox.newsletter-label span::before{
    top: 25%;
  }

  .terms-conditions .checkbox div::before{
    position: absolute;
    left: 0;
  }

  .terms-conditions .checkbox p.active{
    padding-left: 28px;
  }

  .client-first-name label::before,
  .client-last-name label::before,
  .client-email label::before,
  .client-document-type label::before,
  .client-new-document label::before,
  .client-phone label::before{
    font: normal bold 11px/14px Montserrat;
  }
  .cart.active, .totalizers.active{
    padding: 0;
    box-shadow: none;
  }

  .accordion-body.collapse span{
    font: normal normal 10px/16px Montserrat;
    width: 100%;
  }
  .box-client-info .terms-conditions a{
    font: normal bold 10px/16px Montserrat;
  }
  .accordion-body.collapse span.newsletter-text{
    width: 90%;
    display: block;
  }
  .row-fluid .full-cart, .row-fluid .orderform-template{
    display: block;
  }
    .cart-template.full-cart .summary-template-holder{
      max-width: 100% !important;
    }

  .accordion-body.collapse .client-profile-info p .tooltiptext{
    overflow: overlay;
    top: 130%;
    padding: 6px 8px;
  }

  span.fn.product-name{
    font: normal bold 11px/14px Montserrat;
  }
  .mini-cart .description .price{
    font: normal 800 11px/14px Montserrat;
  }
  span.quantity.badge{
    font: normal 600 10px/22px Montserrat;
  }

  .cart-fixed.cart-fixed-transition.affix-top, .cart-fixed.cart-fixed-transition.affix, .cart-fixed.cart-fixed-transition{
    padding: 20px;
  }


}
/*Media query celular*/
@media screen and (max-width: 426px) {
  .full-cart #cartLoadedDiv .cart{
    max-height: 983px;
  }
}

/*Media query celular pequeño */
@media screen and (max-width: 375px) {
  .full-cart #cartLoadedDiv .cart{
    max-height: 1000px;
  }

  #cart-note{
    width: 90%;
  }
}

/* Commons */

.FormFieldHelpMessage{
  box-sizing: border-box;
}

.card-box {
  background: #FFFFFF;
  box-shadow: var(--box-shadow);
  border-radius: 14px;
  padding: 26px 30px;
  margin-bottom: 20px;
  clear: both;
}
  .card-box--disabled h2, .card-box--disabled p {
    color: #7E7E7E;
    margin: 0px;
  }
  .card-box--disabled h2 {
    font: var(--font-extra-bold);
    font-size: 0.875rem;
    line-height: 0.875rem;
    margin-bottom: 5px;
  }
  .card-box--disabled p {
    font-size: 0.813rem;
    line-height: 0.813rem;
  }
.border-alert {
  border: 1px solid red !important;
}

button#edit-address-button,
button#editCustom-address-button{
  width: 100%;
  background-color: var(--gray-tertiary);
  color: var(--gray-text-normal);
  max-width: 100%;
  padding: 23px 18px;
  height: auto !important;
  font-size: 0px;
  /* display: none; */
}
  button#edit-address-button .icon-edit {
    display: flex;
  }
  button#edit-address-button .address-change, button#editCustom-address-button .address-change{
    justify-content: space-between;
    width: 100%;
  }
    button#edit-address-button .address-change h2, button#editCustom-address-button .address-change h2{
      content: 'Dirección seleccionada:';
      font: var(--font-semi-bold);
      font-size: 0.75rem;
      display: block;
      margin: 0px !important;
    }
    button#edit-address-button .address-change p, button#editCustom-address-button .address-change p{
      font-size: 0.75rem !important;
      margin: 0px 0px 0px 8px !important;
    }
      button#edit-address-button .address-change .address-change__button-edit,
      button#editCustom-address-button .address-change .address-change__button-edit {
        font-size: 0.813rem !important;
        font-weight: bold;
        color: var(--blue-primary);
        align-items: center;
      }
      button#edit-address-button .address-change .address-change__button-edit .icon-edit{
        display: inline !important;
      }

.CardForm input, .CardForm select{
  background-color: white;
  border: 1px solid #F0F0F0;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
  font-size: unset !important;
  font: var(--font-normal);
  border-radius: 6px;
  box-shadow: none !important;
  padding: 11px 12px;
  box-sizing: border-box;
}

.CardForm label{
  color: var(--gray-text-normal);
  font: var(--font-semi-bold);
  font-size: 0.75rem;
  margin-bottom: 8px;
  width: 100% !important;
  padding: 0 !important;
  line-height: 0.86rem !important;
}

.CardForm span.error {
  position: absolute;
  font-size: 10px;
  margin-top: 1px;
}

.container-cart .summary-template-holder .tex-initial-payment::after,
.orderform-active .cart-fixed.cart-fixed-transition h2::after
{
  content: 'Revisa los detalles de los costos';
  font: normal normal 13px/22px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-primary);
  display: block;
  margin-top: 5px;
}

/* purchase summary */
.summary-totalizers {
  margin: 0px !important;
}
.summary-totalizers tfoot,
.summary-totalizers tfoot tr,
.summary-totalizers totalizers-list tr {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
  .summary-totalizers tr {
    margin-bottom: 14px;
  }
    .summary-totalizers td {
      padding: 0px !important;
      font: normal 500 13px/16px Montserrat;
      letter-spacing: 0px;
      color: var(--gray-text-normal) !important;
      white-space: nowrap;
    }
.summary-totalizers tfoot tr .info,
.summary-totalizers tfoot tr .monetary {
  font: var(--font-semi-bold);
  letter-spacing: 0px;
  color: var(--gray-text-normal) !important;
  white-space: nowrap;
  font-weight: 800 !important;
  font-size: 0.875rem !important;
  padding: 0px !important;
}
.totalizers-list .srp-summary-result .info,
.totalizers-list .srp-summary-result .monetary{
  font-size: 0;
}


.totalizers-list .srp-summary-result .monetary.monetary--active{
  font: var(--font-semi-bold);
  font-size: 0.813rem;
  width: auto;
}
  .full-cart .summary-totalizers .monetary{
    text-align: right;
  }
  .totalizers-list .srp-summary-result .info::before{
    content: 'Envío';
    font: var(--font-semi-bold);
    font-size: 0.813rem;
  }
  .totalizers-list .srp-summary-result .monetary::before{
    content: 'A calcular';
    font: var(--font-semi-bold);
    font-size: 0.813rem;
  }
  .totalizers-list .srp-summary-result .monetary.monetary--active::before{
    font-size: 0;
    content: '';
  }


.totalizers-list .srp-summary-result {
  order: 1;
}

.totalizers-list .bolsastotal{
order: 2;
}
.totalizers-list .Items {
  order: 3;
}

.totalizers-list .Discounts{
  order: 4;
}

#payment-data form .steps-view input {
  border: #F0F0F0;
  background-color: white;
}

/* checkbox */
.checkbox-custom{
  display: flex;
  justify-content: center;
}
  .checkbox-custom .checkbox-custom_check{
    background-color: #FFFFFF;
    border: 2px solid #EFEFEF;
    border-radius: 4px;
    width: 16px;
    height: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition-slow);
    margin-right: 9px;
  }
    .checkbox-custom:hover .checkbox-custom_check{
      border-color: #C3C3C3;
    }
    .checkbox-custom .checkbox-custom_check .icon{
      padding-top: 1px;
      font-size: 14px;
      color: white;
    }
    .checkbox-custom input{
      display: none;
    }
    .checkbox-custom input:checked + .checkbox-custom_check{
      background-color: var(--blue-primary);
      border-color: var(--blue-primary);
    }
    .checkbox-custom input:checked {
      outline: 2px solid deeppink;
    }

/* Step 1 */
.full-cart .forms.coupon-column.summary-coupon-wrap.pull-left {
  display: none !important;
}

/* Step 2 */

.orderform-active .forms{
  width: 100%;
}
.orderform-active .forms .coupon-form {
  width: 100%;
}
.orderform-active .forms .coupon-label label {
  text-align: left;
  font: var(--font-semi-bold);
  font-size: 0.813rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}
.orderform-active .forms .coupon-fields .info {
  width: 100%;
}

.summary-template-holder {
  background-color: white !important;
}

.btn-place-order-wrapper > .btn-success,
button#payment-data-submit,
a.KioskForm.btn,
a.KioskFormBtn.QRButton,
a.KioskFormBtn
{
  background: var(--red-primary) 0% 0% no-repeat padding-box;
  border-radius: 8px;
  border: none !important;
  text-shadow: none;
  width: 100% !important;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 11px 19px;
  transition: transform 0.1s ease-in;
  box-sizing: border-box;
}
  .btn-place-order-wrapper > .btn-success:hover,
  button#payment-data-submit:hover
  {
    transform: scale(1.05);
  }
  .btn-place-order-wrapper > .btn-success.btn-blocked {
    background-color: #F0F0F0 !important;
  }
  button#payment-data-submit.btn[disabled] {
    background-color: #F0F0F0 !important;
    color: #A7A7A7;
  }
  a.KioskForm.btn,
  a.KioskFormBtn.QRButton{
    margin-top: 20px !important;
    font: var(--font-semi-bold);
  }
  a.KioskFormBtn{
    margin: 20px 0 !important;
    font: var(--font-semi-bold);
  }
    a.KioskFormBtn:hover, .KioskForm:hover{
      transform: scale(1.05);
      background: var(--red-primary) !important;
    }

/* Modal */
.modal-custom {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.4);
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999999;
  backdrop-filter: blur(2px);
  justify-content: center;
  align-items: end;
  display: none;
}
  .modal-custom--centered{
    align-items: center;
  }
  @media (min-width: 640px) {
    .modal-custom {
      align-items: center;
    }
  }
  .modal-custom--app {
    background-color: rgba(0,0,0,0.2);
    backdrop-filter: none;
    align-items: baseline !important;
  }
    .modal-custom--app .modal-custom-content{
      padding: 34px 36px;
      border-radius: 10px !important;
      margin-right: 10px;
      margin-left: 10px;
    }
  .modal-custom-content {
    max-width: 500px;
    width: 500px;
    background-color: white;
    border-radius: 10px 10px 0px 0px;
    padding: 32px 50px 30px 50px;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding-top: 32px;
    max-height: 550px;
  }
  @media screen and (max-width: 768px) {
    .modal-custom-content{
      padding: 34px 36px 80px 36px;
      max-height: 640px;
    }
    .modal-custom--centered .modal-custom-content{
      padding: 34px 36px;
    }
  }
    .modal-custom--centered .modal-custom-content{
      border-radius: 10px !important;
    }
    @media (min-width: 640px) {
      .modal-custom-content {
        border-radius: 10px;
      }
    }
    .modal-custom-content__close {
      position: absolute;
      top: 20px;
      right: 20px;
      background: none !important;
      opacity: 0.5;
      transition: var(--transition-basic);
      cursor: pointer;
    }
      .modal-custom-content__close:hover {
        color: var(--red-primary);
      }
    .modal-custom-content__close::before {
      content: "\f00d" !important;
      transform: scale(1.3);
    }
    .modal-custom-content__title {
      margin: 0px;
      font: var(--font-extra-bold);
      color: var(--blue-primary);
      text-align: center;
      padding-bottom: 5px;
    }
    @media screen and (max-width: 768px) {
      .modal-custom-content__title{
        padding-bottom: 12px;
      }
    }
    .modal-custom-content--data {
      /* padding: 15px 0 0;
      max-height: 100%;
      overflow: auto; */
    }
    .modal-custom-content__text {
      color: var(--gray-primary);
      font: var(--font-normal);
      font-size: 0.813rem;
      line-height: 1.388rem;
      text-align: center;
      padding-bottom: 15px;
      border-bottom: 1px solid var(--gray-secondary);
    }
    .modal-custom-content__buttons {
      padding-top: 10px;
      display: flex;
      justify-content: center;
      display: inline-flex;
      flex-wrap: wrap;
      gap: 12px;
    }
      .modal-custom-content__accept-button,
      .modal-custom-content__cancel-button,
      .modal-custom-content__action-button {
        color: var(--blue-primary-contrast);
        border-radius: 10px;
        border: none;
        width: 45%;
        padding: 11px 19px;
        transition: var(--transition-basic);
        font: var(--font-bold);
      }
        .modal-custom-content__accept-button:hover {
          transform: var(--scale-basic);
        }
        .modal-custom-content__accept-button {
          background-color: var(--red-primary);
        }
        .modal-custom-content__cancel-button {
          background-color: white;
          border: 1px solid var(--blue-primary);
          color: var(--blue-primary);
        }
        .modal-custom-content__action-button {
          width: 100%;
          background-color: var(--blue-primary);
        }
        .modal-custom-content__html{
          overflow: auto;
          max-height: 350px;
          padding: 10px;
        }
        @media screen and (max-width: 768px) {
          .modal-custom-content__html{
            padding-bottom: 12px;
            max-height: 440px;
          }
        }

/* Card Alert */

.card-alert {
  padding: 18px;
  width: 100%;
  background-color: var(--gray-tertiary);
  border-radius: var(--border-radius-basic);
  font: var(--font-semi-bold);
  font-size: 0.75rem;
  box-sizing: border-box;
  color: var(--gray-text-normal);
}
  .card-alert__icon {
    background-color: var(--orange-primary);
    border-radius: 100px;
    width: 18px;
    height: 18px;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    color: white;
    margin-right: 10px;
  }
  .card-alert a,
  .card-alert .link
  {
    color: var(--orange-secondary) !important;
    font: var(--font-semi-bold)  !important;
    font-size: 0.75rem !important;
    text-decoration: underline;
    cursor: pointer;
  }
  .card-alert a:hover,
  .card-alert .link:hover
  {
    text-decoration: none;
  }

  .product-modal {
    display: inline-flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
    width: 100%;
    border-bottom: 1px dotted #e8e8e8;
  }
    .product-modal div:nth-child(2){
      width: 100%;
    }
    .product-modal__price {
      font: var(--font-bold);
      font-size: 0.813rem;
      color: var(--blue-primary);
      margin-bottom: 7px;
    }
    .product-modal__price .old-price{
      font: normal normal 600 12px/15px Montserrat;
      letter-spacing: 0px;
      color: var(--gray-primary);
      text-decoration: none;
      margin: 0;
      margin-top: 5px;
    }

    .product-modal__name {
      font: var(--font-semi-bold);
      font-size: 0.75rem;
      color: var(--gray-text-normal);
      line-height: 20px;
      text-transform: capitalize;
    }
    .product-modal__quantity {
      font: var(--font-normal);
      font-size: 0.75rem;
      border: 1px solid var(--gray-secondary);
      border-radius: 5px;
      min-width: 40px;
      height: 28px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .producto-modal__subtotal{
      display: flex;
      justify-content: space-between;
      margin-top: 16px;
      font: var(--font-semi-bold);
      font-size: 0.75rem;
    }
      .producto-modal__subtotal-price{
        font: var(--font-bold);
        font-size: 0.813rem;
        color: var(--gray-text-normal);
      }
/* Card white */
.card-white {
  background: #FFFFFF;
  box-shadow: var(--box-shadow);
  border-radius: 14px;
  padding: 26px 30px;
  margin-top: 20px;
}
  .card-white h2{
    font: var(--font-extra-bold);
    color: var(--blue-primary);
  }
  .card-white p{
    color: var(--gray-primary);
  }
/*Datos de envio*/
#shipping-data{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: var(--box-shadow);
  border-radius: 14px;
  border: 0;
  padding: 26px 30px;
  margin-bottom: 20px;
}
#shipping-data span.accordion-toggle.collapsed{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0;
  margin: 0;
}
#shipping-data .shipping-data.active .accordion-heading{
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #F5F5F5;
  padding-bottom: 16px;
}

#shipping-data .shipping-data.active .accordion-heading:after{
  content: 'Dirección, fecha y hora de la entrega';
  text-align: left;
  font: normal normal 13px/22px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-primary);
  margin: 0;
  order: 2;
}
#shipping-data .shipping-data.active .accordion-heading:before{
  content: 'Programa tu entrega';
  text-align: left;
  font: var(--font-extra-bold);
  letter-spacing: 0px;
  color: var(--blue-primary);
  order: 1;
}
#shipping-data span.accordion-toggle.collapsed.accordion-toggle-active{
  display: none;
}

#scheduled-delivery-delivery{
  display: none;
}

.shipping-container{
  padding: 0;
}
#shipping-data .active .shipping-container .box-step > div{
  padding: 0;
}
#shipping-data .active .shipping-container .box-step{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}
#shipping-data .active .shipping-container .box-step .vtex-omnishipping-1-x-addressForm{
  margin: 0;
  order: 1;
}

#shipping-data .active .shipping-container .box-step .vtex-omnishipping-1-x-deliveryGroup{
  order: 2;
  position: relative;
}

#shipping-data .active .shipping-container .box-step .vtex-omnishipping-1-x-submitPaymentButton{
  order: 3;
  display: flex;
  justify-content: center;
  margin-top: 30px;

}

#shipping-data .active .shipping-container .box-step .vtex-omnishipping-1-x-submitPaymentButton button{
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--blue-primary) 0% 0% no-repeat padding-box;
  border-radius: 8px;
  width: 216px;
  height: 42px;
  box-shadow: inset 0 0px 0 transparent;
  border: 0px solid transparent;
}
#shipping-data .active .shipping-container .box-step .vtex-omnishipping-1-x-submitPaymentButton button.inactive,
button#payment-data-submit.inactive{
  background: #F0F0F0 0% 0% no-repeat padding-box;
  border-radius: 8px;
  border: 0;
  cursor: no-drop;
  color: #A7A7A7;
}

.vtex-omnishipping-1-x-shippingSectionTitle{
  display: none;
}

.vtex-omnishipping-1-x-address div p.input.ship-complement.text, .vtex-omnishipping-1-x-address div p.input.ship-receiverName.text {
  width: 47%;

}

.ship-no-shipping{
  margin-top: 16px;
}


  @media screen and (max-width: 768px) {
    .vtex-omnishipping-1-x-address div p.input.ship-complement.text, .vtex-omnishipping-1-x-address div p.input.ship-receiverName.text {
      width: 100%;
      margin-bottom: 18px;
    }
    .vtex-omnishipping-1-x-address div p.input.ship-complement.text .input-large,
    .vtex-omnishipping-1-x-address div p.input.ship-receiverName.text .input-xlarge{
      width: 100%;
      height: 36px;
    }

    .ship-no-shipping{
      font-size: 11px;
    }

  }


.ship-complement.text label{
  font-size: 0;
}
.ship-complement.text label::after{
  content: 'Detalles adicionales';
  text-align: left;
  font: var(--font-semi-bold);
  font-size: 0.75rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  margin: 0;
}

p.input.ship-receiverName.required.text label:before{
  content: 'Destinatario';
  text-align: left;
  font: var(--font-semi-bold);
  font-size: 0.75rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}

#ship-complement,#ship-receiverName, #ship-street, #ship-neighborhood{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #F0F0F0;
  border-radius: 6px;
  box-shadow: none;
  text-align: left;
  font: normal normal 12px/22px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  box-sizing: border-box;
  width: 100%;
  height: 38px;
  padding: 11px 12px;
}
.vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-addressSummaryActive .address-summary{
  padding: 22px 20px;
  background: var(--gray-tertiary) 0% 0% no-repeat padding-box;
  border-radius: 12px;
  margin: 26px 0 22px;
  position: relative;
  font-size: 0.75rem;
}
.vtex-omnishipping-1-x-address .input.ship-neighborhood.text{
  display: none;
}

.vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-addressSummaryActive .address-summary::before{
  content: 'Dirección seleccionada: ';
  font: var(--font-semi-bold);
  font-size: 0.75rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}
.vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-addressSummaryActive .address-summary .line1-delimiter{
  display: none;
}


.vtex-omnishipping-1-x-linkEdit.link-edit{
  font-size: 0;
  position: absolute;
  right: 20px;
}
.vtex-omnishipping-1-x-linkEdit.link-edit::before{
  content: url('https://qaolimpica.vteximg.com.br/arquivos/editar.svg');
}
.vtex-omnishipping-1-x-linkEdit.link-edit::after{
  content: 'Editar';
  text-align: right;
  font: normal normal bold 13px/22px Montserrat;
  letter-spacing: 0px;
  color: var(--blue-primary);
  padding: 0;
  margin-left: 5px;
}


p.input.ship-receiverName.required.text label {
  font-size: 0;
}

.containerModalMixedCarContent, .containerModalContent{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 381px;
  max-height: 80%;
  z-index: 10102;
  padding: 40px;
  border-radius: 14px;
  overflow: hidden;
}

.containerModalContentBtnClose{
  position: absolute;
  top: 30px;
  right: 40px;
  width: auto;
  height: auto;
  color:#BFBFBF;
  background: transparent;
  outline: 0;
  transition: all 0.2s;
  cursor: pointer;
}
.containerModalContentBtnClose svg{
  fill: #BFBFBF;
  width: 25px;
  font-weight: bold;
  height: 25px;
}
.wrapperModalView{
  margin-top: 20px;
}
.containerModalContentTitle{
  text-align: center;
  font: var(--font-bold);
  font-size: 0.938rem !important;
  letter-spacing: 0px;
  color: var(--blue-primary);
}
.containerModalAddress .containerModalContentText{
  text-align: center;
  font: var(--font-normal);
  font-size: 0.813rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  margin: 6px auto 39px;
}
.containerListAddressItem{
  background: #F8F8F8 0% 0% no-repeat padding-box;
  border-radius: 8px;
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 12px;
}
.containerListAddressItemText{
  font: normal normal  12px/18px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-primary);
}
.itemListAddressSelected .containerListAddressItemRadio{
  border-color: var(--blue-primary);
  border: solid 2px var(--blue-primary);
}
.itemListAddressSelected .containerListAddressItemRadio::before{
  content: '';
  width: 11px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--blue-primary);
}
.containerListAddressItemRadio{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #D6D6D6;
}
.itemListAddressSelected .containerListAddressItemText{
  color: var(--blue-primary);
  font: normal bold 12px/18px Montserrat;
}
.btnNewAddress{
  border: 1px solid var(--blue-primary);
  background: transparent;
  border-radius: 7px;
  text-align: center;
  font: var(--font-semi-bold);
  font-size: 0.75rem;
  letter-spacing: 0px;
  color: var(--blue-primary);
  width: 100%;
  height: 38px;
  margin: 6px auto 25px;
}


.containerOptionBtn.containerOptionBtnConfirm,.containerOptionBtn.containerOptionBtnSave{
  background: var(--red-primary) 0% 0% no-repeat padding-box;
  border-radius: 8px;
  font: var(--font-semi-bold);
  font-size: 0.75rem;
  letter-spacing: 0px;
  color: #FFFFFF;
  border: 0;
  width: 100%;
  height: 42px;
  max-height: 42px;
}
  .containerOptionBtn.containerOptionBtnConfirm:disabled,
  .containerOptionBtn.containerOptionBtnSave:disabled{
    background-color: #F0F0F0 !important;
    color: #A7A7A7;
    cursor: no-drop;
  }
.containerListAddressOptions{
  padding: 0;
}
.containerOptionBtnCancel{
  border: 2px solid var(--blue-primary);
  border-radius: 8px;
  font: normal bold 12px/15px Montserrat;
  letter-spacing: 0px;
  height: 42px;
  max-height: 42px;
  color: var(--blue-primary);
  width: 45%;
}
.containerOptionBtnCancel:hover{
  color: var(--blue-primary);
  background-color: transparent;
}

.containerOptionBtn.containerOptionBtnSave{
  width: 45%;
  background: #F0F0F0 0% 0% no-repeat padding-box;
  color: #A7A7A7;
}

.containerOptionBtn.containerOptionBtnSave.containerOptionBtnSave--active{
  background: var(--red-primary) 0% 0% no-repeat padding-box;
  color: #FFFFFF;
}

.containerNewAddressInput{
  text-align: left;
  font: normal bold 12px/15px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}


.containerInput .newAddressInput,
.containerInput select.newAddressSelect{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #F0F0F0;
  border-radius: 6px;
  min-height: 36px;
  padding-left: 12px;
  font: normal normal 12px/22px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  width: 100%;
  margin-top: 8px;
}
.containerModalView .containerInput {
  margin-bottom: 16px;
}
.containerInput .newAddressInput.errorNewAddress{
  border: 1px solid var(--red-primary);
}

.containerListAddressContent{
  max-height: 320px;
  overflow-y: auto;
  width: 100%;
}

@media screen and (max-width: 768px) {

  .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-addressSummaryActive .address-summary{
    display: flex;
    flex-wrap: wrap;
    padding: 16px;
  }
  .vtex-omnishipping-1-x-addressForm .vtex-omnishipping-1-x-addressSummaryActive .address-summary::before{
    width: 100%;
  }

  .vtex-omnishipping-1-x-linkEdit.link-edit::after{
    display: none;
  }
  .vtex-omnishipping-1-x-linkEdit.link-edit{
    top: 40%;
    height: auto;
  }


  .containerModalMixedCarContent, .containerModalContent{
    max-width: 311px;
    box-sizing: border-box;
    width: 100%;
    left: 0;
    padding: 24px;
    overflow: auto;
    max-width: 100%;
    max-height: 437px;
    bottom: 0;
    top: auto;
    border-radius: 15px 15px 0 0;
    transform: translate(0, 0);
  }
  .containerListAddressContent{
    max-height: max-content;
    overflow-y: auto;
    width: 100%;
  }

  .containerModalContentBtnClose{
    top: 26px;
    right: 23px;
  }
  .containerListAddressItemText{
    font: normal normal 11px/18px Montserrat;
  }
  .containerModalAddress .containerModalContentText{
    font: var(--font-normal);
    font-size: 0.813rem;
    margin: 0 auto 33px;
    text-align: left;
    width: 100%;
  }

  .containerModalAddress .containerModalContentTitle{
    font: normal 800 14px/18px Montserrat ExtraBold;
    text-align: left;
    width: 100%;
  }
  .containerListAddressItem{
    padding: 13px;
  }
}
/*Fin datos de envio*/

/*Compras programadas*/
.advertisement, .advert-supermarket-pago-online{
  width: 100%;
  padding: 26px 30px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: var(--box-shadow);
  border-radius: 14px;
  box-sizing: border-box;
  border: 0;
  margin: 0 auto 26px;
}
  @media (max-width: 768px) {
    .advertisement, .advert-supermarket-pago-online{
      margin: 26px auto 6px;
    }
  }
span.covid-advertisement-text {
  font: var(--font-normal);
  font-size: 0.813rem !important;
  line-height: 1.375rem !important;
  letter-spacing: 0px;
  color: var(--gray-text-normal) !important;
  text-align: justify;
}
  span.covid-advertisement-text strong {
    font: var(--font-semi-bold) !important;
    font-size: 0.813rem !important;
  }

.container-advertisement-logo{
  text-align: left;
  border-bottom: 1px solid #F5F5F5;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.container-advertisement-logo::after{
  content: url(/arquivos/infoAmarillo.svg);
  right: 0;
  top: 15%;
  margin-left: 10px;
}

.container-advertisement-logo h3{
  font: normal 800 14px/18px Montserrat ExtraBold;
  letter-spacing: 0px;
  color: var(--orange-secondary);
  margin: 0;
  margin-bottom: 3px;
}
.container-advertisement-logo p{
  font: normal normal 13px/22px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-primary);
}

@media screen and (max-width: 768px) {
  span.covid-advertisement-text{
    font: normal normal 11px/19px Montserrat;
  }
  .container-advertisement-logo h3{
    font: normal 800 13px/16px Montserrat ExtraBold;
  }
  .advertisement, .advert-supermarket-pago-online{
    padding: 20px;
  }
}
/*Fin compras programadas*/


/*Fecha entrega, hora y fletes*/

.vtex-omnishipping-1-x-deliveryGroup .glide-container{
  width: 100%;
  margin: 0;
  display: none;
}

.glide__slides{
  justify-content: center;
  width: 100%!important;
  display: flex;
  flex-direction: column;
  transform: initial!important;
}

.glide--slider .glide__bullets{
  display: none;
}
.glide.glide--slider{
  cursor: initial;
}
.package-item .vtex-omnishipping-1-x-package,.custom-omnishipping--package{
  height: 100%;
  display: flex;
  justify-content: space-between;
  border: 0;
  border-bottom: 1px solid #F5F5F5;
  margin: 0;
}



.package-item  .__react_component_tooltip.place-top{
  display: none;
}

.package-item .vtex-omnishipping-1-x-top{
  order: 2;
  width: 35%;
  border: 0;
}

.package-item .vtex-omnishipping-1-x-packageItems{
  order: 1;
  width: 30%;
  padding: 0;
  height: auto;
  max-height: max-content;
  flex-wrap: nowrap;
  justify-content: flex-end;
  position: relative;
}
.custom-omnishipping--container-images, .custom-split--container-images-resumen{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
  padding: 0;
  height: auto;
  max-height: max-content;
  flex-wrap: nowrap;
  justify-content: flex-end;
  position: relative;
}

.custom-omnishipping--seller-title{
  font: var(--font-semi-bold);
  font-size: 0.75rem;
  color: var(--gray-text-normal);
  margin: 0;
}

.custom-omnishipping--seller-quantity{
  font: var(--font-normal);
  font-size: 0.75rem;
  color: #7E7E7E;
  margin: 0;
}
.custom-omnishipping--packageInfo{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 30%;
}

.custom-omnishipping--seller-shipment{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  /* border-left: 1px solid #F5F5F5; */
  width: 30%;
}
.custom-omnishipping--seller-price-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7px;
}
  .custom-omnishipping--seller-price-container h3,
  .custom-omnishipping--seller-price-container p
  {
    font: var(--font-semi-bold);
    font-size: 12px !important;
  }
  .custom-omnishipping--seller-price-container h3{
    width: 50%;
  }
  .custom-omnishipping--seller-price-container p{
    text-align: right;
  }
.custom-omnishipping--package{
  padding: 23px 0;
}
.custom-omnishipping--seller-business-title,.custom-omnishipping--seller-price-title{
  margin: 0;
}

.custom-omnishipping--loader{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgb(255 255 255);
  color: black;
  text-align: center;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-omnishipping--loader::before{
  content: "\f110";
  animation: spin 0.7s infinite linear;
}

.vtex-omnishipping-1-x-packageItems .vtex-omnishipping-1-x-itemImgWrapper{
  height: 45px;
  width: 45px;
  border-radius: 8px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 2px solid #EFEFEF;
}
.vtex-omnishipping-1-x-packageItems .vtex-omnishipping-1-x-itemImgWrapper .vtex-omnishipping-1-x-itemImg{
  border: 1px solid #eee;
  margin: 0;
  padding: 0px;
  border-radius: 4px;
  height: 100% !important;
  width: 100% !important;
}

.package-item .vtex-omnishipping-1-x-package .vtex-omnishipping-1-x-sla{
  display: flex;
  flex-direction: row;
  font: normal bold 12px/15px Montserrat;
  letter-spacing: 0px;
  color: var(--blue-primary);
  justify-content: end;
  white-space: initial;
}

.package-item .vtex-omnishipping-1-x-package .vtex-omnishipping-1-x-sla::before {
  content: 'Tiempo de entrega';
  text-align: left;
  font: normal  bold 11px/14px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  margin-right: 5px;
  white-space: pre;
}

.vtex-omnishipping-1-x-scheduledDeliveryOptionsWrapper{
  display: none;
}

.vtex-omnishipping-1-x-deliveryGroup .vtex-omnishipping-1-x-scheduledDeliveryList{
  border: 0;
  border-bottom: 1px solid #F5F5F5;
  margin: 0;
}

.vtex-omnishipping-1-x-scheduledDeliveryList > div:nth-child(n+2) > div:first-child {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #F5F5F5;
}


.vtex-omnishipping-1-x-scheduledDeliveryList > div:nth-child(n+2) > div:first-child .vtex-omnishipping-1-x-scheduledDelivery{
  order: 2;
  width: 30%;
}

.vtex-omnishipping-1-x-scheduledDeliveryList > div:nth-child(n+2) > div:first-child > div:last-child{
  position: relative;
  width: 30%;
}

.react-datepicker__input-container .vtex-omnishipping-1-x-dateLink{
  font-size: 0;
  border: 1px solid var(--blue-primary);
  border-radius: 8px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.react-datepicker__input-container .vtex-omnishipping-1-x-dateLink::before{
  content: 'Seleccionar fecha de entrega';
  font: normal bold 11px/14px Montserrat;
  letter-spacing: 0px;
  color: var(--blue-primary);

}


.package-item .vtex-omnishipping-1-x-packageItems .vtex-omnishipping-1-x-itemImgWrapper:nth-child(n+5),
.vtex-omnishipping-1-x-productItems .vtex-omnishipping-1-x-item:nth-child(n+6),
.custom-omnishipping--container-images  img:nth-child(n+5), .custom-split--container-images-resumen img:nth-child(n+5){
  display: none;
}
.package-item .vtex-omnishipping-1-x-packageItems .vtex-omnishipping-1-x-itemImgWrapper:nth-child(1),
.vtex-omnishipping-1-x-productItems .vtex-omnishipping-1-x-item:nth-child(2),
.custom-omnishipping--container-images  img:nth-child(1) , .custom-split--container-images-resumen img:nth-child(1){
  position: absolute;
  right: 0;
  z-index: 4;
  cursor: pointer;
}
.package-item .vtex-omnishipping-1-x-packageItems .vtex-omnishipping-1-x-itemImgWrapper:nth-child(2),
.vtex-omnishipping-1-x-productItems .vtex-omnishipping-1-x-item:nth-child(3),
.custom-omnishipping--container-images  img:nth-child(2), .custom-split--container-images-resumen img:nth-child(2){
  position: absolute;
  right: 25px;
  z-index: 3;
  cursor: pointer;

}
.package-item .vtex-omnishipping-1-x-packageItems .vtex-omnishipping-1-x-itemImgWrapper:nth-child(3),
.vtex-omnishipping-1-x-productItems .vtex-omnishipping-1-x-item:nth-child(4),
.custom-omnishipping--container-images  img:nth-child(3), .custom-split--container-images-resumen img:nth-child(3){
  position: absolute;
  right: 50px;
  z-index: 2;
  cursor: pointer;
}
.package-item .vtex-omnishipping-1-x-packageItems .vtex-omnishipping-1-x-itemImgWrapper:nth-child(4),
.vtex-omnishipping-1-x-productItems .vtex-omnishipping-1-x-item:nth-child(5),
.custom-omnishipping--container-images  img:nth-child(4), .custom-split--container-images-resumen img:nth-child(4){
  position: absolute;
  right: 75px;
  z-index: 1;
  cursor: pointer;
}

.vtex-omnishipping-1-x-item--ver{
  backdrop-filter: blur(10px);
  border-radius: 7px;
  color: white;
  height: 49px;
  width: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  z-index: 5;
  background: #00000047 0% 0% no-repeat padding-box;
  font: var(--font-semi-bold);
  letter-spacing: 0px;
  color: #FFFFFF;
  cursor: pointer;
}

.vtex-omnishipping-1-x-scheduledDeliveryList .vtex-omnishipping-1-x-productItems{
  overflow: initial;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.vtex-omnishipping-1-x-productItems .__react_component_tooltip {
  display: none;
}
.vtex-omnishipping-1-x-productItems .vtex-omnishipping-1-x-item,
.custom-omnishipping--container-images img,
.custom-split--container-images-resumen img{
  height: 45px;
  width: 45px;
  border-radius: 8px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 2px solid #EFEFEF;
}
.vtex-omnishipping-1-x-productItems .vtex-omnishipping-1-x-item .vtex-omnishipping-1-x-image{
  height: 100% !important;
  width: 100% !important;
  margin: 0;
  padding: 0;
}
.package_info{
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.package_info .package_info__number{
  font: var(--font-semi-bold);
  font-size: 0.75rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  margin: 0;
}

.package_info .package_info__cantidad{
  font: var(--font-normal);
  font-size: 0.75rem;
  letter-spacing: 0px;
  color: #7E7E7E;
  margin: 0;
}
.vtex-omnishipping-1-x-scheduledDeliverySeparator{
  display: none;
}

.react-datepicker-popper.vtex-omnishipping-1-x-datePopper{
  background-color: rgba(0,0,0,0.4);
  backdrop-filter: blur(2px);
  height: 110%;
  text-align: center;
  width: 100%;
  position: fixed !important;
  z-index: 11000 !important;
  top: -30px;
  left: 0px;
  transform: none!important;
  margin: 0!important;
  padding: 0!important;
  display: flex;
  justify-content: center;
  align-items: var(--alignItemModalCustom);
  padding-top: var(--yClickPosition) !important;
}
#shipping-data .react-datepicker__triangle{
  display: none;

}

.react-datepicker-popper  .react-datepicker{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 12px;
  padding: 26px;
}
.react-datepicker__month-container .react-datepicker__header{
  background-color: transparent;
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 2px;
}

.react-datepicker__header .react-datepicker__current-month{
  font: normal bold 14px/18px Montserrat;
  letter-spacing: 0px;
  color: var(--blue-primary);
  text-transform: capitalize;
}
.react-datepicker__week .react-datepicker__day.react-datepicker__day--disabled{
  font: normal normal 14px/18px Montserrat;
  letter-spacing: 0px;
  color: #CCCCCC;
}
.react-datepicker__week .react-datepicker__day{
  font: normal normal 14px/18px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  vertical-align: middle;
  padding: 5px 0;
  width: 28px;
  margin: 5px;
}

.react-datepicker__week .react-datepicker__day--keyboard-selected{
  color: white;
}

.react-datepicker__week .react-datepicker__day.react-datepicker__day--selected{
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: var(--blue-primary-contrast);
}
.react-datepicker__day-names{
  margin-top: 10px;
}
.react-datepicker__day-names .react-datepicker__day-name{
  font: normal bold 13px/16px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  text-transform: capitalize;
  margin: 2px 5px;
}

.delivery_date,.delivery_price{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.delivery_date span,.delivery_price span,
.custom-omnishipping--seller-price,.custom-omnishipping--seller-business-days{
  font: var(--font-semi-bold);
  font-size: 0.75rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  margin: 0;
}
  .delivery_date strong,.delivery_price strong{
    font: var(--font-semi-bold);
    font-size: 0.75rem;
  }

.react-datepicker__input-container .vtex-omnishipping-1-x-dateLinkModify{
  font-size: 0;
  padding: 0;
}
.react-datepicker__input-container .vtex-omnishipping-1-x-dateLinkModify::before{
  content: url(/arquivos/calendario.svg);
}

.grid-delivery{
  display: grid!important;
  grid-template-columns: 30% 30% 30%;
  grid-template-rows: auto auto;
  padding: 23px 0;

}
.grid-delivery .package_info{
  grid-row: 1;
  grid-column: 1;
  width: 100%!important;;
}

.grid-delivery .vtex-omnishipping-1-x-scheduledDelivery{
  grid-row: 2;
  grid-column: 1 / 3;
  width: 100%!important;
  display: flex;
  flex-direction: row;
  padding: 0;
  margin-top: 23px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.grid-delivery .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date{
  width: 45%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: baseline;
}

.grid-delivery .vtex-omnishipping-1-x-scheduledDelivery .span12{
  width: 53%;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #F0F0F0;
  border-radius: 6px;
  height: 38px;
  min-height: auto;
  padding: 8px;
  box-sizing: border-box;
  font: normal normal 12px/22px Montserrat;
}
.grid-delivery .vtex-omnishipping-1-x-scheduledDelivery .react-datepicker__input-container {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #F0F0F0;
  border-radius: 6px;
  padding: 9px 11px;
  box-sizing: border-box;
  height: 38px;
}

.grid-delivery .vtex-omnishipping-1-x-scheduledDelivery .span12::before{
  content: 'Fecha de entrega';
  font: normal normal bold 12px/15px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  margin-bottom: 8px;
}

.grid-delivery .vtex-omnishipping-1-x-scheduledDelivery .react-datepicker__input-container > div:first-child{
  display: flex;
  justify-content: space-between;
}
.grid-delivery .vtex-omnishipping-1-x-scheduledDelivery .shp-selected-date{
  margin: 0;
  font: normal normal 12px/22px Montserrat;
  color: var(--gray-text-normal);
}

.grid-delivery .date_info{
  grid-row: 1 / 3;
  grid-column: 3;
  width: 100%!important;
  display: flex;
  flex-direction: column;
  justify-content: space-around;

  border-left: 1px solid #F5F5F5;
}

.grid-delivery > div:nth-child(3){
  grid-row: 1;
  grid-column: 2;
  width: 100%!important;
}

.vtex-omnishipping-1-x-warning{
  position: relative;
  display: none !important;
}
.cart-items .item-unavailable {
  display: none;
}

.vtex-omnishipping-1-x-warning .delivery-items .vtex-omnishipping-1-x-item,
.custom-omnishipping--container-images img:nth-child(1),
.custom-split--container-images-resumen img:nth-child(1)
{
      position: initial;
      cursor: pointer;
}

.delivery_text_input{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.delivery_text_input p{
  font: var(--font-semi-bold);
  font-size: 0.75rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  margin-bottom: 8px;
}

.delivery_text_input > p:first-child{
  width: 45%;
}

.delivery_text_input > p:last-child{
  width: 53%;
}


@media screen and (max-width: 768px) {
  .react-datepicker__day-names .react-datepicker__day-name{
    font: normal bold 11px/14px Montserrat;
    margin: 2px 4px;
  }

  .react-datepicker__week .react-datepicker__day{
    font: normal normal 12px/15px Montserrat;
    margin: 4px;
  }
  .grid-delivery,.vtex-omnishipping-1-x-scheduledDeliveryList > div:nth-child(n+2) > div:first-child{
    display: flex!important;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .vtex-omnishipping-1-x-scheduledDeliveryList > div:nth-child(n+2) > div:first-child{
    padding: 23px 0;
  }

  .grid-delivery .package_info,.package_info{
    width: 50%!important;
  }
  .grid-delivery .date_info{
    order: 4;
    width: 100%!important;
    margin-top: 9px;
  }
  .grid-delivery .delivery_date{
    display: none;
  }
  .grid-delivery > div:nth-child(3){
    width: 50%!important;
  }
  .grid-delivery .vtex-omnishipping-1-x-scheduledDelivery{
    flex-direction: column;
  }
  .vtex-omnishipping-1-x-scheduledDeliveryList .grid-delivery div.date_info{
    width: 100%!important;
  }

  .delivery_price{
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .grid-delivery .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date{
    width: 100%;
    margin: 9px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .grid-delivery .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date::before{
    content: 'Fecha de entrega';
    font: normal normal bold 11px/14px Montserrat;
    letter-spacing: 0px;
    color: var(--gray-text-normal);
    margin-bottom: 8px;

  }

  .grid-delivery .vtex-omnishipping-1-x-scheduledDelivery .vtex-omnishipping-1-x-date::after{
    content: 'Hora de entrega';
    font: normal normal bold 11px/14px Montserrat;
    letter-spacing: 0px;
    color: var(--gray-text-normal);
    margin-top: 25px;
  }

  .grid-delivery .vtex-omnishipping-1-x-scheduledDelivery .span12{
    width: 100%;
    margin: 9px 0;
    position: relative;
  }


  .package-item .vtex-omnishipping-1-x-package, .custom-omnishipping--package{
    flex-wrap: wrap;
  }
  .custom-omnishipping--packageInfo,.custom-omnishipping--container-images{
    width: 50%;
  }
  .custom-omnishipping--seller-shipment{
    width: 100%;
    margin-top: 20px;
  }
  .react-datepicker__input-container .vtex-omnishipping-1-x-dateLink{
    width: 100%;
  }
  .vtex-omnishipping-1-x-scheduledDeliveryList > div:nth-child(n+2) > div:first-child .vtex-omnishipping-1-x-scheduledDelivery{
    width: 100%;
  }

  .delivery_text_input{
    display: none;
  }

  #shipping-data .active .shipping-container .box-step .vtex-omnishipping-1-x-submitPaymentButton,
  #shipping-data .active .shipping-container .box-step .vtex-omnishipping-1-x-submitPaymentButton button{
    width: 100%;
  }
}
/*Fin Fecha entrega, hora y fletes*/


/*Inicio Productos agotados*/
a#cart-to-orderform.btn.disabled{
  background-color: #F0F0F0 !important;
  cursor: initial;
}
a#cart-to-orderform.btn.disabled::before{
  color: #A7A7A7;
}

.lista_productos--agotados .lista_productos__columna1 h3{
  font: normal normal 800 14px/18px Montserrat Extrabold;
  letter-spacing: 0px;
  color: var(--orange-secondary);
}
.container-mensaje-principal{
  width: 30%;
  padding: 0;
}
.selecciona-criterio{
  width: 70%;
}
.criterio-sustitucion-opciones{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid var(--gray-tertiary);
  border-radius: 10px;
  padding: 24px;
  min-height: 82px;
  box-sizing: border-box;
  box-shadow: var(--box-shadow);
  margin-left: 1px;
}
.contactar-opcion-criterio{
  display: flex;
  align-items: center;
  justify-content: center;
}
  .contactar-opcion-criterio input{
    display: none;
  }
  .contactar-opcion-criterio label {
    display: flex;
    align-items: center;
  }
    .contactar-opcion-criterio label::before {
      content: '\00a0';
      display: block;
      min-width: 16px;
      width: 16px;
      min-height: 16px;
      height: 16px;
      border: 2px solid #BCBCBC;
      background-color: white;
      box-shadow: inset 0px 0px 0px 3px white;
      border-radius: 100%;
      transition: var(--transition-basic);
      margin-right: 8px;
    }
    .contactar-opcion-criterio input:checked+label::before {
      background-color: var(--blue-primary);
      border-color: var(--blue-primary);
    }
.opcion-contacto{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 24px;
  border-top: 1px solid #F5F5F5;
  margin-top: 24px;
}
.opcion-contacto-label{
  display: flex;
  flex-direction: column;
  font: var(--font-semi-bold);
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  margin-right: 0px;
  font-size: 0.75rem;
}

.opcion-contacto-label input{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid var(--gray-dark);
  box-shadow: none;
  padding: 16px 12px;
  font-size: 12px;
  height: 17px !important;
  border-radius: 6px;
  margin-top: 6px;
  width: 290px;
  color: var(--gray-text-normal);
  box-sizing: border-box;
}

.productos-agotados{
  margin-bottom: 46px;
}
#cartLoadedDiv #productos_agotados tr.product-item{
  background: #F5F5F5 0% 0% no-repeat padding-box;
}
#cartLoadedDiv #productos_agotados tr.product-item .product-image,
#cartLoadedDiv tr.producto_agotado .product-image{
  margin: 18px;
  padding: 8px;
  background: transparent;
  max-width: 72px;
  width: 72px;
}
#cartLoadedDiv #productos_agotados tr.product-item .product-image a,
#cartLoadedDiv #productos_agotados tr.producto_agotado .product-image a{
  background-color: #FDFDFD;
  padding: 10px;
  border-radius: 6px;
}
.inventary-product{
  text-align: left;
  font: normal normal bold 11px/22px Montserrat;
  letter-spacing: 0px;
  color: var(--orange-secondary);
}

#cartLoadedDiv #productos_agotados .item-quantity-change.item-quantity-change-decrement{
  background: var(--blue-primary) 0% 0% no-repeat padding-box;
}

#productos_agotados a.item-link-remove{
  background: #E2E2E2 0% 0% no-repeat padding-box;
}

#productos_agotados .pum_producto{
  display: none;
}

.producto_agotado{
  display: table-row;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none!important;
  margin: 0!important;;
}


@media screen and (max-width: 768px) {

  .lista_productos--agotados .criterio-sustitucion-opciones{
    flex-direction: column;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #0000000D;
    border-radius: 10px;
    padding: 20px 0;
  }

  .lista_productos--agotados .lista_productos__text--desktop{
    display: block;
  }

  .lista_productos--agotados .lista_productos__columna2, .lista_productos__columna2{
    display: none;
  }

  .lista_productos--agotados .lista_productos__text--left{
    font: normal normal 400 12px/18px Montserrat;
  }

  .lista_productos--agotados .container-mensaje-principal{
    width: 100%!important;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .selecciona-criterio{
    width: 100%!important;
  }

  .criterio-radio{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .contactar-opcion-criterio{
    margin: 9px 0;
  }
  .contactar-opcion-criterio input {
    margin: 0;
    margin-right: 6px;
    height: 16px;
    width: 16px;
    border: 2px solid #D1D1D1;
  }

  .container-mensaje-principal{
    width: 100%!important;
    padding-bottom: 10px;
    border-bottom: 1px solid #F5F5F5;
    margin-bottom: 10px;
  }
  .opcion-contacto{
    margin-top: 10px;
  }
  .opcion-contacto-label{
    width: 100%;
  }
  .opcion-contacto-label input{
    width: 100%;
  }
  #cartLoadedDiv #productos_agotados tr.product-item .product-image,
  #cartLoadedDiv tr.producto_agotado .product-image{
    grid-column: 1;
    grid-row: 1 / 4;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FAFAFA;
    border-radius: 10px;
    position: relative;
    width: 70px;
    max-width: 70px;
    margin: 0;
    margin-right: 16px;
  }
  #cartLoadedDiv #productos_agotados tr.product-item .product-image a,
  #cartLoadedDiv #productos_agotados tr.producto_agotado .product-image a{
    padding: 0;
    width: 100%;
  }
}

/*Fin productos agotados*/

/*Inicio obsequio*/

.cart-select-gift-placeholder .available-gift{
  display: none;
}

.regalos_container{
  position: absolute;
  top: -90px;
  margin-left: 0!important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: var(--box-shadow);
  padding: 0 30px;
  left: 0;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  opacity: 0;
}

.regalos_container h2{
  font: normal normal 800 14px/18px Montserrat ExtraBold;
  letter-spacing: 0px;
  color: var(--blue-primary);

}

.regalo{
  display: grid;
  grid-template-rows: auto auto auto;
  grid-template-columns: 72px auto;
  column-gap: 24px;
  border-top: 1px solid #F5F5F5;
  padding: 24px 0;


}
.regalo .regalo_img_container{
  grid-column: 1;
  grid-row: 1/4;
  background: var(--gray-tertiary) 0% 0% no-repeat padding-box;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 90px;
}
.regalo .regalo_img_container img{
  width: 54px;
  height: 100%;
  object-fit: contain;
}

.regalo a{
  grid-column: 2;
  grid-row: 1;
  font: normal normal bold 12px/15px Montserrat Extrabold;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  text-decoration: none;
  text-transform: capitalize;
}

.regalo .pum_producto{
  grid-column: 2;
  grid-row: 2;
  font: normal normal 600 11px/22px Montserrat;
  letter-spacing: 0px;
  color: #7E7E7E;
}

.regalo button{
  grid-column: 2;
  grid-row: 3;
  height: 34px;
  background: var(--blue-primary) 0% 0% no-repeat padding-box;
  border-radius: 6px;
  font: normal normal bold 12px/15px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  border: 0;
  margin-top: 8px;
}


@media screen and (max-width: 768px) {
  .regalo{
    display: grid;
    grid-template-rows: auto auto auto;
    grid-template-columns: 56px auto;
    column-gap: 14px;
  }
  .regalo .regalo_img_container{
    grid-column: 1;
    grid-row: 1/3;
    min-height: 56px;
  }
  .regalo .regalo_img_container img{
    width: 40px;
  }

  .regalo a{
    grid-column: 2;
    grid-row: 1;
  }

  .regalo button{
    grid-column: 1 / 3;
    grid-row: 3;
  }
  .regalo .pum_producto{
    grid-column: 2;
    grid-row: 2;
  }

  #cartLoadedDiv #productos_agotados .item-remove{
    position: absolute;
    right: 0;
  }
}

/*Fin de obsequio*/

/* Paquetes resumen*/
.vtex-omnishipping-1-x-SummaryItemGroup,a.vtex-omnishipping-1-x-summaryChange{
  display: none;
}

#shipping-data.shipping-data span.accordion-toggle.collapsed{
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  justify-content: space-between;
  border-bottom: 1px solid #F5F5F5;
  padding-bottom: 16px;

}

#shipping-data.shipping-data span.accordion-toggle.collapsed.accordion-toggle-active{
  display: none;
}

#shipping-data.shipping-data span.accordion-toggle .link-box-edit{
  grid-column: 2;
  grid-row: 1;
}
#shipping-data span.accordion-toggle.collapsed:after{
  grid-column: 1;
  grid-row: 1;
}

#shipping-data span.accordion-toggle.collapsed:before{
  content: 'Dirección, fecha y hora de la entrega';
    text-align: left;
    font: normal normal 13px/22px Montserrat;
    letter-spacing: 0px;
    color: var(--gray-primary);
    margin: 0;
    order: 2;
    grid-column: 1;
    grid-row: 2;
}
.step.accordion-group.shipping-data .box-step.box-info.shipping-summary-placeholder{
  padding: 0;
}
#idContentSplitResumen {
  display: flex;
  margin: 0;
}

.custom-split--title-resumen{
  width: 30%;
}

.custom-split--container-paquetes{
  width: 70%;
}

.custom-split--package-resumen{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-left: 36px;
  border-left: 1px solid #F0F0F0;
  margin-bottom: 36px;
}
  .custom-split--package-resumen:last-child{
    margin-bottom: 0px;
  }
.custom-split--seller-price-Title-resumen{
  font: var(--font-semi-bold);
  font-size: 0.75rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  margin: 0;
  margin-bottom: 6px;
}
.custom-split--seller-business-days-resumen, .custom-split--seller-price-resumen{
  font: normal normal 400 12px/22px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  margin: 0;
}

.custom-split--title-resumen .custom-split--complement{
  font: normal normal 400 13px/22px Montserrat;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  margin: 0;
}
.custom-split--title-resumen .custom-split--direction{
  font: normal normal bold 13px/22px Montserrat Bold;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  margin: 0;
}

.step.accordion-group.shipping-data .box-step.box-info.shipping-summary-placeholder{
  margin-top: 26px;
}

#shipping-data .active .shipping-container .box-step > div.custom-split--content-resumen{
  display: none;
}

@media screen and (max-width: 768px) {
  #idContentSplitResumen{
    flex-direction: column;
  }
  .custom-split--title-resumen{
    width: 100%;
  }
  .custom-split--container-paquetes{
    width: 100%;
  }

  .custom-split--package-resumen{
    border: 0;
    border-top: 1px solid #F0F0F0;
    margin: 0;
    margin-top: 18px;
    padding: 18px 0 0;
  }
  #shipping-data{
    padding: 20px;
  }
  .step.accordion-group.shipping-data{
    margin-bottom: 0 !important;
  }
  #shipping-data span.accordion-toggle.collapsed:after,
  #shipping-data .shipping-data.active .accordion-heading:before{
    font: normal normal 800 12px/15px Montserrat Extrabold;
  }
  #shipping-data span.accordion-toggle.collapsed:before{
    font: normal normal 400 11px/16px Montserrat;
  }
  .custom-split--title-resumen .custom-split--complement{
    margin: 0;
    font: normal normal 400 11px/22px Montserrat;
  }
  .custom-split--title-resumen .custom-split--direction{
    font: normal normal bold 12px/22px Montserrat;
    margin: 0;
  }
  .custom-split--seller-price-Title-resumen{
    font: normal normal bold 12px/15px Montserrat;
    margin-bottom: 5px;
  }
  .custom-split--seller-business-days-resumen, .custom-split--seller-price-resumen{
    font: normal normal 400 11px/22px Montserrat;
  }

  .custom-split--package-resumen  .custom-split--container-images-resumen img,
  .custom-split--package-resumen  .custom-split--container-images-resumen .vtex-omnishipping-1-x-item--ver{
    width: 42px;
    height: 42px;
    box-sizing: border-box;
  }

  #shipping-data.shipping-data span.accordion-toggle .link-box-edit{
    position: absolute;
    top: 25%;
  }


}

/*Fin de Paquetes resumen*/

/*Inicio de lista obsequios */
.cart-active .cart-select-gift-placeholder{
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.4);
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999999;
  backdrop-filter: blur(2px);
  justify-content: center;
  align-items: center;
  display: none;
}

.cart-select-gift-placeholder .available-gift{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px -2px 8px #00000010;
  border-radius: 16px;
  width: 390px;
  max-height: 496px;
  padding: 40px;
  box-sizing: border-box;
  position: relative;
}

.cart-select-gift-placeholder .available-gift .header-obsequio{
  order: 1;
}

.cart-select-gift-placeholder .available-gift  .cart-gift-items{
  order: 3;
}

.cart-select-gift-placeholder .available-gift .guardar-obsequio{
  order: 4;
}

.btn-group-vertical>.available-gift-item.btn{
  background: var(--gray-tertiary) 0% 0% no-repeat padding-box;
  border-radius: 12px;
  border: 0;
  margin-bottom: 19px;
  margin-right: 15px;
  height: 78px;
  box-sizing: border-box;
  padding: 12px 13px;
  display: flex;
  box-shadow: none;
}

.available-gift-items--clone tr.available-gift-item .product-image img{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 8px;
  height: 52px;
  width: 52px;
  max-width: 52px;

}

.available-gift-item td.product-image{
  padding: 0;
  display: flex;
  width: 21%;
}

.available-gift-item td.product-name{
  font: var(--font-bold);
  font-size: 12px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  width: 79%;
  padding: 0;
  color: var(--gray-text-normal);
  text-transform: capitalize;
}

.available-gift-item td.product-name > span:first-child{
  width: 89%;
}

.available-gift-item td.product-name .brand{
  display: none;
}
.available-gift-item .product-name .icon-check-empty{
  position: initial;
}

.cart-gift-items .available-gift-items,
.cart-gift-items .available-gift-items--clone{
  max-height: 291px;
  overflow: auto;
  opacity: 0;
  position: absolute;
  z-index: 1;
  left: 100vw;
}

.available-gift-quantity {
  display: none;
}

.header-obsequio{
  border-bottom: 1px solid #F5F5F5;
  margin-bottom: 23px;
  padding-bottom: 12px;
}
.header-obsequio h2{
  font: var(--font-extra-bold);
  line-height: 18px;
  font-size: 14px;
  letter-spacing: 0px;
  color: var(--blue-primary);
  margin: 0;
}
.header-obsequio  p{
  font: var(--font-normal);
  line-height: 22px;
  font-size: 12px;
  letter-spacing: 0px;
  color: var(--gray-primary);
  margin: 0;
}

.guardar-obsequio{
  font: var(--font-bold);
  line-height: 18px;
  font-size: 14px;
  height: 46px;
  background: var(--blue-primary) 0% 0% no-repeat padding-box;
  border-radius: 8px;
  border: 0;
  color: white;
  width: 100%;
  margin-top: 10px;
}

.guardar-obsequio--inactive{
  background: #F0F0F0 0% 0% no-repeat padding-box;
  border-radius: 8px;
  color: #A7A7A7;
  cursor: no-drop;
}

.cart-gift-items .available-gift-items--clone .checkbox-selector{
  opacity: 0;
  width: 0;
  height: 0;
  font-size: 0;
}

.checkbox-obsequio{
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  opacity: 1;
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  border: 2px solid #D3D3D3;
  border-radius: 4px;
}

.checkbox-obsequio--active{
  background-image: url(https://qaolimpica.vteximg.com.br/arquivos/checkbox.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  border: 0px;
}

.grift-container{
  order: 1;
  margin-bottom: 44px;
}
@media screen and (max-width: 768px) {
  .grift-container{
    margin-bottom: 15px;
  }
}


.grift-container .ctnDetallePrecio{
  margin-bottom: 0;
}

#cartLoadedDiv .grift-container .product-price{
  padding: 0;
}

.grift-container .quantity {
  opacity: 0;
}

.cart-gift-items  .available-gift-items--clone{
  opacity: 1;
  position: initial;
  z-index: 2;
}


.cart-gift-items.ready .inactive{
  opacity: 1!important;
  cursor: pointer!important;
}
.cart-gift-items .available-gift-items--clone.ready .inactive{
  opacity: .4!important;
  color: inherit !important;
  cursor: default!important;
}
@media screen and (max-width: 768px) {
  .cart-active .cart-select-gift-placeholder{
    align-items: end;
  }
  .cart-select-gift-placeholder .available-gift{
    border-radius: 16px 16px 0px 0px;
    width: 100%;
    max-height: inherit;
    padding: 34px 36px 150px 36px;
  }

  .header-obsequio p{
    font-size: 11px;
  }

  #cartLoadedDiv .grift-container table.cart-items .item-remove{
    grid-column: 3 / 4;
    grid-row: 2;
  }

  #cartLoadedDiv .grift-container  table.cart-items .quantity{
    display: none;
  }

  #cartLoadedDiv .grift-container  table.cart-items .product-name{
    grid-column: 2 / 3;
  }

  .grift-container .lista_productos{
    margin-bottom: 0;
  }
}
/*Fin de lista de obsequios*/


/*Garantia e instalalación*/

.full-cart #cartLoadedDiv .cart table tbody tr td.product-name  .add-service-container{
  height: 100vh;
  background-color: rgba(0,0,0,0.4);
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999999;
  backdrop-filter: blur(2px);
  display: none;
  justify-content: center;
  align-items: center;
}

.full-cart #cartLoadedDiv .cart table tbody tr td.product-name .add-service{
  position: absolute;
  z-index: 1;
}

.full-cart #cartLoadedDiv .cart table tbody tr td.product-name  .product-service {
  height: 100vh;
  background-color: rgba(0,0,0,0.4);
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999999;
  backdrop-filter: blur(2px);
  display: none;
  justify-content: center;
  align-items: center;
}

.service-container{

  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px -2px 8px #00000010;
  border-radius: 16px;
  width: 390px;
  max-height: 610px;
  padding: 40px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.header-service{
  border-bottom: 1px solid #F5F5F5;
  margin-bottom: 23px;
  padding-bottom: 12px;
}
.header-service h2{
  font: var(--font-extra-bold);
  line-height: 18px;
  font-size: 14px;
  letter-spacing: 0px;
  color: var(--blue-primary);
  margin: 0;
}
.header-service p{
  font: var(--font-normal);
  line-height: 22px;
  font-size: 11px;
  letter-spacing: 0px;
  color: var(--gray-primary);
  margin: 0;
}


.guardar-service{
  font: var(--font-bold);
  line-height: 18px;
  font-size: 14px;
  height: 46px;
  background: var(--blue-primary) 0% 0% no-repeat padding-box;
  border-radius: 8px;
  border: 0;
  color: white;
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.guardar-service--inactive{
  background: #F0F0F0 0% 0% no-repeat padding-box;
  border-radius: 8px;
  color: #A7A7A7;
  cursor: no-drop;
}

#cartLoadedDiv .cart-items tr.product-item.serviceOn{
  height: 140px;
}
#cartLoadedDiv .cart-items tr.product-item.serviceOn.twoService{
  height: 202px;
}
#cartLoadedDiv .cart-items tr.product-item.serviceOn.threeService{
  height: 262px;
}


#cartLoadedDiv .cart-items tr.product-item.serviceOn .product-name{
  vertical-align: top;
}
#cartLoadedDiv .cart-items tr.product-item.serviceOn .product-price{
  vertical-align: top;
  padding-top: 27px;
}

#cartLoadedDiv .cart-items tr.product-item.serviceOn .quantity{
  height: 100%;
  align-items: flex-start;
  padding-top: 27px;
}

#cartLoadedDiv .cart-items tr.product-item.serviceOn .item-remove{
  vertical-align: top;
  padding-top: 27px;
}

.servicio-custom{
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  width: 84%;
  left: 105px;
  border-top: 1px solid #F0F0F0;
  padding-top: 11px;
  padding-bottom: 11px;
  margin-top: 10px;
  margin-bottom: 6px;
  height: 60px;
  box-sizing: border-box;
  align-items: center;
}

.serviceTop1{
  top: 62px;
}
.serviceTop2{
  top: 124px;
}
.serviceTop3{
  top: 186px;
}


.servicio-custom button{
  background: var(--blue-primary) 0% 0% no-repeat padding-box;
  border-radius: 6px;
  height: 32px;
  border: 0;
  font:var(--font-bold);
  line-height: 22px;
  font-size: 11px;
  letter-spacing: 0px;
  color: #FFFFFF;
  width: 208px;
}

.servicio-custom button.disabled{
  pointer-events: all;
  cursor: no-drop;
  background-color: #F0F0F0 !important;
  color: #A7A7A7;
}

.servicio-custom p{
  margin: 0;
}
.servicio-title{
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  font:var(--font-bold);
  line-height: 22px;
  font-size: 11px;
}

.servicio-subTile{
  letter-spacing: 0px;
  color: var(--gray-primary);
  font:var(--font-normal);
  font-size: 11px;
}

.body-service > div:nth-child(n+2){
  margin-top: 19px;
}

.body-service{
  max-height: 310px;
  overflow-y: auto;
}

.body-service label{
  background: var(--gray-tertiary) 0% 0% no-repeat padding-box;
  border-radius: 12px;
  height: 74px;
  justify-content: space-between;
  display: flex;
  padding: 20px;
  box-sizing: border-box;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  font:var(--font-bold);
  font-size: 12px;
  line-height: 18px;
  align-items: center;
}
.body-service label .checked-service{
  display: block;
  opacity: 1;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 2px solid #DBDBDB;
  border-radius: 50px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-terminos{
  padding: 16px 0;
  border-top: 1px solid #F5F5F5;
  border-bottom: 1px solid #F5F5F5;
  margin-top: 24px;
}
.service-terminos p{
  letter-spacing: 0px;
  color: var(--gray-primary);
  font:var(--font-semi-bold);
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.full-cart #cartLoadedDiv .cart table tbody tr td.product-name .service-terminos a{
  text-overflow: initial;
  text-transform: none;
  overflow: unset;
  display: inline-block;
  letter-spacing: 0px;
  color: var(--blue-primary);
  font:var(--font-bold);
  font-size: 12px;
  line-height: 18px;
  padding: 0;
}

.loading-service{
  display: flex;
  justify-content: center;
  align-items: center;
}

input.check-service[type="radio"]:checked + label{
  border: 2px solid var(--blue-primary)!important;
}
input.check-service[type="radio"]:checked + label .checked-service{
  border: 2px solid var(--blue-primary);
}

input.check-service[type="radio"]:checked + label .checked-service::after{
  content: '';
  display: block;
  opacity: 1;
  background: var(--blue-primary) 0% 0% no-repeat padding-box;
  border-radius: 50px;
  width: 10px;
  height: 10px;
}


input.check-service[type="radio"]{
  opacity: 0;
  position: absolute;
}


.form-inline{
  opacity: 0;
  position: absolute;
}
.item-service{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 4px #00000005;
  border-radius: 10px;
  height: 88px;
}

.item-service .gift-message-add{
  display: none;
}

.item-service .bundle-item-name{
  text-align: left;
  font: var(--font-semi-bold);
  font-size: 0.813rem;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
}
#cartLoadedDiv .cart-items .item-service .quantity{
  display: none;
}

.item-service .bundle-quantity-price{
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 90px;
  position: absolute;
  left: 46%;
}

.item-service > td:nth-child(3){
  display: none!important;
}

.item-service td.bundle-item-image{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FDFDFD;
  padding: 9px;
  height: auto;
  box-shadow: 0px 2px 4px #00000005;
  border-radius: 10px 0 0 10px;
  margin: 8px;
}

.item-service td.bundle-item-image .service-img{
  height: auto;
  max-width: 100%;
  width: 90px;
  height: 54px;
  max-width: 54px;
  width: 54px;
  object-fit: contain;
}

#cartLoadedDiv .cart-items tr.product-item.serviceOn .product-price .ctnDetallePrecio br{
  display: none;
}

@media screen and (max-width: 768px) {

  .full-cart #cartLoadedDiv .cart table tbody tr td.product-name .add-service-container,
  .full-cart #cartLoadedDiv .cart table tbody tr td.product-name .product-service{
    align-items: flex-end;
  }

  .service-container{
    border-radius: 16px 16px 0 0;

  }

  #cartLoadedDiv .cart-items tr.product-item.serviceOn{
    height: auto!important;
    grid-template-rows: auto auto auto auto;
  }
  #cartLoadedDiv .cart-items tr.product-item.serviceOn.twoService{
    height: auto!important;
    grid-template-rows: auto auto auto auto auto;
  }
  #cartLoadedDiv .cart-items tr.product-item.serviceOn.threeService{
    height: auto!important;
    grid-template-rows: auto auto auto auto auto auto;
  }

  .servicio-custom{
    grid-row: 4;
    grid-column: 1/4;
    position: relative;
    left: 0px!important;
    width: 100%;
    flex-direction: column;
    margin-top: 15px;
    padding-bottom: 0;
    margin-bottom: 10px;
    align-items: flex-start;
    box-sizing: content-box;
    height: 80px;
  }
  .serviceTop1{
    grid-row: 4;
    top: 0!important;
    margin-bottom: 15px;
    left: 0px!important;
  }
  .serviceTop2{
    grid-row: 5;
    top: 0!important;
    margin-top: 0;
    margin-bottom: 15px;
    left: 0px!important;
  }
  .serviceTop3{
    grid-row: 6;
    top: 0!important;
    margin-top: 0;
    margin-bottom: 15px;
    left: 0px!important;
  }

  .servicio-custom button{
    width: 100%;
    margin-top: 10px;
  }

  #cartLoadedDiv .cart-items tr.product-item.serviceOn .product-price,
  #cartLoadedDiv .cart-items tr.product-item.serviceOn .quantity,
  #cartLoadedDiv .cart-items tr.product-item.serviceOn .item-remove{
    padding: 0;
  }

  .servicio-title{

    font-size: 12px;
  }

  .servicio-subTile{

    font-size: 12px;
  }

  .full-cart .cart table tbody tr.item-service{
    height: 90px;
    display: grid!important;
    grid-template-columns: 86px auto auto;
    grid-template-rows: auto auto auto auto;
    border-top: 0!important;
    align-items: center;
    padding: 10px;
  }

  .full-cart .cart table tbody tr.item-service td.bundle-item-image{
    position: relative!important;
    width: 70px;
    grid-column: 1;
    grid-row: 1 / 5;
    padding: 0!important;
    height: 100%;
    background-color: #FAFAFA;
    margin-right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin: 0;
  }
  .full-cart .cart table tbody tr.item-service td.bundle-item-image .service-img{
    width: 60px;
    height: auto;
    margin: 0 5px;
  }

   .item-service .bundle-item-name{
    grid-column: 2;
    grid-row: 3;
    padding: 0!important;
  }

  #cartLoadedDiv table.cart-items  .item-service .item-remove{
    grid-column: 3;
    grid-row: 2/3;
    margin-right: 10px;
  }

  #cartLoadedDiv .cart-items .item-service .product-price{
    display: none;
  }
  .item-service .bundle-quantity-price{
    grid-column: 2;
    grid-row: 2;
    height: auto;
    width: auto;
    justify-content: flex-start;
    padding: 0;
    display: flex!important;
    height: max-content;
    padding: 0!important;
    position: initial;
  }
  .item-remove .item-link-remove-cover{
    bottom: 0;
  }
}
/*Fin de Garantia e instalalación*/


/*Inicio client pre-email*/
#client-profile-data .client-pre-email{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(6px);
  background-color: rgb(0 0 0 / 40%);
}

#client-profile-data  .client-pre-email .emailInfo{
  display:none;
}

#client-profile-data .divVolverBolsa,
#client-profile-data .link-cart.pull-right{
  display: none;
}

#client-profile-data .client-pre-email .pre-email{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 16px;
  width: 417px;
  min-height: 342px;
  max-height: 357px;
  padding: 28px 45px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#client-profile-data .client-pre-email .client-email{
  margin: 0;
  display: flex;
  flex-direction: column;
}
#client-profile-data .client-pre-email .client-email::before{
  content: 'Correo electrónico';
  text-align: left;
  color: var(--gray-text-normal);
  font: var(--font-bold);
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0px;
  width: 100%;
  display: block;
  margin-bottom: 11px;
}

#client-profile-data .client-pre-email .client-email span.error{
  order: 2;
  text-align: left;
  font: var(--font-bold);
  font-size:12px;
  line-height: 22px;
  letter-spacing: 0px;
  margin-left: 5px;
}

#client-profile-data .client-pre-email button#btn-client-pre-email{
  background: var(--blue-primary) 0% 0% no-repeat padding-box!important;
  border-radius: 8px;
  margin: 0;
  margin-top: 44px;
  order: 3;
  font: var(--font-bold);
  font-size:14px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #FFFFFF;
}

#client-profile-data .client-pre-email button#btn-client-pre-email.disabled{
  background: #F0F0F0 0% 0% no-repeat padding-box!important;
  color: #A7A7A7;
  border: 0;
  cursor: not-allowed;
  opacity: 1!important;
}

#client-profile-data .client-pre-email button#btn-client-pre-email span{
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font: var(--font-semi-bold);
  font-size:14px;
  line-height: 16px;
  letter-spacing: 0px;
}

.client-pre-email h3 small{
  display: none;
}

.client-pre-email h3 .premail-title{
  font-size: 0;
  display: none;
}

.client-pre-email h3 .premail-subtitle{
  font-size: 0;
  display: none;
}



#client-pre-email{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #EFEFEF;
  border-radius: 6px;
  order: 1;
  font: var(--font-normal);
  font-size:12px;
  line-height: 22px;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  padding-left: 14px;
}

.client-pre-email-h label,.client-pre-email-h{
  margin: 0;
}

.client-pre-email-h label > span:first-child{
  font-size: 0;
  display: flex;
  flex-direction: column;
  position: relative;
}
.client-pre-email-h label > span:first-child::after{
  content: 'Ingresa otro correo electrónico para continuar, guardaremos tu lista de productos.';
  text-align: center;
  color: var(--gray-primary);
  font: var(--font-normal);
  font-size:13px;
  line-height: 20px;
  letter-spacing: 0px;
  display: block;
  width: 90%;
  margin: 0 auto;
  order: 2;
}

.client-pre-email-h label > span:first-child::before{
  content: 'Iniciar sesión';
  text-align: center;
  font: var(--font-extra-bold);
  font-size:16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: var(--blue-primary);
  order: 1;
}

h3.client-pre-email-h{
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 18px;
  margin-bottom: 20px;
  margin-top: 12px;
}

#vtexIdContainer.ng-scope{
  backdrop-filter: blur(6px);
  background-color: rgb(0 0 0 / 40%);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}


#vtexIdContainer .vtexIdUI .vtexid-icon-lock.bottom-icon{
  display: none;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-user{
  margin: 0;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-user .vtexIdUI-user-email{
  float: none;
  display: flex;
  justify-content: center;

  text-align: center;
  color: var(--gray-primary);
  font: var(--font-bold);
  font-size:13px;
  line-height: 20px;
  letter-spacing: 0px;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-page .modal-header{
  display: flex;
  flex-direction: column-reverse;
  background: transparent;
  padding: 0;
  padding-bottom: 18px;
  margin-bottom: 18px;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-page{
  position: relative;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-user .vtexid-icon-user{
  display: none;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-heading span{
  display: none;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-heading{
  margin: 0;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-heading::after{
  content: 'Ayudanos a confirma tu identidad para';
  text-align: center;
  color: var(--gray-primary);
  font: var(--font-normal);
  font-size:13px;
  line-height: 20px;
  letter-spacing: 0px;
  display: block;
  width: 100%;
  margin: 0 auto;
}
#vtexIdContainer .vtexIdUI .vtexIdUI-heading::before{
  content: 'Selecciona una opción';
  text-align: center;
  font: var(--font-extra-bold);
  font-size:16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: var(--blue-primary);
  display: block;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email {
  height: 312px;
  padding: 28px 44px;
  box-sizing: border-box;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .vtexIdUI-heading{
    font-size: 0;
    display: flex;
    flex-direction: column;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .vtexIdUI-heading::after{
  content: 'Llena los campos correspondientes';
  text-align: center;
  color: var(--gray-primary);
  font: var(--font-normal);
  font-size:13px;
  line-height: 20px;
  letter-spacing: 0px;
  display: block;
  width: 100%;
  margin: 0 auto;
  order: 2;
}
#vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .vtexIdUI-heading::before{
  content: 'Confirma tu correo';
  text-align: center;
  font: var(--font-extra-bold);
  font-size:16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: var(--blue-primary);
  display: block;
  order: 1;
}

#vtexIdContainer .vtexIdUI .modal-body{
  padding: 0!important;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-body{
  margin: 20px 0 35px;
}
#vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body{
  margin: 20px 0 35px;
}
#vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .info-code{
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid #F2F2F2;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .info-code > strong:last-child{
  color: var(--gray-primary);
  font: var(--font-bold);
  font-size:13px;
  line-height: 20px;
  letter-spacing: 0px;
}



.vtexIdUI .vtexIdUI-page .modal-footer{
  background: transparent;
  display: flex;
  justify-content: space-between;
  padding: 0;
  border: 0;

}

#vtexIdContainer .vtexIdUI .vtexIdUI-back-link{
  width: 157px;
  flex: none;
  border: 2px solid var(--blue-primary);
  border-radius: 8px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  height: 46px;
  text-decoration: none!important;
  text-align: center;
  font: var(--font-semi-bold);
  font-size:14px;
  line-height: 16px;
  letter-spacing: 0px;
  color: var(--blue-primary);
  box-sizing: border-box;
}

.vtexIdUI-back-link .vtexid-icon-arrow-left{
  display: none;
}

.vtexIdUI-page .modal-footer .btn-success {
  width: 157px;
  float: none!important;
  background: var(--blue-primary) 0% 0% no-repeat padding-box!important;
  border-radius: 8px;
  box-shadow: none;
  font-size: 0!important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vtexIdUI-page .modal-footer .btn-success::before{
  content: 'Continuar';
  text-align: center;
  font: var(--font-bold);
  font-size:13px;
  line-height: 16px;
  letter-spacing: 0px;
}

#vtexIdContainer .vtexIdUI-show-app{
  max-height:450px !important;
  position: relative;
  width: 417px!important;
  height: auto!important;
  margin: 0;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  box-sizing: border-box;
  box-shadow: none;
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  border-radius: 16px;
  border: 0;
}


#vtexIdContainer .vtexIdUI .modal-header .close{
  opacity: 0;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-email-field::before{
  content: 'Correo electrónico';
  text-align: left;
  color: var(--gray-text-normal);
  font: var(--font-bold);
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0px;
  width: 100%;
  display: block;
  margin-bottom: 11px;
}


#vtexIdContainer .vtexIdUI .vtexIdUI-email-field input.input-block-level{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #EFEFEF;
  border-radius: 6px;
  min-height: 42px;
  margin: 0;
  font: var(--font-semi-bold);
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  padding-left: 14px;
}

#vtexIdContainer  .vtexIdUI h4{
  margin: 0;
  margin-bottom: 18px;
}

#vtexIdUI-main-content{
  height: auto;
}
#vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-header{
  display: none;
}
#vtexIdContainer .vtexIdUI .vtexIdUI-auth-code{
  height: 332px;
  padding: 28px 44px;
    box-sizing: border-box;
}
#vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .info-code span{
  /* display: none; */
  font-size: 0;
}
#vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .info-code span::before{
  content: 'Escribe el código que enviamos al correo';
  text-align: center;
  font: var(--font-normal);
  font-size:13px;
  line-height: 20px;
  letter-spacing: 0px;
  color: var(--gray-primary);
}

#vtexIdContainer .vtexIdUI .alert{
  padding: 0;
  background-color: transparent;
  border: 0;
  margin-bottom: 0;
  margin-top: 2px;
  margin-left: 5px;
  text-align: left;
  font: var(--font-bold);
  font-size:11px;
  line-height: 22px;
  letter-spacing: 0px;
  color: #ED1D24;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .info-code::before{
  content: 'Código de acceso';
  text-align: center;
  font: var(--font-extra-bold);
  font-size:16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: var(--blue-primary);
  display: block;
  order: 1;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .btn{
  height: 46px;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .vtexIdUI-code-field{
  width: 100%;
  margin: 0!important;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .vtexIdUI-code-field input{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #EFEFEF;
  border-radius: 6px;
  height: 42px;
  margin: 0;
  text-align: left;
  font: var(--font-semi-bold);
  font-size: 12px;
  line-height: 22px;
  padding-left: 14px;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-classic-login input#inputPassword,
#vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd input#inputNewPassword,
#vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd input#inputConfirmNewPassword{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #EFEFEF;
  border-radius: 6px;
  height: 42px;
  margin: 0;
  text-align: left;
  font: var(--font-normal);
  font-size: 13px;
  line-height: 22px;
  padding-left: 14px;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-classic-login input#inputPassword.passOn,
#vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd input#inputNewPassword.passOn,
#vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd input#inputConfirmNewPassword.passOn{
  font: var(--font-normal);
  font-size: 30px;
  line-height: 0;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .vtexIdUI-code-field::before{
  content: 'Código de acceso';
  text-align: left;
  color: var(--gray-text-normal);
  font: var(--font-bold);
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0px;
  width: 100%;
  display: block;
  margin-bottom: 11px;
}

.vtex-front-messages-placeholder{
  background-color: transparent !important;
  width: 100% !important;
  height: 100% !important;
  position: fixed !important;
  right: 0px !important;
  top: 0px !important;
  margin: 0px !important;
  display: none !important;
  box-shadow: none;
  z-index: 9999999999999;
  flex-direction: column;
  box-sizing: border-box;

  width: auto !important;
  height: auto !important;
  padding: 38px 38px 0px 0px;
  left: auto !important;
  /*
  Se conserva por si es necesario
  left: 0px !important;
  bottom: 0px !important;
  align-items: center;
  */
}
  .vtex-front-messages-placeholder .vtex-front-messages-close-all{
    display: none;
  }
  @media screen and (min-width: 768px) {
    .vtex-front-messages-placeholder {
      align-items: flex-end;
    }
  }
  .vtex-front-messages-placeholder .vtex-front-messages-template {
    background: var(--blue-primary-contrast);
    box-shadow: 0px 3px 6px #0000001A;
    border-radius: 14px;
    max-width: 350px;
    height: min-content !important;
    margin-top: 12px;
    padding: 14px;
    border: 0px !important;
    height: min-content !important;
    display: flex !important;
    align-items: center;
    width: 100%;
    min-width: 300px;
  }
    .vtex-front-messages-placeholder .vtex-front-messages-template::before {
      content: '';
      display: block;
      min-width: 36px;
      min-height: 36px;
      border-radius: 8px;
      margin-right: 14px;
      background-position: center center;
      background-repeat: no-repeat;
    }
    .vtex-front-messages-placeholder .vtex-front-messages-template .vtex-front-messages-detail {
      width: 100%;
    }
      .vtex-front-messages-placeholder .vtex-front-messages-template .vtex-front-messages-detail strong{
        font: var(--font-semi-bold);
        font-size: 0.75rem;
      }
    .vtex-front-messages-placeholder .vtex-front-messages-template::after {
      content: '\f00d';
      font-family: FontAwesome;
      display: block;
      margin: 6px 6px 6px 20px;
      font-size: 17px;
      color: #C1C1C1;
    }
      .vtex-front-messages-placeholder .vtex-front-messages-template.vtex-front-messages-type-warning::before,
      .vtex-front-messages-placeholder .vtex-front-messages-template.vtex-front-messages-type-info::before {
        background-color: var(--orange-primary);
        background-image: url(/arquivos/alert-warning.svg);
      }
      .vtex-front-messages-placeholder .vtex-front-messages-template.vtex-front-messages-type-error::before {
        background-color: #ED1D24;
        background-image: url(/arquivos/alerts-close.svg);
      }


.email-message-modal{
  display: block;
  width: auto;
  height: auto;
  background-color: transparent;
  transform: translate(25%, 10%)!important;
  border: 0;
  box-shadow: none;
}

.email-message-modal .default-modal-body{
  display: flex;
  width: 382px;
  box-sizing: border-box;
  height: auto;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 4px #0000001A;
  border-radius: 12px;
}

.email-message-modal .identified-user-hello{
  display: none;
}

.email-message-modal .identified-user-message{
  font-size: 0;
  margin: 0;
}

.email-message-modal .identified-user-message::before{
  content: 'Este correo ya está registrado';
  text-align: left;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  font: var(--font-bold);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
}
.email-message-modal .identified-user-message::after{
  content: ', el formulario se completará con tus datos automaticamente.';
  text-align: left;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  font: var(--font-normal);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
}

.email-message-modal  #btn-identified-user-button{
  display: none;
}


.email-message-modal .icon-lock:before{
  content: url(/arquivos/checkAlert.svg);
}

.email-message-modal .default-modal-security{
  height: auto;
  font-size: 0;
  float: none;
  line-height: 0;
  opacity: 1;
  margin-right: 12px;
}

.modal-backdrop{
  backdrop-filter: blur(6px)!important;
  background-color: rgb(0 0 0 / 40%)!important;
}

#vtexIdUI-auth-selector{
  height: 413px;
  box-sizing: border-box;
  padding: 28px 44px;
}

#vtexIdUI-auth-selector .vtexIdUI-providers-list{
  opacity: 0;
  position: absolute;
  left: -105vw;
}

#vtexIdUI-auth-selector  .auth-container .modal-footer{
  margin-top: 39px;
}

#vtexIdUI-auth-selector  .auth-container .auth-container--body div{
  margin-bottom: 20px;
}

#vtexIdContainer .vtexIdUI .modal-body{
  max-height: max-content;
}

#vtexIdUI-auth-selector  .auth-container label{
  display: flex;
  align-items: center;
  background: var(--gray-tertiary) 0% 0% no-repeat padding-box;
  border-radius: 12px;
  height: 74px;
  justify-content: space-between;
  display: flex;
  padding: 20px;
  box-sizing: border-box;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  font: var(--font-semi-bold);
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}

#vtexIdUI-auth-selector .auth-container label .checked-auth{
  display: block;
  opacity: 1;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 2px solid #DBDBDB;
  border-radius: 50px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

#vtexIdUI-auth-selector  .auth-container input.check-auth[type="radio"]{
  opacity: 0;
  position: absolute;
}


#vtexIdUI-auth-selector  .auth-container input.check-auth[type="radio"]:checked + label .checked-auth{
  border: 2px solid var(--blue-primary);
}

#vtexIdUI-auth-selector  .auth-container input.check-auth[type="radio"]:checked + label .checked-auth::after{
  content: '';
  display: block;
  opacity: 1;
  background: var(--blue-primary) 0% 0% no-repeat padding-box;
  border-radius: 50px;
  width: 8px;
  height: 8px;
}

.modal-footer button.btn-auth--inactive.btn-success{
  background: #F0F0F0 0% 0% no-repeat padding-box!important;
  color: #A7A7A7;
  border: 0;
  cursor: not-allowed;
  opacity: 1;
}
.vtexIdUI-page .modal-footer .btn-auth--inactive.btn-success::before{
  font: var(--font-semi-bold);
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #A7A7A7;
}

#vtexIdContainer .vtexIdUI #vtexIdUI-email-confirmation h4{
  margin-bottom: 0;
}

#vtexIdUI-classic-login{
  min-height: 372px;
  padding: 28px 44px;
  box-sizing: border-box;
}



#vtexIdUI-classic-login .control-label span,
#vtexIdUI-change-pswd .control-label span{
  text-align: left;
  color: var(--gray-text-normal);
  font: var(--font-bold);
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0px;
  width: 100%;
  display: block;
  margin-bottom: 11px;
}


#vtexIdContainer .vtexIdUI #vtexIdUI-classic-login h4{
  margin-bottom: 0;

}


#vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .vtexIdUI-heading::before{
  content: 'Correo y contraseña';
  text-align: center;
  font: var(--font-extra-bold);
  font-size:16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: var(--blue-primary);
  display: block;
  order: 1;
}
#vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .vtexIdUI-heading::after{
  content: 'Escribe la contraseña de tu cuenta';
  text-align: center;
  color: var(--gray-primary);
  font: var(--font-normal);
  font-size:13px;
  line-height: 20px;
  letter-spacing: 0px;
  display: block;
  width: 100%;
  margin: 0 auto;
  order: 2;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .vtexIdUI-heading{
  font-size: 0;
  display: flex;
  flex-direction: column;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .vtexIdUI-classic-login-control .dead-link{
  width: 100%;
  float: none;
  display: block;
  text-align: center;
  margin-top: 23px;
  font-size: 0;
}
#vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .vtexIdUI-classic-login-control .dead-link:hover{
  text-decoration: none;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .vtexIdUI-classic-login-control .dead-link::before{
  content: '¿Olvidaste tu contraseña?';
  color: var(--blue-primary);
  font: var(--font-bold);
  font-size:14px;
  line-height: 21px;
  letter-spacing: 0px;

}

#vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .alert-warning .icon-warning-sign{
  display: none;
}

#vtexIdContainer .vtexIdUI #vtexIdUI-classic-login .control-label a.dead-link{
  display: none;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .vtexIdUI-classic-login-control{
  margin-bottom: 35px;
}

.mostrarContraseña{
  position: absolute;
  right: 14px;
  top: 25%;
  cursor:pointer;
}

.mostrarContraseña .mostrar-ojo{
  content: url(/arquivos/visibility.svg);
}

.mostrarContraseña .ocultar-ojo{
  content: url(/arquivos/visibility_off.svg);
}

#vtexIdUI-change-pswd{
  padding: 28px 44px;
  height: 547px;
  box-sizing: border-box;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd .vtexIdUI-heading::before{
  content: 'Crea una nueva contraseña';
  text-align: center;
  font: var(--font-extra-bold);
  font-size:16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: var(--blue-primary);
  display: block;
  order: 1;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd  .vtexIdUI-heading::after{
  content: 'Enviaremos un código de seguridad al correo';
  text-align: center;
  color: var(--gray-primary);
  font: var(--font-normal);
  font-size:13px;
  line-height: 20px;
  letter-spacing: 0px;
  display: block;
  width: 100%;
  margin: 0 auto;
  order: 2;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd .vtexIdUI-heading{
  font-size: 0;
  display: flex;
  flex-direction: column;
}


#vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd .info-why{
  display: none;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd h4{
  margin-bottom: 0;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd .controls{
  position: relative;
}

#vtexIdUI-change-pswd .control-group{
  margin-bottom: 18px;
  order: 1;
}

#vtexIdUI-change-pswd .modal-body{
  display: flex;
  flex-direction: column;
}

#vtexIdUI-change-pswd .vtexid-password-requirements{
  margin: 9px 0 32px 14px;
  order: 3;
}

#vtexIdUI-change-pswd .vtexid-password-requirements-list{
  margin: 0;

}

#vtexIdUI-change-pswd .vtexid-password-requirements-description{
  color: var(--gray-text-normal);
  font: var(--font-bold);
  font-size:13px;
  line-height: 22px;
  letter-spacing: 0px;
}

#vtexIdUI-change-pswd .vtexid-instruction{
  color: var(--gray-text-normal);
  font: var(--font-normal);
  font-size:12px;
  line-height: 22px;
  letter-spacing: 0px;
}

#vtexIdUI-change-pswd .vtexid-instruction.active{
  color: #6EB717;
}

#vtexIdUI-change-pswd .vtexid-icon-checkmark{
  background: transparent;
}

#vtexIdUI-change-pswd .modal-body .alert{
  order: 2;
}

#vtexIdContainer .vtexIdUI .modal-footer:before, #vtexIdContainer .vtexIdUI .modal-footer:after {
  display: none;
}


#back-to-address-list{
  display: none;
}

#vtexIdUI-confirm-access-code .alert-warning .icon-warning-sign{
  display: none;
}

.cifrado-title{
  font-size: 15px;
  line-height: 22px;
  margin: 0;
}

.cifrado-text{
  font-size: 13px;
  line-height: 20px;
  margin: 0;
}

@media screen and (max-width: 768px) {

  .email-message-modal{
    top: 38px;
    transform: translate(0%, 0%)!important;
  }

  .email-message-modal .default-modal-body{
    width: 310px;
    height: 75px;
    box-sizing: border-box;
    margin: 0 auto;
  }

  .email-message-modal .default-modal-security{
    display: flex;
    align-items: center;
    margin-right: 14px;
  }

  .email-message-modal .identified-user-message::after,
  .email-message-modal .identified-user-message::before{
    font-size: 11px;
  }

  #client-profile-data .client-pre-email{
    align-items: flex-end;
  }

  #client-profile-data .client-pre-email .pre-email{
    border-radius: 16px 16px 0 0;
    padding: 25px 36px 150px;
    width: 100%;
    max-height: inherit;
  }

  .client-pre-email-h label > span:first-child::before{
    text-align: left;
    font-size: 14px;
    line-height: 21px;
  }
  .client-pre-email-h label > span:first-child::after{
    text-align: left;
    width: 100%;
    margin: 0;
    font-size: 12px;
    line-height: 19px;
  }

  h3.client-pre-email-h{
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-top: 0;
  }

  #client-profile-data .client-pre-email .client-email::before{
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 8px;
  }

  #client-profile-data .client-pre-email button#btn-client-pre-email{
    height: 46px;
    margin-top: 32px;
  }

  #client-profile-data .client-pre-email button#btn-client-pre-email span{
    font-size: 13px;
    line-height: 16px;
  }

  #vtexIdContainer.ng-scope{
    align-items: flex-end;
  }

  #vtexIdContainer .vtexIdUI-show-app{
    border-radius: 16px 16px 0 0;
    width: 100vw!important;
  }

  #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .vtexIdUI-heading::before,
  #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .vtexIdUI-heading::after{
    text-align: left;
  }
  #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .vtexIdUI-heading::before{
    font-size: 14px;
    line-height: 21px;
  }
  #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .vtexIdUI-heading::after{
    font-size: 12px;
    line-height: 19px;
  }

  #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email{
    height: 282px;
  }

  .vtexIdUI-page .modal-footer .btn-success{
    width: 150px;
  }

  #vtexIdContainer .vtexIdUI h4{
    margin-bottom: 10px;
  }

  #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-body{
    margin: 20px 0 24px;
  }

  #vtexIdContainer .vtexIdUI .vtexIdUI-page{
    padding: 33px 32px;
  }

  #vtexIdContainer #vtexIdUI-classic-login,
  #vtexIdContainer #vtexIdUI-change-pswd,
  #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email,
  #vtexIdContainer .vtexIdUI #vtexIdUI-confirm-access-code{
    padding: 13px 32px 33px;
  }

  #vtexIdContainer .vtexIdUI .vtexIdUI-heading::after,
  #vtexIdContainer .vtexIdUI .vtexIdUI-user .vtexIdUI-user-email,
  #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .vtexIdUI-heading::after,
  #vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd .vtexIdUI-heading::after,
  #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .info-code span::before{
    text-align: left;
    font-size: 12px;
    line-height: 19px;
    justify-content: left;
  }

  #vtexIdContainer .vtexIdUI .vtexIdUI-heading::before,
  #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .vtexIdUI-heading::before,
  #vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd .vtexIdUI-heading::before,
  #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .info-code::before{
    text-align: left;
    font-size: 14px;
    line-height: 21px;
  }

  #vtexIdContainer .vtexIdUI .vtexIdUI-page .modal-header,
  #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .info-code{
    padding-bottom: 10px;
    margin-bottom: 26px;
  }

  #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .info-code{
    text-align: left;
  }

  #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .info-code br{
    display: none;
  }

  #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body{
    margin-bottom: 24px;
  }

  #vtexIdUI-auth-selector .auth-container label{
    height: 58px;
    color: var(--gray-primary);
    font-size: 12px;
    line-height: 18px;
  }

  #vtexIdContainer .vtexIdUI .vtexIdUI-back-link,
  #vtexIdContainer .vtexIdUI .btn-success{
    width: 48%;
    font: var(--font-bold);
    font-size: 12px;
    line-height: 15px;
  }

  #vtexIdUI-auth-selector{
    height: 372px;
  }

  #vtexIdUI-auth-selector .auth-container .modal-footer{
    margin-top: 24px;
  }

  .vtexIdUI-page .modal-footer .btn-success::before{
    font-size: 12px!important;
    line-height: 15px!important;
    font: var(--font-bold);
  }

  #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .vtexIdUI-classic-login-control .dead-link{
    margin-top: 23px
  }

  #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .vtexIdUI-classic-login-control{
    margin-bottom: 30px;
  }

  #vtexIdUI-classic-login .control-label span, #vtexIdUI-change-pswd .control-label span{
    margin-bottom: 8px;
  }
  #vtexIdUI-classic-login{
    /* height: 344px; */
    min-height: 344px;
  }

  #vtexIdUI-change-pswd{
    min-height: 516px;
    height: auto;
  }

  #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code{
    min-height: 302px;
    height: auto;
  }

  #vtexIdUI-change-pswd .vtexid-password-requirements{
    margin: 9px 0 32px 14px;
    order: 3;
  }

  #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .vtexIdUI-code-field::before{
    margin-bottom: 8px;
  }

  .icon-infoAteriscos{
    position: absolute;
    right: 20px;
    top: 45px;
    z-index: 3;
    margin: 0;
  }
  .client-profile-info p #nombreCliente{
    position: initial;
  }
  .cifrado-title,.cifrado-text{
    text-align: left;
  }
}
/*Fin client pre-email*/

#document-type[value=""]::after{
  content: 'holis';
  display: block;
}
/*Resolución 1024x768*/

@media screen and (max-width: 1080px) {
  #cartLoadedDiv table.cart-items .item-remove {
    vertical-align: initial;
  }

  .item-link-remove{
    margin: auto;
  }

  #cartLoadedDiv .product-image{
    min-width: 50px;
    max-width: 50px;
    padding: 10px;
  }

  #cartLoadedDiv .cart-items .product-name{
    padding: 15px 10px;
  }

  #cartLoadedDiv td.quantity input{
    margin: 0 8px;
  }

  .full-cart #cartLoadedDiv .cart table tbody tr td.product-name a,
  .productos-agotados table tbody tr td.product-name a,
  #cartLoadedDiv table tbody tr td.product-name a{
    font-size: 0.688rem;
  }

  .regalo a{
    font-size: 0.688rem;
  }

  #cartLoadedDiv span.new-product-price{
    font: var(--font-bold);
    font-size: 0.813rem;
  }

  .ctnDetallePrecio .old-product-price{
    font-size: 0.688rem;
  }

  #cartLoadedDiv .cart-items tr.product-item.serviceOn{
    height: 155px;
  }
  .servicio-custom{
    left: 82px;
  }

  .serviceTop1{
    top: 80px;
  }

  .serviceTop2{
    top: 140px;
  }

  #cartLoadedDiv .cart-items tr.product-item.serviceOn.twoService{
    height: 215px;
  }

  .container-mensaje-principal, span.mensaje1, span.mensaje2, .container-mensaje-principal strong{
    font-size: 0.688rem;
  }

  .container-mensaje-principal{
    width: 34%;
  }

  .selecciona-criterio{
    width: 66%;
  }

  .selecciona-criterio span, .criterio-radio div label{
    font-size: 0.688rem;
  }

  .grid-delivery .vtex-omnishipping-1-x-scheduledDelivery .shp-selected-date,
  .grid-delivery .vtex-omnishipping-1-x-scheduledDelivery .span12{
    font-size: 0.65rem;
  }

  .delivery_date span, .delivery_price span, .custom-omnishipping--seller-price, .custom-omnishipping--seller-business-days,
  .custom-omnishipping--seller-price-container h3,.custom-omnishipping--seller-price-container p{
    font-size: 0.688rem;
  }
  .mini-cart span.fn.product-name{
    width: 90%;

  }

  .mini-cart .cart{
    overflow-x: hidden;
  }

  span.covid-advertisement-text,
  span.covid-advertisement-text strong{
    font-size: 0.688rem;
  }

}
/*FIN Resolución 1024x768*/

/* scrollbar safari*/
html {
  scrollbar-width: 8px;
  scrollbar-color: red;
}

/* Color del thumb (el "botón" del scrollbar) */
html::-moz-scrollbar-thumb {
  background-color: red;
}

/* Color del track (la "pista" del scrollbar) */
html::-moz-scrollbar-track {
  background-color: red;
}

/* Estilo para el scrollbar */
::-webkit-scrollbar {
  width: 8px; /* Ancho del scrollbar */
}

/* Estilo para el thumb del scrollbar (la barra deslizante) */
::-webkit-scrollbar-thumb {
  background-color: var(--blue-primary); /* Color del thumb */
}

/* Estilo para el thumb cuando se encuentra en estado "hover" (cuando el usuario pasa el cursor sobre el scrollbar) */
::-webkit-scrollbar-thumb:hover {
  background-color: var(--blue-primary); /* Color del thumb en estado "hover" */
}


.row-fluid .orderform-template.inactive{
  display: none;
}


/*LoaderScreen*/

.loading_screen{
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.4);
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999999;
  backdrop-filter: blur(2px);
  justify-content: center;
  align-items: center;
}

.loading_screen img{
  width: 110px;
  height: 110px;
  border-radius: 12px;
}

.loading_element{
  z-index: 10;
  background-color: rgba(255,255,255,0.3);
  backdrop-filter: blur(2px);
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0%;
}

.loading_element img{
  width: 86px;
  height: 86px;
  box-shadow: 0px 2px 4px #00000029;
  border-radius: 12px;
}

/*Fin loaderScreen*/

@media screen and (max-width: 768px) {
  .regalos_container{
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media screen and (min-width: 768px) {
  .cart-template.mini-cart{
    margin-left: 2.127659574468085% !important;
    margin-top: 0px !important;
  }
}
#app-container .App .CardForm .PaymentInstallments #creditCardpayment-card-0Brand{
  z-index: 2;
  position: relative;
}
#app-container .PaymentCardFlags.clearfix.form-inline{
  z-index: 1;
  opacity: 0;
  position: absolute;
}
.custom204PaymentGroupPaymentGroup .PaymentCardFlags.clearfix.form-inline,
.custom202PaymentGroupPaymentGroup .PaymentCardFlags.clearfix.form-inline{
  opacity: 1;
  position: relative;
}
.payment-method .sight,
.payment-method .sight span{
  font: var(--font-bold) !important;
  font-size: 0.75rem !important;
  color: var(--gray-text-normal);
}


@media (min-width: 768px) {
  .showInDesktop{
    display: auto !important;
  }
  .hideInDesktop{
    display: none !important;
  }
}
@media (max-width: 768px) {
  .showInMobile{
    display: auto !important;
  }
  .hideInMobile{
    display: none !important;
  }
}

.payment-unauthorized-modal.vtex-front-messages-instance.vtex-front-messages-type-fatal {
  display: block !important;
  opacity: 1 !important;
  top: 15% !important;
}
.Poppup-donacion .containerModalMixedCarContentBtnClose svg,
.Poppup-donacion .containerModalContentBtnClose svg{
  display: block;
}
.Poppup-donacion .containerModalMixedCarContent{
  padding: 15px !important;
}
.vtex-omnishipping-0-x-subscription-payment-data-submit {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/*ajuste css del boton pse */
.cart-fixed .steps-view{
  width: auto;
}
@media screen and(min-width: 1200px){
  .cart-fixed .steps-view{
    width: auto;
  }
}
/* Cambios Nueva verificación id*/
.disabledIsTP {
  background-color: #F2F2F2 !important;
  border: #F2F2F2 !important;
  pointer-events: none;
}

.changeDocument {
  background-image: url("https://pragmastage--olimpica.myvtex.com/_v/private/assets/v1/linked/olimpica.account@0.0.4/public/react/94d185e606e454db92295561cdf6bb95.svg");
  background-repeat: no-repeat;
  background-size: 13px 13px;
  background-position-y: center;
  padding-left: 18px;
  font: var(--font-semi-bold);
  color: var(--blue-primary);
  font-size: 11px;
  margin-top: 8px;
  cursor: pointer;
}

.modal-change-document {
  margin-top: -1px;
}
  .modal-change-document__icon {
    display: flex;
    justify-content: center;
  }
    .modal-change-document__icon img{
      width: 54px;
      height: 54px;
    }
  .modal-change-document__title {
    color: var(--blue-primary);
    font: var(--font-semi-bold);
    font-size: 18px;
    text-align: center;
  }
  .modal-change-document__text {
    color: var(--gray-text-normal);
    font: var(--font-normal);
    font-size: 14px;
    text-align: center;
  }
  .modal-change-document__buttons {
    display: flex;
    justify-content: space-between;
    gap: 25px;
  }
    .modal-change-document__button {
      font: var(--font-semi-bold);
      padding: 14px 14px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 8px;
      cursor: pointer;
    }
      .modal-change-document__button1 {
        border: 1px solid var(--blue-primary);
        background-color: white;
        color: var(--blue-primary);
      }
      .modal-change-document__button2 {
        border: 1px solid var(--blue-primary);
        background-color: var(--blue-primary);
        color: white;
      }
        .modal-change-document__button2:hover {
          background-color: #024277;
          text-decoration: none;
          color: white;
        }


/*------------- Flash --------------*/
/* Flash Header*/
.header_checkout-flash{
  background-color: var(--blue-primary);
}

.wizard .nav-tabs-flash{
  width: 25%;
}

.custom-omnishipping--container-flash{
  background: #005CA9 0% 0% no-repeat padding-box;
  opacity: 1;
  display: flex;
  justify-content: space-around;
  border-radius: 6px;
  padding: 14px;
}

.custom-omnishipping--container-image-flash{
  width: 55px;
  border-right: 2px solid #FFFFFF33;
  padding-right: 10px;
}

.custom-omnishipping--container-flash .custom-omnishipping--seller-business-days{
  border-right: 2px solid #FFFFFF33;
  display: flex;
  align-items: center;
  font: normal normal bold 13px/15px 'Montserrat Bold';
  letter-spacing: 0px;
  color: #FFFFFF;
  padding: 0 10px;
}

.custom-omnishipping--container-flash .custom-omnishipping--seller-business-days::before{
  content: "Entrega en";
  margin-right: 5px;
  font: normal normal 13px / 15px 'Montserrat';
}


.custom-omnishipping--container-flash .custom-omnishipping--seller-price{
  display: flex;
  align-items: center;
  justify-content: center;
  font: normal normal bold 13px/15px 'Montserrat Bold';
  letter-spacing: 0px;
  color: #FFFFFF;
  padding-left: 10px;
  
}

.custom-omnishipping--container-flash .custom-omnishipping--seller-price::before{
  content: "Valor";
  margin-right: 5px;
  font: normal normal 13px / 15px 'Montserrat';
}

.custom-omnishipping--seller-shipment-flash{
  display: flex;
  flex-direction: column;
  width: 60%;
  margin-left: 35px;
}

.note-shipping-flash{
  border-bottom: 1px solid #F5F5F5;
  padding: 26px 0;
  font: normal normal 13px / 18px 'Montserrat';
  margin: 0;
}

.cart-totalizers .accordion-inner .table .totalizers-list .srp-summary-result{
  background-color: var(--blue-primary);
  border-radius: 8px;
  padding: 6px 12px;
  margin-left: 0px;
}

.totalizers-list .srp-summary-result .info::before{
  font: normal normal 13px / 16px 'Montserrat';
  letter-spacing: 0px;
  color: #FFFFFF;
}

.totalizers-list .srp-summary-result .monetary.monetary--active{
  font: normal normal 13px / 16px 'Montserrat';
  letter-spacing: 0px;
  color: #FFFFFF!important;
}

.summary-totalizers tfoot tr{
  padding: 0px 12px;
}

.custom-split--seller-shipment-resumen-flash{
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 20px 20px;
  padding-right: 36px;
  border-right: 1px solid #F0F0F0;
  align-items: center;
  margin: auto 0;
}

.custom-split--seller-shipment--container-image-flash{
  grid-column: 1;
  grid-row: 1 / 3;
  display: flex;
  align-items: center;
  margin-right: 15px;
}

.custom-split--seller-shipment--image-flash{
  background: #005CA9 0% 0% no-repeat padding-box;
  border-radius: 6px;
  padding: 9px;
  width: 58px;
}

.custom-split--seller-price-resumen-flash{
  grid-column: 2;
  grid-row: 2;
  margin: 0;
}

.custom-split--seller-price-resumen-flash{
  font: normal normal bold 12px / 22px 'Montserrat Bold';
  color: var(--gray-text-normal);
}

.custom-split--seller-price-resumen-flash::before{
  content: 'Valor';
  margin-right: 5px;
  font: normal normal 12px / 22px 'Montserrat';
  letter-spacing: 0px;
}

.custom-split--seller-shipment-resumen-flash .custom-split--seller-business-days-resumen {
  grid-column: 2;
  grid-row: 1;
  font: normal normal bold 12px / 22px 'Montserrat Bold';
  letter-spacing: 0px;
}

.custom-split--seller-shipment-resumen-flash .custom-split--seller-business-days-resumen::before{
  content: 'Entrega en';
  margin-right: 5px;
  font: normal normal 12px / 22px 'Montserrat';
  letter-spacing: 0px;
}

.custom-split--package-resumen-products-flash{
  display: flex;
}

.custom-split--package-resumen-products-flash .custom-split--container-images-resumen{
  min-width: 145px;
}

.custom-split--package-resumen-copy-flash p{
  margin: 0;
  font: normal normal  12px/22px 'Montserrat';
  letter-spacing: 0px;
  color: #595959;
}
.custom-split--package-resumen-copy-flash p strong{
  font: normal normal bold 12px / 22px 'Montserrat Bold';
}

.containerListAddressFlashNote{
  font: normal normal 12px / 18px 'Montserrat';
  letter-spacing: 0px;
  color: #454545;
  padding-top: 20px;
  border-top: 1px solid #F0F0F0;
  margin-bottom: 20px;
}

.errorFlash{
  background: #F5F5F5 0% 0% no-repeat padding-box;
  border-radius: 8px;
  padding: 12px;
}
.containerListAddressFlashNote b{
  font: normal normal 12px / 18px 'Montserrat Bold';
}
.listErrorShowFlash{
  display: block;
  max-height: max-content;
  margin: 10px 0 10px;
}

.containerInput .newAddressInput.errorInputFlash{
  border: 1px solid #E30613;
  color: #E30613!important;
}

#payment-data-submit.payment-data-submit-left span{
  font-size: 0px;
}

button#payment-data-submit.payment-data-submit-left{
  width: 216px !important;
  height: 48px;
  margin-top: 24px;
}

.volverFlash{
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #005CA9;
  border-radius: 8px;
  font: normal normal 600 13px / 16px 'Montserrat';
  letter-spacing: 0px;
  color: #005CA9;
  text-decoration: none;
  margin-top: 16px;
}

.volverFlash:hover,
.volverFlash:focus{
  text-decoration: none;
}

@media screen and (max-width: 1280px) {
  .custom-omnishipping--container-flash .custom-omnishipping--seller-business-days,
  .custom-omnishipping--container-flash .custom-omnishipping--seller-business-days::before,
  .custom-omnishipping--container-flash .custom-omnishipping--seller-price,
  .custom-omnishipping--container-flash .custom-omnishipping--seller-price::before{
    font-size: 10px;
  }

  .custom-omnishipping--container-flash .custom-omnishipping--seller-business-days{
    padding-left: 7px;
  }

  .custom-omnishipping--container-flash .custom-omnishipping--seller-price{
    padding-left: 7px;
  }

  .custom-omnishipping--seller-shipment-flash{
    margin-left: 20px;
  }

  .custom-omnishipping--container-image-flash{
    width: 45px;
    padding-right: 7px;
  }

  .custom-split--package-resumen-flash{
    padding-left: 20px;
  }
  .custom-split--seller-shipment-resumen-flash{
    padding-right: 20px;
  }
  .custom-split--seller-shipment--image-flash{
    width: 40px;
    padding: 6px;
  }

  .custom-split--seller-shipment-resumen-flash .custom-split--seller-business-days-resumen,
  .custom-split--seller-shipment-resumen-flash .custom-split--seller-business-days-resumen::before,
  .custom-split--seller-price-resumen-flash,
  .custom-split--seller-price-resumen-flash::before,
  .custom-split--package-resumen-copy-flash p,
  .custom-split--package-resumen-copy-flash p strong{
    font-size: 10px;
  }

  .custom-split--package-resumen-products-flash .custom-split--container-images-resumen{
    min-width: 125px;
  }

  .custom-split--package-resumen-products-flash .custom-split--container-images-resumen img{
    height: 40px;
    width: 40px;
  }

  .custom-split--package-resumen-products-flash .vtex-omnishipping-1-x-item--ver{
    height: 43px;
    width: 43px;
  }
}

@media screen and (max-width: 768px) {
  .wizard .nav-tabs-flash{
    width: 70%;
  }

  .custom-omnishipping--seller-shipment-flash{
    width: 100%;
    margin: 0;
    margin-top: 18px;
  }
  .custom-omnishipping--container-flash .custom-omnishipping--seller-business-days,
  .custom-omnishipping--container-flash .custom-omnishipping--seller-business-days::before,
  .custom-omnishipping--container-flash .custom-omnishipping--seller-price,
  .custom-omnishipping--container-flash .custom-omnishipping--seller-price::before{
    font-size: 12px;
  }
  .custom-omnishipping--container-flash .custom-omnishipping--seller-business-days{
    padding: 0 7px;
  }
  .custom-omnishipping--container-flash .custom-omnishipping--seller-price{
    padding-left: 7px;
  }

  .custom-omnishipping--container-flash{
    flex-wrap: wrap;
    padding: 12px;
    justify-content: center;
  }

  .custom-omnishipping--container-image-flash{
    width: 100%;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 11px;
  }
  .custom-omnishipping--container-image-flash img{
    width: 80px;
  }
  .custom-omnishipping--seller-business-days{
    padding: 0 7px;
  }
  .custom-omnishipping--seller-price{
    padding-left: 7px;
  }

  .note-shipping-flash{
    padding: 16px 0 0;
    border: 0;
  }

  .custom-split--package-resumen-flash{
    flex-direction: column-reverse;
    padding: 18px 0 0;
  }

  .custom-split--package-resumen-products-flash{
    border-top: 1px solid #F0F0F0;
    margin-top: 18px;
    padding-top: 18px;
    justify-content: space-between;
  }

  .custom-split--seller-shipment-resumen-flash{
    border: 0;
    padding: 0;
  }
  .custom-split--seller-shipment--container-image-flash{
    grid-column: 2;
    grid-row: 1 / 3;
    justify-content: flex-end;
    margin: 0;
  }
  .custom-split--seller-shipment-resumen-flash .custom-split--seller-business-days-resumen{
    grid-column: 1;
    grid-row: 1;
  }
  .custom-split--seller-price-resumen-flash{
    grid-column: 1;
    grid-row: 2;
  }

  .custom-split--seller-shipment--image-flash{
    width: 58px;
  }

  .custom-split--seller-shipment-resumen-flash .custom-split--seller-business-days-resumen,
  .custom-split--seller-shipment-resumen-flash .custom-split--seller-business-days-resumen::before,
  .custom-split--seller-price-resumen-flash, .custom-split--seller-price-resumen-flash::before,
  .custom-split--package-resumen-copy-flash p, .custom-split--package-resumen-copy-flash p strong{
    font-size: 12px;
  }
}


/* bolsas biodegradables*/
.bolsastotal{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 0px 12px;
  margin-bottom: 0px;
}
.bolsastotal h5,
.bolsastotal h7{
color: #454545;
font-weight: 300;
}

/* opcion item visible sin incrementadores de unidad */
tr.product-item[data-sku="2322141"] .item-remove,
tr.product-item[data-sku="2322141"] .quantity .item-quantity-change-decrement ,
tr.product-item[data-sku="2322141"] .quantity .item-quantity-change-increment   {
  /* Estilos que deseas aplicar al elemento */
  display: none !important;
}

tr.product-item[data-sku="2322141"] .quantity input[type="tel"]{
  background-color: yellow;
}

/*opcion ocultar todo el item bolsa*/
tr.product-item[data-sku="2322141"]{
  display: none !important;
}
/*oculta de la lista en shipping y payment*/
.cart .hproduct[data-sku="2322141"]{
  display: none !important;
}


/*mensaje informativo*/
.mensaje_informativo-bolsa {
/*   POSITION: absolute;
  top: -87px; */
  
    /* box-shadow: var(--box-shadow); */
    border-radius: 14px;
    width: 100%;
    left: 0;
    padding: 0px 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: url(https://olimpica.vteximg.com.br/arquivos/fondo-2-bolsa.png);
    padding-bottom: 50px;
    height: 90px;
    background-position: center;
    scale: 1.02;
    border: 0px solid;
    margin-top: 21px;
}
.mensaje_informativo-bolsa  .mensaje_informativo__container-icon{
  width: 72px;
  background-color: snow;
}
.mensaje_informativo__container-icon img{
 height: 30px ;
}
.mensaje_informativo-bolsa  p{
  font-size: 12px;
  font-family: Montserrat;
  text-align: left;
  font: normal normal 12px/18px Montserrat bold;
  letter-spacing: 0px;
  color: var(--gray-text-normal);
  margin-bottom: 0px;
}
/*advertencia compras programadas en shipping  */

@media (max-width: 769px){
  .mensaje_informativo-bolsa .mensaje_informativo__container-icon{
    max-width: 38px;
  }
  .mensaje_informativo-bolsa , .mensaje_informativo{
    padding: 12px 15px;
  }
  .mensaje_informativo-bolsa{
    padding: 12px 15px;
    border-bottom: 2px;
    border: 2px solid #f4f4f4;
    background: none;
    scale: 1;
    margin-top: 0px;
  }

}
@media (max-width: 690px){
  .advert-supermarket-pago-online{
    
    margin: 0px auto 0px;
  }
}
.button-initial-payment{
  margin-bottom: 20px;
}
.cart-template.full-cart .summary-template-holder  > *:not(.mensaje_informativo-bolsa):not(.mensaje_informativo){
padding: 0 30px;
width: auto;
}

.mensaje-informativo-bolsa-2{
  box-shadow: var(--box-shadow);
  border-radius: 14px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: -15px;
  padding: 8px;
  background: white;
  left: 0px;
}
.mensaje-informativo-bolsa-2  .mensaje_informativo__container-icon{
  width: 72px;
  background-color: snow;
}
.tex-initial-payment{
      /* scale: 1.0; */
      padding: 26px;
  /*     border-radius: 20px;
      border-top: 1px solid #f2f2f2; */
}


.mensaje_informativo{
  display: none;
}

.vtex-shelf-1-x-relatedProducts--shelf-product-suggestion{
  margin-top: 5px !important;
  background: url(/arquivos/fondo_recomendamos.png) 0% 0% / cover;
  padding: 34px 0 !important; 
}
.mensaje-informativo-bolsa-2 p{
  font:normal normal 12px/18px Montserrat bold;
  color: #454545;
}



/* fin  bolsas biodegradables*/
/*------------- Recommendation --------------*/
.modal-recommended-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

/* Overlay que oscurece el fondo */
.modal-recommended-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

/* Wrapper para centrar el modal */
.modal-recommended-wrapper {
  width: 100%;
  max-width: 1200px;
  position: relative;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  scale: 85%;
}

/* Estilo del modal en sí */
.modal-recommended {
  width: 100%;
  background-color: #fff;
  border-radius: 22px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  padding: 30px 20px;
  box-sizing: border-box;
}

/* Cabezal del modal */
.modal-recommended-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #F0F0F0;
  position: relative;
}

.modal-recommended-close {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
}

.modal-recommended-action {
  margin-top: 30px;
  text-align: center;
}

/* @media screen and (max-width: 767px) {
  .slick-slider {
    padding-bottom: 30px !important;
  }

  .slick-prev,
  .slick-next {
    z-index: 1;
  }

  .modal-recommended-action  {
    margin-top: 15px !important;
  }
} */

.modal-recommended-title {
  font: normal normal normal 14px/18px 'Montserrat Bold';
  letter-spacing: 0px;
  color: #005CA9;
  margin: 0px;
}

.modal-recommended-subtitle {
  font: normal normal normal 13px/22px Montserrat;
  letter-spacing: 0px;
  color: #7E7E7E;
  margin: 0px;
}

.modal-recommended-inside {
  margin-top: 25px;
}

.modal-products-slider {
  margin-top: 25px;
}

@media screen and (min-width: 768px) {
  .modal-recommended-inside,
  .modal-products-slider {
    margin-top: 15px;
  }
  .modal-recommended-action {
    margin-top: 20px;
  }
}

.modal-recommended-loading {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}

/* .loading-img {
  width: 120px;
  height: 120px;
} */

.recommended-button {
  width: 169px;
  height: 42px;
  font: normal normal normal 12px/15px 'Montserrat SemiBold';
  letter-spacing: 0px;
  color: #FFFFFF;
  background: #E32B10 0% 0% no-repeat padding-box;
  border-radius: 6px;
  border: none;
  padding: 12px;
}

.recommended-products-container {
  display: flex;
  flex-direction: column;
  width: 200px;
  border: 2px solid #F8F8F8;
  border-radius: 12px;
  box-shadow: 0px 2px 4px #0000001A;
  padding: 0px !important;
  margin: 0px auto;
  position: relative;
}

.recommended-products-flag {
  width: 100%;
  position: absolute;
}

.flag-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 5px;
}

.recommended-products-image {
  display: flex;
  justify-content: center;
  padding: 20px;
}

.recommended-products-image img {
  width: 120px;
  height: 120px;
}

.recommended-products-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  background: #F7F7F7 0% 0% no-repeat padding-box;
}

.recommended-products-brand {
  font: normal normal normal 11px/14px Montserrat SemiBold;
  letter-spacing: 0px;
  color: #595959;
}

.recommended-products-name {
  font: normal normal normal 13px/18px Montserrat Bold;
  letter-spacing: 0px;
  color: #454545;
}

.recommended-product-cms-container {
  position: absolute;
  top: 0px;
  left: 0px;
}

.recommended-product-cms {
  font: normal normal normal 11px/14px 'Montserrat SemiBold';
  letter-spacing: 0px;
  color: #595959;
}

.truncate {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recommended-products-add {
  width: 100%;
  background: #E30613 0% 0% no-repeat padding-box;
  border-radius: 6px;
  font: normal normal normal 12px/15px Montserrat SemiBold;
  letter-spacing: 0px;
  text-align: center;
  margin-top: 12px;
  color: #FFFFFF;
  cursor: pointer;
  padding: 10px;
  border: none;
}

.recommended-products-add:disabled {
  background: #A0A0A0;
}

.recommended-products-add-to-cart {
  margin-top: 12px;
}

.recommended-products-add-counter {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.recommended-products-add-display {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #E3E3E3;
  border-radius: 6px !important;
  color: #454545 !important;
  font-size: 0.813rem !important;
  background-color: #ffffff;
  margin: 0px 9.5px;
  flex: 1;
}

.recommended-products-add-counter-minus-container,
.recommended-products-add-counter-plus-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #005CA9;
  width: 34px !important;
  height: 34px !important;
  border-radius: 6px;
  color: white;
  cursor: pointer;
  border: 0px;
}

.recommended-products-add-counter-minus,
.recommended-products-add-counter-plus {
  font-size: .875rem;
}

.d-none {
  display: none !important;
}

.product-pum-info span {
  font: normal normal normal 10px/13px Montserrat SemiBold;
  letter-spacing: 0px;
  color: #595959;
}

.price-container {
  display: flex;
  flex-direction: column-reverse;
}

.price-container .list-prices .vtex-product-price-1-x-sellingPrice--hasListPrice--dynamicF .currency-container {
  font: normal normal normal 14px/18px 'Montserrat Bold';
}

.list-prices .currency-container {
  font-family: 'Montserrat Bold';
  font-size: 0.875rem;
  color: #454545;
  margin-right: auto;
}

.list-prices .currency-card-container {
  font: normal normal normal 14px/18px 'Montserrat Bold';
  letter-spacing: 0px;
  color: #ED1D24;
}

.list-prices-sin-iva > .currency-container {
  color: #36474F !important;
}

.recommended-products .strike-price {
  font: normal normal normal 11px/14px 'Montserrat SemiBold';
  text-decoration: line-through;
  color: #7E7E7E;
  padding: 0px;
}

.recommended-products .strike-price .currency-container {
  color: #7E7E7E;
  font-family: 'Montserrat SemiBold';
  font-size: 11px!important;
}

.card-image {
  width: 100%;
  min-width: 15px;
}

.strike-price {
  padding-bottom: 3%;
}

.strike-price,
.strike-price .currency-container {
  font: normal normal normal 11px/14px 'Montserrat SemiBold';
  color: #36474F;
  font-weight: 400 !important;
}

.message-iva.strike-price {
  content: "*LA DEDUCCIÓN QUE APLICA A LA PRESENTE VENTA, CORRESPONDE A LA EXENCIÓN ESTABLECIDA EN LA LEY 2155 DE 14 DE SEPTIEMBRE DE 2021, NO ES UNA PROMOCIÓN *PRECIOS VÁLIDOS EL 28/10/2021. \A *Los precios para clientes tarjeta plata aplican para todas las compras que realicen en olimpica.com con cualquier medio de pago.";
  font-size: 9px;
  white-space: break-spaces;
  display: block;
  visibility: hidden;
  font-weight: 700;
  margin: 5px;
  padding: 3px;
  color: #36474f;
  opacity: 0.5;
}

.vtex-product-price-1-x-sellingPrice--hasListPrice--dynamicF {
  display: flex;
  margin-top: 5px;
  align-items: center;
  flex-direction: row;
  gap: 5px;
}

.container-flag {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: initial;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3rem;
  height: 3rem;
}

.other-media-text {
  font: normal normal normal 9px/9px 'Montserrat SemiBold';
  letter-spacing: 0px;
  color: #454545;
}

.container-percentage-flag {
  display: block;
  background-image: url(https://olimpica.vtexassets.com/arquivos/TC-olimpica.svg) !important;
  background-size: 17.26px;
  background-repeat: no-repeat;
  background-position: bottom 5px right 8px;
  font: normal normal normal 12px/18px 'Montserrat Bold';
  color: white;
  padding: 5px 6px;
}

.container-percentage-flag::before {
  content: '-';
}

.container-percentage-flag::after {
  content: '%';
  padding-right: 8px;
  margin-right: 14px;
}

.container-flagdcto {
  background-color: #005CA9;
  border-radius: 6px;
}

.container-percentageflagdcto {
  display: block;
  font: normal normal normal 12px/18px 'Montserrat Bold';
  padding: 5px 8px;
  color: white;
}

.container-sin-va {
  content: url(https://olimpica.vteximg.com.br/arquivos/SELLO-DIA-SIN-IVA-02.png);
  display: block;
  width: 60px !important;
  height: 60px;
  right: -63px;
  top: -21px;
}

.container-ganafanaticos {
  content: url(/arquivos/flagganafanatios17032023.png);
  display: block;
  width: 60px !important;
  height: 60px;
  border-radius: 30px;
  right: -63px;
  top: -21px;
}

.container-exclusivo {
  content: url(/arquivos/sello%20exclusivo%20olimpica.com%20rojo-01.png);
  display: block;
  width: 60px !important;
  height: 60px;
  right: -63px;
  top: -21px;
}

.container-freeshipping {
  content: url(https://olimpica.vtexassets.com/assets/vtex/assets-builder/olimpica.theme/5.5.41/images/envio-gratis-icon___adfbea8….svg);
  height: auto !important;
  width: 68px !important;
}

.sin-iva {
  position: absolute;
  top: 10px;
  left: 5px;
  width: 200px;
}

.container-dynamiccharge {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .modal-recommended {
    padding: 43px 39px 26px;
  }
}

@media screen and (max-width: 680px) {
  .tco-content .display-none {
    min-width: initial !important;
  }

  .tco-content .display-none {
    font-size: 0px !important;
  }

  .tco-content .display-none::after {
    content: "Sin IVA";
    font-size: 7px;
    display: block;
    color: black;
  }

  .otros-medios-text {
    font-size: 11px;
  }

  .strikePrice,
  .strikePrice .currency-container {
    font-size: 12px !important;
  }
}

.otros-medios-text {
  width: 30%;
  display: inline-block;
  font-size: 12px;
}

@media screen and (max-width: 1024px) {
  .otros-medios-text {
    font-size: 8px !important;
  }
}

@media screen and (max-width: 374px) {
  .otros-medios-text {
    width: 20%;
    font-size: 4px;
  }
}
@media (max-width: 325px) {
  .form-datos .containerField .error-message{
    font: normal normal 400 10px/15px Montserrat
  }
}
.slick-slider {
  padding-bottom: 10px;
}

.slick-slide {
  height: 440px !important;
  display: flex !important;
  justify-content: center;
  position: relative;
  padding-top: 20px;
}

.slick-prev {
  display: flex;
  justify-content: center;
  width: 53px;
  height: 36px;
  font-size: 0px;
  position: absolute;
  bottom: -28px;
  right: 53px;
  border: none;
  background: #ffffff;
  border-radius: 8px 0px 0px 8px;
  box-shadow: 0px 2px 3px #0000000D;
  padding: 12px 0;
  margin: 0;
}

.slick-prev:hover {
  background: #005CA9 0% 0% no-repeat padding-box;
}

.slick-prev::before {
  content: '';
  height: 40%;
  background-color: #d5d5d5;
  width: 1px;
  position: absolute;
  right: 0;
}

.slick-prev:hover::before {
  content: none;
}

.slick-prev::after {
  content: '';
  background: url(/arquivos/arrow-blue.svg);
  transform: scaleX(-1);
  width: 7px;
  height: 11px;
}

.slick-prev:hover::after {
  transform: scaleX(1);
  background: url(https://olimpica.vtexassets.com/assets/vtex/assets-builder/olimpica.theme/5.5.40/images/arrow-carousel-left___9f55ffc….svg);
}

.slick-next {
  display: flex;
  justify-content: center;
  width: 53px;
  height: 36px;
  font-size: 0px;
  position: absolute;
  bottom: -28px;
  right: 0px;
  border: none;
  background: #ffffff;
  border-radius: 0px 8px 8px 0px;
  box-shadow: 0px 2px 3px #0000000D;
  padding: 12px 0;
  margin: 0;
}

.slick-next:hover {
  background: #005CA9 0% 0% no-repeat padding-box;
}

.slick-next::after {
  content: '';
  background: url(/arquivos/arrow-blue.svg);
  width: 7px;
  height: 11px;
}

.slick-next:hover::after {
  transform: scaleX(-1);
  background: url(https://olimpica.vtexassets.com/assets/vtex/assets-builder/olimpica.theme/5.5.40/images/arrow-carousel-left___9f55ffc….svg);
}

.content-icon {
  border: 1px solid #ec1c24;
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.spinner {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
}

.spinner div {
  width: 3px;
  height: 3px;
  background-color: #454545;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.check {
  display: flex;
  justify-content: center;
  align-items: center;
}

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0)
  }
  40% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/*pago con id 17*/
#payment-group-promissoryPaymentGroup::before {
  content: '';
  background-image: url(/arquivos/efectivo.svg);
}

#payment-group-promissoryPaymentGroup .payment-group-item-text {
  visibility: hidden; /* Oculta el texto original */
  position: relative;
}

#payment-group-promissoryPaymentGroup .payment-group-item-text::after {
  content: "Pago en caja"; /* Nuevo texto */
  visibility: visible;
  position: absolute;
  left: 0;
  min-width: 40px;
}

/*fin estilos pago con id 17*/

/*pickup point */
  .vtex-omnishipping-1-x-pickupButton, .button-unavailable-delivery-pickup-wrapper, .shp-alert-shipping-unavailable {
    margin: auto;
  }

  /*pickup points configurados */
 .vtex-omnishipping-1-x-pickupButton, .button-unavailable-delivery-pickup-wrapper, .shp-alert-shipping-unavailable {
    margin: auto;
  }
.vtex-pickup-points-modal-3-x-modalPostalCode p.input.ship-state,
.vtex-pickup-points-modal-3-x-modalPostalCode p.input.ship-city{
  display: flex !important;
}
.vtex-pickup-points-modal-3-x-modalPostalCode div{
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.vtex-pickup-points-modal-3-x-modalPostalCode div p{
  justify-content: center;
}
.vtex-pickup-points-modal-3-x-modalPostalCode{
  width: auto !important;
}
@media(min-width:501px){

  .vtex-pickup-points-modal-3-x-modalPostalCode .ship-state label,
  .vtex-pickup-points-modal-3-x-modalPostalCode .ship-city label
  {
  width: 110px;
    align-items: center;
    display: flex;
  }
  .vtex-pickup-points-modal-3-x-modalPostalCode .ship-city label{
    width: 114px;
  }
}


@media(max-width:500px){
  .vtex-pickup-points-modal-3-x-modalPostalCode .ship-state ,
  .vtex-pickup-points-modal-3-x-modalPostalCode .ship-city {
    width: 210px !important;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    }
  }
  .vtex-omnishipping-1-x-deliveryChannelsWrapper{
  display: flex ;}
  p.input.ship-country.text{
    display: none;
  }
  /*boton de cambiar punto de recogida*/
  .vtex-omnishipping-1-x-pickupPointChange{
    display: none !important;
  }


.vtex-pickup-points-modal-3-x-pickupPointSlaAvailabilityPostalCode .pkpmodal-pickup-point-sla{
    display: none;
    
}
.vtex-omnishipping-1-x-isActive .shipping-method-toggle-pickup {
 background-color:   var(--red-primary)
}

#shipping-option-pickup-in-point .shp-method-option-complement {
display: none;
}

#shipping-option-pickup-in-point  .shp-method-option-text::after {
    content: " gratis";
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    display: block;
    position: relative;
    top: -3px;
}
#scheduled-delivery-pickup-in-point + div .delivery_price {
  display: none;
}