@font-face {
  font-family: 'Montserrat Medium';
  src: url('fonts/Montserrat-Medium.ttf');
}

@font-face {
  font-family: 'Anton';
  src: url('fonts/Anton-Regular.woff2');
}

@font-face {
  font-family: 'Luxurious';
  src: url('fonts/LuxuriousScript-Regular.woff2');
}
.quick-view-content .product-name {
font-weight: 500;
    font-family: Anton, sans-serif !important;
}
.sucursal-description {

    font-weight: 400;
}
.p-2 {
    color: #000000;
  
}

.sidebar-banner {
    padding-top: 20px;
}

.page-banner-wrapper {

    padding: 0;
 
}


.canvas-menu ul li a {
    color: #000000;
}

.off-canvas-box {
    background-color: #0000000;
}

.la-pen:before {
    color: #ffb402  ;
}

.sucursal {
    color: #ffffff;
}

.post-resultados {
    font-size: 12px;
}

.la-trash:before {
    color: #ffb402  ;
}

.off-canvas-box.open {
    box-shadow: -10px 0 20px rgba(0, 0, 0, 1);
}


.shop-single-content .product-quantity button {
border: 1px solid #e99823;
    background-color: #000000;
}

.shop-single-content.shop-sticky .h_carrito {

    border-color: #ffe1c9;
}


.btnPedidos {
    font-family: Montserrat, sans-serif !important;
    font-size: 10px !important;
    color: #ffffff !important;
    border-radius: 0.3rem !important;
    background-color: #3c3835 !important;
    border: 0 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.single-product .product-content .manufacturer a {
      color: #8f8f8f !important;
    font-weight: 500 !important;
    font-size: 12px !important;

}

.footer-copyright {
    background-color: #101010  !important;
  
}

.footer-section {
    background-color: #000000;
}

.checkout-form {
  
    margin-bottom: 48px;
}

.shop-single-content .product-quantity button:hover {
    background-color: #000000  !important;
}

.titulocategorias {
    background-color: #db1b32;
}

.espaciador {
    height:20px;
}



.login-register-wrapper .title {
    font-size: 24px;
    font-weight: 100;
    color: #343434;
    text-transform: uppercase;
}
.banner-cuenta {
    background-image: url(/clientes/betos/img/banners/sucursal_banner.jpg) !important;
       

}

.cerrado {
        background-color: #db1b32;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase;
    font-size: 12px !important;
    text-align: center;
    padding: 5px;
}

.btn-primary:active {
    background-color: #3c3835 !important;
}

.btn-primary:focus {
    background-color: #3c3835 !important;
}

.single-product .product-content .product-title a {
font-family: Montserrat, sans-serif !important;
    color: #262626;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 600 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin: 0;
}

body {
    color:#bdbdbd !important;
   font-family: Montserrat, sans-serif !important;
   font-size: 16px;
   font-weight: 300;
    
   
}

.header-search input {
        font-weight: 300;
    border-color: #000000 !important;
    background: #ffffff !important;
}
.header-search button {
    background-color: #ffffff;
    color: #000000 !important;
    border-color: #000000 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-family: Montserrat, sans-serif !important;

}

.header-mobile-top {
 
    background-color: #000000  !important;
}

.single-banner {
    text-align: right;
    
}

.single-banner a img {
    width: 330px;
    
}

.single-product {
    margin-top: 0 ;
}

.accordion-header{
    background-image: url(https://juniorb.mideliveryweb.com/clientes/juniorb/img/carta/prod.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px !important;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    height: 72px;
}
.accordion-collapse {
    border: none !important;
}


.accordion-button {
    border: none !important; 
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fdd835'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
 filter: invert(00%) brightness(100%) contrast(100%);
  }

  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fdd835'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
  filter: invert(00%) brightness(100%) contrast(100%);

}

.accordion-body {
    padding: 0 !important;
  }



.buscador-nav {
    background-color: #000000;
    padding-left: 10px;
padding-right: 10px;
padding-top: 0;
}

.header-mobile {
    position: fixed !important;
     z-index: 200;

  }

.total_side {

    background-color: #000000;

}
.borrarx  {
    background-color: transparent !important;
}
.borraricono {
    font-size: 14px !important;
color: #c3c3c3;
}
.borrarx {
    background-color: transparent !important;
    z-index: 99;
    position: absolute !important;
    right: 29px !important;
    border: 0 !important;
    color: #6c757d !important;
    font-weight: inherit;
}

.combo100  {
    width: 100% !important;
}

.quick-view-content .product-quantity button {

    background: #3c3835 !important;
    border: none !important;
 
  }

  .quick-view-content .product-quantity input {

    border: 2px solid !important;
  border-color: #3c3835 !important;
  border-top: none !important;
  border-bottom: none !important;

  }
  
  .single-product .product-image .product-action .action {
   
    background: #f3b024;
    color: #ffffff;
 
}
  
  .uk-accordion ul li {
    color: #bdbdbd;
    height: 26px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

  .single-product .product-content .manufacturer {
   color: #bdbdbd;
    margin-bottom: 5px;
    height: 26px;
    font-size: 14px;
    font-weight: 500;

  }

  .single-product .product-content {
    padding: 20px 15px 9px 15px;
  }

  .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 2px solid #3c3835 !important;
    border-radius: 6px !important;
  }

  .select2-container--default .select2-selection--single {
    padding: 10px !important;
    height: auto !important;
  }

  .select2-container {

    width: 100% !important;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {

    top: 12px !important;

  }

  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #3c3835 transparent transparent transparent !important;

  }

  .select2-container--default .select2-results > .select2-results__options {
    border: 2px solid !important;
    border-color: #3c3835 !important;
  
    border-radius: 6px !important;
    margin-top: 2px !important;;
  }

  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #dfdfdf !important;
    color: #8a8a8a !important;
  }



  .select2-container--default .select2-results__option--selected {
    background-color: transparent !important;
  }

  .select2-container--open .select2-dropdown--below {

    border: none !important;
  }

.gracias {
    margin-top: 0 !important;
    margin-bottom: 200px;
  }

#conteCarta {
    margin-bottom: 12px;
}

.select2-container .select2-selection--single .select2-selection__rendered {

    padding-left: 0 !important;

  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #181818;
    line-height: 28px;
  }

.spinner_combo {
    margin-bottom: 5px;
    border: 2px solid;
    padding-left: 10px;
border-color: #3c3835;
border-radius: 6px;
color: #181818 !important;
}


.titulos_combo {
    font-size: 1rem;
    font-weight: initial;
    color: #202020;
    text-transform: uppercase;
 font-family: Anton, sans-serif !important;
    font-size: 21px;
  }
  .select_combo {
    margin-bottom: 10px;
  }

  .subtitulo_combo {
    color: #1c1c1c;
margin-bottom: 5px !important;
  }



.banner-mdw {
    background-size: 233px;
background-image: url(/assets/images/logoblanco.svg) !important;
background-position: left;
background-color: #1d1d1d;
}





#conteSucursales {
    margin-bottom: 20px;
}

.my-account-tab .account-title {
font-weight: 500;
    font-size: 24px !important;
    color: #db1b32 !important;
    text-transform: uppercase;
}

.my-account-menu .account-menu-list li a.active, .my-account-menu .account-menu-list li a:hover {
       background-color: #3c3835 !important;
    color: #000000 !important;
}

.num-carr {
    left: 34px;
    padding: 0px 5px 0px 6px;
    font-size: 10px;
    position: absolute;
    background-color: #e42b28;
    border: 2px solid;
    border-color: #202020;
    border-radius: 25px;
}

.uk-accordion-title {
font-family: Luxurious, sans-serif !important;
    font-size: 31px !important;
    color: #000000 !important;
}
.logo-cliente {
    width: 123px !important;
}
.banner-categorias {
    background-color: #3c3835 !important;
    margin-top: 20px;
    background-image: none !important;
}
.accordion-button {
  align-items: center !important; /* ✅ Centra verticalmente */
  padding-top: 0 !important;      /* ✅ Opcional: corregí si está desalineado */
  padding-bottom: 0 !important;
  height: 100%;                   /* ✅ Asegura que ocupe toda la altura disponible */
}
h1 {
margin: 0 !important;
    font-family: Anton, sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 23px !important;
    color: #ffffff !important;
    font-weight: 400;
    font-style: initial !important;
}
.btn-principal {
  letter-spacing: 1px !important;
    text-transform: uppercase !important;
 font-family: Anton, sans-serif !important;
    font-weight: 500;
    font-style: normal;
    background-color: #ffb402  !important;
    color: #000000 !important;
    font-size: 17px !important;
    border: none !important;
}
.btn-principal:hover {
  letter-spacing: 1px !important;
    text-transform: uppercase !important;
 font-family: Anton, sans-serif !important;
    font-weight: 500;
    font-style: normal;
    background-color: #ffb402   !important;
    color: #ffffff !important;
    font-size: 17px !important;
    border: none !important;
}
.btn-principal-movil {
background-color: #000000;
    font-family: Anton, sans-serif !important;
    text-transform: uppercase;
    font-size: 16px !important;
    border: 0px;
    padding: 0;
    margin-right: 0px !important;
    color: #ffffff !important;
    font-weight: 500;
}
.uk-button {
font-size: 18px;
    border: 0px;
    margin-right: 0px !important;
    color: #ffffff !important;
    font-weight: 500;
}
.btn-agregar {
 font-family: Anton, sans-serif !important;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 21px;
    color: #ffffff !important;
    border-radius: 0.3rem;
    background-color: #000000 !important;
    text-transform: uppercase;
    font-weight: 300;
}
.btn-agregar:hover {
    
background-color: #f4b024 !important;
    color: #000000 !important;
    
}
.page-banner-wrapper {
    margin-top: 50px !important;
    margin-bottom: 0px !important;
}
.btn-confirmar-sticky {
    background-color: #000000   !important;
}

.single-cart-item .cart-item-content .cart-edit {

    right: 20px ;
 
  }

  .single-cart-item .cart-item-content .cart-remove {
 
    right: 20px ;

  }
  .sticky {

    background-color: #000000  !important;
 
}

.sidebar-categorias-col {
    margin-top: 14px;
}

.copyright-payment .copyright p a {
    color: #ffffff;
}

.foot_ul {
    color: #ffffff;
    font-size: 12px;
    margin-top: 20px;
    font-weight: 400;
}

.copyright-payment .copyright p a:hover {
    color: #ffb402 !important;
}

.foot_ul li a:hover {
    color: #ffb402 !important;
}
.shop-single-content.shop-sticky {
    margin-top: 45px;
    background-color: #000000     !important;
    box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2);
}
.shop-single-content.shop-sticky .h_carrito {
font-family: Anton, sans-serif !important;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 1.3;
    font-style: normal;
    text-transform: uppercase;
    color: #ffffff !important;
    font-size: 20px !important;
}
.total_side .cart-price .cart-total .price-inline .value {
    color: #c51718    !important;
}
.total_side .cart-price .cart-total .price-inline .label {
    color: #c51718  !important;
}
.total_side .cart-price .price-inline .label {
    color: #ffffff !important;
}
.total_side .cart-price .price-inline .value {
    color: #ffffff !important;
}
.shop-single-content .product-quantity input {
    background-color: #ffffff !important;
}
.carro_side ul li {
    background: transparent !important;
}
.carrito-side .single-cart-item .cart-item-content .product-name {
    color: #ffffff  !important;
}
.carrito-side .single-cart-item .cart-item-content .product-price {
    color: #ffffff;
}
.shop-single-content .product-quantity input {
    width: 30px;
    height: 48px;
    border: 0;
    border-right: 0;
    padding: 5px 8px;
    font-size: 14px;
    background-color: #fffffff !important;
    outline: none;
}
.ion-ios-arrow-up:before {
    content: "\f3d8";
    color: #ffffff !important;
}
.ion-ios-arrow-down:before {
    content: "\f3d0";
    color: #ffffff !important;
}
.single-cart-item .cart-item-content .cart-edit {
    color: #fff !important;
}
.single-cart-item .cart-item-content .cart-remove {
    top: 19px;
    opacity: 1 !important;
    color: #fff !important;
}
.carro_side ul {
    max-height: 300px;
    overflow-y: auto;
    padding: 0 !important;
    font-size: 12px;
}
.modal-productos .modal-header {
    background-color: #000000  !important;
}
.modal-productos .product-name {
font-family: Anton, sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff !important;
    font-weight: inherit !important;
    font-style: initial !important;
    font-size: 28px !important;
}
.modal-productos .product-price {
    font-family: Montserrat, sans-serif !important;
    font-size: 27px !important;
    color: #ffffff !important;
}
.canvas-close-bar {
    background-color: #f3b024;
}
.menu-close {
    color: #ffffff !important;
}
.quick-view-content .product-quantity-mobile button {
    background-color: #252525 !important;
}
.quick-view-content .product-quantity-mobile button:hover {
    background-color: #f7ad28  !important;
    color:#252525;
}
.canvas-close-bar {
font-family: Montserrat, sans-serif !important;
    font-style: initial !important;
    letter-spacing: 1.5px;
    color: #ffffff !important;
    font-size: 19px !important;
    font-weight: 800;
}
.single-product:hover {
    border: 2px solid;
    border-color: #000000   !important;
}
.single-cart-item .cart-item-content .product-name {
    color: #ffffff !important;
}
.single-cart-item .cart-item-content .product-price {
    color: #ffffff   !important;
}
.uk-close {
    color: #ffffff !important;
}
.header-toggle .mobile-menu-open span {
    background-color: #ffffff  !important;
}
.titulo_banners {
font-family: Anton, sans-serif !important;
    letter-spacing: 5px;
    color: #ffffff !important;
    font-size: 29px !important;
    font-weight: normal !important;
    font-style: initial !important;
}
.uk-button-default:hover {
    color: #ffffff  !important;
}
.btn-adicionales {
    font-size: 22px !important;
    color: #3c3835 !important;
    border-radius: 0.3rem !important;
    font-family: Montserrat, sans-serif !important;
    background-color: #fdd835 !important;
    border: 2px solid !important;
    border-color: #fdd835 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-weight: 800;
}
.btn-adicionales:hover {
    background-color: #3c3835 !important;
    color: #fdd835 !important;
    font-size: 17px;
}
.header-actions .action {
    color: #ffffff;
}

.header-actions .action:hover {
    color: #ffb402  !important;
}

.img-detalle-prod {
    border: 4px solid !important; 
    border-color: #202020  !important;
  }

  .boton-cerrar-block::after, .boton-cerrar-block::before {

    background: #ffffff  !important;

  }

  .single-product .product-image .product-action .action:hover {
    background-color: #000000  !important;
    color: #ffffff !important;
  }

  .carro_vacio span {
    color: #f1f1f1     !important;
  }

.btn-primary {
  font-family: Montserrat, sans-serif !important;
    font-weight: 600;
    font-style: normal;
    font-size: 16px !important;
    color: #ffffff !important;
    border-radius: 0.3rem !important;
    background-color: #000000 !important;
    border: none !important;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: #585858 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

  .btn-primary:hover {
    background-color: #3d3935 !important;
    color: #ffffff !important;
    font-size: 22px;
  }
  /* Works on Firefox */
* {
  scrollbar-width: auto; /* Para Firefox */
  scrollbar-color: #ffffff #000000; /* thumb blanco, track negro */
}

/* Para navegadores WebKit (Chrome, Edge, Safari) */
*::-webkit-scrollbar {
  width: 18px;
  background-color: #000000; /* Fondo completo del scroll */
}

*::-webkit-scrollbar-track {
  background: #000000 !important; /* Fondo detrás del thumb */
}

*::-webkit-scrollbar-thumb {
  background-color: #ffffff !important; /* Solo el thumb blanco */
  border-radius: 0px;
  border: 0px solid #000000; /* Sin borde para que no agregue más negro */
}



/*-------------------FIREFOX---------------------*/
@-moz-document url-prefix() {
    .flex-row-reverse {
    
        width: 100% !important;
        margin: 0;
      }
  }
/*-------------------MEDIA MAX 991---------------------*/
@media only screen and (max-width: 991px) {
    .header-logo {
        width: 52px;
        margin: auto;
    }
    .page-banner-wrapper {
 background-image: url('https://juniorb.mideliveryweb.com/clientes/juniorb/img/banners/bgmovil.webp') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    }
    .footer-widget .header-logo {
        width: 120px !important;
    }
    .header-actions .dropdown .dropdown-profile {
        top: 59px !important;
    }

    .banner-mdw {
 
        background-position: left !important;

      }
    
}
/*-------------------MEDIA MAX 767---------------------*/
@media only screen and (max-width: 767px) {
    .header-logo {
        width: 100px;
        margin: auto;
    }
    
    a:hover {
    color: #ffffff;
}

    .shop-single-content.shop-sticky {
        margin-top: 0 !important;
        padding: 1rem;
        position: initial;
        padding: 0px !important;
        background-color: transparent;
    }

.buscador-nav {
padding-bottom: 0;
  
}

.shop-single-content.shop-sticky {

    border-radius: 0;

}

.btn-principal {

    border-radius: 0 !important;

}


    .titulo_banners {
              text-align: left;
        font-size: 18px !important;
    }

    .single-product .product-content {
        min-height: auto !important;
      }

    .banner-mdw {
 
        background-position: center !important;

      }

      .modal-productos .product-name {
      font-family: Montserrat, sans-serif !important;
        letter-spacing: 0px !important;
        font-size: 17px !important;
        
      }

      .product-name {
        padding-right: 50px;
      }

    .section-padding-02 {
        padding-top: 45px !important;
       
    }
}