/* 24/7 Social Promo Octubre V8.0.2 — modal lead + WhatsApp, isolated */
#social-promo-octubre-v80{
  position:relative;
  width:100vw;
  left:50%;
  margin-left:-50vw;
  background:#090909;
  overflow:hidden;
  border:0;
}
#social-promo-octubre-v80[hidden]{display:none!important}
#social-promo-octubre-v80 .sp80-media{position:relative;width:100%;background:#090909;overflow:hidden}
#social-promo-octubre-v80 video{width:100%;height:auto;display:block;object-fit:contain;background:#090909}
#social-promo-octubre-v80 .sp80-video[hidden]{display:none!important}
#social-promo-octubre-v80 .sp80-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Clickable layer exactly over the orange CTA baked into the approved videos. */
#social-promo-octubre-v80 .sp801-cta{
  position:absolute;z-index:8;display:block;border-radius:999px;overflow:hidden;cursor:pointer;
  text-decoration:none;background:rgba(255,86,0,.001);outline-offset:4px;-webkit-tap-highlight-color:transparent;
  transition:transform .18s ease,filter .18s ease
}
#social-promo-octubre-v80[data-sp801-market="HN"] .sp801-cta{left:6.0%;bottom:9.0%;width:30.5%;height:13.2%}
#social-promo-octubre-v80[data-sp801-market="MX"] .sp801-cta{left:5.35%;bottom:13.45%;width:26.4%;height:11.2%}
#social-promo-octubre-v80 .sp801-cta::before{content:"";position:absolute;inset:1px;border-radius:inherit;box-shadow:0 0 0 0 rgba(255,91,20,.50),0 0 20px rgba(255,91,20,.12);animation:sp801Pulse 2.2s ease-in-out infinite;pointer-events:none}
#social-promo-octubre-v80 .sp801-cta::after{content:"";position:absolute;top:-30%;bottom:-30%;width:24%;left:-35%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);animation:sp801Shine 3.1s ease-in-out infinite;pointer-events:none}
#social-promo-octubre-v80 .sp801-cta:hover{transform:scale(1.018);filter:brightness(1.05)}
#social-promo-octubre-v80 .sp801-cta:focus-visible{outline:3px solid #ff5b14}
@keyframes sp801Pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,91,20,.42),0 0 16px rgba(255,91,20,.10)}50%{box-shadow:0 0 0 8px rgba(255,91,20,0),0 0 30px rgba(255,91,20,.30)}}
@keyframes sp801Shine{0%,28%{left:-35%;opacity:0}38%{opacity:.9}62%{left:118%;opacity:.75}70%,100%{left:118%;opacity:0}}

/* V8.0.2 lead dialog */
.sp802-modal[hidden]{display:none!important}
.sp802-modal{position:fixed;inset:0;z-index:2147482500;display:grid;place-items:center;padding:20px;font-family:inherit}
.sp802-backdrop{position:absolute;inset:0;background:rgba(7,7,9,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.sp802-dialog{position:relative;width:min(560px,100%);max-height:min(760px,calc(100vh - 32px));overflow:auto;background:#fff;color:#151519;border:1px solid rgba(18,18,22,.10);border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.35);padding:30px}
.sp802-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:0;border-radius:50%;background:#f2f2f3;color:#111;font-size:25px;line-height:1;cursor:pointer}
.sp802-close:hover{background:#e7e7e9}
.sp802-kicker{margin:0 48px 8px 0;font-size:12px;line-height:1.3;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ff5b14}
.sp802-title{margin:0 48px 8px 0;font-size:clamp(26px,4.2vw,38px);line-height:1.06;letter-spacing:-.035em;color:#151519}
.sp802-sub{margin:0 0 18px;color:#63636c;font-size:15px;line-height:1.55}
.sp802-promo{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px;padding:13px 15px;border-radius:14px;background:#111114;color:#fff}
.sp802-promo span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#bebec4}
.sp802-promo strong{font-size:18px;color:#ff5b14;white-space:nowrap}
.sp802-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sp802-field{display:grid;gap:7px}
.sp802-field-full{grid-column:1/-1}
.sp802-field label{font-size:13px;font-weight:750;color:#28282e}
.sp802-field input{width:100%;box-sizing:border-box;border:1px solid #d9d9df;background:#fff;color:#17171b;border-radius:12px;padding:13px 14px;font:inherit;outline:none;transition:border-color .16s ease,box-shadow .16s ease}
.sp802-field input:focus{border-color:#ff5b14;box-shadow:0 0 0 3px rgba(255,91,20,.13)}
.sp802-field input::placeholder{color:#9999a1}
.sp802-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.sp802-note{grid-column:1/-1;margin:2px 0 0;font-size:12px;line-height:1.45;color:#707079}
.sp802-status{grid-column:1/-1;min-height:20px;font-size:13px;line-height:1.4;color:#b42318}
.sp802-submit{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;padding:14px 20px;background:#ff5b14;color:#fff;font:inherit;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 10px 24px rgba(255,91,20,.22);transition:transform .16s ease,opacity .16s ease,filter .16s ease}
.sp802-submit:not(:disabled):hover{transform:translateY(-1px);filter:brightness(.97)}
.sp802-submit:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}
.sp802-submit[aria-busy="true"]{cursor:wait}
.sp802-wa-dot{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.17)}
body.sp802-lock{overflow:hidden!important}

@media (max-width:700px){
  #social-promo-octubre-v80{width:100vw}
  #social-promo-octubre-v80 video{width:100%;height:auto}
  .sp802-modal{padding:12px;align-items:end}
  .sp802-dialog{width:100%;max-height:88vh;border-radius:22px 22px 14px 14px;padding:24px 18px 20px}
  .sp802-form{grid-template-columns:1fr;gap:12px}
  .sp802-field-full,.sp802-note,.sp802-status,.sp802-submit{grid-column:1}
  .sp802-title{font-size:29px}
  .sp802-promo{align-items:flex-start;flex-direction:column;gap:5px}
}
@media (prefers-reduced-motion:reduce){
  #social-promo-octubre-v80 .sp801-cta::before,#social-promo-octubre-v80 .sp801-cta::after{animation:none!important}
  #social-promo-octubre-v80 .sp801-cta,.sp802-submit{transition:none!important}
}
