/* Auto generated from css.tpl */

    div .ptg-color-labels .ptg-tag .ptg-tag-name {
        background: #ff7c20;
        color: #ffffff;
        background: -moz-linear-gradient(left, #ff7c20 0%, rgba(255, 74, 0, 1) 100%);
        background: -webkit-linear-gradient(left, #ff7c20 0%, rgba(255, 74, 0, 1) 100%);
        background: linear-gradient(to right, #ff7c20 0%, rgba(255, 74, 0, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c20', endColorstr='rgba(255, 74, 0, 1)',GradientType=1 );
    }
    div .ptg-color-labels .ptg-tag .ptg-tag-name:before {
        background: #ffffff;
    }

        div .ptg-color-labels .ptg-tag .ptg-tag-name.ptg-tag-7072 {
        background: rgb(0, 137, 146);
        color: rgb(255, 255, 255);
        background: -moz-linear-gradient(left, rgb(0, 137, 146) 0%, rgba(0, 87, 146, 1) 100%);
        background: -webkit-linear-gradient(left, rgb(0, 137, 146) 0%, rgba(0, 87, 146, 1) 100%);
        background: linear-gradient(to right, rgb(0, 137, 146) 0%, rgba(0, 87, 146, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(0, 137, 146)', endColorstr='rgba(0, 87, 146, 1)',GradientType=1 );
    }
    div .ptg-color-labels .ptg-tag .ptg-tag-name.ptg-tag-7072:before {
        background: rgb(255, 255, 255);
    }
        div .ptg-color-labels .ptg-tag .ptg-tag-name.ptg-tag-7073 {
        background: rgb(195, 78, 251);
        color: rgb(255, 255, 255);
        background: -moz-linear-gradient(left, rgb(195, 78, 251) 0%, rgba(145, 28, 251, 1) 100%);
        background: -webkit-linear-gradient(left, rgb(195, 78, 251) 0%, rgba(145, 28, 251, 1) 100%);
        background: linear-gradient(to right, rgb(195, 78, 251) 0%, rgba(145, 28, 251, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(195, 78, 251)', endColorstr='rgba(145, 28, 251, 1)',GradientType=1 );
    }
    div .ptg-color-labels .ptg-tag .ptg-tag-name.ptg-tag-7073:before {
        background: rgb(255, 255, 255);
    }
        div .ptg-color-labels .ptg-tag .ptg-tag-name.ptg-tag-7104 {
        background: rgb(163, 13, 255);
        color: rgb(255, 255, 255);
        background: -moz-linear-gradient(left, rgb(163, 13, 255) 0%, rgba(113, 0, 255, 1) 100%);
        background: -webkit-linear-gradient(left, rgb(163, 13, 255) 0%, rgba(113, 0, 255, 1) 100%);
        background: linear-gradient(to right, rgb(163, 13, 255) 0%, rgba(113, 0, 255, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(163, 13, 255)', endColorstr='rgba(113, 0, 255, 1)',GradientType=1 );
    }
    div .ptg-color-labels .ptg-tag .ptg-tag-name.ptg-tag-7104:before {
        background: rgb(255, 255, 255);
    }

.ptg-product-wrp .ptg-list {
    font-size: 1em !important;
}
.ptg-product-list-wrp .ptg-list {
    font-size: 0.9em !important;
}
.ptg-cloud-wrp .ptg-list {
    font-size: 0.9em !important;
}

/* =========================================================
   PTG (Product Tags Advanced) - CSS unificado PCMontajes
   - Sidebar / filtros: fuerza tamaño aunque haya inline styles
   - Header: unifica Promoción / Novedad / Black Friday / Cyber Monday
   ========================================================= */

/* ---------------------------
   1) SIDEBAR / FILTROS (ptg cloud)
   --------------------------- */

/* Mata el inline font-size del <li class="ptg-tag" style="font-size:..."> */
.ptg-cloud-wrp .ptg-list > li.ptg-tag,
#search_filters_wrapper .ptg-list > li.ptg-tag{
  font-size: 1rem !important;
}

/* Chip */
.ptg-cloud-wrp .ptg-list > li.ptg-tag > a.ptg-tag-name,
#search_filters_wrapper .ptg-list > li.ptg-tag > a.ptg-tag-name{
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;

  padding: 4px 10px !important;
  border-radius: 6px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
}

/* Texto dentro */
.ptg-cloud-wrp .ptg-list > li.ptg-tag > a.ptg-tag-name > span,
#search_filters_wrapper .ptg-list > li.ptg-tag > a.ptg-tag-name > span{
  font-size: inherit !important;
}

/* ---------------------------
   2) HEADER / MENÚ (4 etiquetas iguales y más compactas)
   Promoción / Novedad / Black Friday / Cyber Monday
   --------------------------- */

#pst_labels_menu{
  display: block !important;
  width: 100% !important;
  margin-top: 2px !important;
}

#pst_labels_menu ul{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
}
#pst_labels_menu li{ list-style: none !important; }

a.label_menu_list{
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;

  padding: 6px 6px !important;
  min-height: 28px !important;
  min-width: 100px !important;
  border-radius: 6px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

/* ---------------------------
   3) Responsive (móvil)
   --------------------------- */
@media (max-width: 576px){
  #pst_labels_menu ul{
    gap: 6px !important;
  }

  /* Header chips (las 4 iguales) */
  a.label_menu_list{
    font-size: 12px !important;
    padding: 5px 6px !important;
    min-height: 26px !important;
    min-width: 100px !important;
    border-radius: 6px !important;
  }
}
/* Trending (degradado suave SIN transparencias) */
a.ptg-tag-name[href*="trending"],
#pst_labels_menu a.label_menu_list[href*="trending"]{
  background: linear-gradient(90deg, #CFEFF2, #E6D4FA) !important; /* suave, opaco */
  color: #021521 !important;
  border: 1px solid rgba(2,21,33,.10) !important;
  font-weight: 800 !important;
}

/* "Filtrar por etiqueta" (auto-contraste) */
#_label_menu > span{
  color: #fff !important;
  mix-blend-mode: difference !important;
}


/* Si el panel lateral va con fondo oscuro (modo business), ponlo en blanco */
body.pcm-business #_label_menu > span,
body.theme-business #_label_menu > span,
body.business #_label_menu > span,
#search_filters_wrapper[style*="background"] #_label_menu > span{
  color: #fff !important;
}
#_label_menu > span{
  color: #fff !important;
  mix-blend-mode: difference !important;
}
/* Pack (degradado suave lila, SIN transparencias) */
a.ptg-tag-name[href*="pack"],
#pst_labels_menu a.label_menu_list[href*="pack"]{
  background: linear-gradient(90deg, #E6D6F1, #C9A3E3) !important; /* lila suave opaco */
  color: #021521 !important;
  border: 1px solid rgba(2,21,33,.10) !important;
  font-weight: 800 !important;
}



