.hero-overlay-image{position:absolute;z-index:2;max-height:100%;height:auto;object-fit:contain;pointer-events:none}
.hero-image-preview{position:relative;aspect-ratio:2.4;min-height:160px;overflow:hidden;border:1px solid #4684ac;border-radius:16px;margin:16px 0;background:linear-gradient(#071d3e40,#071d3e80),url('/assets/rio-manantial.png') center/cover}
.hero-image-preview img{position:absolute;max-height:100%;height:auto;object-fit:contain;cursor:grab;touch-action:none;user-select:none}
.hero-image-preview img:active{cursor:grabbing}
.hero-image-preview>span{position:absolute;inset:0;display:grid;place-items:center;color:#c1e7ff;font-weight:700;background:#051d3c45}
.hero-image-preview [hidden]{display:none!important}
#heroImageForm output{font-size:.8rem;color:#a2dfff}