.novedadOpen { overflow: hidden; }
.novedadModal { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 24px; }
.novedadModal__backdrop { position: absolute; inset: 0; background: rgba(8, 8, 8, .74); backdrop-filter: blur(3px); }
.novedadModal__content { position: relative; z-index: 1; width: min(86vw, 600px); aspect-ratio: 1; overflow: hidden; background: var(--white, #f7f7f4); box-shadow: 0 28px 70px rgba(0, 0, 0, .45); }
.novedadModal__content img { width: 100%; height: 100%; object-fit: cover; object-position: var(--novedad-x, 50%) var(--novedad-y, 50%); transform: scale(var(--novedad-scale, 1)); transform-origin: var(--novedad-x, 50%) var(--novedad-y, 50%); }
.novedadModal__close { position: absolute; z-index: 2; top: 12px; right: 12px; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255, 255, 255, .75); border-radius: 50%; background: rgba(8, 8, 8, .78); color: #fff; font-size: 28px; line-height: 1; transition: background .2s, transform .2s; }
.novedadModal__close:hover, .novedadModal__close:focus-visible { background: var(--red, #d71920); transform: scale(1.06); outline: 0; }
@media (max-width: 600px) { .novedadModal { padding: 18px; } .novedadModal__content { width: min(100%, 480px); } }
@media (prefers-reduced-motion: reduce) { .novedadModal__close { transition: none; } }