/* VSL desktop + mobile. Abertura opcional na primeira visita da aba. */
.ci-vsl[hidden]{display:none!important}
.ci-vsl{display:none}
html.ci-vsl-candidate,html.ci-vsl-open{overflow:hidden!important}
html.ci-vsl-open body,html.ci-vsl-candidate body{overflow:hidden!important}
@media(max-width:740px){
  html.ci-vsl-candidate #ciVslIntro,html.ci-vsl-open #ciVslIntro{display:flex}
  .ci-vsl{position:fixed;inset:0;z-index:3000;align-items:stretch;justify-content:center;background:#10100f;color:#f6f2e9;font-family:'DM Sans',Arial,sans-serif}

  /* Wrappers de colunas não alteram a ordem da experiência original no celular */
  .ci-vsl-main,.ci-vsl-copy,.ci-vsl-player{display:contents}
  .ci-vsl-top{order:0}
  .ci-vsl-title{order:1}
  .ci-vsl-frame{order:2}
  .ci-vsl-timeline{order:3}
  .ci-vsl-message{order:4}
  .ci-vsl-benefits{order:5}
  .ci-vsl-primary{order:6}
  .ci-vsl-offer{order:7}
  .ci-vsl-disclaimer{order:8}
  .ci-vsl-highlights{display:none}
  .ci-vsl-shell{width:100%;max-width:490px;height:100dvh;min-height:0;margin-inline:auto;overflow-y:auto;overscroll-behavior:contain;padding:calc(11px + env(safe-area-inset-top)) 19px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:9px;background:radial-gradient(circle at 50% 25%,#54221f55,transparent 50%),#10100f}
  .ci-vsl-top{position:sticky;z-index:3;top:0;align-self:stretch;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px;background:#10100ff0;padding:4px 0}
  .ci-vsl-brand{display:flex;gap:9px;align-items:center;font:800 .74rem/1.25 Manrope,Arial,sans-serif;letter-spacing:-.02em}
  .ci-vsl-mark{background:#e8453c;border-radius:4px;width:26px;height:26px;display:grid;place-items:center;font-size:1.3rem;color:white}
  .ci-vsl-top-skip{color:#d9cbc2;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;font-size:.79rem;font-weight:700;padding:6px 1px}
  .ci-vsl-title{text-align:center;width:100%;margin:2px 0 0}
  .ci-vsl-kicker{display:block;color:#f2867c;font:800 .62rem Manrope,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
  .ci-vsl-title h2{font:800 clamp(1.25rem,6.1vw,1.85rem)/1.13 Manrope,Arial,sans-serif;letter-spacing:-.055em;max-width:410px;margin:7px auto 4px}
  .ci-vsl-title h2 em{font-style:normal;color:#ef756b}
  .ci-vsl-title p{font-size:.79rem;color:#b9b0a5;line-height:1.4;max-width:360px;margin:0 auto}
  .ci-vsl-frame{position:relative;flex:0 0 auto;aspect-ratio:9/16;height:min(48dvh,465px);max-height:480px;max-width:calc(100vw - 50px);overflow:hidden;border-radius:12px;border:1px solid #5b3d35;background:linear-gradient(145deg,#1c1b19,#090909);box-shadow:0 12px 32px #0009}
  .ci-vsl-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#0b0b0b}
  .ci-vsl-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:linear-gradient(145deg,#191816,#100f0f);color:#e2d9cd;text-align:center;font-size:.8rem;padding:22px}
  .ci-vsl-frame[data-ready="true"] .ci-vsl-loading{display:none}
  .ci-vsl-loading-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8453c;color:#fff;font-size:1.3rem;animation:ciVslBreathe 2s infinite}
  .ci-vsl-controls{position:absolute;bottom:9px;left:9px;right:9px;display:flex;justify-content:space-between;gap:9px;align-items:center}
  .ci-vsl-control{border:1px solid #ffffff55;border-radius:99px;background:#101010d9;color:#fff;padding:8px 11px;font-size:.73rem;font-weight:800;min-height:34px;backdrop-filter:blur(5px)}
  .ci-vsl-timeline{width:100%;max-width:320px;margin:2px auto 0}
  .ci-vsl-track{height:8px;border-radius:100px;background:#514842;overflow:hidden;border:1px solid #76605b;box-shadow:inset 0 1px 3px #000a}
  .ci-vsl-track-fill{position:relative;width:0%;height:100%;background:linear-gradient(90deg,#a32c27,#ed6756);border-radius:100px;transition:width .12s linear;box-shadow:0 0 10px #e8453c77}
  .ci-vsl-timeline-caption{display:flex;justify-content:space-between;gap:8px;font:800 .57rem/1.4 Manrope,Arial,sans-serif;letter-spacing:.09em;color:#b9afa2;margin-bottom:7px}
  .ci-vsl-message{color:#d5c9bc;text-align:center;font-size:.74rem;line-height:1.35;margin:0;min-height:1em}
  .ci-vsl-benefits{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;color:#e6ded2;font:700 .68rem/1.3 Manrope,Arial,sans-serif;margin:0;text-align:center}
  .ci-vsl-benefits span{border:1px solid #4a3834;border-radius:4px;padding:6px 9px;background:#1d1917}
  .ci-vsl-primary{width:100%;max-width:425px;min-height:61px;border:2px solid #ffac9c;border-radius:10px;background:linear-gradient(125deg,#f1473b,#af241d);color:white;font:900 clamp(.93rem,3.8vw,1.06rem)/1.25 Manrope,Arial,sans-serif;letter-spacing:.035em;padding:13px 14px;animation:ciVslStrongPulse 1.5s ease-in-out infinite;position:sticky;bottom:6px;z-index:8;text-shadow:0 1px 2px #5006;box-shadow:0 0 26px #e8453c66}
  .ci-vsl-offer{border:0;background:transparent;color:#f0baad;font-size:.78rem;font-weight:800;padding:6px 10px;text-decoration:underline;text-underline-offset:4px}
  .ci-vsl-disclaimer{max-width:370px;color:#ada499;font-size:.64rem;line-height:1.45;text-align:center;margin:0}
  @keyframes ciVslBreathe{0%,100%{filter:brightness(1);box-shadow:0 0 0 0 #e8453c33}50%{filter:brightness(1.18);box-shadow:0 0 0 7px #e8453c11}}
  @media(max-height:700px){
    .ci-vsl-shell{gap:6px;padding-top:calc(5px + env(safe-area-inset-top))}
    .ci-vsl-title h2{font-size:1.19rem;margin-top:5px}
    .ci-vsl-title p{font-size:.7rem}
    .ci-vsl-frame{height:min(44dvh,385px)}
    .ci-vsl-benefits{font-size:.64rem}
    .ci-vsl-primary{min-height:48px}
  }

  .ci-vsl-sound-start[hidden]{display:none!important}
  .ci-vsl-sound-start{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:24px;text-align:center;background:linear-gradient(180deg,#141111ee,#0e0b0beb);color:#fff;border:0;width:100%}
  .ci-vsl-start-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;border:2px solid #ff9287;background:#d83f36;box-shadow:0 0 25px #e8453c77;font-size:1.5rem;animation:ciVslStrongPulse 1.55s ease-in-out infinite}
  .ci-vsl-sound-start strong{font:900 .91rem/1.3 Manrope,Arial,sans-serif;letter-spacing:.015em}
  .ci-vsl-sound-start small{font-size:.74rem;color:#c8bcb2;line-height:1.45}
  @keyframes ciVslStrongPulse{
    0%,100%{filter:brightness(1);transform:scale(1);box-shadow:0 0 0 0 #f04b4044,0 0 16px #e8453c55}
    50%{filter:brightness(1.32);transform:scale(1.025);box-shadow:0 0 0 10px #f04b4011,0 0 30px #f04b4077}
  }
  @media(prefers-reduced-motion:reduce){.ci-vsl-primary,.ci-vsl-start-icon{animation:none!important}}

  @media(prefers-reduced-motion:reduce){.ci-vsl-primary,.ci-vsl-loading-icon{animation:none!important}.ci-vsl-track-fill{transition:none!important}}
}

/* Desktop editorial: apresentação à esquerda, vídeo vertical à direita. */
@media (min-width:741px) {
  html.ci-vsl-candidate #ciVslIntro,
  html.ci-vsl-open #ciVslIntro { display:flex }

  .ci-vsl {
    position:fixed;inset:0;z-index:3000;align-items:center;justify-content:center;
    color:#f6f2e9;font-family:'DM Sans',Arial,sans-serif;
    background:radial-gradient(ellipse 70% 75% at 13% 57%,rgba(98,35,34,.30),transparent 68%),#10100f;
    overflow:auto;
  }
  .ci-vsl-shell {
    position:relative;isolation:isolate;
    display:flex;flex-direction:column;
    width:min(1440px,100%);min-height:100dvh;max-height:100dvh;
    margin:auto;padding:clamp(22px,3.2vh,42px) clamp(34px,5.2vw,95px);
    gap:clamp(15px,2.1vh,26px);
    background:radial-gradient(ellipse 55% 66% at 15% 54%,#56272355,transparent 86%),
      linear-gradient(113deg,#141413 0%,#171311 62%,#11100f 100%);
    overflow-y:auto;
  }
  .ci-vsl-shell::before {
    content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
    opacity:.15;background-image:linear-gradient(#c7aead14 1px,transparent 1px),
      linear-gradient(90deg,#c7aead14 1px,transparent 1px);
    background-size:64px 64px;
    mask-image:linear-gradient(to right,#000,transparent 78%);
  }
  .ci-vsl-top {
    flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:26px;
    padding-bottom:18px;border-bottom:1px solid #ffffff1e;
  }
  .ci-vsl-brand {display:flex;align-items:center;gap:12px;color:#fff;
    font:900 .90rem/1.13 Manrope,'DM Sans',sans-serif;letter-spacing:-.04em}
  .ci-vsl-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;
    color:#fff;background:#dd4238;font-size:2.2rem;box-shadow:0 0 24px #df453527}
  .ci-vsl-top-skip {
    border:1px solid #655852;border-radius:100px;padding:11px 18px;
    color:#efe8df;background:#ffffff09;font:800 .83rem Manrope,'DM Sans',sans-serif;
    transition:background .2s,border-color .2s;
  }
  .ci-vsl-top-skip:hover{background:#ffffff1b;border-color:#b28272}

  .ci-vsl-main {
    display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,37%);
    align-items:center;gap:clamp(26px,5vw,106px);
    width:100%;flex:1;min-height:0;
  }
  .ci-vsl-copy {min-width:0;max-width:660px;display:flex;flex-direction:column;align-items:flex-start}
  .ci-vsl-title {max-width:670px}
  .ci-vsl-kicker{
    display:inline-flex;align-items:center;gap:10px;color:#f39186;
    font:900 .75rem Manrope,'DM Sans',sans-serif;letter-spacing:.15em
  }
  .ci-vsl-title h2 {
    font:900 clamp(2.6rem,4.5vw,5.3rem)/1.015 Manrope,'DM Sans',sans-serif;
    letter-spacing:-.069em;margin:18px 0 23px;text-wrap:balance;
  }
  .ci-vsl-title h2 em {color:#ee675c;font-style:normal}
  .ci-vsl-title p {
    max-width:550px;font:500 clamp(1.02rem,1.4vw,1.25rem)/1.65 'DM Sans',Arial,sans-serif;
    color:#d6c7bb;margin:0 0 26px;
  }
  .ci-vsl-highlights {
    display:flex;flex-direction:column;align-items:flex-start;
    gap:12px;padding:0;margin:0 0 26px;
  }
  .ci-vsl-highlights div {display:flex;align-items:center;gap:13px;color:#eee4da;
    font-size:clamp(.82rem,1.03vw,.99rem);font-weight:650}
  .ci-vsl-highlights span {display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;
    border-radius:7px;background:#e8453c1e;border:1px solid #e8453c55;
    color:#f48a7c;font:900 .75rem Manrope,Arial,sans-serif}
  .ci-vsl-benefits {
    display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 25px;
    color:#e7dcd1;font:800 .74rem/1.3 Manrope,'DM Sans',sans-serif
  }
  .ci-vsl-benefits span {display:inline-flex;align-items:center;min-height:32px;
    padding:7px 11px;background:#211b1a;border:1px solid #57413d;border-radius:7px}
  .ci-vsl-benefits span:nth-child(2) {border-color:#a45d47;color:#f5b49d}
  .ci-vsl-primary {
    width:min(100%,480px);min-height:69px;padding:16px 26px;border-radius:11px;
    color:#fff;background:linear-gradient(125deg,#f04a3e,#b42624);border:2px solid #ff978b;
    font:900 clamp(.96rem,1.25vw,1.13rem)/1.25 Manrope,Arial,sans-serif;
    letter-spacing:.035em;cursor:pointer;text-shadow:0 1px 2px #4a1414;
    animation:ciVslDesktopPulse 1.55s ease-in-out infinite;
  }
  .ci-vsl-primary:hover{filter:brightness(1.1)}
  @keyframes ciVslDesktopPulse{
    0%,100%{filter:brightness(1);box-shadow:0 0 0 0 #ff564144,0 12px 28px #b7272644}
    50%{filter:brightness(1.18);box-shadow:0 0 0 11px #ff564110,0 12px 38px #d63a355c}
  }
  .ci-vsl-offer {margin:14px 0 0;background:none;border:0;padding:9px 0;
    color:#f1ac9e;text-decoration:underline;text-underline-offset:5px;font-size:.89rem;font-weight:800}
  .ci-vsl-disclaimer{color:#aa9a8c;font-size:.75rem;line-height:1.6;
    margin:12px 0 0;max-width:450px}

  .ci-vsl-player {width:100%;height:100%;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:13px;min-width:0}
  .ci-vsl-frame {
    position:relative;aspect-ratio:9/16;height:min(68dvh,605px);max-width:100%;
    overflow:hidden;background:#090808;border:1px solid #6d4b43;border-radius:16px;
    box-shadow:0 26px 70px #000c,0 0 0 6px #ffffff07;
    flex:0 0 auto;
  }
  .ci-vsl-frame video{display:block;height:100%;width:100%;object-fit:contain;background:#090808}
  .ci-vsl-loading {position:absolute;inset:0;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:13px;padding:20px;text-align:center;
    background:linear-gradient(165deg,#29201c,#11100f);color:#dcd2c7;font-size:.9rem}
  .ci-vsl-frame[data-ready="true"] .ci-vsl-loading{display:none}
  .ci-vsl-loading-icon {width:46px;height:46px;border-radius:50%;
    display:grid;place-items:center;background:#e8453c;color:#fff;font-size:1.45rem}
  .ci-vsl-controls {position:absolute;bottom:11px;left:11px;right:11px;
    display:flex;justify-content:space-between;gap:10px;z-index:2}
  .ci-vsl-control{min-height:39px;padding:9px 13px;border:1px solid #fff7;
    border-radius:99px;background:#0e0d0cdc;color:#fff;font:800 .79rem Manrope,Arial,sans-serif;
    backdrop-filter:blur(8px)}
  .ci-vsl-sound-start[hidden]{display:none!important}
  .ci-vsl-sound-start{position:absolute;inset:0;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:15px;z-index:3;width:100%;border:0;
    background:linear-gradient(165deg,#201511ec,#100c0be8);color:#fff;text-align:center;padding:24px}
  .ci-vsl-start-icon{display:grid;place-items:center;width:75px;height:75px;border-radius:50%;
    border:2px solid #ff9385;background:#db4236;color:#fff;font-size:1.75rem;
    box-shadow:0 0 35px #e8453c66}
  .ci-vsl-sound-start strong{font:900 .98rem/1.35 Manrope,Arial,sans-serif}
  .ci-vsl-sound-start small{max-width:260px;color:#d2bfb5;font-size:.84rem;line-height:1.55}

  .ci-vsl-timeline{width:min(100%,345px)}
  .ci-vsl-timeline-caption{display:flex;justify-content:space-between;gap:14px;
    margin:0 0 8px;color:#bcb0a5;font:800 .64rem Manrope,Arial,sans-serif;letter-spacing:.085em}
  .ci-vsl-track{height:9px;width:100%;overflow:hidden;border-radius:99px;
    background:#413632;border:1px solid #75534a;box-shadow:inset 0 2px 5px #000a}
  .ci-vsl-track-fill{height:100%;width:0%;border-radius:99px;
    background:linear-gradient(90deg,#b52c26,#f46b59);
    box-shadow:0 0 17px #ef564566;transition:width .12s linear}
  .ci-vsl-message{max-width:345px;min-height:1em;margin:0;text-align:center;
    color:#bdb0a6;font-size:.76rem;line-height:1.4}
  .ci-vsl-primary:focus-visible,.ci-vsl-offer:focus-visible,
  .ci-vsl-control:focus-visible,.ci-vsl-sound-start:focus-visible,
  .ci-vsl-top-skip:focus-visible{outline:3px solid #ffbc95;outline-offset:3px}
}
@media(min-width:741px) and (max-width:1050px){
  .ci-vsl-shell{padding-inline:clamp(23px,3vw,40px)}
  .ci-vsl-main{grid-template-columns:minmax(0,1fr) minmax(260px,36%);gap:25px}
  .ci-vsl-title h2{font-size:clamp(2.15rem,3.8vw,3.3rem)}
  .ci-vsl-frame{height:min(67dvh,545px)}
  .ci-vsl-highlights div{font-size:.83rem}
  .ci-vsl-benefits span{font-size:.66rem}
}
@media(min-width:741px) and (max-height:705px){
  .ci-vsl-shell{padding-top:15px;padding-bottom:15px;gap:10px}
  .ci-vsl-top{padding-bottom:12px}
  .ci-vsl-frame{height:min(62dvh,470px)}
  .ci-vsl-title h2{font-size:clamp(2.1rem,3.5vw,3.7rem);margin:10px 0 12px}
  .ci-vsl-title p{font-size:.94rem;margin-bottom:12px}
  .ci-vsl-highlights{gap:7px;margin-bottom:12px}
  .ci-vsl-benefits{margin-bottom:13px}
  .ci-vsl-primary{min-height:56px}
  .ci-vsl-disclaimer{margin-top:4px}
  .ci-vsl-message{font-size:.69rem}
}
@media(prefers-reduced-motion:reduce){
  .ci-vsl-primary{animation:none!important}
  .ci-vsl-track-fill{transition:none!important}
}

