/** Shopify CDN: Minification failed

Line 389:0 Unexpected "}"

**/
.loading-overlay__spinner {
  display: none;
}
.predictive-search__loading-state {
  display: none;
}

.tbk_fade_in {
  opacity: 1 !important;
  transition: opacity 1s ease-out;
}

/*START Tebiko Product Slider*/
#tbk_product_media_slider .tebiko_product_media_slide {
  width: 100%;
  min-height: 300px;
}

#tbk_product_media_slider img {
  width: 100%;
  height: auto;
  /*aspect-ratio:3/2;
  object-fit:contain;*/
}
#tbk_product_media_slider_thumbs .sliderThumbs {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0;
  overflow: hidden;
}

#tbk_product_media_slider_thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.5;
}

#tbk_product_media_slider_thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

#tbk_product_media_slider_thumbs .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tebiko_product_media_slide video {
  object-fit: contain;
  width: 100%;
  height: auto;
}
.tebiko_product_media_slide iframe {
  object-fit: contain;
  display: block;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  width: 100%;
  min-height: 300px;
}
/*END Tebiko Product Slider*/

/*Header*/
details[open] > .header__menu-item {
  text-decoration: none !important;
}
.header__submenu .header__menu-item:hover {
  text-decoration: none !important;
}
.header__active-menu-item {
  text-decoration: none !important;
}
.header__menu-item:hover span {
  /*text-decoration: underline;
    text-underline-offset: 1rem;*/
  text-decoration: none;
}

/*Footer*/
.tbk_footer_contact {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: start;
  margin: 8px 0px;
}
.tbk_footer_contact_icon {
  max-width: 18px;
  max-height: 18px;
  flex: 1;
  margin: 0 8px 0 0;
  display: flex;
  align-items: start;
  padding-top: 4px;
}
.tbk_footer_contact_text {
  flex: 1;
  text-decoration: none;
  padding: 0px !important;
  margin: 0px !important;
}
.tbk_footer_contact_social {
  display: flex;
  justify-content: start !important;
  padding-left: 18px;
}
.tebiko_footer {
  display: none;
  width: 100%;
  text-align: center;
  font-size: 12px;
  padding: 20px;
}
.tebiko_footer a {
  text-decoration: none;
  color: default;
}

/*Tbiko Modificatios*/
@media screen and (max-width: 990px) {
  .tebiko_detailed_nav {
    padding: 0px !important;
  }
}
/*Predictive Search*/
.predictive-search span {
  color: #000000 !important;
}
.predictive-search p {
  color: #000000 !important;
}

.shopify-section-header {
  z-index: 999999;
}
#shopify-section-header {
  z-index: 999999;
}
.announcement-bar__message {
  font-weight: normal;
}

.drawer {
  z-index: 99999999 !important;
}
arcticle header {
  background: none;
  color: #000000;
}
*:focus-visible {
  box-shadow: none !important;
  border: 0px !important;
  outline: none !important;
}

/*Fix for numbered lists jumping into another line*/
div #shopify-section-article-template ol li {
  list-style: unset !important;
}

/*Quick Add as a Side Panel: bloque comentado que no se usaba; se quitó el 12 oct 2026.*/

/* Oct 2026: los títulos usan Montserrat en negritas, la misma letra del resto del sitio.
   Antes pedían «Bebas Neue», pero esa fuente no cargaba (archivo dañado y regla mal escrita)
   y los navegadores ponían Times New Roman. */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-body-family) !important;
  font-weight: 700;
}

/* 12 oct 2026: los nombres de «Búsqueda por categorías» (sección «Grid - Tebiko» de la portada)
   también pedían «Bebas Neue», desde el CSS personalizado de la sección, y salían en Times New Roman.
   Usan Montserrat en negritas, como los títulos. Como Montserrat es más ancha, el tamaño se ajusta
   al ancho de cada cuadro para que «Portaherramientas» quepa entera (máximo 26 px). */
section[id^="tebiko_grid-"] .gallery-cell {
  container-type: inline-size;
}
#MainContent section[id^="tebiko_grid-"] .tbk_grid_item_title {
  font-family: var(--font-body-family) !important;
  font-weight: 700;
  font-size: 22px;
  font-size: clamp(14px, calc((100cqi - 40px) / 10.4), 26px);
}

/*Predictive Search*/
.predictive-search p {
  color: #ffffff !important;
}
.predictive-search div {
  color: #ffffff !important;
}
.predictive-search span {
  color: #ffffff !important;
}
.predictive-search a {
  color: #ffffff !important;
}
.predictive-search .price-item {
  color: #ffffff !important;
}

/*PDP*/
.product-form__buttons {
  max-width: 100% !important;
}
/*PDP CONTAINER BOXES*/
.tb_pdp_content_box h2 {
  color: #ffad00 !important;
}
.tb_pdp_cb_container {
  display: flex;
  flex-direction: row;
  gap: 0px !important;
  align-items: start;

  padding: 10px;
}
.tb_pdp_cb_container:hover {
  background: #fff9eb !important;
}
.tb_pdp_cb_img img {
  width: 30px !important;
}
.tb_pdp_cb_container h3 {
  margin: 0px !important;
}
.tb_pdp_cb_text {
  padding-left: 20px;
}
.tb_pdp_cb_description {
  font-size: 12px !important;
}

.product__description {
  margin-top: 0px !important;
  margin-bottom: 50px !important;
}

/*Blog*/
@media only screen and (min-width: 769px) {
  .article-template {
    max-width: 800px !important;
    margin: -100px auto 50px auto !important;
    padding: 20px !important;
    background: #fff !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
  }
}
/*Blog Home*/
#shopify-section-template--16334218756182__featured_blog_P7ptUB
  .article-card__excerpt {
  display: none !important;
}

.article-template header {
  background: #fff !important;
}
.article-template header .caption-with-letter-spacing {
  color: #000000 !important;
}

/*Policies*/
.shopify-policy__container {
  margin: 80px auto !important;
}

/*Botón PDP cotización*/
.rfq-btn {
  margin-bottom: 1rem !important;
}

/*Ocultar Tab wishlist*/

.gw-widget-placeholder-RC-wrapper {
  display: none !important;
}

.tbk-collection-sku-container {
  display: grid;
  grid-template-columns: 1fr auto; /* Dos columnas: una para colecciones y otra para SKU */
  gap: 20px; /* Espacio entre columnas */
}

.tbk-collection-list {
  display: flex;
  flex-direction: column; /* Asegura que las colecciones se apilen una encima de otra */
}

.tbk-sku-info {
  align-self: start; /* Alinea el SKU al inicio de la celda */
  text-align: right; /* Alinea el texto del SKU a la derecha */
}

.tbk-collection-title {
  font-size: 0.65em; /* Ajusta el tamaño de la fuente según tus necesidades */
  text-decoration: none !important; /* Elimina el subrayado */
  color: inherit; /* Mantiene el color del texto heredado */
}

.tbk-collection-title:hover {
  color: inherit; /* Asegura que el color no cambie al pasar el ratón */
}

/* 12 oct 2026: antes tenía alto fijo de 45 px y los nombres largos se encimaban con el precio. */
h3.card__heading.h5 {
  min-height: 45px;
}

card__content {
  position: relative;
  min-height: 100%;
  top-margin: 60px;
}

/*Ajuste restaltar botón de cotizar en navegación desktop*/
/*.list-menu.list-menu--inline li:last-child > a#HeaderMenu-cotizar {
  background-color: #ffad00;
  border-radius: 50px;
  padding: 10px 20px; 
  margin-left: 50vw;
  position: relative;
  display: inline-block; 
}*/
#tbk_main_nav {
  display: flex !important;
}
/* Oct 2026: el último elemento del menú ya no se empuja a la derecha (era para el botón de cotización).
   Ese lugar ahora es de los íconos de cuenta, favoritos y carrito; ver el final de este archivo. */
#tbk_main_nav li:last-child a#HeaderMenu-cotizar-por-volumen {
  background-color: #ffad00;
  border-radius: 50px;
  padding: 10px 20px;
}

/* Ajuste para pantallas pequeñas */
@media (max-width: 768px) {
  .list-menu.list-menu--inline
    li:last-child
    > a#HeaderMenu-cotizar-por-volumen {
    margin-left: 10px; /* Reduce la separación en pantallas más pequeñas */
    width: auto; /* Evita que crezca demasiado */
  }
}

/*Centrar el search del data table*/
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
  justify-content: space-evenly !important;
  margin-left: 0% !important;

}
.dt-search label {
  font-weight: bold !important;
}

.dt-input {
  border-radius: 50px !important;
  width:600px!important;
  margin-left:50%!important;
  padding: 10px 10px 10px 30px!important;
}

/*Ocultar imagen en móvil de cotizar*/


  @media only screen and (max-width: 600px) {
  .imgcotizar{
    display: none!important;
  }
    .titlecotizar{font-size:10px!important;}
    .preciocotizar{font-size:10px!important;}
    .skucotizar{font-size:10px!important;}
    .dt-input {
  width:300px!important;
  margin-left:0%!important;
  
}
}
}

div.dt-container div.dt-layout-row {
    justify-content: space-evenly;
}

/* Color de las filas impares */
table tr:nth-child(odd) {
    background-color: #fff9eb; /* Blanco */
}

/*Modificaciones pagina de facturacion*/

input#FP_orderNum{border-radius: 50px !important;
  
  margin-left:0%!important;
  padding: 10px 10px 10px 30px!important;}

input#FP_orderTot{border-radius: 50px !important;
  
  margin-left:0%!important;
  padding: 10px 10px 10px 30px!important;}


#fiscalpop button.btn{
  border-radius: 50px !important;
  border-color: #ffad00!important;
  padding: 10px 10px 10px 10px!important;
  background-color:#ffad00!important;
  color: #fff!important;
}

/* Encabezado en computadora (oct 2026, tema «Correcciones oct 2026»):
   los íconos de cuenta, favoritos y carrito bajan a la barra del menú, a la derecha,
   dentro de un óvalo con contorno amarillo, donde estaba el botón «Solicitar cotización».
   La búsqueda queda centrada en el encabezado (pedido de Javier, 12 oct). Celular y tablet: ver el bloque siguiente. */
@media screen and (min-width: 990px) {
  .header--top-left .header__icons {
    position: absolute;
    right: calc(max(0px, (100% - var(--page-width)) / 2) + 5rem);
    bottom: 8px;
    height: 42px;
    align-items: center;
    padding: 0 12px;
    border: 1.5px solid #ffad00;
    border-radius: 50px;
    z-index: 1;
  }
  .header--top-left .header__icons .header__icon,
  .header--top-left .header__icons .header__icon .svg-wrapper {
    width: 38px;
    height: 38px;
  }
  .header--top-left .header__icons .header__icon + .header__icon {
    margin-left: 6px;
  }
  .header--top-left .header__icons .header__icon--cart {
    margin-right: 0;
  }
  .header--top-left .header__icons .header__icon:hover svg {
    color: #ffad00 !important;
  }
  .header--top-left .header__icons .header__icon--wishlist:hover path {
    stroke: #ffad00;
  }
  .header--top-left .tbk_header_search {
    justify-self: center;
    margin-left: 0;
  }
}

/* Encabezado en celular y tablet (12 oct 2026, pedido de Javier): igual que en computadora,
   los íconos de cuenta, favoritos y carrito van juntos, a la derecha, dentro de un óvalo con
   contorno amarillo. Para que quepan con el logo centrado, la lupa pasa a la izquierda, junto al menú. */
@media screen and (max-width: 989px) {
  .header.header--mobile-center {
    grid-template-areas: "menu buscar heading cuenta favoritos carrito";
    grid-template-columns: 53px 53px minmax(0, 1fr) 38px 30px 38px;
  }
  .header.header--mobile-center > header-drawer {
    grid-area: menu;
    justify-self: start;
    margin-left: 0;
  }
  .header.header--mobile-center .header__icons {
    display: contents;
  }
  .header.header--mobile-center .header__icons .desktop-localization-wrapper {
    display: none;
  }
  .header.header--mobile-center .header__icons .header__search {
    grid-area: buscar;
    justify-self: start;
  }
  .header.header--mobile-center .header__icons .header__icon--account {
    grid-area: cuenta;
  }
  .header.header--mobile-center .header__icons .header__icon--wishlist {
    grid-area: favoritos;
  }
  .header.header--mobile-center .header__icons .header__icon--cart {
    grid-area: carrito;
  }
  .header.header--mobile-center .header__icons .header__icon--account.small-hide,
  .header.header--mobile-center .header__icons .header__icon--wishlist.small-hide {
    display: flex !important;
  }
  .header.header--mobile-center .header__icons .header__icon--account,
  .header.header--mobile-center .header__icons .header__icon--wishlist,
  .header.header--mobile-center .header__icons .header__icon--cart {
    width: 100%;
    height: 38px;
    align-self: center;
    margin: 0;
    border-top: 1.5px solid #ffad00;
    border-bottom: 1.5px solid #ffad00;
  }
  .header.header--mobile-center .header__icons .header__icon--account {
    border-left: 1.5px solid #ffad00;
    border-radius: 50px 0 0 50px;
    padding-left: 6px;
  }
  .header.header--mobile-center .header__icons .header__icon--cart {
    border-right: 1.5px solid #ffad00;
    border-radius: 0 50px 50px 0;
    padding-right: 6px;
  }
}
@media screen and (max-width: 749px) {
  .header.header--mobile-center {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 359px) {
  .header.header--mobile-center {
    grid-template-columns: 44px 44px minmax(0, 1fr) 36px 28px 36px;
  }
  .header.header--mobile-center .header__heading-logo {
    max-width: 96px;
    height: auto;
  }
}

/* Menú de celular y tablet (12 oct 2026, pedido de Javier): la opción que tocas y la página en la
   que estás se sombrean en amarillo con letra negra, igual que en el menú desplegable de computadora
   (CSS personalizado del tema: «.header__submenu .list-menu__item:hover»). Antes el tema las sombreaba
   en gris. La sección del encabezado pone en blanco, con !important, los textos y flechas del menú;
   por eso aquí también se pintan de negro las partes de adentro. */
#menu-drawer .menu-drawer__menu-item:hover,
#menu-drawer .menu-drawer__menu-item:focus,
#menu-drawer .menu-drawer__menu-item--active,
#menu-drawer .menu-drawer__close-button:hover,
#menu-drawer .menu-drawer__close-button:focus-visible {
  background-color: #ffad00 !important;
  color: #000000 !important;
}
#menu-drawer .menu-drawer__menu-item:hover *,
#menu-drawer .menu-drawer__menu-item:focus *,
#menu-drawer .menu-drawer__menu-item--active *,
#menu-drawer .menu-drawer__close-button:hover *,
#menu-drawer .menu-drawer__close-button:focus-visible * {
  color: #000000 !important;
}
/* Al abrir un submenú, el tema pone el foco en «← Tienda» y lo sombreaba en gris aunque nadie lo
   eligió. Queda sin sombra, salvo con el mouse encima o al navegar con teclado. */
#menu-drawer .menu-drawer__close-button:focus:not(:focus-visible):not(:hover) {
  background-color: transparent !important;
}

/* Fotos de producto (12 oct 2026, pedido de Javier): se ven completas y centradas, en computadora y celular.
   Tarjetas de colección, búsqueda, portada y relacionados: antes la foto llenaba el cuadro y se recortaba. */
.card-wrapper .card__media .media img {
  object-fit: contain;
}
.card-wrapper .card__media .media {
  background-color: #ffffff;
}
/* Galería de la ficha y sus miniaturas: cuadros del mismo tamaño, para que no cambie de alto entre fotos. */
#tbk_product_media_slider .swiper-zoom-container {
  aspect-ratio: 1 / 1;
  background-color: #ffffff;
}
#tbk_product_media_slider .swiper-zoom-container > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#tbk_product_media_slider .tebiko_product_media_slide > video {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background-color: #000000;
}
#tbk_product_media_slider_thumbs .swiper-slide {
  height: auto;
  aspect-ratio: 1 / 1;
  background-color: #ffffff;
}
#tbk_product_media_slider_thumbs .swiper-slide img {
  object-fit: contain;
}