/* Móviles */
.cart-bottom-mobile{
  display: none;
  font-size: 0.75em;
  margin-top: 6px;
  background-color: #d9d0cae0;
  color: #152635;
  font-weight: 500;
  padding: 2px 8px;
  transition: opacity 0.3s ease, transform 0.3s ease;
  text-transform: none !important;
}

.buscador-mobile{
  display: none;
}

@media (max-width: 600px) {
  /* Estilos para pantallas móviles */
  .header-main{
    background: #152635;
    height: 85px !important;
  }

  .location-container .header-text, .login-container .header-text{
    display: none !important;
  }

  .submenu-btn{
    font-size: 1.8em !important;
    padding: 6px !important;
  }

  .header-logo {
    display: none !important;
  }
  
  .tremus-cart-widget{
    width: 120px;
    background-color: #e9e3df9d;
  }

  .tremus-cart-widget .cart-top{
    padding: 2px 0px;
  }

  .cart-header-icon{
    width: 16px;
  }

  .cart-count{
    top: -2px;
    right: -8px;
    width: 14px;
    height: 14px;
    font-size: 10px;
  }

  .cart-total{
    font-size: 1em;
  }

  .cart-bottom{
    display: none;
  }

  .cart-bottom-mobile{
    display: flex;
  }

  .location-container .utility-icon-light, .login-container .utility-icon-light{
    position: absolute;
  }

  .login-container .utility-icon-light{
    right: 140px;
  }

  .location-container .utility-icon-light{
    right: 170px;
  }

  .categoria-item {
    position: relative; /* Necesario para posicionar el ::before dentro del elemento */
    z-index: 1; /* Asegura que el contenido quede encima del fondo */
  }

  .categoria-item::before {
    content: "";
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centrar el fondo */
    width: 62px; /* Puedes ajustar el tamaño */
    height: 62px;
    background-color: #e0e0e0; /* Gris */
    border-radius: 50%; /* Lo hace circular */
    z-index: -1; /* Lo coloca detrás del contenido */
  }

  .col-inner ol li.tab, .col-inner ul li.tab, .entry-content ol li.tab, .entry-content ul li.tab, .entry-summary ol li.tab, .entry-summary ul li.tab{
    margin-right: 20px !important;
    font-size: 0.85em !important;
  }

  .buscador-mobile{
    display: block;
    width: 100%;
    padding: 0px 20px;
  }

  .container-width, .full-width .ubermenu-nav, .container, .row{
    max-width: 100vw;
  }
}

/* Tablets */
@media (min-width: 601px) and (max-width: 1024px) {
  /* Estilos para tablets */
}

@media(max-width: 1726px){
  .container-width, .full-width .ubermenu-nav, .container, .row{
    max-width: 90vw !important;
  }

  .tremus-shop-header{
    width: 90vw !important;
  }
}

.only-mobile {
  display: none !important;
}

@media (max-width: 480px) {
  .only-mobile {
    display: flex !important;
    align-items: center;
  }

  .only-mobile a i{
    color: #fff !important;
    font-size: 16px;
    margin-right: 10px;
  }

  .container-width, .full-width .ubermenu-nav, .container, .row{
    max-width: 100vw !important;
  }
}