.dipl_image_accordion_wrapper {
        display: flex;
        position: relative;
        width: 100%;
        min-height: var(--teldat-image-accordion-min-height, 0);
        overflow: hidden;
}

.dipl_image_accordion_item {
        position: relative;
        cursor: pointer;
}

.dipl_image_accordion_item::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: var(--dipl-accordion-bg-image);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        opacity: 0;
        transition: opacity .35s ease;
}

.dipl_image_accordion_item.dipl_active_image_accordion_item::before {
        background-image: var(--dipl-accordion-active-bg-image, var(--dipl-accordion-bg-image));
        opacity: 1;
}

.dipl_image_accordion_item * {
        pointer-events: none;
}

.dipl_image_accordion_item a,
.dipl_image_accordion_item button {
        pointer-events: auto;
}

.dipl_image_accordion_item:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: 2px;
}

/* Capa de imagen por detrás y contenido por delante */
.dipl_image_accordion_item{position:relative; overflow:hidden;}
.dipl_image_accordion_item::before{z-index:0;}
.dipl_image_accordion_item > *{position:relative; z-index:1;}

/* Punteros: evita que capas internas se “coman” el hover */
.dipl_image_accordion_item *{pointer-events:none;}
.dipl_image_accordion_item a,
.dipl_image_accordion_item button{pointer-events:auto;}

/* --- IMAGEN SIEMPRE VISIBLE EN CADA ITEM --- */
.dipl_image_accordion_item{ position:relative; overflow:hidden; }
.dipl_image_accordion_item::before{
  content:"";
  position:absolute; inset:0;
  background-image:var(--dipl-accordion-bg-image);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  /* antes estaba en 0: súbelo a 1 para ver todas las imágenes */
  opacity:1!important;
  /* pequeñas transiciones de look */
  transition: opacity .35s ease, filter .35s ease, transform .35s ease;
  transform:scale(1.02);
}

/* Los inactivos se ven atenuados; el activo a todo color */
.dipl_image_accordion_item:not(.dipl_active_image_accordion_item)::before{
  filter:brightness(.75) saturate(.9);
}
.dipl_image_accordion_item.dipl_active_image_accordion_item::before{
  background-image:var(--dipl-accordion-active-bg-image, var(--dipl-accordion-bg-image));
  filter:none;
  transform:scale(1);
}