/*Modificación Checkout (Marcos)*/
section#checkout-personal-information-step {
  border-radius: 10px;
}

.form-control {
  border-radius: 10px;
}

body#checkout section.checkout-step {
  border-radius: 10px !important;
  border-left: 5px solid #bdbdbd;
}

section#js-checkout-summary {
  border-radius: 10px;
}

@media (min-width: 768px) {
  .col-md-8 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: unset !important;
    align-items: unset !important;
  }
}

/*Agregamos Estilos Loguin PopUp*/

/*mi cuenta*/

.form-wraps h3 {
  color: #000000;
  font-size: 18px;
}

#customer-form-login .fa-5x {
  font-size: 3em;
  border: solid 1px black;
  padding: 10px 15px;
  border-radius: 50px;
}

.customer-container.showy {
  z-index: 9999999999999;
}

.customer-dropdown > .customer-dropdown-menu li,
.customer-dropdown > .customer-dropdown-menu li a,
.customer-dropdown > .customer-dropdown-menu li span {
  border-radius: 5px !important;
}

.customer-dropdown > .customer-dropdown-menu {
  border-radius: 10px !important;
  box-shadow: 4px 3px 5px 0px rgb(0 0 0 / 35%);
}

/*Mi cuenta popups*/
input#password {
  margin-bottom: 0px !important;
  margin-top: 10px !important;
}

button.btn.btn-outline-secondary {
  border-radius: 5px;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group
  > .input-group-prepend:first-child
  > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
  border-radius: 5px !important;
}

.form-wraps .input-group input.form-control {
  border: solid 1px black !important;
}

.form-wraps {
  background-color: #ffffff !important;

  color: #000000 !important;

  display: flex;

  justify-content: center;

  width: 500px;

  align-items: center;

  height: 300px;

  border-radius: 10px !important;
}

.input-group.js-parent-focus {
  border: none !important;
}

.input-group .input-group-btn > .btn {
  border-radius: 5px !important;
  font-size: 9px;
  margin-top: 10px;
}

button#form-control-submit-login {
  border-radius: 10px;
  height: unset !important;
  padding: 4px 10px 4px 10px;
}

.form-wraps label,
.form-wraps .form-control-comment {
  color: #000000 !important;
  font-size: 14px;
}

.btn-cust-submit {
  border-radius: 5px;
}

.form-wraps .form-control,
.form-wraps input[type="text"],
.form-wraps .input-group {
  border-radius: 5px;
}

form#customer-form-forgot {
  text-align: center;
}

button#form-control-submit-email {
  margin-left: -86px;
}

/*icono user mobile*/
i.fa.fa-user.fa-fw.icon:hover {
  color: #3c3c3b !important;
  transition: 57ms;
}

.input-group .input-group-btn > .btn {
  border: 0;

  box-shadow: none;

  font-weight: 400;

  margin-left: 0;

  padding: 5px;

  text-transform: uppercase;

  font-size: 10px;
}

input#password {
  border: solid 1px black !important;

  margin-bottom: 5px !important;
}

input#email {
  border: solid 1px black !important;

  margin-bottom: 5px !important;

  border-radius: 5px !important;
}

/*Editamos icon user*/
.col.col-auto.col-md.right-nav.text-right .customer-info {
  display: none;
}

i.fa.fa-user.fa-fw.icon {
  font-size: 1.6285714286rem !important;
  color: black !important;
}

/* -------------------- login edit 24/1 -------------------- */
#customer-form-login .input-group .input-group-btn > .btn {
  line-height: 0;
  font-weight: 400;
  margin-left: 0;
  margin-top: 0 !important;
  z-index: 999;
  background-color: transparent !important;
  color: #019ae9 !important;
}

#customer-form-login .form-group.row {
  align-items: center;
  justify-content: center;
}

#customer-form-login > section > div:nth-child(3) > div {
  padding: 0 !important;
}

#customer-form-login > section > div:nth-child(4) > div {
  padding: 0 !important;
}

#customer-form-login > section > div:nth-child(3) > label {
  padding: 0;
  height: 30px;
  background-color: black;
  max-width: 30px;
  border-radius: 11px 0px 0px 11px;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

#customer-form-login > section > div:nth-child(4) > label {
  padding: 0;
  height: 30px;
  background-color: black;
  max-width: 30px;
  border-radius: 11px 0px 0px 11px;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

i.fa.fa-lock {
  font-size: 14px;
  color: white;
}

#customer-form-login .fa-envelope:before {
  color: white;
}

#customer-form-login .fas.fa-lock {
  color: white;
}

#customer-form-login input#email {
  border: solid 1.3px #a3a3a3 !important;
  border-radius: 0px 11px 11px 0px !important;
  margin: 0 !important;
  height: 30px;
}

#customer-form-login input#password {
  margin: 0 !important;
  border: none !important;
}

#customer-form-login .user-icon {
  text-align: center;
  color: #000000;
  padding-bottom: 15px;
}

@media (max-width: 767px) {
  #customer-form-login .form-wraps {
    width: 70vw !important;
  }

  #customer-form-login .form-wraps .form-group.row {
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  #customer-form-login .user-icon::before {
    display: none;
  }
}

@media (max-width: 768px) {
  form#customer-form-login .form-group {
    width: 200px !important;
    margin: 5px 0;
    flex-wrap: nowrap;
  }

  #customer-form-login input#password {
    border-radius: 0 !important;
  }

  #customer-form-login .input-group .input-group-btn > .btn {
    border-radius: 0 10px 10px 0 !important;
  }
}

@media (min-width: 768px) {
  #customer-form-login input#password {
    width: 250px !important;
  }

  #customer-form-login
    > section
    > div:nth-child(4)
    > div
    > div
    > span
    > button {
    margin-top: 0px !important;
  }
}

#customer-form-login span.input-group-btn {
  margin-left: 0px !important;
}

#customer-form-login > section > div:nth-child(4) > div > div {
  border: solid 1.3px #a3a3a3 !important;
  border-radius: 0px 11px 11px 0px !important;
  height: 30px;
}

/* Se insertan estilos en "Recuperar contraseña"  */
input#email {
  border: solid 1.3px #a3a3a3 !important;
  border-radius: 0px 11px 11px 0px !important;
  height: 30px;
}

label.col-md-3.form-control-label.required.email-center {
  background-color: black;
  padding: 0;
  height: 30px;
  max-width: 30px;
  border-radius: 11px 0px 0px 11px;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fa-envelope:before {
  content: "\f0e0";
  color: white;
}

button#form-control-submit-email {
  margin: auto;
}

/* Se edita el pop up de crear cuenta */

.form-wraps.create-form {
  height: 450px;
  width: 500px;
}

#customer-form-create > section > div:nth-child(3) {
  display: none;
}

#customer-form-create > section > div:nth-child(8) {
  display: none;
}

.form-wraps .form-control,
.form-wraps input[type="text"],
.form-wraps .input-group {
  border: 1px solid #a3a3a3 !important;
}

.form-wraps .input-group input.form-control {
  border: solid 1px transparent !important;
}

.form-wraps .custom-radio {
  border: 2px solid #a3a3a3 !important;
}

/* Se cambia boton de cierre de pop up aplicando medi query para escritorio y mobile */

.close-x {
  position: absolute;
  border: 2px solid white;
  right: -18px;
  top: -11px;
  height: unset;
  cursor: pointer;
  z-index: 999999;
  background: black;
  border-radius: 50%;
}

.close-x i {
  font-size: 14px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

@media (max-width: 768px) {
  .form-wraps.forgot-pass-form .form-group.row {
    width: 200px !important;
    margin: 5px 0;
    flex-wrap: nowrap;
    margin: auto;
  }

  .close-x {
    position: absolute;
    border: 2px solid white;
    right: -11px;
    top: -11px;
  }
}

button#iqit-wishlist-product-btn,
button#iqit-compare-product-btn {
  color: white;
}

/*popups mobile de login*/
@media (min-width: 200px) and (max-width: 767px) {
  .form-wraps {
    width: 95% !important;
  }
}

.subcategory-heading {
  font-weight: bold;
}

#subcategories ul li {
  float: left;
  width: 25%;
  text-align: center;
}

#subcategories ul li img {
  margin-bottom: 10px;
}

/*Cambios en la ficha del producto*/
.product-reference {
  color: #8796b9;
  margin-top: -6px;
}

.product-discount .regular-price {
  color: #8796b9;
}

@media (min-width: 586px) {
  .row.extra-small-gutters.product-quantity {
    flex-wrap: nowrap;
  }
}

.product-additional-info,
.product_header_container {
  border: none;
}

#product-description-short-125 {
  font-size: 14px !important;
}

/*Personalización botones cantidad*/
body#product .input-group.bootstrap-touchspin {
  display: flex;
  justify-content: center;
  position: relative;
}

body#product input#quantity_wanted {
  max-width: 40px;
  z-index: 9999;
  border: none;
  text-align: center;
  background-color: transparent;
}

body#product .product-add-to-cart span.input-group-btn-vertical {
  position: absolute;
  margin: 0;
  bottom: 0;
  left: 1px;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 100%;
  height: 100%;
  padding: 5px 0;
}

body#product button.btn.btn-touchspin.js-touchspin {
  max-width: 15px !important;
  background-color: #e1e1e1 !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 14px !important;
}

body#product
  .product-add-to-cart
  div.col.col-12.col-sm-auto.col-add-qty
  div.qty {
  background: #fff;
  border: solid 1px #8b8787;
  padding: 0 5px;
  border-radius: 30px;
  min-width: 95px;
}

body#product
  button.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-up
  .fa-angle-up:before {
  content: "\f067" !important;
}

body#product
  button.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-down
  .fa-angle-down:before {
  content: "\f068" !important;
}

body#product i.fa.fa-angle-up.touchspin-up,
i.fa.fa-angle-down.touchspin-down {
  padding: 5px;
  padding-left: 3px;
}

.product-add-to-cart .btn-lg {
  padding: 0.6rem 1rem;
  min-height: 39px !important;
}

.btn.btn-primary.btn-lg.add-to-cart {
  border-radius: 20px;
}

.btn-touchspin .fa.fa-angle-down.touchspin-down,
.btn-touchspin .fa.fa-angle-up.touchspin-up {
  color: #000;
}

/*Fin Personalización botones cantidad*/
.product-flags .discount,
.product-flags .on-sale {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 6px 15px;
}

@media (max-width: 586px) {
  .col.col-12.col-sm-auto.col-add-qty {
    max-width: 30%;
  }
  .col.col-12.col-sm-auto.col-add-btn {
    max-width: 70%;
  }
}
/*Fin de cambios en la ficha del producto*/

/*Rediseño checkout*/

/*Checkout*/

@media (min-width: 586px) {
  #checkout
    .checkout-step.-current.-reachable:not(.complete):not(
      #checkout-payment-step
    )
    .barra-progresiva,
  #checkout
    .checkout-step.-reachable.-complete.-clickable:not(.js-current-step)
    .barra-progresiva {
    left: -4px;
  }

  .step-number {
    padding: 5px 10px;
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 586px) {
  #checkout
    .checkout-step.-current.-reachable:not(.complete):not(
      #checkout-payment-step
    )
    .barra-progresiva,
  #checkout
    .checkout-step.-reachable.-complete.-clickable:not(.js-current-step)
    .barra-progresiva {
    left: -6.5px;
  }

  #checkout div.col-md-8:nth-child(1) {
    padding-right: 0;
    padding-left: 30px;
  }

  .step-number {
    padding: 0px 8px;
    width: 25px;
    height: 25px;
  }

  #delivery-addresses,
  #invoice-addresses {
    flex-direction: column;
  }

  #delivery-addresses,
  #invoice-addresses {
    gap: 5px;
  }

  #delivery-addresses article,
  #invoice-addresses article {
    width: 100%;
  }
}

#checkout .btn {
  border-radius: 7px;
}

body#checkout section.checkout-step.-current .step-title {
  border: none;
  padding: 0 1.4rem;
}

#checkout
  .checkout-step.-reachable.-complete.-clickable:not(.js-current-step)
  .barra-progresiva {
  position: absolute;
  border: solid 4px #ffd300;
  height: 100%;
  margin-top: 1px;
}

body#checkout section.checkout-step,
body#checkout section.checkout-step .not-allowed {
  opacity: 1;
}

#checkout
  .checkout-step.-current.-reachable:not(.complete):not(#checkout-payment-step)
  .barra-progresiva {
  position: absolute;
  border: solid 4px #979797;
  height: 100%;
  margin-top: 5px;
  z-index: 0;
}

body#checkout section.checkout-step {
  border: transparent;
}

#checkout .step-number {
  position: absolute !important;
  left: -15px !important;
  background-color: #ffd300;
  text-align: center;
  border-radius: 50%;
  z-index: 99;
  margin-top: -5px;
  color: #000;
}

#checkout .checkout-step.-reachable.-clickable,
.checkout-step.-unreachable {
  position: relative;
}

#checkout-personal-information-step .content > p:nth-child(1):not(.identity) {
  border: solid 1px #ffd300;
  width: fit-content;
  padding: 2px 5px;
  border-radius: 7px;
  text-decoration: underline;
}

body#checkout .col-md-2.col-form-label {
  width: 100%;
}

#checkout .checkout-step .step-title {
  text-transform: uppercase;
  font-size: 18px;
}

#checkout .checkout-step.-complete .step-title {
  color: #979797;
}

/*Formulario*/
@media (min-width: 586px) {
  #checkout .div_firstname,
  #checkout .div_lastname {
    flex: 48%;
  }

  #checkout .div_firstname input.form-control,
  #checkout .div_lastname {
    max-width: 95%;
  }

  .div_field,
  #personal-information-step-login .form-group.row.align-items-center {
    width: 100%;
  }

  #checkout-addresses-step .col-md-2.col-form-label,
  #checkout-addresses-step .col-md-8,
  #login-form .col-md-2.col-form-label,
  #login-form .col-md-8,
  #customer-form .col-md-2.col-form-label,
  #customer-form .col-md-8 {
    flex: 0 0 100% !important;
    max-width: 100%;
    padding: 0;
  }

  #checkout select.form-control:not([size]):not([multiple]) {
    height: 39.6px;
  }

  div.form-group:nth-child(15) {
    flex: 100%;
  }

  #checkout #customer-form section:nth-child(1),
  #checkout #login-form > section:nth-child(1),
  #checkout .js-address-form .form-fields {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 80%;
  }

  #checkout .form-footer {
    display: flex;
    width: 80%;
  }
}

#checkout .col-form-label {
  text-align: left;
}

.form-control {
  border-color: #747373;
  border-radius: 7px;
}

button[data-action="show-password"] {
  border-color: #747373 !important;
  border-radius: 7px;
  margin-left: 11px;
}

.custom-checkbox input[type="checkbox"] + span:not(.color),
.custom-radio {
  border-color: #747373;
}

.custom-select2 {
  padding: 0;
}

.form-group.row.align-items-center {
  margin: 0;
}

body#checkout section.checkout-step #personal-information-step-login {
  background-color: transparent;
  padding: 0;
  margin-bottom: 4rem;
}

#checkout .forgot-password {
  width: 100%;
}

#checkout button.continue,
#checkout .btn.btn-primary.btn-block.btn-lg {
  border-radius: 7px;
  width: 100%;
  text-transform: uppercase;
  padding: 9px;
}

@media (max-width: 596px) {
  .js-address-form .col-md-8 {
    padding: 0;
  }
}

#checkout .checkout-step.-unreachable {
  filter: grayscale(1);
}

/*fin formulario*/
body#checkout section.checkout-step .address-item {
  border-color: #747373 !important;
  border-radius: 7px;
}

body#checkout section.checkout-step hr {
  border-color: #747373 !important;
}

#checkout .add-address {
  color: #747373;
}

.js-address-form .h4 {
  color: #ffd300;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0;
}

/*Metodos de envio*/
body#checkout section.checkout-step .delivery-option {
  background-color: #f6f6f6;
  border: solid 1px #000;
  border-radius: 15px;
}

.carriere-name-container.col-xs-9 .h6 {
  font-weight: normal;
}

body#checkout section.checkout-step .delivery-option .carrier-delay {
  font-size: 1rem;
}

/*Metodos de envio*/

/*Pago*/

body#checkout section.checkout-step .payment-options .payment-option {
  background-color: #f6f6f6;
  border: solid 1px #000;
  padding: 2rem 1rem;
  border-radius: 15px;
  margin-bottom: 15px;
  display: flex;
  gap: 2rem;
  align-items: center;
}

body#checkout span.custom-radio,
body#checkout
  section.checkout-step
  .payment-options
  .payment-option
  label
  span {
  margin: 0 !important;
}

body#checkout
  section.checkout-step
  .payment-options
  .payment-option
  .label-payment {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
#payment-confirmation .btn.btn-primary.btn-block.btn-lg {
  background-color: #ffd300;
  max-width: 80%;
  border-radius: 7px;
}

.payment-options img {
  max-width: 80px;
}

#checkout .custom-radio {
  border: transparent;
}

/*Pago*/
body#checkout #order-summary-content {
  border-radius: 15px;
}

/*Checkout*/

/*Carrito checkout*/

.card {
  border-color: #747373;
  border-radius: 7px;
}

#js-checkout-summary hr {
  border-color: #747373;
}

#js-checkout-summary .btn.btn-secondary {
  background-color: #747373;
  color: #fff;
  border-radius: 7px;
  margin-left: 10px;
  border: none;
}

#js-checkout-summary .form-control {
  border-radius: 7px;
  border-color: #747373;
}

#js-checkout-summary .fa.fa-tag.btn.voucher-icon {
  position: absolute;
  z-index: 9;
  left: 10px;
  top: 5px;
  color: #747373;
}

#js-checkout-summary .form-control {
  padding-left: 30px;
}

.cart-summary-line.cart-total {
  justify-content: space-between;
  padding-bottom: 1rem;
}

.cart-summary-line::after {
  display: none;
}

#checkout .alert.alert-danger.m-t-2.js-alert-payment-conditions {
  background: none;
  border: none;
  color: #ffd300;
}

.card-block.cart-summary-subtotals-container {
  padding: 0;
}

#cart-subtotal-products {
  border-bottom: solid 1px #747373;
}

.cart-summary-line.cart-summary-payment-fees {
  border-top: solid 1px #747373;
}

.card-block.cart-summary-subtotals-container div {
  padding: 1rem;
}

#cart-subtotal-shipping {
  border: none;
}

#checkout .cart-fees {
  display: none;
}

.col-md-2.form-control-comment {
  color: #747474;
}

.js-cart .media-body.align-self-center {
  display: flex;
  gap: 2rem;
  color: #747474;
}

.js-cart .pull-right {
  display: flex;
  align-items: center;
}

.js-cart span.product-name,
.js-cart span.step-edit {
  color: #747474;
}

.card-body.cart-detailed-subtotals.js-cart-detailed-subtotals,
.card-body.cart-summary-totals.js-cart-summary-totals {
  padding: 0;
}

.cart-summary-line {
  padding: 1rem;
}

.card.cart-summary hr {
  border-color: #747373;
}

div#promo-code .input-group input.form-control {
  border-radius: 7px;
}
/*Fin rediseño checkout*/

div#desktop-header .cbp-hrmenu .cbp-menu-column {
  margin-top: 0;
}

ul.cbp-links.cbp-valinks li a {
  text-transform: uppercase;
}

/*Cambios checkout*/
@media (min-width: 996px) {
  form#mp_standard_checkout
    .row.mp-frame-checkout-seven
    .col-xs-12.col-md-12.col-12:not(.mp-pt-15),
  form#mp_standard_checkout
    .row.mp-frame-checkout-seven
    .col-xs-12.col-lg-6.col-md-6.col-12:not(.mp-pt-15) {
    -ms-flex: 0 0 43%;
    flex: 0 0 43%;
    max-width: 43%;
    padding: 0;
  }

  section#checkout-payment-step #mp_standard_checkout > div > div:nth-child(1) {
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
    margin-left: 15px;
  }
  section#checkout-payment-step #mp_standard_checkout > div > div:nth-child(3) {
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
  }

  form#mp_standard_checkout {
    padding: 0;
  }
}

@media (max-width: 996px) {
  form#mp_standard_checkout
    .row.mp-frame-checkout-seven
    .col-xs-12.col-md-12.col-12:not(.mp-pt-15),
  form#mp_standard_checkout
    .row.mp-frame-checkout-seven
    .col-xs-12.col-lg-6.col-md-6.col-12:not(.mp-pt-15) {
    text-align: center;
  }
  form#mp_standard_checkout .mp-payment-methods-container {
    justify-content: center;
  }
}

form#mp_standard_checkout .mp-payment-method-logo-container {
  width: 45px;
  height: 30px;
}

form#mp_standard_checkout span.mp-badge-checkout {
  display: none;
}

/*Fin*/


/*Estilos a los check del checkout*/
body#checkout .payment-options span.custom-radio,
body#checkout .delivery-option.js-delivery-option span.custom-radio {
  border: 1px solid #000;
}