/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
@media (max-width: 340px) {
  .newDiv {
    display: flex;
    gap: 0.5em;
}
  .product-information {
    display: flex;
    flex-direction: column-reverse;
}
  .col.col-mobile-logo.text-center {
    min-width: 60% !important;
  }
}

@media(max-width:490px) {
  #header .col-envio .fa {
    top: 3px!important;
  }
  .newDiv {
    display: flex;
    gap: 0.5em;
}
  .product-information {
    display: flex;
    flex-direction: column-reverse;
}
  .product_header_container.clearfix span {
    font-size: 16px !important;
  }

  .containerPrecioMensaje {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .containerPrecioMensaje p,
  span.product-price {
    color: #000 !important;
  }

/* 04/11/25
	.product-add-to-cart.pt-3.js-product-add-to-cart {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: #D9D9D9;
    z-index: 9999;
    width: 100%;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
04/11/25 */
  .product-variants .input-radio:checked+span,
  .product-variants .input-radio:hover+span {
    background-color: #FFCC80;
    color: #fff !important;
  }

  .input-container.float-left.attribute-not-in-stock span {
    color: #fff !important;
  }

  .input-container.float-left.attribute-not-in-stock {
    background: #FFCC80 !important;
  }

  #group_1 li {
    background: #f90;
    color: #fff;
  }

  .product-variants .input-radio,
  .product-variants .radio-label {
    box-shadow: none !important;
  }

  #mobile-header .form-control.form-search-control {
    border: unset;
    border-radius: 10px;
  }

  .fa-search::before {
    color: #fff !important;
  }

  .search-widget .search-btn {
    background: #f90;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  .col.col-mobile-logo.text-center {
    min-width: 60% !important;
  }

  /* .textoContainer,.iconosAditionalInfo {
      display: none;
    } */

  .social-sharing ul {
    display: flex;
    width: 50%;
    gap: 1em;
  }

  .social-sharing p {
    width: 28%;
  }

  body #product .js-product-miniature-wrapper.js-product-miniature-wrapper-52172.col-6.col-md-4.col-lg-3.col-xl-15.slick-slide.slick-cloned {
    width: 50% !important;
  }

  body #product .slick-track {
    width: 100% !important;
  }

  body #product .slick-slide {
    height: auto !important;
    width: 50% !important;
  }

  body #product .ets_crosssell_tab_content .slick-list,
  #product .ets_crosssell_block .tab_content .slick-list {
    width: 100% !important;
  }

  body #product .slick-track {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    padding: 0px !important;
    gap: 0px !important;
  }

}

li.instagram {
  display: inline-block;
  margin-right: -4px;
  background-color: #90959f;
}

li.twitter {
  margin-right: -4px;
  background-color: #90959f;
}

li.twitter {
  display: none !important;
}

.product-list-subcategories .img-fluid {
  width: 100%;
  /* max-height: 211px!important; */
}

.delivery_option_price {
  font-size: 19px !important;
}

#header .col-header-right .fa {
  font-size: 12px;
}

#onepagecheckoutps_contenedor .col-xl-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 100%;
  max-width: unset;
}

.row.carrier-extra-content {
  justify-content: center;
}

.row.carrier-extra-content .button {
  background-color: #051AB1 !important;
  color: #ffff !important;
  display: flex !important;
  align-content: center;
  justify-content: center;
  text-align: center;
  padding-left: 15px !important;
}

body::-webkit-scrollbar,
#list-right::-webkit-scrollbar {
  width: 12px;
  /* Ancho del scrollbar */
}

body::-webkit-scrollbar-thumb,
#list-right::-webkit-scrollbar-thumb {
  background-color: #333;
  /* Color del thumb (la parte que se arrastra) */
}

body::-webkit-scrollbar-track,
#list-right::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  /* Color de la pista del scrollbar */
}

/* Cambiar el ancho del thumb */
body,
#list-right {
  scrollbar-width: thin;
  /* Puede ser 'thin', 'auto' o 'none' */
}

/* Cambiar el estilo de los botones de scroll */
body,
#list-right {
  scrollbar-arrow-color: #333;
  /* Color de las flechas del scrollbar */
  scrollbar-face-color: #999;
  /* Color del fondo del scrollbar */
  scrollbar-3dlight-color: #ddd;
  /* Color de realce 3D */
  scrollbar-highlight-color: #ccc;
  /* Color de realce */
  scrollbar-shadow-color: #888;
  /* Color de sombra */
  scrollbar-darkshadow-color: #666;
  /* Color de sombra oscura */
}

.panel-heading {
  border-bottom: 1px solid #dcdcdc;
}

.panel-heading a {
  color: #fb5c13 !important;
  font-weight: 600;
}

.panel-body {
  color: #000;
}

#category-description-2 p {
  font-size: 14px !important;
}

#category-description-2 h3 {
  font-size: 23px !important;
}

.product-title {
  font-size: 14px !important;
}

.faqs .elementor-accordion-content div p,
.faqs .elementor-accordion-content div span {
  font-size: 14px !important;
  color: #000;
}

.elementor-accordion .elementor-accordion-content {
  display: block;
}

div#iqithtmlandbanners-block-3 {
  display: none !important;
}

.product-additional-info.js-product-additional-info li {
  display: none;
}

.product-additional-info.js-product-additional-info {
  display: block !important;
}

#wrapper .breadcrumb {
  padding-left: 0rem !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow: auto !important;
}

button.btn.btn-product-list.add-to-car,
.product-description .product-add-cart {
  display: none !important;
}

.nav-tabs {
  border-bottom: unset !important;
}

.fa-user::before,
.fa-shopping-bag::before {
  color: #fff;
}

@media (max-width: 767px) {
  #wrapper .breadcrumb {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    overflow: auto !important;
  }

  body .col.col-12.col-sm-auto.col-add-btn {
    max-width: 80% !important;
  }

  body .row.extra-small-gutters.product-quantity {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    max-height: 5em !important;
  }

  body .col.col-12.col-sm-auto.col-add-qty {
    width: 70% !important;
    max-width: 20% !important;
  }

  button.btn.btn-primary.btn-lg.add-to-cart {
    font-size: 15px;
  }

  .product-variants .input-radio,
  .product-variants .radio-label {
    padding: 5px !important;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px;
  }

  button.btn.btn-primary.btn-lg.add-to-cart {
    background: #FF9900;
  }

  ul.xsb_logos_envios_wrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1em;
    column-gap: 1em;
  }

  .product-variants .input-color:checked+span,
  .product-variants .input-color:hover+span,
  .product-variants .input-radio:checked+span,
  .product-variants .input-radio:hover+span {
    border: unset !important;
    /*2px solid #C81295;*/
    line-height: calc(2em - 4px);
    /* background: linear-gradient(90deg,#5f9eca,#70b642);         */
    color: #000 !important;
  }

  #content-wrapper .page-title {
    color: #000 !important;
  }


}

body .cbp-hrsub-inner .cbp-menu-column-inner span.cbp-column-title {
  text-transform: uppercase !important;
  border-bottom: 1px solid #6c757d;
}

.cbp-hrmenu .cbp-hrsub-inner .cbp-column-title,
.cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link {
  text-transform: unset;
  color: #000 !important;
}

.first_rows a {
  color: #000 !important;
  font-weight: bold;
}

#subcategories {
  border-top: unset !important;
}

.xsb-container {
  border-top: unset !important;
}

#content-wrapper .page-title {
  border-bottom: unset;
}

.xsb_footer_content:nth-last-child(-n+3) span img {
  width: 100%;
  height: 100%;
}

ul.category-tree .less,
ul.category-tree .more {
  position: inherit !important;
  background: none;
}

.js-mailalert.form-inline {
  display: none !important;
}

div#category-description-2 {
  font-size: 15px;
  color: #000 !important;
}

.products a {
  font-size: 15px;
  color: #000 !important;
}

.category-description h2 {
  color: #000 !important;
}

.category-description p {
  font-size: 15px !important;
  color: #000;
}

.product-description p {
  font-size: 15px;
  color: #000;
}

input#input_79877 {
  pointer-events: none;
  cursor: not-allowed;
}

img#imagenProducto {
  width: 50% !important;
}

#html_80218 p {
  text-align: center;
}

.form-group {
  margin-bottom: unset !important;
}

.slick-list article.product-miniature.product-miniature-default.product-miniature-grid.product-miniature-layout-1.js-product-miniature {
  width: 100% !important;
}

@media(min-width:800px) {
  .product-prices.js-product-prices>div.product-reference {
    display: block!important;
}
.product-add-to-cart .product-reference {
  display: none!important;
}
.product-reference .label, .product-reference span {
  color: #000;
  font-weight: 400;
}
/* 04/11/25
.product-prices.js-product-prices {
  display: flex;
  flex-direction: column;
}
04/11/25*/
  div#js-product-list-header h1 {
    margin-bottom: 0px !important;
  }

  div#js-product-list-header h1 {
    margin-bottom: 0px !important;
  }

  .products.products-grid .js-product-miniature-wrapper {
    max-width: 25% !important;
  }

  #category .products.products-grid .js-product-miniature-wrapper {
    max-width: unset !important;
  }

  .product_header_container {
    border-bottom: unset !important;
  }

  .social-links,
  .my-custom-div {
    width: 50%;
  }

  .block-social-links {
    display: flex;
    align-items: center;
  }

  .columna-texto h2 {
    margin-bottom: 1em !important;
  }

  #header .col-header-right .fa {
    font-size: 14px !important;
  }

  .products.row.products-grid {
    /* gap: 42px; */
  }

  .products.products-grid .js-product-miniature-wrapper {
    max-width: 22%;
  }

  .js-product-miniature-wrapper.product-carousel {
    max-width: unset !important;
  }

  .product-variants .input-radio,
  .product-variants .radio-label {
    padding: 1em !important;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px;
    background: #FF9900 !important;
    color: #fff !important;
  }

  .product-variants .input-color:checked+span,
  .product-variants .input-color:hover+span,
  .product-variants .input-radio:checked+span,
  .product-variants .input-radio:hover+span {
    border: unset !important;
    /*2px solid #C81295;*/
    line-height: calc(2em - 4px);
    background: #FFCC80 !important;
    color: #fff !important;
  }

  button.btn.btn-primary.btn-lg.add-to-cart {
    color: #fff !important;
    background: #FF9900 !important;
    width: 100%;
    text-transform: uppercase;
    font-weight: 900;
  }

  .product-variants .radio-label {
    width: 55px !important;
  }

  .col-add-btn {
    width: 69% !important;
  }

  span.page_info.entrega {
    font-size: 19px !important;
    color: #000 !important;
    margin-bottom: 0.25em;
  }

  .ets_crosssell_has_sub article.product-miniature.product-miniature-default.product-miniature-grid.product-miniature-layout-1.js-product-miniature {
    width: 100% !important;
  }
}

@media(max-width:900px) {
  body #footer ul.xsb_logos_envios_wrapper {
    margin-top: 5px !important;
  }

  #footer-container-main,
  #checkout-footer {
    padding-bottom: 0px !important;
  }

  .part .row-2 {
    display: unset !important;
  }

  .xsb_logos_envios_wrapper:nth-child(2):not(.xsb_logos_payments_wrapper) {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    row-gap: 1em;
    column-gap: 1em;
  }
  #product .xsb_logos_envios_wrapper:nth-child(2):not(.xsb_logos_payments_wrapper){
    padding-bottom: 10em;
  }

  #footer .xsb_logo_gls {
    width: 78px;
    height: 53px;
    background-position: -462px 0;
  }
  #footer .xsb_logo_mrw {
    height: 53px;
    width: 78px;
    background-position: -163px 0;
}
#footer .xsb_logo_envialia {
  width: 78px;
  background-position: -312px 0;
  height: 53px;
}

}

input#input_90182 {
  display: none;
}

#product .product-prices.js-product-prices {
  margin-bottom: 0.5em;
}

.product_p_price_container {
  display: flex;
  flex-direction: column-reverse;
}

@media (min-width: 992px) {
  .products .swiper-wrapper {
    justify-content: flex-start !important;
    gap: 5em;
  }

  #product .product-variants li.input-container span {
    display: inline-block;
    width: 100% !important;
  }

  .product-reference {
    margin-bottom: 2em;
  }

  .social-sharing ul>li,
  .social-sharing ul>li a {
    display: flex !important;
    flex-direction: row;
    width: 45px !important;
    align-content: center;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff !important;
    padding: 0.25em;
    border-radius: 15px;
  }

  /* body .social-sharing li:hover {
      width: 11% !important;
      height: auto;
    } */

  .featured-products .slick-track .col-xl-15 {
    max-width: 33% !important;
  }

  #product-images-thumbs .swiper-wrapper .swiper-slide {
    border: 1px solid #d3d3d3;
    margin-left: 1em;
  }

  .product_p_price_container h2 {
    margin-top: 1em !important;
  }

  .product_p_price_container .elementor-column-gap-default .elementor-element-populated {
    padding: 0px !important;
  }

  .swiper-slide {
    /* width: 21% !important; */
  }

  .swiper-wrapper {
    justify-content: space-between !important;
  }

  #product-images-thumbs .swiper-wrapper {
    justify-content: unset !important;
  }

  body #subcategories ul li {
    width: 15.9% !important;
  }

  #product .product-accessories .js-product-miniature-wrapper.product-carousel {
    max-width: unset !important;
  }

  .textoGrande {
    font-weight: 600;
  }

  .textoContainer {
    display: flex;
    flex-direction: column;
  }

  .cuadro {
    width: 35px;
    height: 35px;
    background-color: #ccc;
  }

  .iconosAditionalInfo i {
    font-size: 35px;
  }

  .form-control-label {
    color: #000;
  }

  .item {
    display: flex;
    gap: 10px;
  }

  .customer_info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 10px;
    width: 100%;
  }

  div#customer_info {
    border-top: 1px solid #e3e3e3;
    padding-top: 1em;
    margin-top: 1em;
  }
}

/* section.product-accessories.product-accessories-sidebar-mobile.block.block-section.d-md-none {
    display: block !important;
  } */

/* #product .ets_crosssell_block {
      display: none !important;
  } */

#content-wrapper .page-title span,
#product .page_info,
#product .customer_info {
  color: #000 !important;
}

.openReserva {
  background-color: #FF9900 !important;
}

.images-container .swiper-button-arrow,
#product .product-cover .expander>span,
#product-modal .modal-body .swiper-button-arrow,
#product .product-cover .expander {
  color: #fff;
  background: #FF9900 !important;
}

.product-additional-info {
  border-top: unset !important;
  padding-top: unset !important;
}

.iqit-accordion .content {
  border-bottom: unset !important;
}

.iqit-accordion .title,
.iqit-accordion .title a {
  font-weight: 700;
  padding: .6rem 0;
  padding-right: 0px;
  padding-left: 0px;
  border-bottom: none !important;
  background: #d3d3d3;
  padding-left: 1em;
  color: #000 !important;
  font-weight: 700 !important;
  padding-right: 1em;
}

#productdaas-accordion {
  gap: 1em;
  display: flex !important;
  flex-direction: column;
}

#productdaas-accordion-details {
  color: #000 !important;
}

.social-sharing ul>li {
  display: block !important;
}

.social-sharing ul {
  display: flex;
  width: 100%;
  gap: 1em;
}

.social-sharing ul>li,
.social-sharing ul>li a {
  display: flex !important;
  flex-direction: row;
  width: 8%;
  align-content: center;
  text-align: center;
  align-items: center;
  justify-content: center;
  background: #000;
  color: #fff !important;
  padding: 0.25em;
  border-radius: 15px;
}

.social-sharing {
  display: flex;
}

.social-sharing p {
  width: 20%;
}

.social-sharing ul {
  width: 80%;
}

.social-sharing ul {
  display: flex;
  width: 100%;
  gap: 1em;
}

/* .products .swiper-wrapper {
    justify-content: space-between !important;
  } */

#header .header-nav {
  background: #d9d9d9 !important;
}

.col-atencion {
  gap: 15px;
  display: flex;
}

#desktop-header,
#mobile-header {
  background: #2C2C2C !important;
}

#header .header-nav a:hover {
  color: #F90 !important;
}

.header-top .search-btn {
  color: #fff !important;
  background: #F90 !important;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

#user_info span,
#ps-shoppingcart-wrapper span.title {
  text-transform: uppercase;
}

#header .fa {
  font-size: 25px !important;
}

#header #search_widget .form-control.form-search-control {
  color: #000 !important;
  border: unset !important;
  border-radius: 5px !important;
}

.cbp-horizontal>ul>li.cbp-hropen>a,
.cbp-horizontal>ul>li.cbp-hropen>a:not([href]):not([tabindex]),
.cbp-horizontal>ul>li.cbp-hropen>a:hover {
  background: #F90 !important;
  color: #fff;
}

#cbp-hrmenu .cbp-tab-title {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  height: 3em;
  align-content: center;
  align-items: center;
}

#header .col-header-right .fa {
  font-size: 41px !important;
}

.cart-toggle-details {
  color: #f90;
}

.guiaTalla {
  position: absolute;
  right: 84px;
  top: 22%;
  font-weight: bold;
  display: flex;
  gap: 1em;
}

.col-atencion .icon-whatsapp {
  color: green !important;
}

#header .col-envio .fa {
  font-size: 10px !important;
  top: 6px;
  position: fixed;
}

/* Estilo del modal (inicialmente oculto) */
.modalInfo {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ccc;
  z-index: 1000;
}

/* Estilo para mostrar el modal cuando se hace hover */
.contenedorModal:hover .modalInfo {
  display: block;
}

.contenedorModal {
  position: relative;
  display: inline-block;
  /* Para que los elementos estén en línea */
}

.contenedorModal .modalInfo {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ccc;
  z-index: 1000;
  top: 100%;
  /* Para que el modal aparezca debajo del texto e ícono */
  left: 50%;
  /* Ajustar según necesites */
  transform: translateX(-50%);
  /* Centrar el modal horizontalmente */
  width: 300px !important;
}

#wrapper .breadcrumb li::after {
  content: ">";
  opacity: .4;
  margin: .3em;
}

.images-container .swiper-button-arrow,
#product .product-cover .expander>span,
#product-modal .modal-body .swiper-button-arrow,
#product .product-cover .expander {
  color: #000 !important;
  background: unset !important;
}

.elementor-displayProductAdditionalInfo {
  display: none !important;
}

.product-accessories p {
  /* text-transform: uppercase !important; */
}

.ets_crosssell_title {
  color: #000 !important;
}

.categorias-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 10px;
}

.cat-relacionadas h4,
.cat-relacionadas p {
  color: #000;
}

.relacionadas-item p {
  border: 1px solid #d3d3d3;
  text-align: center;
  padding: 0.5em;
}

.catRel li a::before {
  display: none !important;
}

.catRel ul {
  margin-top: 2em;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* Cuatro columnas con el mismo ancho */
  grid-template-rows: repeat(2, auto);
  /* Dos filas con altura automática */
  gap: 10px;
  /* Espacio entre los elementos */
}

.catRel h5 {
  border-bottom: 1px solid #d3d3d3;
  line-height: 3em;
}

.catRel li {
  border: 1px solid #d3d3d3;
  text-align: center;
  padding: 0.5em;
}

.product-price-and-shipping {
  margin-top: 1em;
}

.product-price-and-shipping span {
  color: #F90 !important;
  font-size: 25px !important;
}

.images-container .swiper-button-next,
.images-container .swiper-button-prev {
  opacity: 1 !important;
  visibility: inherit !important;
}

.images-container .js-qv-mask.mask .swiper-button-next,
.images-container .js-qv-mask.mask .swiper-button-prev {
  opacity: 0 !important;
  visibility: hidden !important;
}

.swiper-button-next,
.swiper-button-prev {
  background: unset !important;
  color: #000 !important;
}

.tarjetas {
  display: flex;
  gap: 1em;
}

.swiper-pagination.swiper-pagination-product.swiper-pagination-clickable.swiper-pagination-bullets {
  display: none;
}

section.product-accessories.block.block-section .section-title {
  text-transform: uppercase !important;
}

ul.xsb_logos_envios_wrapper.xsb_logos_payments_wrapper {
  display: flex;
}

#footer,
#checkout-footer {
  background: #2C2C2C !important;
}

body #footer-container-first,
body #footer-container-main,
body #checkout-footer {
  padding-bottom: 0px !important;
  background: #2C2C2C !important;
}

#header .input-group-btn-vertical i.fa.fa-angle-up.touchspin-up,
#header .input-group-btn-vertical i.fa.fa-angle-down.touchspin-down {
  font-size: 13px !important;
}
li.input-container.float-left.attribute-not-in-stock:after {
  content: "/";
  font-size: 65px;
  z-index: 999;
  position: absolute;
  top: 17px;
  left: 13px;
  opacity: 0.25;
}
.product-variants .input-radio, .product-variants .radio-label {
  z-index: 999999999;
  padding: 1em!important;
  box-shadow: rgba(0,0,0,.4) 0 0 4px;
  background: #FF9900!important;
  color: #fff!important;
}
#footer .xsb_logo_envialia,#footer .xsb_logo_gls,#footer .xsb_logo_mrw {
  width: 44px!important;
  height: 29px!important;
}
#header .pb-1 a {
  color: #000!important;
}
#header i.fa.fa-trash-o {
  font-size: 25px!important;
  color: #000!important;
}
input.form-control.form-search-control::-webkit-input-placeholder {
  color: #000;
}
p.bannertopbar, p.bannertopbar span {
  background: #dc3545!important;
  color: #ffff!important;
}
@media(hover:hover) {
  .product-miniature:hover {
    outline: none !important;
    box-shadow: none !important;
  }

  li.pinterest:hover,
  li.twitter:hover,
  li.facebook:hover {
    background: #000 !important;
  }
}

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

  ul.xsb_logos_envios_wrapper:not(first-child) li {
    margin-right: 5px!important;
}
  button.btn.btn-primary.btn-lg.add-to-cart {
    color: #fff !important;
    background: #FF9900 !important;
    width: 100%;
    text-transform: uppercase;
    font-weight: 900;
  }

  .textoContainer {
    display: flex;
    flex-direction: column;
  }

  .textoSecundario {
    margin-left: 3px;
    display: ruby;
    color: #00000070;
  }

  .textoGrande {
    font-weight: bold;
  }

  .customer_info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
  }

  .customer_info .item {
    display: flex;
    gap: 1em;
    font-size: 13px;
    color: #000;
  }

  .social-sharing ul {
    display: flex;
    width: 50%;
    gap: 1em;
  }

  .social-sharing p {
    width: 28%;
  }

  .social-sharing ul>li,
  .social-sharing ul>li a {
    width: 22% !important;
    border-radius: 6px !important;
  }

  li.pinterest:hover,
  li.twitter:hover,
  li.facebook:hover {
    background: #000 !important;
  }

  #product .product-variants li.input-container span {
    display: inline-block;
    width: 100% !important;
  }

  .input-container.float-left.attribute-not-in-stock span {
    color: #fff !important;
  }

  .input-container.float-left.attribute-not-in-stock {
    background: #FFCC80 !important;
  }
}

@media only screen and (max-width: 767px) {
  li.input-container.float-left.attribute-not-in-stock:after {
    content: "/";
    font-size: 39px;
    z-index: 999;
    position: absolute;
    top: 7px;
    left: 8px;
    opacity: .25;
    color: #000;
}
  body .col-add-btn #reserva .openReserva {
    margin-top: unset !important;
  }

  #footer ul.xsb_logos_envios_wrapper {
    margin-top: 5px!important;
    margin-left: 0;
    /* gap: 2em!important; */
  }

  section.product-accessories.product-accessories-sidebar-mobile.block.block-section.d-md-none {
    display: none !important;
  }

  #footer ul.xsb_logos_envios_wrapper {
    /* gap: 2em; */
  }

  .textoContainer {
    display: flex;
    flex-direction: column;
  }

  .textoSecundario {
    margin-left: 3px;
    display: ruby;
    color: #00000070;
  }

  .textoGrande {
    font-weight: bold;
  }

  .customer_info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
  }

  .customer_info .item {
    display: flex;
    gap: 1em;
    font-size: 13px;
    color: #000;
  }

  .swiper-button-prev {
    left: -9px;
  }

  .swiper-button-next {
    right: -8px;
  }

  .products a {
    font-size: 12px !important;
    color: #000 !important;
  }

  .add-to-cart .bag-icon {
    display: none;
  }

  .guiaTalla {
    position: unset !important;
    font-weight: 700;
    display: flex;
    gap: 1em;
    justify-content: end;
  }

  .col-atencion span.xsb-icon {
    display: none !important;
  }

  .col-atencion {
    justify-content: center !important;
  }

  .ets_crosssell_block .featured-products .slick-arrow:hover {
    background: unset !important;
  }

  .ets_crosssell_block .featured-products .slick-arrow:hover::before {
    border-color: #000 !important;
  }

  .ets_crosssell_tab_content button.slick-arrow,
  .ets_crosssell_block .tab_content button.slick-arrow {
    background-color: unset;
  }

  .ets_crosssell_tab_content button.slick-arrow::before,
  .ets_crosssell_block .tab_content button.slick-arrow::before {
    width: 15px;
    height: 15PX;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    margin-left: 3px !important;
  }

  .ets_crosssell_tab_content button.slick-prev.slick-arrow,
  .tab_content button.slick-prev.slick-arrow {
    left: 0 !important;
    margin-right: 5px;
    top: 50% !important;
  }

  .ets_crosssell_tab_content button.slick-next.slick-arrow,
  .tab_content button.slick-next.slick-arrow {
    right: 0 !important;
    top: 50% !important;
    left: auto !important
  }

  body #product_page-mostviewedproducts .js-product-miniature-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  body #product_page-mostviewedproducts .slick-track {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
  }

  body .slick-list article.product-miniature.product-miniature-default.product-miniature-grid.product-miniature-layout-1.js-product-miniature {
    width: 100% !important;
  }

  .catRel ul {
    grid-template-columns: 1fr 1fr !important;
  }


  .social-sharing ul {
    display: flex;
    width: 50%;
    gap: 1em;
  }

  .social-sharing p {
    width: 28%;
  }

  body #product .js-product-miniature-wrapper.js-product-miniature-wrapper-52172.col-6.col-md-4.col-lg-3.col-xl-15.slick-slide.slick-cloned {
    width: 50% !important;
  }

  body #product .slick-track {
    width: 100% !important;
  }

  body #product .slick-slide {
    height: auto !important;
    width: 50% !important;
  }

  body #product .ets_crosssell_tab_content .slick-list,
  #product .ets_crosssell_block .tab_content .slick-list {
    width: 100% !important;
  }

  body #product .slick-track {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    padding: 0px !important;
    gap: 0px !important;
  }

  .social-sharing ul>li,
  .social-sharing ul>li a {
    width: 22% !important;
    border-radius: 6px !important;
  }

  li.pinterest:hover,
  li.twitter:hover,
  li.facebook:hover {
    background: #000 !important;
  }

  .product-description p {
    font-size: 12px !important;
    color: #000;
  }

  .product-price-and-shipping span {
    color: #F90 !important;
    font-size: 16px !important;
  }
}

.pagination .page-list .paggination-button-custom {
  display: block;
  padding: 0.4rem 0.8rem;
}

div#iqithtmlandbanners-block-14 {
  width: 82% !important;
  text-align: center;
  margin-bottom: 20px;
}
#iqithtmlandbanners-block-14 {
  background: #ef4545;
  color: #fff;
  font-weight: 600;
  padding: 5px 0;
}
@media screen and (max-width: 767px) {
  div#iqithtmlandbanners-block-14 {
      width: 100% !important;
      text-align: center;
      margin-bottom: 20px;
  }
	.js-product-list .js-product-miniature-wrapper {
		flex: 0 0 50% !important;
    max-width: 50% !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  div#iqithtmlandbanners-block-14 {
      width: 92% !important;
      text-align: center;
      margin-bottom: 20px;
  }
}

.products-cat-mobile .js-product-miniature-wrapper{
  padding:0!important;
}

.products-cat-mobile .px-2 {
  padding-right: 0.375 !important;
}

#product .products .swiper-wrapper {
  gap: 0 !important;
}

.block-promo .promo-highlighted {
  padding: 1.25rem;
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 14px;
  color: #666 !important;
  font-weight: 400 !important;
  line-height: 1.8em;
  margin-bottom: 0 !important;
  background-color: white !important;
}

.cart-grid-right .promo-discounts {
  margin-bottom: 0;
  padding: 1.25rem;
  background: white !important;
}

.promo-discounts .cart-summary-line {
  margin-bottom: 0.625rem;
  clear: both;
}

.block-promo .cart-summary-line .label, .block-promo .promo-name {
  font-weight: 600;
  font-size: 13px;
}

.cart-voucher-area .promo-code{
  padding:1rem !important;
}

.block-promo .cart-voucher-area {
  padding: 0rem !important;
}

/*checkout*/
#checkout #header, #checkout #footer-container-main{
	display:none;
}
/*checkout banner*/
#checkout-banner {
  background: #2C2C2C;
  height: 72px;
  z-index: 2;
}

#checkout-banner .container {
  height: 100%;
}

#checkout-banner .row {
}

#checkout-banner .back-to-shop:hover {
  background: rgba(6, 87, 161, 0.1);
}

/*checkout steps*/

/* Control del ancho de la línea de progreso */
.checkout-steps[data-step="1"]::after { width: 0; }
.checkout-steps[data-step="2"]::after { width: 28.33%; }
.checkout-steps[data-step="3"]::after { width: 56.66%; }
.checkout-steps[data-step="4"]::after { width: 85%; }

/* Puntos espaciados */
.checkout-steps {
    display: flex;
    justify-content: space-between;
    padding: 0 40px;
}

#checkout .step-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 120px; /* Ancho fijo para el contenedor del punto */
    position: relative;
    z-index: 2;
}

/* Icono del paso */
#checkout .step-icon {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background: #F7F7F7;
    border: 1px solid #D2D0D1;
    border-radius: 50%;
}

/* Texto del paso */
#checkout .step-text {
    position: absolute;
    width: max-content;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
     
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #959498;
    white-space: nowrap;
}

/* Estado activo */
#checkout .step-item.active .step-icon {
    background: #f9ebcb;
    border: 1px solid #db9900;
    box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #f9ebcb;
}

#checkout .step-item.active .step-text {
    color: #db9900;
}

/* Estado completado */
#checkout .step-item.completed .step-icon {
    background: #db9900;
    border: none;
}

#checkout .step-item.completed .step-icon::after {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66667 10.1147L12.7947 3.98602L13.738 4.92935L6.66667 12.0007L2.42267 7.75668L3.366 6.81335L6.66667 10.1147Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

#checkout .step-item.completed .step-text {
    color: #020202;
}

/* Responsive */
@media (max-width: 768px) {
    #checkout .checkout-steps {
        padding: 0 20px;
    }

    #checkout .step-text {
        font-size: 16px;
    }

    #checkout .step-icon {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 480px) {
    #checkout .checkout-steps {
        padding: 0 10px;
    }

    #checkout .step-text {
        font-size: 12px;
    }
}


/* Contenedor principal */
#checkout .checkout-steps {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 0px 2.5rem;
  width: 100%;
  height: 4.5rem;
  margin: 2.5rem auto 2.125rem auto;
  position: relative;
}

@media (min-width: 768px) {
  #checkout .checkout-steps {
      padding: 0px 0px 2.5rem;
      width: 45.6875rem;  
      height: 4.5rem;   
      margin: 5rem auto 4rem auto; 
  }
}

/* Línea base */
#checkout .checkout-steps::before {
    content: '';
    position: absolute;
    top: 16px;
    left: 32px;
    right: 32px;
    height: 1px;
    background: #F7F7F7;
    z-index: 1;
}

/* Línea de progreso */
#checkout .checkout-steps::after {
    content: '';
    position: absolute;
    height: 2px;
    background: #db9900;
    top: 16px;
    left: 7.5%;
    transition: width 0.3s ease;
}

/* Número dentro del círculo */
#checkout .step-number {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #959498;
     
    font-size: 14px;
    line-height: 16px;
}


/* Estado completado */
#checkout .step-item.completed .step-icon {
    background: #db9900;
    border: none;
}

#checkout .step-item.completed .step-number {
    display: none;
}

/* Responsive */
@media (max-width: 991px) {
    #checkout .checkout-steps {
        width: 100%;
        padding: 0 40px 40px;
    }

    #checkout .step-text {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    #checkout .checkout-steps {
        padding: 0 20px 30px;
        height: 60px;
    }

    #checkout .step-icon {
        width: 28px;
        height: 28px;
        padding: 6px;
    }

    #checkout .step-text {
        font-size: 16px;
        top: 35px;
    }

    #checkout .step-number {
        width: 14px;
        height: 14px;
        font-size: 12px;
    }

    #checkout .step-item.completed .step-icon::after {
        width: 14px;
        height: 14px;
        background-size: 14px;
    }

    div.products.row.products-grid {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    div.products.row.products-grid > div.js-product-miniature-wrapper {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 480px) {
	#checkout .checkout-steps::after{display:none;}
	#checkout .checkout-steps::before {display:none;}
    #checkout .checkout-steps {
        padding: 0 0 25px;
        height: 50px;
    }

    #checkout .step-icon {
        width: 24px;
        height: 24px;
        padding: 4px;
    }

    #checkout .step-text {
        font-size: 12px;
        top: 30px;
        width: 60px;
        height: auto;
        line-height: 16px;
    }

    #checkout .step-number {
        width: 12px;
        height: 12px;
        font-size: 10px;
    }

    #checkout .step-item.completed .step-icon::after {
        width: 12px;
        height: 12px;
        background-size: 12px;
    }

    #checkout .checkout-steps::before,
    #checkout .checkout-steps::after {
        top: 12px;
    }
}
#checkout .step-item.completed {
  cursor: pointer;
  transition: all 0.3s ease;
}
#checkout .step-item.completed:hover .step-icon {
  background: #d17600 !important;
  transform: scale(1.05);
}
#checkout .step-item.completed:hover .step-text {
  color: #db9900;
}


/*pasos del checkout*/

/* Ocultar todos los pasos por defecto */
#checkout .checkout-step {
  display: none;
}

/* Mostrar solo el paso actual */
#checkout .checkout-step.-current {
  display: block;
}

/* Asegurar que el contenido del paso actual sea visible */
#checkout .checkout-step.-current .content {
  display: block !important;
}

/* Mantener los títulos visibles pero con estilo diferente para los no activos */
#checkout .checkout-step .step-title {
  opacity: 0.5;
}

#checkout .checkout-step.-current .step-title {
  opacity: 1;
}

/* Asegurar que los pasos no alcanzables no sean interactivos */
#checkout .checkout-step.-unreachable {
  pointer-events: none;
}



/*fomularios incio sesion */
#checkout .form-container {
  display: flex;
  gap: 24px;
  margin: 0 -12px;
  width: 100%;
}

#checkout .login-section,
#checkout .guest-section {
  flex: 1;
  width: 50%;
  position: relative;
}
#checkout .login-section{
  padding-right:24px;
}

/* Línea separadora vertical */
#checkout .login-section::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #db9900;
}

/* Títulos */
#checkout .subtitle {
   
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  color: #020202;
  margin-bottom: 20px;
}

/* Formularios */
#checkout .form-group {
  margin-bottom: 0px;
}

#checkout .form-group.row {
  display: block;
}

#checkout .required::after {
  content: "*";
  color: #FF4B3F;
  margin-left: 4px;
}

#checkout .col-md-8 {
  width: 100%;
}

.form-control {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #D2D0D1;
  border-radius: 4px;
   
  line-height: 24px;
  color: #6F6F72;
}

/* Grupo de input contraseña */
#checkout .input-group {
  position: relative;
  display: flex;
  align-items: center;
}

#checkout .input-group-append {
  position: absolute;
  right: 16px;
}

#checkout .btn-outline-secondary {
  background: none;
  border: none;
  color: #6F6F72;
  padding: 8px;
  cursor: pointer;
}

/* Links */
#checkout .forgot-password {
  text-align: left !important;
  margin: 4px 0 16px;
}

#checkout .forgot-password a {
   
  font-size: 14px;
  line-height: 20px;
  color: #db9900;
  text-decoration: none;
}

/* Botones */
#checkout .button {
  width: 100%;
  height: 56px;
  padding: 16px 24px;
  border-radius: 4px;
   
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  border: none;
  cursor: pointer;
}

#checkout .button--primary {
  background: #db9900;
  color: #FFFFFF;
}

/* Checkboxes personalizados */
#checkout .custom-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

#checkout .custom-checkbox span {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #6F6F72;
  border-radius: 2px;
  background: #FFFFFF;
}

#checkout .custom-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

#checkout .custom-checkbox label {
   
  font-size: 14px;
  line-height: 20px;
  color: #020202;
}

#checkout .custom-checkbox label em {
  display: block;
  color: #6F6F72;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
}

/* Form rows */
#checkout .form-row {
  display: flex;
  flex-direction: column;
}

#checkout .form-row .col-md-6 {
    max-width: 100% !important; 
}

#checkout .form-group .col-md-2 {
    max-width: 100% !important; 
}

#checkout .form-group .col-md-8 {
    max-width: 100% !important; 
}

/* Media Queries para diseño responsive */
@media screen and (max-width: 768px) {
  #checkout .form-container {
    flex-direction: column;
    gap: 40px;
    margin: 0;
  }

  #checkout .login-section,
  #checkout .guest-section {
    width: 100%;
    padding: 0;
  }

  #checkout .login-section::after {
    display: none;
  }

 #checkout  .subtitle {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 480px) {
  #checkout .subtitle {
    font-size: 20px;
    line-height: 28px;
  }

 #checkout  .button {
    height: 48px;
    padding: 12px 20px;
    font-size: 14px;
  }

  #checkout .form-control {
    height: 48px;
    padding: 12px;
  }

  #checkout .custom-checkbox label {
    font-size: 12px;
    line-height: 16px;
  }
}


/*envio*/
#checkout .delivery-options{
	margin-top:32px;
}

#checkout .delivery-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #ffffff;
  border: 1px solid #D2D0D1;
  border-radius: 4px;
}

#checkout .delivery-option.selected {
  border: 1px solid #db9900;
  box-shadow: 0px 0px 0px 2px #ACDDFC;
}

#checkout .delivery-option .custom-radio {
  display: flex;
  align-items: center;
  gap: 8px;
}

#checkout .delivery-option .custom-radio input[type="radio"] {
  width: 24px;
  height: 24px;
  border: 1px solid #6F6F72;
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  cursor: pointer;
}

#checkout .delivery-option .custom-radio input[type="radio"]:checked {
  background: #db9900;
  border: 2px solid #db9900;
}

#checkout .delivery-option .custom-radio input[type="radio"]:checked::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#checkout .delivery-option .carrier-name {
  font-family: 'Satoshi Variable', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #db9900;
  margin: 0;
}

#checkout .delivery-option .carrier-delay {
  font-family: 'Satoshi Variable', sans-serif;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #6F6F72;
}

#checkout .delivery-option .carrier-price {
  width: 80px;
  height: 32px;
   
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #db9900;
  flex: none;
  order: 2;
  flex-grow: 0;
  text-align: right;
}

#checkout .delivery-option .carrier-hasLogo {
  align-items: center;
  gap: 12px;
}
#checkout .carrier-hasLogo img{
	margin:0 !important;
}
#checkout .delivery-option .carrier-hasLogo img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

#checkout .delivery-option .carrier-info{
	display: flex;
    flex-direction: column;
    gap: 12px;
}

#checkout .delivery-option .carriere-name-container {
  display: flex;
  align-items: center;
}

#checkout .delivery-option .carrier-extra-content {
  display: none;
}

#checkout .delivery-option .col-sm-3 {
  margin-left: auto;
  padding: 0;
}

body#checkout section.checkout-step {
  border: 0px ;
  padding: 0;
}

body#checkout section.checkout-step.-current .step-title{
display:none;
}

body#checkout .col-md-8{
padding-right:0px;
padding-left:0px;
}
body#checkout section.checkout-step .content {
  padding: 0 ;
}
body#checkout section.checkout-step .delivery-option {
  background: rgb(255 255 255 / 15%);
  padding: 24px;
}

/* Estilos para móvil */
@media (max-width: 767px) {
 
  #checkout .delivery-option .carrier-name {
     
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #db9900;
  }
  
  #checkout .delivery-option .carrier-delay {
     
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #6F6F72;
    width: 262px;
  }
  
  #checkout .delivery-option .carrier-hasLogo img {
    width: 24px;
    height: 24px;
  }
  
  #checkout .delivery-option .carrier-price {
    width: auto;
    height: 24px;
     
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #db9900;
  }
  
  #checkout .delivery-option .content-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
  }
}

/* Ajustes adicionales para el grid en móvil */
@media (max-width: 767px) {
  #checkout .col-xs-12 {
    width: 100%;
    padding: 0;
  }
}

/*pagos*/

#checkout .payment-options {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
  background: #FFFFFF;
}

#checkout .payment-container {
  border: 1px solid #D2D0D1;
  border-radius: 4px;
}

/* Estilo cuando el formulario está visible */
#checkout .payment-container:has(.js-payment-option-form[style*="display: block"]) {
  border: 1px solid #db9900;
  box-shadow: 0px 0px 0px 2px #db99006e;
  border-radius: 8px !important;
}

#checkout .payment-container .js-additional-information{
	border-radius: 8px !important;
}

#checkout .payment-option {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px;
  gap: 24px;
  background: #FFFFFF;
  width: 100%;
  justify-content: center;    /* Alineación horizontal */
  align-items: center;
  margin-bottom: 0 !important;
  border-radius: 8px;
}

#checkout .payment-option .custom-radio {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;    /* Alineación horizontal */
  align-items: center;
  /* padding: 4px 0px; */
  /* gap: 8px; */
  width: 24px;
  height: 24px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

#checkout .payment-option .custom-radio span {
  box-sizing: border-box;
  position: absolute;
  width: 24px;
  height: 24px;
  left: calc(50% - 24px/2 - 0.5px);
  /* top: calc(50% - 24px/2); */
  /* background: #FFFFFF; */
   border: 1px solid #6F6F72 !important; 
  /* border-radius: 50%; */
}

.payment-option .custom-radio input[type="radio"]:checked + span {
  background: #FFFFFF;
  border: 1px solid #db9900;
}

#checkout .payment-option .custom-radio input[type="radio"] + span::after {
  content: "";
  position: absolute;
  visibility: hidden;
  width: 8px;
  height: 8px;
  left: calc(50% - 8px/2);
  top: calc(50% - 8px/2);
  background: #db9900;
  border-radius: 50%;
}

#checkout .payment-option .custom-radio input[type="radio"]:checked + span::after {
  visibility: visible;
}

#checkout .payment-option label {
  flex-grow: 1;
  font-family: 'Satoshi Variable', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #020202;
}

#checkout .additional-information {
  padding: 16px;
  margin-top: -16px;
  margin-left: 48px;
  background: #FFFFFF;
}

#checkout .definition-list dl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 16px;
}

#checkout .definition-list dt {
  font-weight: 500;
  color: #020202;
}

#checkout .definition-list dd {
  margin: 0;
  color: #6F6F72;
}

#checkout .ps-hidden {
  display: none;
}

/* Modal styles */
#checkout .modal-dialog {
  max-width: 500px;
  margin: 1.75rem auto;
}

#checkout .modal-content {
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D2D0D1;
}

#checkout .modal-header {
  padding: 1rem;
  border-bottom: 1px solid #D2D0D1;
}

#checkout .modal-body {
  padding: 1rem;
}

#checkout .modal-title {
  font-family: 'Satoshi Variable', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #020202;
}

#checkout .close {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 0.5rem;
}

/*resumen*/
#checkout .custom-order-confirmation * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#checkout .custom-order-confirmation {
  font-family: 'Satoshi Variable', sans-serif;
}

#checkout .custom-order-confirmation .layout {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  gap: 24px;
  width: 1280px;
  margin: 0 auto;
}

#checkout .custom-order-confirmation .main-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 64px;
  width: 845px;
  flex: 1;
}

#checkout .custom-order-confirmation h1 {
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: #020202;
  width: 845px;
}

#checkout .custom-order-confirmation .content-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 40px;
  width: 845px;
}

#checkout .custom-order-confirmation .content-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 16px;
  width: 845px;
}

#checkout .custom-order-confirmation .order-number {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #6F6F72;
}

#checkout .custom-order-confirmation .download-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  gap: 4px;
  background: #f9ebcb;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #db9900;
  width: auto;
}

#checkout .custom-order-confirmation .product {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px;
  gap: 24px;
  width: 845px;
  height: 152px;
}

#checkout .custom-order-confirmation .product-image {
  width: 120px;
  height: 120px;
  border-radius: 4px;
  object-fit: cover;
}

#checkout .custom-order-confirmation .product-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 12px;
  width: 613px;
}

#checkout .custom-order-confirmation .product-info h3 {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #db9900;
  width: 100%;
}

#checkout .custom-order-confirmation .product-price {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #020202;
}

#checkout .custom-order-confirmation .product-quantity {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72;
}

#checkout .custom-order-confirmation .right-panel {
  width: 411px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#checkout .custom-order-confirmation .total-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
  background: #F7F7F7;
  border: 1px solid #D2D0D1;
  border-radius: 8px;
}

#checkout .custom-order-confirmation .total-card h2 {
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  color: #020202;
	margin-bottom: 10px;
}

#checkout .custom-order-confirmation .total-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72;
}

#checkout .custom-order-confirmation .total-row.final {
  padding-top: 32px;
  border-top: 1px solid #D2D0D1;
  font-size: 24px;
  line-height: 32px;
  color: #020202;
}

#checkout .custom-order-confirmation .benefits-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px;
  border: 1px solid #D2D0D1;
  border-radius: 8px;
}

#checkout .custom-order-confirmation .benefit-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #020202;
}

#checkout .custom-order-confirmation .text-blue {
  color: #db9900;
}

#checkout .custom-order-confirmation .divider {
  width: 100%;
  height: 0;
  border: 1px solid #D2D0D1;
  margin: 12px 0;
}

/* Tablet Styles */
@media screen and (max-width: 1279px) {
  #checkout .custom-order-confirmation .layout {
      width: 100%;
      padding: 0 24px;
      flex-direction: column;
  }

  #checkout .custom-order-confirmation .main-content,
  #checkout .custom-order-confirmation .content-info,
  #checkout .custom-order-confirmation .content-text,
  #checkout .custom-order-confirmation h1 {
      width: 100%;
  }

  #checkout .custom-order-confirmation .right-panel {
      width: 100%;
  }

  #checkout .custom-order-confirmation .product {
      width: 100%;
      height: auto;
  }

  #checkout .custom-order-confirmation .product-info {
      width: calc(100% - 144px); /* 120px image + 24px gap */
  }
}

/* Mobile Styles */
@media screen and (max-width: 767px) {
  #checkout .custom-order-confirmation .layout {
      padding: 0 16px;
      gap: 32px;
  }

  #checkout .custom-order-confirmation .main-content {
      gap: 32px;
  }

  #checkout .custom-order-confirmation h1 {
      font-size: 32px;
      line-height: 40px;
  }

  #checkout .custom-order-confirmation .order-number {
      font-size: 20px;
      line-height: 28px;
  }

  #checkout .custom-order-confirmation .content-info {
      gap: 24px;
  }

  #checkout .custom-order-confirmation .product {
      padding: 12px;
      gap: 16px;
  }

  #checkout .custom-order-confirmation .product-image {
      width: 80px;
      height: 80px;
  }

  #checkout .custom-order-confirmation .product-info {
      width: calc(100% - 96px); /* 80px image + 16px gap */
      gap: 8px;
  }

  #checkout .custom-order-confirmation .product-info h3 {
      font-size: 16px;
      line-height: 20px;
  }

  #checkout .custom-order-confirmation .product-price {
      font-size: 20px;
      line-height: 28px;
  }

  #checkout .custom-order-confirmation .product-quantity {
      font-size: 14px;
      line-height: 20px;
  }

  #checkout .custom-order-confirmation .total-card,
  #checkout .custom-order-confirmation .benefits-card {
      padding: 16px;
      gap: 16px;
  }

 #checkout  .custom-order-confirmation .total-card h2 {
      font-size: 24px;
      line-height: 32px;
  }

  #checkout .custom-order-confirmation .benefit-item {
      font-size: 14px;
      line-height: 20px;
  }
}

#checkout .btn-primary{
    background: #db9900;
    color: #FFFFFF;
	border-radius: 4px;
}

#checkout .page-title {
    display:none;
  }


/*Dirección envio*/



#checkout .address-title {
  font-size: 30px;
  line-height: 48px;
  font-weight: 400;
  color: #020202;
  width: 100%;
  max-width: 845px;
  margin: 0;
}

#checkout .js-address-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  gap: 8px;
  background: #FFFFFF;
  border-radius: 8px;
}

/* Header styles */
#checkout .js-address-item header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  width: 100%;
  height: 32px;
}

/* Radio button styles */
#checkout .radio-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 0 !important;
}

#checkout .custom-radio {
  position: relative !important;
  width: 24px !important;
  height: 24px !important;
  flex: none !important;
  order: 0 !important;
  flex-grow: 0 !important;
}

#checkout .custom-radio input[type="radio"] {
  opacity: 0 !important;
  position: absolute !important;
  width: 24px !important;
  height: 24px !important;
  cursor: pointer !important;
}

/* Estado no seleccionado */
#checkout .custom-radio span {
  box-sizing: border-box !important;
  position: absolute !important;
  width: 24px !important;
  height: 24px !important;
  left: calc(50% - 24px/2) !important;
  top: calc(50% - 24px/2) !important;
  border: 1.33333px solid #D2D0D1 !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
}

/* Estado seleccionado */
#checkout .custom-radio input[type="radio"]:checked + span {
  background: #db9900 !important;
  border: 1.33333px solid #db9900 !important;
}

/* Check blanco cuando está seleccionado */
#checkout .custom-radio input[type="radio"]:checked + span:after {
  content: '' !important;
  position: absolute !important;
  width: 6px !important;
  height: 11px !important;
  left: 8px !important;
  top: 4px !important;
  border: solid #FFFFFF !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
  border-radius: 0;
}
/* Address alias styles */
#checkout .address-alias {
  font-family: 'Satoshi Variable', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #020202;
}

/* Address content styles */
#checkout .address {
  padding: 0 40px;
  font-family: 'Satoshi Variable', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #6F6F72;
  border-bottom: 1px solid #D2D0D1;
  border-top: 1px solid #D2D0D1;
}

/* Horizontal rule styles */
#checkout .js-address-item hr {
  width: 100%;
  border: 1px solid #D2D0D1;
  margin: 8px 0;
}

/* Footer styles */
#checkout .address-footer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 8px;
}

#checkout .address-info-container {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  max-width: 845px;
  min-height: 48px;
  padding: 0;
  margin-bottom: 40px;
  margin-top: 40px;
}

#checkout .different-invoice-address{
	margin-bottom: 40px;
}

#checkout .address-info-container svg {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

#checkout .address-info {
   
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #020202;
  margin: 0;
  flex: 1;
}

/* Button styles */
#checkout .edit-address,
.delete-address {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  width: 32px;
  height: 32px;
  background: #db9900;
  border-radius: 4px;
  text-decoration: none;
}

#checkout .edit-address i,
.delete-address i {
  font-size: 16px;
}


#checkout .js-address-item.selected {
  border: 1px solid #db9900 !important;
  box-shadow: 0px 0px 0px 2px #fce3ac !important;
}
  

#checkout .add-address {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 202px;
  height: 40px;
  border: 1px solid #db9900;
  border-radius: 4px;
}

#checkout .add-address a {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #db9900 !important;
   
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}

#checkout .add-address i.fa-plus {
  width: 16px;
  height: 16px;
  color: #db9900;
}

/*Resumen*/


body#checkout #order-summary-content {
    padding: 24px;
}

.osc-addresses-title .col-md-12 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    gap: 40px;
    width: 797px;
    height: 48px;
}

.osc-addresses-title .h5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 48px;
     
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    color: #020202;
    margin: 0;
}

.osc-addresses-title .step-edit {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 93px;
    height: 40px;
    border: 1px solid #db9900;
    border-radius: 4px;
    margin-left: auto;
    box-sizing: border-box;
}

.osc-addresses-title .fa-pencil {
    width: 16px;
    height: 16px;
    color: #db9900;
}

.osc-addresses-title .step-edit {
     
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #db9900;
}

/* Línea divisoria debajo del contenido */
.osc-addresses-title::after {
    content: '';
    width: 100%;
    height: 0;
    border: 1px solid #D2D0D1;
    margin-top: 16px;
}

.osc-addresses-title,
.osc-addresses-content{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.osc-addresses-content .card{
	border:0px;
}

.osc-info .col-md-12{
	padding:0 !important;
}

.osc-addresses-content .col-md-6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 24px;
    /*width: 386.5px;
    height: 216px;*/
    flex-grow: 1;
}

.osc-addresses-content .address-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    width: 100%;
}

.osc-addresses-content .card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 100%;
}

.osc-addresses-content .addresshead {
    width: 100%;
     
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: #020202;
    margin-bottom: 16px;
}

.osc-addresses-content .card-body {
     
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #6F6F72;
}

.osc-addresses-content .black {
    color: #020202;
}

#checkout .noshadow {
    box-shadow: none;
}


.osc-delivery {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  margin: 0 auto;
}

.osc-delivery h5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-family: 'Satoshi Variable', sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  color: #020202;
  margin: 0;
  border-bottom: 1px solid #D2D0D1;
  padding-bottom: 0.6rem;
}

.osc-delivery .step-edit {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  gap: 8px;
  border: 1px solid #db9900;
  border-radius: 4px;
  font-family: 'Satoshi Variable', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #db9900;
  cursor: pointer;
}

.osc-delivery .fa-pencil {
  font-size: 16px;
  color: #db9900;
}

.osc-delivery .summary-selected-carrier {
  box-sizing: border-box;
  display: flex;
  padding: 24px !important;
  gap: 24px;
  width: 100%;
  border: 1px solid #D2D0D1 !important;
  border-radius: 4px !important;
}

.osc-delivery .carrier-name {
  font-family: 'Satoshi Variable', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #db9900;
  display: block;
}

.osc-delivery .text-muted {
  font-family: 'Satoshi Variable', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72 !important;
  display: block;
}

.osc-delivery .carrier-price {
  font-family: 'Satoshi Variable', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #db9900;
}

.osc-delivery img {
  max-width: 32px;
  height: auto;
}

.osc-delivery .row {
  width: 100%;
}

.osc-delivery .col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.osc-delivery .col-auto {
  display: flex;
  align-items: center;
}

.osc-delivery .col-md-12{
	padding:0;
}



.osc-products {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  margin: 0 auto;
}

.osc-products h5.card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-family: 'Satoshi Variable', sans-serif !important;
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  color: #020202;
  margin: 0;
}

.osc-products .step-edit {
  display: flex;
  align-items: center;
  padding: 12px 16px !important;
  gap: 8px;
  border: 1px solid #db9900 !important;
  border-radius: 4px !important;
  font-family: 'Satoshi Variable', sans-serif !important;
  font-weight: 500;
  font-size: 14px;
  color: #db9900;
  cursor: pointer;
}

.osc-products .fa-pencil {
  font-size: 16px;
  color: #db9900;
}


.osc-products .order-line {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 24px;
  width: 797px;
  height: 152px;
  border-radius: 4px;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}

/* Contenedor de imagen */
.osc-products .order-line .col-sm-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 10px;
  width: 120px;
  height: 120px;
  flex: none;
  order: 0;
  flex-grow: 0;
}

/* Imagen */
.osc-products .order-line .image {
  width: 120px;
  height: 120px;
  flex: none;
  order: 0;
  flex-grow: 0;
  border-radius: 4px;
  overflow: hidden;
}

.osc-products .order-line .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

/* Contenedor de información */
.osc-products .order-line .col-sm-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  width: 621px;
  height: 104px;
  flex: none;
  order: 1;
  flex-grow: 1;
}

/* Contenedor de información del producto */
.osc-products .order-line .product-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}

/* Título del producto */
.osc-products .order-line .product-name {
  /* width: 621px; */
  /* height: 24px; */
   
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #db9900;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

/* Contenedor de precio */
.osc-products .order-line .price-block {
  width: 97px;
  height: 32px;
  flex: none;
  order: 1;
  flex-grow: 0;
}

/* Precio */
.osc-products .order-line .price {
   
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  display: flex;
  align-items: center;
  color: #020202;
}

/* Contenedor de unidades */
.osc-products .order-line .units-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  width: 621px;
  height: 24px;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
}

/* Etiqueta de unidades */
.osc-products .order-line .units-label {
  height: 24px;
   
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72;
  flex: none;
  order: 0;
  flex-grow: 0;
}

/* Valor de unidades */
.osc-products .order-line .units-value {
  height: 24px;
   
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #020202;
  flex: none;
  order: 1;
  flex-grow: 0;
}

/* Ocultar elementos innecesarios */
.osc-products .order-line .qty {
  display: none;
}

/* Atributos del producto */
.osc-products .order-line .product-line-info {
   
  font-size: 14px;
  line-height: 20px;
  color: #6F6F72;
  margin-top: 4px;
}

/* Ajustes responsive */
@media (max-width: 576px) {
  .osc-products .order-line {
    width: 100%;
    height: auto;
    padding: 12px;
    gap: 16px;
  }

  .osc-products .order-line .col-sm-2 {
    width: 80px;
    height: 80px;
  }

  .osc-products .order-line .image {
    width: 80px;
    height: 80px;
  }

  .osc-products .order-line .col-sm-10 {
    width: calc(100% - 96px);
  }
}

/* Reset de márgenes de Bootstrap */
.osc-products .row {
  margin: 0;
}

.osc-products .col-sm-2,
.osc-products .col-sm-10 {
  padding: 0;
}

/* Links */
.osc-products .order-line a {
  text-decoration: none;
  color: inherit;
}


.osc-products .block-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 24px;
  width:  100%;
}

.osc-products .line-info {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  gap: 24px;
  width: 100%;
  height: 24px;
}

.osc-products .label-text {
   
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72;
  flex-grow: 1;
}

.osc-products .price-text {
   
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #020202;
}

.osc-products .divider {
  width: 100%;
  height: 0;
  border: 1px solid #D2D0D1;
}

.osc-products .content-price {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  gap: 43px;
  width: 100%;
  height: 32px;
}

.osc-products .total-label {
   
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #020202;
  flex-grow: 1;
}

.osc-products .total-value {
   
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #020202;
}

.osc-products .order-confirmation-table{
	padding: 0 !important;
    border: 0px  !important;
}

.osc-products .order-confirmation-table{
	padding: 0 !important;
    border: 0px  !important;
}


.osc-addresses-content{
	margin-bottom:40px;
	margin-top:40px;
}

.osc-addresses-title{
	margin-top:64px;
}

.osc-products #order-items{
	padding: 0 !important;
	border-bottom: 1px solid #D2D0D1;
}

.osc-delivery{
	margin-bottom:40px;
}


.osc-info div{
	display:flex;
}

.osc-info h4{
	border-bottom:0 !important;
}

.osc-info {
    display: flex;
    align-items: flex-start;
    padding: 0;
    gap: 10px;
}

.osc-info .col-md-12 {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

#checkout .osc-info svg {
    flex: none;
    width: 32px;
    height: 32px;
}

#checkout .osc-info svg path {
    background: #db9900;
}

#checkout .osc-info h4 {
    margin: 0;
     
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #020202;
    flex-grow: 1;
}

/*Código promocional*/
/* Contenedor principal */
#checkout .block-promo {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

/* Contenedor del formulario y elementos */
#checkout .block-promo .cart-voucher {
  gap: 24px;
  width: 100%;
  padding: 24px;
  border-radius: 8px;
  gap: 24px;
  border: 1px solid #D2D0D1;
}

/* Área del título y el icono */
#checkout .block-promo .voucher-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 12px;
  width: 100%;
  height: 24px;
  margin-bottom: 24px;
  background-color: white;
  border-radius: 8px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

/* Icono */
#checkout .block-promo .voucher-title i {
  width: 24px;
  height: 24px;
  color: #db9900;
  flex: none;
  order: 0;
  flex-grow: 0;
}

/* Texto del título */
#checkout .block-promo .voucher-title span {
  /* width: 327px; */
  height: 24px;
   
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #020202;
  flex: none;
  order: 1;
  flex-grow: 1;
}

/* Contenedor del input y botón */
#checkout .block-promo .input-group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  gap: 8px;
  width: 100%;
  /* height: 40px; */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

/* Input de texto */
#checkout .block-promo .input-group input[type="text"] {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 12px;
  /* width: 232px; */
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #D2D0D1;
  border-radius: 4px !important;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 1;
   
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6F6F72;
}

/* Botón */
#checkout .block-promo .btn-secondary {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  gap: 8px;
  width: 123px;
  height: 40px;
  background: #f9ebcb;
  border-radius: 4px;
  flex: none;
  order: 1;
  flex-grow: 0;
  border: none;
}

/* Texto del botón */
#checkout .block-promo .btn-secondary span {
  width: 45px;
  height: 16px;
   
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #db9900;
  flex: none;
  order: 1;
  flex-grow: 0;
}

#checkout .cart-summary-line a {
  color: #6F6F72;
  margin-right: 8px;
}

#checkout .block-promo .cart-voucher-area{
padding:0;
}

#checkout .promo-code{
background-color:white;
}

#checkout .js-payment-confirmation{
	width:100%;
}


#checkout .js-address-item .d-flex, .content-column{
	width:100% !important;
}

#checkout .radio-column{
	padding-top: 5px;
}

#checkout .content-column{
	margin-left:12px;
}

body#checkout section.checkout-step .address-footer{
	padding:0 !important;
}

body#checkout section.checkout-step .address{
	padding-left:0 !important;
}

#checkout .tag-base {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  border-radius: 4px;
  background: #f9ebcb;
}


#checkout .tag-base .text-content {
   
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #db9900;
}


#checkout .button-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    flex: none;
    order: 0;
    flex-grow: 0;
   	margin-top: 64px !important;
}

#checkout .continue-shopping-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    gap: 8px;
    width: 182px;
    height: 56px;
    background: #db9900;
    border-radius: 4px;
}

@media screen and (max-width: 767px) {
    #checkout .continue-shopping-button {
        width: 100%;
    }
}

#checkout .button-text {
     
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

#checkout .button-icon {
    display: none;
    flex: none;
}

#checkout .custom-checkbox input[type="checkbox"] {
    display: none;
}

/* Base styling for non-required checkboxes */
#checkout .custom-checkbox input[type="checkbox"]:not([required]) + span {
    position: relative;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #6F6F72;
    border-radius: 2px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

/* Styling for required checkboxes (with red focus ring) */
#checkout .custom-checkbox input[type="checkbox"][required] + span {
    position: relative;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    border: 1px solid #6F6F72;
    border-radius: 2px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    /* Add the white space and red focus ring */
    box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #F3BBB8;
}
#checkout .row{
	margin-left:0px;
	margin-right:0px;
}


#checkout #customer-form .custom-checkbox {
  padding-right: 5px;
  padding-left: 5px;
}

#checkout #delivery-address .col-md-2 , #delivery-address .col-md-9{
  max-width: 100% !important;
  padding-left: 0;
}

#checkout .logo {
  max-width: 140px !important; 
}

/* Ocultar el asterisco en elementos que contengan checkboxes */
#checkout .custom-checkbox .required::after {
  display: none !important;
}

/* O si el required está en el contenedor del checkbox */
#checkout .form-group:has(input[type="checkbox"]) .required::after {
  display: none !important;
}

#checkout input[type="button"][value="Elegir un punto de recogida	"] {
  background: #db9900;
  border: 1px solid #db9900;
  color: white;
  transition: all 0.3s ease;
  padding: 10px 15px;
  border-radius: 5px;
}

#checkout input[type="button"][value="Elegir un punto de recogida	"]:hover {
  background: #ffb300;
  border-color: #ffb300;
}

#checkout #parcelinfo {
  text-align: center;
  margin: 20px auto;
  max-width: 500px; 
}

#checkout #parcelinfo .panel {
  margin: 0 auto;
  border: 1px solid #db9900;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

#checkout #parcelinfo .panel-heading {
  background: #db9900;
  color: white;
  padding: 12px 15px;
  margin: 0;
}

#checkout #parcelinfo .panel-title {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  text-align: center;
}

#checkout #parcelinfo .panel-body {
  background: white;
  padding: 15px;
  font-weight: 500;
  color: #333;
  text-align: center;
}

#checkout .my-custom-div {
  padding-bottom: 4em;
}

#checkout .cart-summary-products {
  margin-bottom: 1rem;
}

#checkout .cart-summary-header {
  padding: 10px 15px;
  background-color: #f8f9fa;
  border-radius: 4px;
  margin-bottom: 10px;
}

#checkout .products-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

#checkout .cart-summary-product-line {
  display: flex;
  align-items: center;
  padding: 12px 15px;
  border-bottom: 1px solid #e9ecef;
  gap: 12px;
}

#checkout .cart-summary-product-line:last-child {
  border-bottom: none;
}

#checkout .product-image {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
}

#checkout .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid #e9ecef;
}

#checkout .no-image-placeholder {
  width: 100%;
  height: 100%;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6c757d;
}

#checkout .product-details {
  flex: 1;
  min-width: 0;
}

#checkout .product-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 4px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#checkout .product-quantity-price {
  flex: 0 0 auto;
  text-align: right;
  font-size: 13px;
}

#checkout .quantity-price {
  color: #6c757d;
  margin-bottom: 2px;
}

#checkout .product-total {
  font-weight: bold;
  color: #db9900;
  font-size: 14px;
}

/* Para pantallas pequeñas */
@media (max-width: 576px) {
  #checkout .cart-summary-product-line {
      padding: 10px;
      gap: 8px;
  }
  
  #checkout .product-image {
      flex: 0 0 40px;
      width: 40px;
      height: 40px;
  }
  
  #checkout .product-name {
      font-size: 13px;
  }
  
  #checkout .product-quantity-price {
      font-size: 12px;
  }
}

#checkout .col-form-label {
  padding-left: 0;
}

#checkout .input-group>.form-control:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*#checkout .form-control[required] {
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #F3BBB8;
  border: 1px solid #FF4B3F !important;
}*/

@media (max-width: 575.98px) {
  #checkout .delivery-option-2 .full-width-mobile {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

#checkout .carriere-name-container{
  padding:0; 
}

@media (max-width: 575.98px) {
  #checkout .cart-grid-right {
    margin-top: 20px;
  }
}


body#checkout .additional-information {
  font-size: .875rem;
  margin-left: 2.875rem;
  margin-top: 0;
}


#checkout .payment-option .custom-radio {
  display: flex !important;
  align-items: center !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  flex-shrink: 0 !important;
}

@media (max-width: 768px) {
  #checkout .address-selector {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  
  #checkout .address-item {
    width: 100% !important;
    max-width: 100%;
    flex: none;
    margin-bottom: 1rem;
  }
  
  #checkout .js-address-item {
    width: 100% !important;
    display: block;
  }
}
/* Overlay simple */
#checkout .checkout-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.4s ease-out;
}

#checkout .checkout-loading-overlay.fade-out {
    opacity: 0;
    pointer-events: none;
}

#checkout .js-address-form .col-form-label{
    font-weight: bold;

}

#checkout .js-payment-confirmation .btn{
    font-size:18px;
    font-weight:bold;
}

.payment-logos{
	gap:10px;
}


/* Reset general */
.custom-order-confirmation * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.custom-order-confirmation {
  font-family: 'Satoshi Variable', sans-serif;
}

.custom-order-confirmation .layout {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  gap: 24px;
  width: 1280px;
  margin: 0 auto;
}

.custom-order-confirmation .main-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 64px;
  width: 845px;
  flex: 1;
}

.custom-order-confirmation h1 {
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: #020202;
  width: 845px;
}

.custom-order-confirmation .content-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 40px;
  width: 845px;
}

.custom-order-confirmation .content-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 16px;
  width: 845px;
}

.custom-order-confirmation .order-number {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #6F6F72;
}

.custom-order-confirmation .download-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  gap: 4px;
  background: #f9ebcb;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #db9900;
  width: auto;
}

.custom-order-confirmation .product {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px;
  gap: 24px;
  width: 845px;
  height: 152px;
}

.custom-order-confirmation .product-image {
  width: 120px;
  height: 120px;
  border-radius: 4px;
  object-fit: cover;
}

.custom-order-confirmation .product-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 12px;
  width: 613px;
}

.custom-order-confirmation .product-info h3 {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #db9900;
  width: 100%;
}

.custom-order-confirmation .product-price {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #020202;
}

.custom-order-confirmation .product-quantity {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72;
}

.custom-order-confirmation .right-panel {
  width: 411px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.custom-order-confirmation .total-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
  background: #F7F7F7;
  border: 1px solid #D2D0D1;
  border-radius: 8px;
}

.custom-order-confirmation .total-card h2 {
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  color: #020202;
  margin-bottom: 10px;
}

.custom-order-confirmation .total-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72;
}

.custom-order-confirmation .total-row.final {
  padding-top: 32px;
  border-top: 1px solid #D2D0D1;
  font-size: 24px;
  line-height: 32px;
  color: #020202;
}

.custom-order-confirmation .benefits-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px;
  border: 1px solid #D2D0D1;
  border-radius: 8px;
}

.custom-order-confirmation .benefit-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #020202;
}

.custom-order-confirmation .text-blue {
  color: #db9900;
}

.custom-order-confirmation .divider {
  width: 100%;
  height: 0;
  border: 1px solid #D2D0D1;
  margin: 12px 0;
}

/* Botón Seguir comprando */
.button-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-top: 64px !important;
}

.continue-shopping-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;
  width: 182px;
  height: 56px;
  background: #db9900;
  border-radius: 4px;
}

.button-text {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

.button-icon {
  display: none;
  flex: none;
}

/* Media Queries - Tablet */
@media screen and (max-width: 1279px) {
  .custom-order-confirmation .layout {
    width: 100%;
    padding: 0 24px;
    flex-direction: column;
  }

  .custom-order-confirmation .main-content,
  .custom-order-confirmation .content-info,
  .custom-order-confirmation .content-text,
  .custom-order-confirmation h1 {
    width: 100%;
  }

  .custom-order-confirmation .right-panel {
    width: 100%;
  }

  .custom-order-confirmation .product {
    width: 100%;
    height: auto;
  }

  .custom-order-confirmation .product-info {
    width: calc(100% - 144px); /* 120px image + 24px gap */
  }
}

/* Media Queries - Mobile */
@media screen and (max-width: 767px) {
  .custom-order-confirmation .layout {
    padding: 0 16px;
    gap: 32px;
  }

  .custom-order-confirmation .main-content {
    gap: 32px;
  }

  .custom-order-confirmation h1 {
    font-size: 32px;
    line-height: 40px;
  }

  .custom-order-confirmation .order-number {
    font-size: 20px;
    line-height: 28px;
  }

  .custom-order-confirmation .content-info {
    gap: 24px;
  }

  .custom-order-confirmation .product {
    padding: 12px;
    gap: 16px;
  }

  .custom-order-confirmation .product-image {
    width: 80px;
    height: 80px;
  }

  .custom-order-confirmation .product-info {
    width: calc(100% - 96px); /* 80px image + 16px gap */
    gap: 8px;
  }

  .custom-order-confirmation .product-info h3 {
    font-size: 16px;
    line-height: 20px;
  }

  .custom-order-confirmation .product-price {
    font-size: 20px;
    line-height: 28px;
  }

  .custom-order-confirmation .product-quantity {
    font-size: 14px;
    line-height: 20px;
  }

  .custom-order-confirmation .total-card,
  .custom-order-confirmation .benefits-card {
    padding: 16px;
    gap: 16px;
  }

  .custom-order-confirmation .total-card h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .custom-order-confirmation .benefit-item {
    font-size: 14px;
    line-height: 20px;
  }

  .continue-shopping-button {
    width: 100%;
  }
}