.roma382-gallery-full{position:relative;width:100%;overflow:hidden;background:#fff;outline:none}
.roma382-gallery-full__viewport{position:relative;width:100%;overflow:hidden;background:#ece9e3}
.roma382-gallery-full__slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s cubic-bezier(.2,.72,.2,1),visibility .65s}
.roma382-gallery-full__slide.is-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.roma382-gallery-full__slide picture,.roma382-gallery-full__slide img{display:block;width:100%}
.roma382-gallery-full__slide img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
.roma382-gallery-full__title{position:absolute;z-index:3;left:max(calc((100% - 1200px) / 2), 20px);bottom:4.6%;margin:0;color:#fff;font-family:"ClashDisplay", "Clash Display",sans-serif;font-size:20px;font-weight:400;line-height:1.2;letter-spacing:-.02em;text-shadow:0 1px 8px rgba(0,0,0,.16)}
.roma382-gallery-full__controls{position:absolute;z-index:5;left:50%;bottom:4.6%;display:flex;align-items:center;justify-content:center;gap:5px;transform:translateX(-50%)}
.roma382-gallery-full__dot{display:block;width:34px;height:5px;padding:0;margin:0;background:transparent;border:1px solid rgba(255,255,255,.95);border-radius:0;box-shadow:none;overflow:hidden;cursor:pointer;transition:width .35s ease,background .35s ease,border-color .35s ease}
.roma382-gallery-full__dot span{display:block;width:0;height:100%;background:#fff;transition:width .35s ease}
.roma382-gallery-full__dot.is-active{width:56px;border-color:#fff}
.roma382-gallery-full__dot.is-active span{width:100%}
.roma382-gallery-full__dot:focus-visible{outline:2px solid #fff;outline-offset:4px}
.roma382-gallery-full-empty{padding:18px;border:1px dashed #aaa;font:13px sans-serif}

@media(max-width:767px){
  .roma382-gallery-full{overflow:visible;background:#fff}
  .roma382-gallery-full__viewport{overflow:hidden;background:#ece9e3}
  .roma382-gallery-full__slide img{aspect-ratio:auto;height:auto;min-height:0;object-fit:contain}
  .roma382-gallery-full__title{left:7%;top:22px;bottom:auto;font-family:"ClashDisplay", "Clash Display",sans-serif;font-size:13px;font-weight:400;line-height:1.1}
  .roma382-gallery-full__controls{position:relative;left:auto;bottom:auto;transform:none;width:100%;min-height:56px;padding:16px 7% 18px;box-sizing:border-box;justify-content:flex-end;gap:4px;background:#fff}
  .roma382-gallery-full__dot{width:32px;height:7px;border:1px solid #DA4E18;background:#fff}
  .roma382-gallery-full__dot span{background:#DA4E18}
  .roma382-gallery-full__dot.is-active{width:58px;border-color:#DA4E18}
  .roma382-gallery-full__dot:focus-visible{outline:2px solid #DA4E18;outline-offset:3px}
}

@media(prefers-reduced-motion:reduce){
  .roma382-gallery-full__slide,.roma382-gallery-full__dot,.roma382-gallery-full__dot span{transition:none!important}
}

/* v1.1.6 — hover suave blanco semitransparente (desktop) */
@media(min-width:768px){
  .roma382-gallery-full__dot:hover,
  .roma382-gallery-full__dot:focus,
  .roma382-gallery-full__dot:active{
    background-color:rgba(255,255,255,.22)!important;
    border-color:rgba(255,255,255,.72)!important;
    opacity:.78;
    transform:scale(1.06);
    box-shadow:none!important;
    transition:width .35s ease,background-color .25s ease,border-color .25s ease,opacity .25s ease,transform .25s ease!important;
  }
  .roma382-gallery-full__dot.is-active:hover,
  .roma382-gallery-full__dot.is-active:focus,
  .roma382-gallery-full__dot.is-active:active{background-color:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.8)!important}
}
/* En mobile se conserva el sistema naranja del diseño y solo se suaviza la interacción. */
@media(max-width:767px){
  .roma382-gallery-full__dot:hover,
  .roma382-gallery-full__dot:focus,
  .roma382-gallery-full__dot:active{opacity:.68;transform:scale(1.06);box-shadow:none!important;transition:width .35s ease,opacity .25s ease,transform .25s ease!important}
}