.lpb-video-bubble{position:fixed;z-index:var(--lvb-z,9999);display:none;opacity:0;transform:scale(.55);transition:width .4s cubic-bezier(.19,1,.22,1),height .4s cubic-bezier(.19,1,.22,1),border-radius .4s,opacity .25s,transform .4s;--lvb-color:#25d366}
.lpb-video-bubble.is-visible{display:block}
.lpb-video-bubble.is-ready{opacity:1;transform:scale(1)}
.lpb-video-bubble[data-position="bottom-right"]{right:var(--lvb-x,24px);bottom:calc(var(--lvb-y,24px) + var(--lvb-stack-offset,0px))}
.lpb-video-bubble[data-position="bottom-left"]{left:var(--lvb-x,24px);bottom:calc(var(--lvb-y,24px) + var(--lvb-stack-offset,0px))}
.lpb-video-bubble[data-position="top-right"]{right:var(--lvb-x,24px);top:calc(var(--lvb-y,24px) + var(--lvb-stack-offset,0px))}
.lpb-video-bubble[data-position="top-left"]{left:var(--lvb-x,24px);top:calc(var(--lvb-y,24px) + var(--lvb-stack-offset,0px))}
.lpb-video-bubble[data-position="center-right"]{right:var(--lvb-x,24px);top:calc(50% + var(--lvb-center-offset,0px));transform:translateY(-50%) scale(.55)}
.lpb-video-bubble[data-position="center-left"]{left:var(--lvb-x,24px);top:calc(50% + var(--lvb-center-offset,0px));transform:translateY(-50%) scale(.55)}
.lpb-video-bubble[data-position^="center"].is-ready{transform:translateY(-50%) scale(1)}
.lpb-video-bubble.is-bubble{width:var(--lvb-size,180px);height:var(--lvb-size,180px);border:5px solid var(--lvb-color);border-radius:50%;background:#000;box-shadow:0 15px 35px #0005,0 0 0 4px #fffd;cursor:pointer}
.lpb-video-bubble.is-bubble.is-format-vertical{width:calc(var(--lvb-size,240px) * .5625);height:var(--lvb-size,240px);border-radius:18px}
.lpb-video-bubble.is-bubble.is-format-horizontal{width:var(--lvb-size,320px);height:calc(var(--lvb-size,320px) * .5625);border-radius:16px}
.lpb-video-bubble.is-bubble.is-format-vertical::after,.lpb-video-bubble.is-bubble.is-format-horizontal::after{border-radius:inherit}
.lpb-video-bubble.is-bubble::after{content:"";position:absolute;inset:-9px;border:3px solid var(--lvb-color);border-radius:50%;pointer-events:none}
.lpb-video-bubble.has-pulse.is-bubble::after{animation:lvbPulse 1.8s ease-out infinite}
@keyframes lvbPulse{75%,100%{transform:scale(1.2);opacity:0}}
.lpb-video-bubble video{width:100%;height:100%;display:block;object-fit:cover;background:#000;border-radius:inherit}
.lpb-video-bubble.is-bubble video{object-position:center 12%}
.lpb-video-bubble.is-expanded{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:var(--lvb-expanded-width,min(430px,calc(100vw - 32px)));height:auto;aspect-ratio:9/16;border-radius:30px;background:#000;overflow:hidden;box-shadow:0 28px 75px #0008;cursor:default;z-index:2147483100}
.lpb-video-bubble.is-expanded[data-video-orientation="landscape"]{width:var(--lvb-expanded-width,min(760px,calc(100vw - 32px)));aspect-ratio:16/9}
.lpb-video-bubble.is-expanded video{object-fit:contain;object-position:center}
.lpb-video-bubble button.lvb-close{position:absolute;right:12px;top:12px;width:34px!important;height:34px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0;background:none!important;background-color:transparent!important;background-image:none!important;color:#fff!important;font-family:Arial,sans-serif!important;font-size:30px!important;font-weight:400!important;line-height:34px!important;letter-spacing:0!important;text-align:center!important;text-indent:0!important;z-index:4;cursor:pointer;box-shadow:none!important;text-shadow:0 2px 5px #000,0 0 2px #000;appearance:none!important;-webkit-appearance:none!important;filter:none!important;transform:none!important}
.lpb-video-bubble button.lvb-close::before,.lpb-video-bubble button.lvb-close::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important}
.lpb-video-bubble button.lvb-close:hover,.lpb-video-bubble button.lvb-close:focus,.lpb-video-bubble button.lvb-close:active{background:none!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
.is-bubble .lvb-close{right:-10px;top:-10px;width:30px;height:30px;background:var(--lvb-color);font-size:20px}
.lpb-video-bubble.is-bubble .lvb-close{display:flex!important;align-items:center!important;justify-content:center!important;right:-11px!important;top:-11px!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#111827!important;color:#fff!important;font-size:22px!important;line-height:1!important;font-weight:500!important;box-shadow:0 4px 12px rgba(0,0,0,.28)!important;text-shadow:none!important;z-index:8!important}
.lvb-actions{display:none;position:absolute;left:7%;right:7%;bottom:22px;z-index:3;gap:8px;flex-direction:column}
.is-expanded .lvb-actions{display:flex}
.lvb-action{align-self:center;border:0;border-radius:999px;padding:9px 15px;text-align:center;text-decoration:none;font-weight:700;font-size:12px;line-height:1.2;letter-spacing:.01em;cursor:pointer;background:var(--lvb-color);color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.18);max-width:max-content}.lvb-action:hover,.lvb-action:focus{filter:brightness(.96);transform:translateY(-1px)}
.lvb-action.secondary{background:#fff;color:#172033;max-width:none;width:100%;font-size:13px;padding:11px 13px}
.lvb-form{display:none;position:absolute;inset:0;z-index:5;background:#fff;padding:60px 22px 22px;overflow:auto}
.lvb-form.is-open{display:block}
.lpb-video-bubble.is-expanded.has-form-open[data-form-layout="side"]{width:min(1060px,calc(100vw - 40px))!important;height:min(600px,calc(100vh - 40px));aspect-ratio:auto;border-radius:22px;background:#fff}
.lpb-video-bubble.is-expanded.has-form-open[data-form-layout="side"] video{width:58%;height:100%;object-fit:cover;border-radius:20px 0 0 20px}
.lpb-video-bubble.is-expanded.has-form-open[data-form-layout="side"] .lvb-form{inset:0 0 0 58%;padding:58px 24px 24px;border-radius:0 20px 20px 0}
.lpb-video-bubble.is-expanded.has-form-open[data-form-layout="side"] .lvb-actions{display:none}
.lvb-form-close{position:absolute;right:13px;top:13px;border:0;background:#e2e8f0;border-radius:50%;width:36px;height:36px;font-size:22px}
.lvb-form h3{margin:0 0 14px;color:#172033}
.lvb-form input,.lvb-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:11px;margin:0 0 9px;font:inherit}
.lvb-form button[type="submit"]{width:100%;border:0;border-radius:9px;padding:12px;background:var(--lvb-color);color:#fff;font-weight:800}
.lvb-overlay{position:fixed;inset:0;display:none;background:#000a;z-index:2147483000}
.lvb-overlay.is-open{display:block}
html.lvb-lock,body.lvb-lock{overflow:hidden!important}
@media(max-width:600px){
 .lpb-video-bubble[data-position$="right"]{right:var(--lvb-mobile-x,14px)}
 .lpb-video-bubble[data-position$="left"]{left:var(--lvb-mobile-x,14px)}
 .lpb-video-bubble[data-position^="bottom"]{bottom:var(--lvb-mobile-y,18px)}
 .lpb-video-bubble[data-position^="top"]{top:var(--lvb-mobile-y,18px)}
 .lpb-video-bubble.is-bubble{width:min(var(--lvb-mobile-size,140px),34vw);height:min(var(--lvb-mobile-size,140px),34vw);border-width:4px}
 .lpb-video-bubble.is-bubble.is-format-vertical{width:auto;height:min(var(--lvb-mobile-size,140px),34vh);aspect-ratio:9/16;border-radius:14px}
 .lpb-video-bubble.is-bubble.is-format-horizontal{width:min(var(--lvb-mobile-size,180px),46vw);height:auto;aspect-ratio:16/9;border-radius:12px}
 .lpb-video-bubble.is-expanded{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:var(--lvb-expanded-width,calc(100vw - 24px))!important;height:auto!important;aspect-ratio:9/16;border-radius:24px}
 .lpb-video-bubble.is-expanded[data-video-orientation="landscape"]{aspect-ratio:16/9}
 .lvb-actions{bottom:16px}
 .lvb-action{padding:8px 13px;font-size:12px}.lvb-action.secondary{padding:10px 13px;font-size:12px}
 .lpb-video-bubble.is-expanded.has-form-open[data-form-layout="side"]{height:calc(100vh - 24px);border-radius:20px}
 .lpb-video-bubble.is-expanded.has-form-open[data-form-layout="side"] video{display:none}
 .lpb-video-bubble.is-expanded.has-form-open[data-form-layout="side"] .lvb-form{inset:0;padding:58px 18px 18px;border-radius:20px}
}

/* Mercadeo8020 v1.1.4 — controles de cierre sin fondo.
   El área clicable se conserva, pero visualmente solo se muestra la X. */
button.lpb-popup__close,
button.lvb-form-close,
button.lpb-film-close,
button.lpb-pc-close,
button.lpb-wa-close,
button.sw-campaign__close {
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  padding:0 !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  filter:none !important;
  text-shadow:none !important;
  transform:none !important;
}
button.lpb-popup__close::before, button.lpb-popup__close::after,
button.lvb-form-close::before, button.lvb-form-close::after,
button.lpb-film-close::before, button.lpb-film-close::after,
button.lpb-pc-close::before, button.lpb-pc-close::after,
button.lpb-wa-close::before, button.lpb-wa-close::after,
button.sw-campaign__close::before, button.sw-campaign__close::after {
  content:none !important; display:none !important; background:none !important; box-shadow:none !important;
}
button.lpb-popup__close:hover, button.lpb-popup__close:focus, button.lpb-popup__close:active,
button.lvb-form-close:hover, button.lvb-form-close:focus, button.lvb-form-close:active,
button.lpb-film-close:hover, button.lpb-film-close:focus, button.lpb-film-close:active,
button.lpb-pc-close:hover, button.lpb-pc-close:focus, button.lpb-pc-close:active,
button.lpb-wa-close:hover, button.lpb-wa-close:focus, button.lpb-wa-close:active,
button.sw-campaign__close:hover, button.sw-campaign__close:focus, button.sw-campaign__close:active {
  background:transparent !important; background-color:transparent !important; background-image:none !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important; outline:0 !important;
}

button.lvb-form-close{color:#111827!important;width:36px!important;height:36px!important;font:400 27px/36px Arial,sans-serif!important;text-align:center!important;}

/* v1.5.2 — CTA WhatsApp del video: compacto, claro y resistente al CSS del tema. */
.lpb-video-bubble .lvb-actions a.lvb-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;width:auto!important;min-width:0!important;min-height:0!important;padding:8px 14px!important;border:0!important;border-radius:999px!important;font-size:12px!important;line-height:1.15!important;font-weight:700!important;text-decoration:none!important;background:var(--lvb-color,#25d366)!important;color:#fff!important;box-shadow:0 5px 14px rgba(0,0,0,.16)!important}


/* Mercadeo8020 1.5.4 — CTA visual del video reducido; clic exclusivo al modal. */
/* v1.5.4: el CTA reducido es solo texto; el único clic del video pequeño abre el modal. */
.lvb-bubble-cta{display:none}
.lpb-video-bubble.is-bubble .lvb-actions{display:none!important}
.lpb-video-bubble.is-bubble .lvb-bubble-cta{display:block;position:absolute;left:50%;bottom:-36px;transform:translateX(-50%);max-width:min(220px,calc(100vw - 24px));padding:7px 13px;border-radius:999px;background:var(--lvb-color,#25d366);color:#fff;font-size:11.5px;font-weight:750;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 5px 14px rgba(0,0,0,.20);pointer-events:none;text-align:center}
.lpb-video-bubble.is-expanded .lvb-bubble-cta{display:none!important}
@media(max-width:600px){.lpb-video-bubble.is-bubble .lvb-bubble-cta{bottom:-32px;padding:6px 11px;font-size:11px;max-width:160px}}


/* Mercadeo8020 1.5.5 — mensaje independiente dentro del modal de video. */
.lvb-modal-message{display:none}
.lpb-video-bubble.is-expanded .lvb-modal-message{display:block;position:absolute;left:7%;right:7%;bottom:92px;z-index:3;padding:9px 12px;border-radius:12px;background:rgba(0,0,0,.58);color:#fff;text-align:center;font-size:13px;font-weight:650;line-height:1.35;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);text-shadow:0 1px 2px rgba(0,0,0,.25)}
.lpb-video-bubble.is-expanded.has-form-open .lvb-modal-message{display:none}
@media(max-width:600px){.lpb-video-bubble.is-expanded .lvb-modal-message{left:6%;right:6%;bottom:82px;padding:8px 10px;font-size:12px}}

/* Mercadeo8020 1.5.6 — cierre visible en video reducido y separación automática de múltiples videos. */
.lpb-video-bubble.is-bubble .lvb-close:hover,.lpb-video-bubble.is-bubble .lvb-close:focus{background:#000!important;transform:scale(1.05)!important}
@media(max-width:600px){.lpb-video-bubble.is-bubble .lvb-close{right:-9px!important;top:-9px!important;width:28px!important;height:28px!important;font-size:20px!important}}
