@media all and (max-width: 1024px) {
    .loop-entry .entry-content-wrap {
        padding:0.5rem;
    }
}

@media all and (max-width: 767px) {
    .loop-entry .entry-content-wrap {
        padding:0.5rem;
    }
}
/* =========================================================
   Percepción y Medios — Slider principal (Kadence Advanced Slider + Posts)
   Título sobre la imagen con degradado negro, etiqueta de sección y efectos al pasar el cursor.
   Requisito: agregar la clase  pm-hero  al bloque Advanced Slider
   (Avanzado → Clases CSS adicionales).
   ========================================================= */

/* La tarjeta ocupa todo el alto del slide (sin franja gris abajo) */
.pm-hero .kb-advanced-slide-inner-wrap { background: transparent; }
.pm-hero .kb-advanced-slide-inner,
.pm-hero .wp-block-kadence-posts,
.pm-hero .kb-post-list-item,
.pm-hero .loop-entry { height: 100%; }

.pm-hero .splide__slide { padding: 0 8px; }

.pm-hero .loop-entry {
  position: relative;
  overflow: hidden;
  margin: 0;
  border-radius: 14px;
  background: #000;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
}

/* Imagen a sangre, cubriendo toda la tarjeta */
.pm-hero .loop-entry .post-thumbnail {
  position: absolute; inset: 0;
  height: 100%; margin: 0; padding: 0 !important;
}
.pm-hero .loop-entry .post-thumbnail-inner { position: absolute; inset: 0; padding: 0; }
.pm-hero .loop-entry .post-thumbnail-inner img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform 1.2s cubic-bezier(.2, .7, .2, 1), filter .6s;
}
.pm-hero .loop-entry:hover .post-thumbnail-inner img { transform: scale(1.06); filter: saturate(1.1); }

/* Degradado negro con el título encima */
.pm-hero .loop-entry .entry-content-wrap {
  position: absolute; inset: auto 0 0 0; z-index: 2;
  padding: 5rem 1.75rem 1.6rem !important;
  text-align: left;
  background: linear-gradient(to top,
              rgba(0, 0, 0, .92) 0%,
              rgba(0, 0, 0, .65) 45%,
              rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}
.pm-hero .loop-entry .entry-header { margin: 0; pointer-events: auto; }

.pm-hero .loop-entry .entry-title {
  margin: 0; max-width: 90%;
  text-align: left;
  font-size: clamp(1.15rem, 2.2vw, 1.9rem);
  line-height: 1.2; font-weight: 700;
  text-wrap: balance;
}
/* Subrayado verde animado al pasar el cursor */
.pm-hero .loop-entry .entry-title a {
  color: #fff; text-decoration: none;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .5);
  background: linear-gradient(var(--global-palette1, #72b24b), var(--global-palette1, #72b24b)) 0 100% / 0 3px no-repeat;
  transition: background-size .45s ease;
}
.pm-hero .loop-entry:hover .entry-title a { background-size: 100% 3px; }

/* Toda la tarjeta es clicable */
.pm-hero .loop-entry .entry-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }

/* Etiqueta de sección, generada a partir de la categoría del post */
.pm-hero .loop-entry .entry-header::before {
  display: inline-block;
  margin-bottom: .7rem; padding: .3rem .75rem;
  border-radius: 4px;
  background: var(--global-palette1, #72b24b); color: #fff;
  font-size: .72rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase;
}
.pm-hero .category-nacionales .entry-header::before { content: "Nacional"; }
.pm-hero .category-edomex     .entry-header::before { content: "Edomex"; }
.pm-hero .category-municipios .entry-header::before { content: "Municipios"; }

.pm-hero .loop-entry .entry-footer { display: none; }

@media (max-width: 767px) {
  .pm-hero .loop-entry .entry-content-wrap { padding: 3.5rem 1.1rem 1.1rem !important; }
  .pm-hero .loop-entry .entry-title { max-width: 100%; }
}