.dw-image-accordion{display:flex;gap:10px}@media screen and (min-width: 1024px){.dw-image-accordion{gap:20px}}.dw-image-accordion h1,.dw-image-accordion h2,.dw-image-accordion h3,.dw-image-accordion h4,.dw-image-accordion h5,.dw-image-accordion h6{margin-top:0}.dw-image-accordion .dw-image-accordion--content-parent{flex:1 1;transition:flex 400ms;overflow:hidden}.dw-image-accordion .dw-image-accordion--content-parent:hover{flex:2}.dw-image-accordion .dw-image-accordion--content-parent:hover .dw-image-accordion--content:before{opacity:.75}.dw-image-accordion .dw-image-accordion--content-parent:hover .dw-image-accordion--content-holder{flex:1;transform:translate(0px, 0px)}.dw-image-accordion.dw-image-accordion--horizontal{flex-direction:row}.dw-image-accordion.dw-image-accordion--vertical{flex-direction:column}.dw-image-accordion--content{position:relative;display:flex;width:100%;height:100%;padding:5px;overflow:hidden}@media screen and (min-width: 1024px){.dw-image-accordion--content{padding:20px}}.dw-image-accordion--content .dw-image-accordion--content-holder{flex:1;transform:translate(0px, 1000px);transition:transform 300ms;will-change:transform}.dw-image-accordion--content:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.65));opacity:0;transition:opacity 500ms}

/* ============================================
   DW Image Accordion - Normal / Hover states
   ============================================ */

/* Normal: posicionado visible siempre, fuera del content-holder */
.dw-image-accordion--state-normal {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    z-index: 1;
    display: block;
}

@media screen and (min-width: 1024px) {
    .dw-image-accordion--state-normal {
        padding: 20px;
    }
}

/* Hover: oculto por defecto, JS lo controla */
.dw-image-accordion--state-hover {
    display: none;
    width: 100%;
}

/* ============================================================
   DW Overlay
   ============================================================ */
.dw-image-accordion--content-parent {
    position: relative;
    overflow: hidden;
}

.dw-overlay {
    position: absolute;
    inset: 0;                   /* top:0 right:0 bottom:0 left:0 */
    pointer-events: none;       /* no bloquea clicks ni hover */
    z-index: 1;                 /* encima de la imagen, debajo del contenido */
}

/* El contenido debe quedar sobre el overlay */
.dw-image-accordion--content {
    position: relative;
    z-index: 2;
}