/* Regras isoladas: sem configuração válida, nenhuma classe é aplicada. */
.image-gallery{min-width:0;width:100%;margin:0;overflow:hidden;border:1px solid #cfe0fa;border-radius:16px;background:#f3f7fc;color:#152841}
.image-gallery-stage{aspect-ratio:16/10;display:grid;place-items:center;min-height:0;overflow:hidden}
.image-gallery-stage img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.image-gallery figcaption{padding:10px 14px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.image-gallery-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:8px}
.image-gallery-controls button{min-width:44px;min-height:44px;padding:6px 12px;border:1px solid #b6c9d9;border-radius:8px;background:#fff;color:#152841;font:inherit;font-size:13px}
.image-gallery-status{font-size:12px;font-variant-numeric:tabular-nums}
.hero-visual.image-gallery-active,.about-art.image-gallery-active{position:relative;min-width:0}
.hero-visual.image-gallery-active>:not(.image-gallery),.about-art.image-gallery-active>:not(.image-gallery){display:none!important}
.hero-visual.image-gallery-active>.image-gallery,.about-art.image-gallery-active>.image-gallery{position:absolute;inset:0;height:100%;display:flex;flex-direction:column}
.hero-visual.image-gallery-active .image-gallery-stage,.about-art.image-gallery-active .image-gallery-stage{flex:1;aspect-ratio:auto}
.solution-card>.image-gallery{margin-bottom:18px}
.solution-card.image-gallery-active>.solution-icon{display:none}
@media(max-width:600px){.image-gallery-controls{gap:5px;padding:5px}.image-gallery figcaption{font-size:12px;padding:6px 10px}}

/* Logotipos só substituem o conteúdo original depois de carregar com sucesso. */
.brand.logo-image-active{width:195px;min-width:0;max-width:100%;flex:0 1 195px}
.brand.logo-image-active>.configured-logo{display:block;width:100%;height:53px;object-fit:contain;object-position:left center}
.footer-brand.logo-image-active{width:225px;flex-basis:225px}
.footer-brand.logo-image-active>.configured-logo{height:62.5px}
.about-big-a.logo-image-active{left:8%;top:50%;transform:translateY(-50%);width:84%;height:68%;font-size:0;letter-spacing:0;text-shadow:none}
.about-big-a.logo-image-active>.configured-logo{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:600px){.site-header .brand.logo-image-active{width:175px;flex-basis:175px}.site-header .brand.logo-image-active>.configured-logo{height:48.18px}}