/* LGP – Galerías Agencia Misterio v3.1.0 */
.lgp-galeria-plugin{
    position:relative;
    width:100%;
    isolation:isolate;
    overflow:visible;
}

.lgp-galeria-plugin__viewport{
    width:100%;
    overflow:hidden;
    touch-action:pan-y;
}

.lgp-galeria-plugin__track{
    display:flex;
    width:100%;
    transition:transform .5s ease;
    will-change:transform;
}

.lgp-galeria-plugin__slide{
    flex:0 0 100%;
    width:100%;
    min-width:0;
    margin:0;
}

.lgp-galeria-plugin__picture{
    display:block;
    width:100%;
    margin:0;
}

.lgp-galeria-plugin__image{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:var(--lgp-altura-desktop,450px) !important;
    min-height:0 !important;
    margin:0 !important;
    object-fit:cover !important;
}

/* Franja inferior independiente: título y controles siempre alineados */
.lgp-galeria-plugin__footer{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:72px;
    gap:30px;
}

.lgp-galeria-plugin__title{
    position:relative;
    z-index:2;
    min-width:0;
    margin:0 !important;
    color:#364A9B;
    font-size:18px;
    line-height:30px !important;
    font-weight:600;
}

.lgp-galeria-plugin__controls{
    position:relative;
    z-index:4;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:10px;
    margin-left:auto;
    padding-right:18px;
}

.lgp-galeria-plugin__button,
.lgp-galeria-plugin__button:hover,
.lgp-galeria-plugin__button:focus,
.lgp-galeria-plugin__button:active{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:block;
    width:30px;
    height:30px;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    outline:0;
    background-color:transparent !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:15px 29px !important;
    cursor:pointer;
    transition:transform .25s ease,opacity .25s ease;
}

.lgp-galeria-plugin__button--prev{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 29'%3E%3Cpolyline points='15 28.69 15 .28 .38 14.49 15 28.69' fill='%234b4e99'/%3E%3C/svg%3E") !important;
}

.lgp-galeria-plugin__button--next{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 29'%3E%3Cpolyline points='0 28.5 0 .09 14.62 14.3 0 28.5' fill='%234b4e99'/%3E%3C/svg%3E") !important;
}

.lgp-galeria-plugin__button:hover{
    transform:scale(1.10);
    opacity:.75;
}

.lgp-galeria-plugin__button:focus-visible{
    outline:2px solid #364A9B !important;
    outline-offset:3px;
}

/* Degradado limitado a la franja del título */
.lgp-galeria-plugin__fade{
    position:absolute;
    right:0;
    bottom:0;
    z-index:3;
    width:270px;
    height:48px;
    pointer-events:none;
    background:linear-gradient(
        to right,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.25) 18%,
        rgba(255,255,255,.65) 38%,
        rgba(255,255,255,.92) 58%,
        #fff 72%,
        #fff 100%
    );
}

@media(max-width:1024px){
    .lgp-galeria-plugin__image{
        height:var(--lgp-altura-tablet,340px) !important;
    }

    .lgp-galeria-plugin__footer{
        min-height:68px;
    }

    .lgp-galeria-plugin__controls{
        padding-right:12px;
    }

    .lgp-galeria-plugin__fade{
        width:230px;
        height:46px;
    }
}

@media(max-width:767px){
    .lgp-galeria-plugin__image{
        height:var(--lgp-altura-mobile,200px) !important;
    }

    .lgp-galeria-plugin__footer{
        min-height:60px;
        gap:16px;
    }

    .lgp-galeria-plugin__title{
        font-size:16px;
        line-height:26px !important;
    }

    .lgp-galeria-plugin__controls{
        gap:11px;
        padding-right:8px;
    }

    .lgp-galeria-plugin__button,
    .lgp-galeria-plugin__button:hover,
    .lgp-galeria-plugin__button:focus,
    .lgp-galeria-plugin__button:active{
        width:25px;
        height:26px;
        background-size:12px 24px !important;
    }

    .lgp-galeria-plugin__button:hover{
        transform:scale(1.08);
    }

    .lgp-galeria-plugin__fade{
        width:155px;
        height:42px;
        background:linear-gradient(
            to right,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,.30) 20%,
            rgba(255,255,255,.72) 45%,
            rgba(255,255,255,.95) 66%,
            #fff 80%,
            #fff 100%
        );
    }
}

@media(prefers-reduced-motion:reduce){
    .lgp-galeria-plugin__track,
    .lgp-galeria-plugin__button{
        transition:none;
    }
}