/* VideosTemporales · Born by Firelight cross-promo · aggressive launch v3 */
.vt-bbf-promo{position:relative;isolation:isolate;overflow:hidden;margin-top:16px;border:1px solid rgba(224,176,55,.62);border-radius:22px;background:#07100d;box-shadow:0 20px 55px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.04) inset;box-sizing:border-box;color:#fff}
.vt-bbf-promo *{box-sizing:border-box}
.vt-bbf-promo--hero{min-height:clamp(300px,42vw,470px)}
.vt-bbf-promo--viewer{min-height:clamp(285px,36vw,390px)}
.vt-bbf-promo-art{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.98) contrast(1.02)}
.vt-bbf-promo-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(2,7,5,.90) 0%,rgba(3,9,6,.72) 42%,rgba(2,7,5,.18) 70%,rgba(2,7,5,.10) 100%),linear-gradient(0deg,rgba(2,6,4,.96) 0%,rgba(2,7,5,.42) 44%,rgba(2,7,5,.03) 72%)}
.vt-bbf-promo:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 45px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,219,113,.08)}
.vt-bbf-promo-content{position:absolute;z-index:1;inset-inline-start:0;bottom:0;width:min(690px,78%);padding:clamp(20px,3.2vw,34px);text-align:start}
.vt-bbf-promo-kicker{display:inline-flex;align-items:center;gap:7px;margin:0 0 8px;padding:6px 10px;border:1px solid rgba(255,210,94,.38);border-radius:999px;background:rgba(15,11,4,.62);color:#ffd46d;font-size:.72rem;font-weight:950;letter-spacing:.085em;line-height:1;text-transform:uppercase;box-shadow:0 8px 24px rgba(0,0,0,.24);backdrop-filter:blur(5px)}
.vt-bbf-promo-title{margin:0 0 8px;color:#fff4d7;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.55rem,3.2vw,2.45rem);font-weight:900;line-height:1.02;letter-spacing:-.03em;text-shadow:0 3px 18px rgba(0,0,0,.86)}
.vt-bbf-promo-desc{margin:0 0 16px;max-width:580px;color:rgba(255,250,234,.90);font-size:clamp(.9rem,1.55vw,1.02rem);font-weight:650;line-height:1.42;text-shadow:0 2px 8px rgba(0,0,0,.92)}
.vt-bbf-promo-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.vt-bbf-promo-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 22px;border-radius:15px;text-decoration:none;font-size:.95rem;font-weight:1000;letter-spacing:.01em;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.vt-bbf-promo-btn-main{color:#1b1204;background:linear-gradient(180deg,#ffe18a 0%,#efc653 47%,#c89727 100%);border:1px solid rgba(255,234,166,.92);box-shadow:0 13px 35px rgba(195,128,20,.40),0 0 30px rgba(255,190,55,.19),inset 0 1px 0 rgba(255,255,255,.60);animation:vtBbfPulse 2.8s ease-in-out infinite}
.vt-bbf-promo-arrow{font-size:1.35em;line-height:1;transition:transform .16s ease}
.vt-bbf-promo-btn-main:hover{transform:translateY(-2px) scale(1.015);filter:brightness(1.06);box-shadow:0 17px 40px rgba(195,128,20,.50),0 0 38px rgba(255,190,55,.25)}
.vt-bbf-promo-btn-main:hover .vt-bbf-promo-arrow{transform:translateX(3px)}
.vt-bbf-promo-link-tg{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 3px;color:#8bd6ff;font-size:.9rem;font-weight:900;text-decoration:none;text-shadow:0 2px 8px rgba(0,0,0,.85)}
.vt-bbf-promo-link-tg:hover{color:#c9ecff;text-decoration:underline}
.vt-bbf-tg-plane{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#239bd2;color:#fff;font-size:.77rem;box-shadow:0 6px 17px rgba(13,116,171,.34)}
.vt-bbf-promo a:focus-visible,.vt-bbf-sticky a:focus-visible,.vt-bbf-sticky button:focus-visible{outline:3px solid rgba(255,215,101,.92);outline-offset:3px}
@keyframes vtBbfPulse{0%,100%{box-shadow:0 13px 35px rgba(195,128,20,.38),0 0 22px rgba(255,190,55,.12),inset 0 1px 0 rgba(255,255,255,.60)}50%{box-shadow:0 15px 40px rgba(195,128,20,.50),0 0 38px rgba(255,190,55,.27),inset 0 1px 0 rgba(255,255,255,.60)}}

/* End-of-video conversion card. */
.vt-bbf-after-video[hidden]{display:none!important}
.vt-bbf-after-video{margin:14px 0 4px;padding:15px 16px;border:1px solid rgba(242,190,63,.62);border-radius:17px;background:radial-gradient(circle at 92% 10%,rgba(227,145,38,.18),transparent 32%),linear-gradient(135deg,#171007,#0c1712 64%,#07110e);box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,232,164,.08)}
.vt-bbf-after-video-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.vt-bbf-after-video-copy strong{display:block;margin:0 0 3px;color:#ffe49a;font-family:Georgia,'Times New Roman',serif;font-size:1.08rem}
.vt-bbf-after-video-copy span{display:block;color:rgba(246,241,224,.82);font-size:.86rem;line-height:1.35}
.vt-bbf-after-video-play{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:13px;color:#1d1303;background:linear-gradient(180deg,#ffe183,#dcae3e);border:1px solid rgba(255,236,174,.86);font-size:.84rem;font-weight:1000;text-decoration:none;white-space:nowrap;box-shadow:0 9px 24px rgba(172,111,20,.26)}
.vt-bbf-after-video-play:hover{filter:brightness(1.06);transform:translateY(-1px)}

/* Mobile sticky CTA. On ver.php it is revealed only after the video ends. */
.vt-bbf-sticky[hidden]{display:none!important}
.vt-bbf-sticky{display:none}
@media(max-width:760px){
  body.vt-bbf-sticky-visible{padding-bottom:76px!important}
  .vt-bbf-sticky{position:fixed;z-index:99980;display:flex;align-items:center;gap:8px;inset-inline-start:8px;inset-inline-end:70px;bottom:max(8px,env(safe-area-inset-bottom));min-height:58px;padding:8px 9px 8px 12px;border:1px solid rgba(239,190,65,.72);border-radius:16px;background:rgba(7,15,12,.95);box-shadow:0 16px 42px rgba(0,0,0,.56),0 0 22px rgba(209,143,35,.16);backdrop-filter:blur(12px);box-sizing:border-box}
  .vt-bbf-sticky-brand{display:flex;align-items:center;gap:7px;min-width:0;color:#fff2cc;font-size:.78rem;line-height:1.1;white-space:nowrap;overflow:hidden}
  .vt-bbf-sticky-brand strong{overflow:hidden;text-overflow:ellipsis}
  .vt-bbf-sticky-play{margin-inline-start:auto;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 11px;border-radius:11px;background:linear-gradient(180deg,#ffe183,#d6a737);border:1px solid rgba(255,235,169,.86);color:#211504;font-size:.72rem;font-weight:1000;text-decoration:none;white-space:nowrap;box-shadow:0 7px 18px rgba(177,113,17,.26)}
  .vt-bbf-sticky-close{position:absolute;inset-inline-end:-44px;top:7px;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.20);border-radius:999px;background:rgba(16,20,24,.96);color:#fff;font:900 20px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 7px 18px rgba(0,0,0,.35)}
  .vt-bbf-promo--hero{min-height:370px}
  .vt-bbf-promo--viewer{min-height:335px}
  .vt-bbf-promo-shade{background:linear-gradient(0deg,rgba(2,6,4,.98) 0%,rgba(2,7,5,.74) 43%,rgba(2,7,5,.16) 78%,rgba(2,7,5,.04) 100%)}
  .vt-bbf-promo-content{width:100%;padding:17px}
  .vt-bbf-promo-title{font-size:1.48rem;max-width:94%}
  .vt-bbf-promo-desc{font-size:.86rem;margin-bottom:13px;max-width:96%}
  .vt-bbf-promo-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .vt-bbf-promo-btn{width:100%;min-height:53px;padding:0 14px}
  .vt-bbf-promo-link-tg{justify-content:center;min-height:36px}
  .vt-bbf-after-video-inner{grid-template-columns:1fr}
  .vt-bbf-after-video-play{width:100%}
}
@media(max-width:390px){
  .vt-bbf-sticky{inset-inline-end:58px;min-height:56px;padding-inline-start:9px}
  .vt-bbf-sticky-close{inset-inline-end:-43px}
  .vt-bbf-sticky-brand{font-size:.72rem}
  .vt-bbf-sticky-play{font-size:.67rem;padding:0 9px}
  .vt-bbf-promo--hero{min-height:350px}
  .vt-bbf-promo--viewer{min-height:320px}
}
@media(prefers-reduced-motion:reduce){.vt-bbf-promo-btn,.vt-bbf-promo-arrow,.vt-bbf-after-video-play{transition:none!important}.vt-bbf-promo-btn-main{animation:none!important}.vt-bbf-promo-btn-main:hover,.vt-bbf-after-video-play:hover{transform:none!important}}
