/* CLEARIS JOSEDA 2409*/
#checkout span.carrier-price {
  display: none;
}

#checkout .nav-separator {
  display: none !important;
}

#checkout .my-2 {
  margin: 0px !important;
}

#checkout .nav {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 50px;
  padding: 8px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  display: inline-flex;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.5);
}

#checkout .nav-item {
  margin: 0 5px;
}

#checkout .nav-link {
  padding: 12px 25px;
  border-radius: 50px;
  color: #495057;
  font-weight: 600;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
  text-decoration: none;
  border: 2px solid transparent;
  background: transparent;
}

#checkout .nav-link:hover {
  color: #6c757d;
  background: rgba(255,255,255,0.7);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

#checkout .nav-link.active {
  color: #fff !important;
  background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
  box-shadow: 0 4px 15px rgba(106, 17, 203, 0.3);
  border-color: rgba(255,255,255,0.3);
}

#checkout .nav-link.active:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(106, 17, 203, 0.4);
}

#checkout .nav-separator {
  display: flex;
  align-items: center;
  padding: 0 5px;
  color: #adb5bd;
  font-weight: 300;
  font-size: 1.2em;
}

/* Esconder el separador '|' */
.nav-separator {
  display: none;
}



/*General
*********************************************************************************************************************
*********************************************************************************************************************
*********************************************************************************************************************/
div.container
{
  width: 90%;
  padding: 0;
}
section#wrapper
{
  padding-top:1.5rem;
  background: #ffffff;
}
div#content-wrapper.js-content-wrapper
{ padding: 0; }

/*Excepciones*/
body#index div.container
{
  width: 100%;
  padding: 0;
}
body#category div.container
{ width: 95%; }
body#index section#wrapper
{ padding-top: 0; }


#footer.js-footer
{ padding-top: 0 !important; }

.miniature_container
{ background: #ffffff; }


/*Arreglos
*********************************************************************************************************************
*********************************************************************************************************************
*********************************************************************************************************************/
#footer.js-footer
{ padding:0 !important; }


/*Fuentes
*********************************************************************************************************************
*********************************************************************************************************************
*********************************************************************************************************************/
body#cms p, body#cms .breadcrumb, body#cms table
{ font-family: "Nunito Sans", open-sans !important; }
body#cms #wrapper h1, body#cms section#content h3, body#cms section#content h4
{ font-family: "Lexend Deca", open-sans !important; }


/*Formularios
*********************************************************************************************************************
*********************************************************************************************************************
*********************************************************************************************************************/
.form-control:focus,
.input-group.js-parent-focus.focus
{ outline: none; }
.form-control:focus
{ border: 1px solid #0D7BBB; }
.custom-radio input[type="radio"]:checked+span
{ background: #0D7BBB; }


/*Botones
*********************************************************************************************************************
*********************************************************************************************************************
*********************************************************************************************************************/
.btn.btn-primary
{
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
  direction: ltr;
  hyphens: manual;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  touch-action: manipulation;
  box-sizing: border-box;
  display: inline-block;
  line-height: 1;
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 3px;
  fill: currentColor;
  transition: .5s;
  box-shadow: none;
  text-decoration: none;
  font-family: "Lexend Deca",open-sans;
  font-weight: 400;
  background-color: #0D7BBB;
  cursor: pointer;
  color: #fff;
}
.btn.btn-primary:hover
{
  transition: .5s;
  background-color: #2A2C2D;
}
.btn.btn-primary.disabled
{
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
  direction: ltr;
  hyphens: manual;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  touch-action: manipulation;
  box-sizing: border-box;
  display: inline-block;
  line-height: 1;
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 3px;
  fill: currentColor;
  transition: .5s;
  box-shadow: none;
  text-decoration: none;
  font-family: "Lexend Deca",open-sans;
  font-weight: 400;
  background-color: #afafaf;
  cursor: default;
  color: #fff;
}.btn.btn-primary.disabled:hover
{
  background-color: #afafaf;
  color: #fff;
}
.btn.btn-secondary,
.addresses-footer a,
.add-address a
{
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
  direction: ltr;
  hyphens: manual;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  touch-action: manipulation;
  box-sizing: border-box;
  display: inline-block;
  line-height: 1;
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 3px;
  fill: currentColor;
  transition: .5s;
  box-shadow: none;
  text-decoration: none;
  font-family: "Lexend Deca",open-sans;
  font-weight: 400;
  background-color: #2A2C2D;
  cursor: pointer;
  color: #fff !important;
}
.btn.btn-primary:hover,
.addresses-footer a:hover,
.add-address a:hover
{
  transition: .5s;
  background-color: #484b4d;
  color: #fff !important;
}


/*Menú
*********************************************************************************************************************
*********************************************************************************************************************
********************************************************************************************************************
.ets_mm_megamenu.layout_layout1
{ width: fit-content !important; }
.mm_columns_contents_ul
{
    min-width: fit-content !important;
    min-height: 75vh !important;
}
.mm_columns_li
{ min-width: max-content !important; }
.layout_layout1 .mm_menus_li:last-child,
.ets_mm_megamenu_content
{ border: none !important; }
.ybc-menu-toggle.ybc-menu-btn,
.ets_mm_megamenu_content
{ background: #fff !important; }*/


/*Enlaces
*********************************************************************************************************************
*********************************************************************************************************************
*********************************************************************************************************************/
body#authentication section#main a,
body#identity section#main a,
body#address section#main a,
body#addresses section#main a,
body#history section#main a,
body#order-slip section#main a,
body#module-ps_emailalerts-account section#main a,
.page-footer a,
body#cart a[href="https://www.electrobueno.com/"],
body#checkout .-current.js-current-step a,
body#checkout .cart-grid-right a.js-show-details,
body#checkout .cart-grid-right .media-list .product-name a,
body#order-detail section#wrapper .page-footer a,
body#order-confirmation section#main a,
body#module-gestiondocumentos-customerInvoices section#main a,
body#module-gestiondocumentos-customerSlips section#main a,
body#manufacturer section#main .brand-infos a,
a[href="#promo-code"],
body#cart .collapse-button.promo-code-button.cancel-promo,
body#checkout .collapse-button.promo-code-button.cancel-promo
{ color: #0D7BBB; }
body#authentication section#main a:hover,
body#identity section#main a:hover,
body#address section#main a:hover,
body#addresses section#main a:hover,
body#history section#main a:hover,
body#hover section#main a:hover,
body#module-ps_emailalerts-account section#main a:hover,
.page-footer a:hover,
body#cart a[href="https://www.electrobueno.com/"]:hover,
body#checkout .-current.js-current-step a:hover,
body#checkout .cart-grid-right a.js-show-details:hover,
body#checkout .cart-grid-right .media-list .product-name a:hover,
body#order-detail section#wrapper .page-footer a:hover,
body#order-confirmation section#main a:hover,
body#module-gestiondocumentos-customerInvoices section#main a:hover,
body#module-gestiondocumentos-customerSlips section#main a:hover,
body#manufacturer section#main .brand-infos a:hover,
a[href="#promo-code"]:hover,
body#cart .collapse-button.promo-code-button.cancel-promo:hover,
body#checkout .collapse-button.promo-code-button.cancel-promo:hover
{
  transition: .5s;
  color: #2A2C2D;
}
body#checkout .nav-item .nav-link.nav-link
{ color: #2A2C2D; }
body#checkout .nav-item .nav-link.active
{ color: #0D7BBB; }



/*Miniaturas
*********************************************************************************************************************
*********************************************************************************************************************
*********************************************************************************************************************/
.miniature_container .miniature_title,
.miniature_container .miniature_description .ce-product-description-short
{
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
}



/*Apartado mi cuenta
*********************************************************************************************************************
*********************************************************************************************************************
*********************************************************************************************************************/
.page-my-account #content .links a i,
.page-my-account #content .links a svg
{ color: #0D7BBB; }
.page-my-account #content .links a:hover i,
.page-my-account #content .links a:hover svg,
.page-my-account #content .links a
{
  transition: .5s;
  color: #2A2C2D;
}
.page-my-account #content .links a span.link-item
{
  background: #F3F8FB;
  border-radius: 15px;
  border-right: 5px solid #cae3ef;
}

.page-my-account #content .links a span.link-item:hover
{
  transition: .5s;
  background: #cae3ef;
  border-right: 5px solid #b4d0dd;
}
article.address,
article.address-item/*Checkout*/
{
  border-radius: 15px;
  border: 1px solid #cae3ef;
  background: #F3F8FB !important;
  padding: 10px;
}
article.address-item.selected/*Checkout*/
{
  border: 1px solid #b4d0dd !important;
  border-right: 5px solid #b4d0dd !important;
}


/*Página detalle del producto
************************************************************************
************************************************************************
************************************************************************/
body#order-detail section#content a
{ color: #0D7BBB; }
body#order-detail section#content a:hover
{
  transition: .5s;
  color: #2A2C2D;
}



/*Carrito
*********************************************************************************************************************
*********************************************************************************************************************
*********************************************************************************************************************/
body#cart li.cart-item:hover
{
  transition: .5s;
  background: #F3F8FB;
  border-radius: 15px;
}
body#cart .product-line-grid-right.product-line-actions .qty
{ min-width: fit-content; }
body#cart .cart-grid-body a.label
{
  font-family: "Lexend Deca", open-sans;
  font-size: 18px;
}
body#cart .cart-grid-body a.label:hover,
body#cart .product-line-grid-right a.remove-from-cart i:hover
{
  transition: .5s;
  color: #0D7BBB;
}
body#cart .cart-grid-body span.price
{ color: #000; }

body#cart .crosselling_cart
{ margin-top: 35px; }

li.cart-item
{ list-style: none !important; }
.asa_main_success
{ width: fit-content !important; }



/*Checkout
*********************************************************************************************************************
*********************************************************************************************************************
*********************************************************************************************************************/
body#checkout section.checkout-step.-reachable.-current .step-number
{ background: #0D7BBB; }
/*Direcciones*/
body#checkout .row.delivery-option.js-delivery-option
{
  background: #F3F8FB !important;
  border-radius: 15px;
  border-right: 5px solid #cae3ef !important;
}
body#checkout .row.delivery-option.js-delivery-option:hover
{
  transition: .5s;
  background: #cae3ef !important;
  border-right: 5px solid #b4d0dd !important;
}
/*Col DRCHA*/
body#checkout .cart-grid-right .media-list .product-name a
{ font-family: "Lexend Deca", open-sans !important; }
body#checkout .cart-grid-right .media-list .product-price
{ color: #0D7BBB; }
body#checkout .cart-grid-right .media-list li.media
{ padding: 20px; }
body#checkout .cart-grid-right .media-list li.media:hover
{
  transition: .5s;
  background: #F3F8FB;
  border-radius: 15px;
}

body#checkout ul.nav
{ background: none !important; }
body#checkout .AFSC-remaining-progress
{ margin-bottom: 25px; }



/*Categoría
*********************************************************************************************************************
*********************************************************************************************************************
*********************************************************************************************************************/
body#category .material-icons.add:hover,
body#category .material-icons.remove:hover,
body#category .material-icons.arrow-right:hover,
body#category .material-icons.arrow-down:hover,
body#category a.af-toggle-child,
.pagination .current a,
.pagination li:hover a
{ color: #0D7BBB; }

body#category #product-list-header
{ height: 100px; }

body#category #left-column .block-categories .category-top-menu li:last-child ul li:nth-child(odd)
{ background: #F3F8FB; }

body#category #amazzing_filter
{ box-shadow: none; }

body#category .compact-toggle-text,
body#category .icon-filter.compact-toggle-icon
{ background: #FF9A00; }

body#category .products-sort-order a:hover
{ background: #0D7BBB; }

@media only screen and (max-width: 445px)
{
  body#category h1.h1
  { font-size: 7vw; }
}

body#category #js-product-list-top
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: end;
  width: 100%;
  margin-left: 15px;
}
body#category #js-product-list-top .col-md-6
{ width: fit-content; }
body#category #js-product-list-top .sort-by,
body#category #js-product-list-top .dropdown
{ min-width: max-content; }
body#category #js-product-list-top .total-products,
body#category #js-product-list-top .showing
{ display: none !important; }

.mm_menu_content_title {
    display: inline-block;
    float: left;
    position: relative;
}

/*Paginación*/
.pagination .previous,.pagination .next
{ float:none; }
.pagination .previous
{ padding-right: 3%; }
.pagination .next
{ padding-left: 3%; }


/*DOOFINDER*/
.dfd-card-row[data-status]
{ display: none; }