:root{--spotsModalFooterHeight:0;--spotsModalHeaderHeight:77.6px}
.interactive-image-component [class*="col-"]{position:static}
.interactive-image-component .interactive-image-container{padding:48px 2px;background-color:var(--rds-color-surface-white)}
@media(min-width:1024px){.interactive-image-component .interactive-image-container{padding-top:40px;padding-bottom:50px;position:relative}
}
.interactive-image-component .image-container{position:relative}
@media(min-width:1024px){.interactive-image-component .image-container{margin-left:auto;margin-right:auto;width:83.33333%}
}
.interactive-image-component .image-container img{width:100%}
.interactive-image-component .image-pagination{margin-top:77px;display:flex;justify-content:center}
@media(min-width:1024px){.interactive-image-component .image-pagination{margin-top:20px}
}
.interactive-image-component .button-interactive-image{height:42px;width:42px;position:absolute !important;border:0;padding:10px;cursor:pointer;border-radius:50%}
.interactive-image-component .button-interactive-image .icon-rp{font-size:20px;pointer-events:none}
.interactive-image-component .carrousel-images .modal{background-color:var(--rds-color-styles-elevation-overlay)}
@media(min-width:1024px){.interactive-image-component .carrousel-images .modal{padding-right:0 !important;position:absolute;z-index:1020}
}
@media(min-width:1024px){.interactive-image-component .carrousel-images .modal.fade .modal-dialog{transform:translate(100%,0)}
.interactive-image-component .carrousel-images .modal.show .modal-dialog{transform:none}
}
.interactive-image-component .carrousel-images .modal-dialog{margin-top:0;margin-bottom:0;max-height:calc(100dvh - 40px);width:calc(100% - 40px);max-width:none}
@media(max-width:1024px){.interactive-image-component .carrousel-images .modal-dialog{top:50%;transform:translateY(-50%)}
}
@media(min-width:1024px){.interactive-image-component .carrousel-images .modal-dialog{margin:0 0 0 auto;height:100%;max-height:none;max-width:54%}
}
.interactive-image-component .carrousel-images .modal-content{max-height:calc(100dvh - 40px);border:1px solid var(--rds-color-border-low);border-radius:0}
@media(min-width:1024px){.interactive-image-component .carrousel-images .modal-content{max-height:none;height:100%}
}
.interactive-image-component .carrousel-images .modal-main-content{max-height:calc(100% - var(--spotsModalFooterHeight));margin-bottom:26px;overflow:auto}
@media(min-width:1024px){.interactive-image-component .carrousel-images .modal-main-content{margin-bottom:14px}
}
.interactive-image-component .carrousel-images .modal-header{padding:24px;background-color:var(--rds-color-surface-grey);border-bottom:1px solid var(--rds-color-border-low)}
.interactive-image-component .carrousel-images .modal-header .modal-title{font:var(--rds-title-01)}
@media(min-width:1024px){.interactive-image-component .carrousel-images .modal-header .modal-title{font:var(--rds-title-02)}
}
.interactive-image-component .carrousel-images .modal-header .modal-title p{margin-bottom:0}
.interactive-image-component .carrousel-images .modal-header .close{opacity:1}
.interactive-image-component .carrousel-images .modal-header .close:hover{opacity:1}
.interactive-image-component .carrousel-images .modal-header .close .icon-rp{color:var(--rds-color-content-high);font-size:24px}
.interactive-image-component .carrousel-images .modal-body{padding:12px 16px 0;max-height:calc(100% - var(--spotsModalHeaderHeight));overflow:auto}
@media(min-width:1024px){.interactive-image-component .carrousel-images .modal-body{padding:12px 109px 0 60px}
}
.interactive-image-component .carrousel-images .modal-body img{margin-bottom:16px;width:100%}
@media(min-width:1024px){.interactive-image-component .carrousel-images .modal-body img{margin-bottom:26px}
}
.interactive-image-component .carrousel-images .modal-body .modal-title-description{margin-bottom:20px;color:var(--rds-color-content-medium)}
.interactive-image-component .carrousel-images .modal-body .modal-description{color:var(--rds-color-content-medium)}
.interactive-image-component .carrousel-images .modal-body .modal-description p{color:inherit}
.interactive-image-component .carrousel-images .modal-footer{padding:0 16px 20px;border:0;justify-content:center}
@media(min-width:1024px){.interactive-image-component .carrousel-images .modal-footer{padding:0 109px 20px 60px;justify-content:flex-start}
}
.interactive-image-component .carrousel-images .modal-footer>*{margin:0}
.interactive-image-component .carrousel-images .modal-footer .pagination{display:flex;align-items:center}
.interactive-image-component .carrousel-images .hidden-content{display:none}
.interactive-image-component .carrousel-images .show-content{display:block}
.interactive-image-component .button-interactive-image-paginator{background-color:#016a7f;color:#fff;border:0;padding:10px;cursor:pointer;border-radius:50%}
.modal-backdrop{display:none}
.editorial-page .interactive-image-component .modal-footer .pagination .page-item .page-text{margin:0}