/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 24 2025 | 18:46:16 */
/* 1) El cuadro de cada columna */
.home-section3-item{
  position: relative;
}

/* 2) Contenedor de imagen: base para overlay y texto */
.home-section3-item .kps-inicio-categoria-imagen{
  position: relative;
  overflow: hidden;
}

/* Asegura que el link sea el "lienzo" del overlay */
.home-section3-item .kps-inicio-categoria-imagen a.vc_single_image-wrapper{
  position: relative;
  display: block;
}

/* Imagen con transición sutil */
.home-section3-item .kps-inicio-categoria-imagen img{
  display: block;
  width: 100%;
  height: auto;
  transition: transform .35s ease, filter .35s ease;
  will-change: transform, filter;
}

/* Overlay oscuro (no bloquea clic) */
.home-section3-item .kps-inicio-categoria-imagen a.vc_single_image-wrapper::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.38);
  opacity: 0;
  transition: opacity .35s ease;
  pointer-events: none;
  z-index: 2;
}

/* 3) Texto encima de la imagen (se verá SOLO en hover) */
.home-section3-item .kps-inicio-categoria-imagen .kps-inicio-categoria-texto {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .35s ease, transform .35s ease;

  pointer-events: none;
  z-index: 3;

  /* opcional: si quieres “centro alto” en lugar del centro exacto */
  /* align-items: flex-start; padding-top: 22%; */
}

/* Normaliza márgenes internos del texto (WPBakery suele meterlos) */
.home-section3-item .kps-inicio-categoria-imagen .kps-inicio-categoria-texto .wpb_wrapper{
  margin: 0;
}

/* Estilo del título y enlace en blanco + negrita */
.home-section3-item .kps-inicio-categoria-imagen .kps-inicio-categoria-texto h3,
.home-section3-item .kps-inicio-categoria-imagen .kps-inicio-categoria-texto h3 a{
  margin: 0;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
}

/* 4) Activación por hover y teclado (focus-within) */
.home-section3-item .kps-inicio-categoria-imagen:hover a.vc_single_image-wrapper::after,
.home-section3-item .kps-inicio-categoria-imagen:focus-within a.vc_single_image-wrapper::after,
.home-section3-item .kps-inicio-categoria-imagen.kps-touched a.vc_single_image-wrapper::after{
  opacity: 1;
}

.home-section3-item .kps-inicio-categoria-imagen:hover img,
.home-section3-item .kps-inicio-categoria-imagen:focus-within img,
.home-section3-item .kps-inicio-categoria-imagen.kps-touched img{
  filter: brightness(.78);
  transform: scale(1.03);
}

.home-section3-item .kps-inicio-categoria-imagen:hover .kps-inicio-categoria-texto,
.home-section3-item .kps-inicio-categoria-imagen:focus-within .kps-inicio-categoria-texto,
.home-section3-item .kps-inicio-categoria-imagen.kps-touched .kps-inicio-categoria-texto{
  opacity: 1;
  transform: translateY(0);
}