/* =========================================================
   PLP B2C / Para tu hogar
   Este archivo se carga solo cuando el canal activo NO es B2B.
   Mantiene la misma lógica del PLP, pero aplica la identidad visual B2C.
   ========================================================= */

.ico-plp-variant-home {
  --ICO-Azul: #0B4460;
  --ICO-Celeste: #459CD6;
  --ICO-Verde: #8DBF3E;
  --ico-market-yellow: #FFD400;
  --ico-card-border: #EAEAEA;
  --ico-card-soft: #F7F9FA;
}

.ico-plp-variant-home.plp-page-wrapper {
  background: #FFFFFF;
  color: var(--ICO-Azul);
}

.ico-plp-variant-home .plp-container {
  max-width: 1200px;
}

/* Banner */
.ico-plp-variant-home #plp-banner {
  margin-bottom: 38px;
}

.ico-plp-variant-home .plp-banner-inner {
  border-radius: 0;
  overflow: hidden;
}

.ico-plp-variant-home .plp-banner-img {
  width: 100%;
  min-height: 104px;
  max-height: 130px;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Título lateral */
.ico-plp-variant-home .plp-header-title,
.ico-plp-variant-home .plp-categorias-title {
  color: var(--ICO-Azul);
}

.ico-plp-variant-home .plp-header-count {
  color: #343737;
}

/* Panel de filtros B2C */
.ico-plp-variant-home .plp-filtro-panel {
  background: #F7F7F7;
  border-radius: 12px;
  box-shadow: none;
}

.ico-plp-variant-home .plp-filtro-title {
  color: var(--ICO-Celeste);
}

.ico-plp-variant-home .plp-filtro-group-title {
  color: #343737;
}

.ico-plp-variant-home .plp-filtro-category-link,
.ico-plp-variant-home .plp-filtro-category-link:link,
.ico-plp-variant-home .plp-filtro-category-link:visited {
  color: #343737;
}

.ico-plp-variant-home .plp-filtro-category-link:hover,
.ico-plp-variant-home .plp-filtro-category-link:focus-visible {
  color: #0B4460;
}

.ico-plp-variant-home .plp-filtro-checkbox-text,
.ico-plp-variant-home .plp-filtro-price-val {
  color: #343737;
}

.ico-plp-variant-home .plp-filtro-checkbox-box {
  border-color: #A4A4A4;
  background: #FFFFFF;
}

.ico-plp-variant-home .plp-filtro-checkbox-input:checked + .plp-filtro-checkbox-box {
  background: var(--ICO-Celeste);
  border-color: var(--ICO-Celeste);
}

.ico-plp-variant-home .plp-filtro-checkbox-input:checked ~ .plp-filtro-checkbox-text {
  color: var(--ICO-Celeste);
}

.ico-plp-variant-home .plp-filtro-price-track {
  background: #D7E4EA;
}

.ico-plp-variant-home .plp-filtro-price-fill {
  background: var(--ICO-Azul);
}

.ico-plp-variant-home .plp-filtro-price-input::-webkit-slider-thumb {
  background: var(--ICO-Azul);
}

.ico-plp-variant-home .plp-filtro-price-input::-moz-range-thumb {
  background: var(--ICO-Azul);
}

.ico-plp-variant-home .plp-filtro-clear-btn {
  border-color: var(--ICO-Celeste);
  color: var(--ICO-Celeste);
}

.ico-plp-variant-home .plp-filtro-apply-btn {
  background: var(--ICO-Verde);
  border-color: var(--ICO-Verde);
  color: #FFFFFF;
}

.ico-plp-variant-home .plp-filtro-apply-btn:hover {
  background: #7EAC37;
  border-color: #7EAC37;
  color: #FFFFFF;
}

.ico-plp-variant-home .plp-filtro-apply-btn:active {
  background: #739E31;
  border-color: #739E31;
}

/* Slider de categorías */
.ico-plp-variant-home .plp-categorias-col {
  margin-bottom: 36px;
}

.ico-plp-variant-home .plp-categorias-title {
  font-weight: 700;
  text-align: center;
}

.ico-plp-variant-home .plp-categorias-slider-wrapper {
  grid-template-columns: 34px minmax(0, 1fr) 34px;
  gap: 22px;
}

.ico-plp-variant-home .plp-categorias-viewport {
  overflow: hidden !important;
}

.ico-plp-variant-home .plp-categorias-track {
  gap: 32px;
}

.ico-plp-variant-home .plp-categoria-item {
  text-decoration: none;
}

.ico-plp-variant-home .plp-categoria-img {
  border-radius: 8px;
  background: #F7F9FA;
  object-fit: cover;
}

.ico-plp-variant-home .plp-categoria-label {
  color: var(--ICO-Celeste);
  font-weight: 700;
}

.ico-plp-variant-home #plp-categorias-prev,
.ico-plp-variant-home #plp-categorias-next {
  background: var(--ICO-Azul) !important;
}

.ico-plp-variant-home #plp-categorias-prev:hover,
.ico-plp-variant-home #plp-categorias-next:hover {
  background: var(--ICO-Celeste) !important;
}

/* Toolbar */
.ico-plp-variant-home .plp-dropdown-btn {
  border-color: var(--ICO-Celeste);
  color: var(--ICO-Celeste);
}

.ico-plp-variant-home .plp-dropdown-option.selected {
  color: var(--ICO-Celeste);
}

/* Cards de producto B2C */
.ico-plp-variant-home .producto-card {
  border: 1px solid var(--ico-card-border);
  border-radius: 6px;
  background: #FFFFFF;
  box-shadow: none;
  overflow: hidden;
}

.ico-plp-variant-home .producto-card:hover {
  box-shadow: 0 8px 22px rgba(11, 68, 96, 0.08);
}

.ico-plp-variant-home .producto-img-wrapper {
  background: #F7F9FA;
}

.ico-plp-variant-home .producto-sku {
  color: #9EA6AD;
}

.ico-plp-variant-home .producto-attr,
.ico-plp-variant-home .producto-attr a {
  color: var(--ICO-Azul);
  text-decoration-color: var(--ICO-Azul);
}

.ico-plp-variant-home .producto-info {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.ico-plp-variant-home .producto-name {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: normal !important;
  word-wrap: normal !important;
  word-break: keep-all !important;
  hyphens: none !important;
}

.ico-plp-variant-home .producto-name a {
  display: block;
  width: 100%;
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-wrap: normal !important;
  word-break: keep-all !important;
  hyphens: none !important;
  color: var(--ICO-Celeste);
}

.ico-plp-variant-home .producto-name a:hover {
  color: var(--ICO-Azul);
}

.ico-plp-variant-home .producto-price-current,
.ico-plp-variant-home .producto-price-current .woocommerce-Price-amount {
  color: #F00 !important;
  font-weight: 700;
}

.ico-plp-variant-home .producto-price-old,
.ico-plp-variant-home .producto-price-old .woocommerce-Price-amount,
.ico-plp-variant-home .producto-prices del,
.ico-plp-variant-home .producto-prices del * {
  color: #9EA6AD !important;
  text-decoration-color: #9EA6AD !important;
}

.ico-plp-variant-home .producto-actions .action-btn {
  border-color: #D9D9D9;
  background: #FFFFFF;
}

.ico-plp-variant-home .producto-actions .action-btn:hover {
  border-color: var(--ICO-Azul);
  background: var(--ICO-Azul);
}

/* Badges: siguen dependiendo de flags, solo se ajusta el color visual B2C */
.ico-plp-variant-home .producto-badges .badge-cyber,
.ico-plp-variant-home .producto-badges .badge-cyber:visited,
.ico-plp-variant-home .producto-badges .badge-cyber:hover,
.ico-plp-variant-home .producto-badges .badge-cyber span,
.ico-plp-variant-home .producto-badges .badge-nuevo,
.ico-plp-variant-home .producto-badges .badge-nuevo:visited,
.ico-plp-variant-home .producto-badges .badge-nuevo:hover {
  background: var(--ICO-Verde) !important;
  color: #FFFFFF !important;
}

.ico-plp-variant-home .plp-active-filter-chip {
  border-color: #D7E4EA;
  color: var(--ICO-Azul);
}

.ico-plp-variant-home .plp-active-filter-chip strong {
  background: var(--ICO-Azul);
}

@media (max-width: 1023px) {
  .ico-plp-variant-home .plp-categorias-viewport {
    overflow-x: auto !important;
  }

  .ico-plp-variant-home .plp-categoria-item {
    flex: 0 0 132px !important;
  }
}


/* =========================================================
   FIX v9 - Slider B2C según maqueta
   - Los títulos vuelven al azul del diseño.
   - El hover NO cambia color, grosor ni mueve el ítem.
   - El carrusel mantiene 5 ítems visibles en desktop sin cortar textos.
   ========================================================= */
.ico-plp-variant-home .plp-categorias-slider-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}

.ico-plp-variant-home .plp-categorias-viewport {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
}

.ico-plp-variant-home .plp-categorias-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  gap: 32px !important;
  padding: 10px 0 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  will-change: transform !important;
}

.ico-plp-variant-home .plp-categorias-track .plp-categoria-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  gap: 16px !important;
  flex: 0 0 calc((100% - (4 * 32px)) / 5) !important;
  min-width: 0 !important;
  max-width: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transform: none !important;
}

.ico-plp-variant-home .plp-categorias-track .plp-categoria-item:hover,
.ico-plp-variant-home .plp-categorias-track .plp-categoria-item:focus,
.ico-plp-variant-home .plp-categorias-track .plp-categoria-item:focus-visible {
  transform: none !important;
  text-decoration: none !important;
}

.ico-plp-variant-home .plp-categorias-track .plp-categoria-img {
  display: block !important;
  width: 120px !important;
  max-width: 100% !important;
  height: 120px !important;
  margin: 0 auto !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

.ico-plp-variant-home .plp-categorias-track .plp-categoria-item:hover .plp-categoria-img,
.ico-plp-variant-home .plp-categorias-track .plp-categoria-item:focus .plp-categoria-img,
.ico-plp-variant-home .plp-categorias-track .plp-categoria-item:focus-visible .plp-categoria-img,
.ico-plp-variant-home .plp-categorias-track .plp-categoria-item.active .plp-categoria-img {
  box-shadow: none !important;
  transform: none !important;
}

.ico-plp-variant-home .plp-categorias-track .plp-categoria-label,
.ico-plp-variant-home .plp-categorias-track .plp-categoria-item:hover .plp-categoria-label,
.ico-plp-variant-home .plp-categorias-track .plp-categoria-item:focus .plp-categoria-label,
.ico-plp-variant-home .plp-categorias-track .plp-categoria-item:focus-visible .plp-categoria-label {
  display: block !important;
  width: 100% !important;
  max-width: 136px !important;
  margin: 0 auto !important;
  color: #0B4460 !important;
  font-family: "Avenir Next LT Pro", Arial, sans-serif !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
}

@media (max-width: 1023px) {
  .ico-plp-variant-home .plp-categorias-viewport {
    overflow-x: auto !important;
    padding: 0 4px !important;
  }

  .ico-plp-variant-home .plp-categorias-track {
    justify-content: flex-start !important;
    gap: 24px !important;
    padding: 0 4px 8px !important;
  }

  .ico-plp-variant-home .plp-categorias-track .plp-categoria-item {
    flex: 0 0 132px !important;
  }

  .ico-plp-variant-home .plp-categorias-track .plp-categoria-img {
    width: 100px !important;
    height: 100px !important;
  }

  .ico-plp-variant-home .plp-categorias-track .plp-categoria-label,
  .ico-plp-variant-home .plp-categorias-track .plp-categoria-item:hover .plp-categoria-label {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0B4460 !important;
  }
}

/* =========================================================
   FIX v10 - B2C colores estables
   - El slider B2C no cambia a celeste en hover.
   - El título "Filtros" y estados activos B2C usan azul de marca.
   ========================================================= */
.ico-plp-variant-home .plp-filtro-title,
.ico-plp-variant-home .plp-active-filters-title {
  color: #0B4460 !important;
}

.ico-plp-variant-home .plp-filtro-clear-btn,
.ico-plp-variant-home .plp-filtro-clear-btn:link,
.ico-plp-variant-home .plp-filtro-clear-btn:visited {
  border-color: #0B4460 !important;
  color: #0B4460 !important;
}

.ico-plp-variant-home .plp-filtro-clear-btn:hover,
.ico-plp-variant-home .plp-filtro-clear-btn:focus {
  background: #0B4460 !important;
  color: #FFFFFF !important;
}

.ico-plp-variant-home .plp-filtro-checkbox-input:checked + .plp-filtro-checkbox-box {
  background: #0B4460 !important;
  border-color: #0B4460 !important;
}

.ico-plp-variant-home .plp-filtro-checkbox-input:checked ~ .plp-filtro-checkbox-text {
  color: #0B4460 !important;
}

.ico-plp-variant-home .plp-dropdown-btn,
.ico-plp-variant-home .plp-dropdown-btn:hover,
.ico-plp-variant-home .plp-dropdown-btn:focus {
  border-color: #0B4460 !important;
  color: #0B4460 !important;
}

.ico-plp-variant-home .plp-dropdown-option.selected,
.ico-plp-variant-home .plp-dropdown-option:hover {
  color: #0B4460 !important;
}

.ico-plp-variant-home #plp-categorias-prev,
.ico-plp-variant-home #plp-categorias-next,
.ico-plp-variant-home #plp-categorias-prev:hover,
.ico-plp-variant-home #plp-categorias-next:hover,
.ico-plp-variant-home #plp-categorias-prev:focus,
.ico-plp-variant-home #plp-categorias-next:focus,
.ico-plp-variant-home #plp-categorias-prev:active,
.ico-plp-variant-home #plp-categorias-next:active {
  background: #0B4460 !important;
  border-color: #0B4460 !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}

.ico-plp-variant-home #plp-categorias-prev::before,
.ico-plp-variant-home #plp-categorias-next::before,
.ico-plp-variant-home #plp-categorias-prev:hover::before,
.ico-plp-variant-home #plp-categorias-next:hover::before,
.ico-plp-variant-home #plp-categorias-prev:focus::before,
.ico-plp-variant-home #plp-categorias-next:focus::before {
  border-color: #FFFFFF !important;
}

.ico-plp-variant-home .plp-categorias-track .plp-categoria-label,
.ico-plp-variant-home .plp-categorias-track .plp-categoria-item:hover .plp-categoria-label,
.ico-plp-variant-home .plp-categorias-track .plp-categoria-item:focus .plp-categoria-label,
.ico-plp-variant-home .plp-categorias-track .plp-categoria-item:focus-visible .plp-categoria-label,
.ico-plp-variant-home .plp-categorias-track .plp-categoria-item:active .plp-categoria-label {
  color: #0B4460 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.ico-plp-variant-home .plp-categoria-item,
.ico-plp-variant-home .plp-categoria-item:hover,
.ico-plp-variant-home .plp-categoria-item:focus,
.ico-plp-variant-home .plp-categoria-item:active {
  color: #0B4460 !important;
  text-decoration: none !important;
}


/* RT Fix 2026-06-16: PLP categorías con capitalización natural según maqueta */
.plp-categoria-label {
	text-transform: none !important;
}


/* RT Fix 2026-06-16: PLP categorías - no forzar mayúsculas, respetar formato PHP */
.ico-plp-b2b-dynamic .plp-categorias-track .plp-categoria-label,
.ico-plp-b2b-dynamic .plp-categoria-label,
.ico-plp-variant-home .plp-categorias-track .plp-categoria-label,
.ico-plp-variant-home .plp-categoria-label,
.plp-categorias-track .plp-categoria-label,
.plp-categoria-label,
.plp-filtro-checkbox-text,
.plp-breadcrumb-item {
	text-transform: none !important;
}


/* =========================================================
   RT Fix 2026-06-26: paginación PLP B2C / Para tu hogar
   Mantiene la misma estructura corregida del PLP y aplica
   el color de acción de la línea B2C.
   ========================================================= */
.ico-plp-variant-home nav.woocommerce-pagination .page-numbers:not(ul) {
  border-color: #DDE6EC !important;
  color: #0B4460 !important;
}

.ico-plp-variant-home nav.woocommerce-pagination .page-numbers.current,
.ico-plp-variant-home nav.woocommerce-pagination a.page-numbers:hover,
.ico-plp-variant-home nav.woocommerce-pagination a.page-numbers:focus {
  background: var(--ICO-Verde, #8DBF3E) !important;
  border-color: var(--ICO-Verde, #8DBF3E) !important;
  color: #FFFFFF !important;
}

.ico-plp-variant-home nav.woocommerce-pagination a.page-numbers:focus-visible {
  outline: 2px solid rgba(141, 191, 62, .34);
  outline-offset: 2px;
}

.ico-plp-variant-home nav.woocommerce-pagination .page-numbers.dots {
  color: #0B4460 !important;
}