/* EspacioPC: "Categorias destacadas" - Minimal Electronics cards (light gray + orange, NO teal) - v2.0 2026-10-28 */

/* Card shell: neutral light gray, large rounded corners, equal heights */
body.home .wc-block-featured-category{
  position:relative!important;
  display:flex!important;
  overflow:hidden!important;
  background-color:#f6f6f8!important;
  border:none!important;
  border-radius:20px!important;
  box-shadow:0 2px 14px rgba(25,25,35,.07)!important;
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}
body.home .wc-block-featured-category__wrapper{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  width:100%!important;
  margin:0!important;
  padding:24px 20px 22px!important;
  background:transparent!important;
  border:none!important;
}
/* Remove the old teal gradient overlay completely */
body.home .wc-block-featured-category__wrapper::before,
body.home .wc-block-featured-category__wrapper::after{
  display:none!important;
  content:none!important;
}
/* Let the title, photo and button flow as direct flex items of the card */
body.home .wc-block-featured-category__inner-blocks{display:contents!important;}
/* Category name at the top: bold, dark, centered */
body.home .wc-block-featured-category h2{
  order:1!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:2.6em!important;
  margin:0!important;
  padding:0!important;
  color:#1d1d23!important;
  font-weight:700!important;
  font-size:1.3rem!important;
  line-height:1.3!important;
  text-align:center!important;
  text-shadow:none!important;
}
/* Real product count directly below the name: small gray uppercase */
body.home .wc-block-featured-category h2::after{
  display:block!important;
  margin-top:8px!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  color:#9a9aa4!important;
  content:""!important;
}
body.home .wp-block-group>.wc-block-featured-category:nth-of-type(1) h2::after{content:"17 PRODUCTOS"!important;}
body.home .wp-block-group>.wc-block-featured-category:nth-of-type(2) h2::after{content:"8 PRODUCTOS"!important;}
body.home .wp-block-group>.wc-block-featured-category:nth-of-type(3) h2::after{content:"20 PRODUCTOS"!important;}
body.home .wp-block-group>.wc-block-featured-category:nth-of-type(4) h2::after{content:"8 PRODUCTOS"!important;}
/* Hide the empty category description so it adds no gap */
body.home .wc-block-featured-category__description{display:none!important;}
/* Large product photo filling the lower part of the card */
body.home .wc-block-featured-category__background-image{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  flex:1 1 auto!important;
  align-self:stretch!important;
  order:2!important;
  object-fit:cover!important;
  object-position:center!important;
  border:none!important;
  border-radius:14px!important;
  box-shadow:none!important;
  margin:16px 0 0!important;
  padding:0!important;
}
/* Orange pill button */
body.home .wc-block-featured-category .wp-block-buttons{
  order:3!important;
  display:flex!important;
  justify-content:center!important;
  margin:18px 0 0!important;
  padding:0!important;
}
body.home .wc-block-featured-category .wp-block-button{margin:0!important;}
body.home .wc-block-featured-category .wp-block-button__link{
  position:static!important;
  display:inline-block!important;
  background-color:#FF6B35!important;
  color:#ffffff!important;
  border:none!important;
  border-radius:999px!important;
  padding:12px 32px!important;
  font-weight:600!important;
  font-size:.95rem!important;
  line-height:1.2!important;
  text-decoration:none!important;
  box-shadow:0 4px 12px rgba(255,107,53,.35)!important;
  cursor:pointer!important;
}
body.home .wc-block-featured-category .wp-block-button__link:hover,
body.home .wc-block-featured-category .wp-block-button__link:focus{
  background-color:#E8590C!important;
  color:#ffffff!important;
  text-decoration:none!important;
}
/* Stretched link: the whole card links to the category page */
body.home .wc-block-featured-category .wp-block-button__link::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  border-radius:20px!important;
}
/* Sensible stacking on narrow screens */
@media (max-width:781px){
  body.home .wp-block-group:has(>.wc-block-featured-category){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:480px){
  body.home .wp-block-group:has(>.wc-block-featured-category){
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.home .wc-block-featured-category h2{min-height:0!important;}
}
/* v2.1 overlay kill 2026-10-28: remove any residual dark overlay on the card shell */
body.home .wc-block-featured-category::before,
body.home .wc-block-featured-category::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}


/* EPC-V23-FINAL-BG 2026-10-28: definitive light gray card background */
body.home .wc-block-featured-category{background-color:#f6f6f8!important;}

/* EPC-V24-RGB-BG 2026-10-28: light gray via rgb() */
body.home .wc-block-featured-category{background-color:rgb(246,246,248)!important;}

/* EPC-V25-NODIM 2026-10-28: remove dim overlay element and any darkening */
body.home .wc-block-featured-category .background-dim__overlay{display:none!important;}
body.home .wc-block-featured-category.has-background-dim .background-dim__overlay:before{display:none!important;content:none!important;}
body.home .wc-block-featured-category{filter:none!important;opacity:1!important;}
body.home .wc-block-featured-category__background-image{filter:none!important;opacity:1!important;}


/* EPC-V26-CONTAIN 2026-10-28: whole product always visible, centered, never cropped (v2.6) */
body.home .wc-block-featured-category__background-image{
  object-fit:contain!important;
  object-position:center center!important;
  align-self:center!important;
  margin:16px auto 0!important;
}