.ven-notice{--ven-bg:#111827;--ven-text:#fff;--ven-accent:#2563eb;--ven-text-size:16px;--ven-title-size:20px;--ven-text-weight:400;--ven-text-align:left;--ven-popup-width:650px;--ven-content-padding:24px;--ven-radius:14px;--ven-backdrop:.62;position:fixed;z-index:2147483000;color:var(--ven-text);font-family:inherit;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease;box-sizing:border-box}.ven-notice *{box-sizing:border-box}.ven-notice.ven-visible{opacity:1;visibility:visible;pointer-events:auto}.ven-inner{background:var(--ven-bg);color:var(--ven-text);position:relative;display:flex;align-items:center;gap:18px;box-shadow:0 16px 45px rgba(0,0,0,.22);overflow:hidden;border-radius:var(--ven-radius)}.ven-body{display:flex;align-items:center;gap:18px;flex:1;min-width:0;padding:var(--ven-content-padding)}.ven-copy{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0;text-align:var(--ven-text-align)}.ven-copy-text{flex:1;min-width:0}.ven-title{font-size:var(--ven-title-size);font-weight:700;line-height:1.2;margin:0 0 6px}.ven-content{font-size:var(--ven-text-size);font-weight:var(--ven-text-weight);line-height:1.45}.ven-content p{margin:0 0 .65em}.ven-content p:last-child{margin-bottom:0}.ven-icon{width:1.2em;height:1.2em;font-size:calc(var(--ven-text-size) * 1.35);line-height:1;flex:0 0 auto;color:var(--ven-accent)}.ven-icon-custom{display:inline-flex}.ven-icon-custom img{display:block;width:1.4em;height:1.4em;object-fit:contain}.ven-image{flex:0 0 auto}.ven-image img{display:block;max-width:100%;height:auto}.ven-button{display:inline-flex;align-items:center;justify-content:center;background:var(--ven-accent);color:#fff!important;text-decoration:none!important;padding:10px 16px;border-radius:8px;font-weight:700;white-space:nowrap}.ven-close{position:relative;z-index:4;border:0;background:rgba(0,0,0,.62);color:#fff;font-size:27px;line-height:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;opacity:.98;padding:0}.ven-close:hover{background:rgba(0,0,0,.82)}

.ven-topbar,.ven-bottombar{left:0;right:0;transform:translateY(-15px)}.ven-topbar{top:0}.ven-bottombar{bottom:0;transform:translateY(15px)}.ven-topbar.ven-visible,.ven-bottombar.ven-visible{transform:translateY(0)}.ven-topbar .ven-inner,.ven-bottombar .ven-inner{width:100%;border-radius:0;justify-content:center}.ven-topbar .ven-image,.ven-bottombar .ven-image{padding-left:18px}.ven-topbar .ven-image img,.ven-bottombar .ven-image img{width:52px;height:52px;object-fit:contain;border-radius:8px}.ven-topbar .ven-close,.ven-bottombar .ven-close{margin-right:18px}

/* Modal: el overlay SIEMPRE ocupa todo el viewport. No usamos transform en el contenedor
   para evitar desplazamientos provocados por las clases de posición de slide/toast. */
.ven-popup{position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:24px!important;display:grid!important;place-items:center!important;overflow:hidden!important;isolation:isolate;z-index:2147483000!important;transform:none!important}.ven-popup .ven-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,var(--ven-backdrop));z-index:0}.ven-popup .ven-inner{position:relative;z-index:1;width:min(var(--ven-popup-width),calc(100vw - 48px));max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);display:block;overflow:auto;background:var(--ven-bg);margin:0;transform:translateY(10px) scale(.985);opacity:.96;transition:transform .2s ease,opacity .2s ease}.ven-popup.ven-visible .ven-inner{transform:none;opacity:1}.ven-popup .ven-image{width:100%;padding:0}.ven-popup .ven-image img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:0}.ven-popup .ven-body{width:100%;padding:var(--ven-content-padding);display:flex;align-items:center}.ven-popup .ven-close{position:absolute;top:10px;right:10px;box-shadow:0 2px 12px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.75)}

/* Imagen sola: tarjeta centrada, proporcionada y grande, estilo campaña gráfica. */
.ven-popup.ven-image-only .ven-inner{width:min(var(--ven-popup-width),calc(100vw - 48px));max-width:calc(100vw - 48px)!important;max-height:calc(100vh - 48px)!important;max-height:calc(100dvh - 48px)!important;background:#fff!important;padding:8px!important;border-radius:var(--ven-radius)!important;box-shadow:0 22px 70px rgba(0,0,0,.42)!important;overflow:hidden!important}.ven-popup.ven-image-only .ven-image{width:100%;display:flex;align-items:center;justify-content:center;background:#fff}.ven-popup.ven-image-only .ven-image img{display:block;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important}.ven-popup.ven-image-only .ven-close{top:10px;right:10px;width:38px;height:38px;font-size:29px;background:rgba(15,15,15,.72)}

.ven-slidein,.ven-toast{bottom:20px;width:min(440px,calc(100vw - 30px));transform:translateY(20px)}.ven-slidein.ven-visible,.ven-toast.ven-visible{transform:translateY(0)}
/* Las clases de posición aplican SOLAMENTE a slide-in/toast, nunca al popup. */
.ven-slidein.ven-pos-right,.ven-toast.ven-pos-right{right:20px}.ven-slidein.ven-pos-left,.ven-toast.ven-pos-left{left:20px}.ven-slidein.ven-pos-center,.ven-toast.ven-pos-center{left:50%;transform:translate(-50%,20px)}.ven-slidein.ven-pos-center.ven-visible,.ven-toast.ven-pos-center.ven-visible{transform:translate(-50%,0)}.ven-slidein .ven-inner,.ven-toast .ven-inner{align-items:stretch}.ven-slidein .ven-image,.ven-toast .ven-image{padding:var(--ven-content-padding) 0 var(--ven-content-padding) var(--ven-content-padding)}.ven-slidein .ven-image img,.ven-toast .ven-image img{width:92px;height:auto;max-height:120px;object-fit:contain;border-radius:10px}.ven-slidein .ven-close,.ven-toast .ven-close{position:absolute;top:8px;right:8px;width:30px;height:30px;font-size:22px}

html.ven-modal-open,body.ven-modal-open{overflow:hidden!important;overscroll-behavior:none}

@media(max-width:767px){.ven-topbar .ven-inner,.ven-bottombar .ven-inner{gap:8px;align-items:flex-start}.ven-topbar .ven-image,.ven-bottombar .ven-image{display:none}.ven-body{padding:14px 42px 14px 14px;gap:10px}.ven-title{font-size:min(var(--ven-title-size),20px)}.ven-content{font-size:min(var(--ven-text-size),16px)}.ven-button{padding:8px 11px;font-size:13px}.ven-popup{padding:10px!important}.ven-popup .ven-inner{width:min(var(--ven-popup-width),calc(100vw - 20px));max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}.ven-popup .ven-body{padding:var(--ven-content-padding);flex-direction:column;align-items:stretch}.ven-popup .ven-button{width:100%}.ven-popup .ven-close{top:7px;right:7px;width:36px;height:36px;font-size:27px}.ven-popup.ven-image-only .ven-inner{width:calc(100vw - 20px);max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;max-height:calc(100dvh - 20px)!important;padding:5px!important;border-radius:max(8px,var(--ven-radius))!important}.ven-popup.ven-image-only .ven-close{top:8px;right:8px;width:38px;height:38px;font-size:29px}.ven-slidein,.ven-toast{left:15px!important;right:15px!important;width:auto;transform:translateY(20px)!important}.ven-slidein.ven-visible,.ven-toast.ven-visible{transform:translateY(0)!important}.ven-slidein .ven-image,.ven-toast .ven-image{padding:14px 0 14px 14px}.ven-slidein .ven-image img,.ven-toast .ven-image img{width:72px;max-height:96px}}