:root{
      --bg0:#05060a;
      --bg1:#070b14;
      --petroGreen:#00A859;
      --petroGreen2:#00C06A;
      --petroYellow:#FFC400;
      --text:#F2F7FF;
      --muted:rgba(242,247,255,.74);
      --shadow: 0 22px 90px rgba(0,0,0,.48);
      --radius: 22px;
      --safeTop: env(safe-area-inset-top, 0px);
      --safeBottom: env(safe-area-inset-bottom, 0px);
    }

    *{ 
      box-sizing: border-box;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    html{ 
      scroll-behavior: smooth;
      -webkit-tap-highlight-color: transparent;
    }
    html, body { height: 100%; }
    html, body{ -webkit-text-size-adjust: 100%; }

    img{
      content-visibility: auto;
    }

    body{
      margin:0;
      overflow-x:hidden;
      background: linear-gradient(180deg, var(--bg1), var(--bg0));
      color:var(--text);
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }

    
/* ===== FUNDO TECH OTIMIZADO ===== */
.bgWrap{
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 20%, #0a1420, #05060a);
  will-change: transform;
}
.particlesCanvas{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .7;
}
.auroraLayer{
  position: absolute;
  inset: -100px;
  will-change: transform;
  filter: blur(85px);
  opacity: .45;
  mix-blend-mode: screen;
}
.aurora1{
  background:
    radial-gradient(1200px 800px at 15% 25%, rgba(0,168,89,.38), transparent 50%),
    radial-gradient(1000px 700px at 85% 70%, rgba(255,196,0,.24), transparent 50%);
  animation: auroraFloat1 20s ease-in-out infinite alternate;
}
.aurora2{
  background:
    radial-gradient(1100px 750px at 75% 15%, rgba(0,192,106,.30), transparent 52%),
    radial-gradient(900px 650px at 25% 85%, rgba(0,168,89,.20), transparent 50%);
  animation: auroraFloat2 25s ease-in-out infinite alternate-reverse;
}
.aurora3{
  background:
    radial-gradient(800px 600px at 50% 50%, rgba(0,180,255,.14), transparent 55%);
  animation: auroraFloat3 30s ease-in-out infinite alternate;
}
.gridLayer{
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,168,89,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,168,89,.10) 1px, transparent 1px);
  background-size: 80px 80px;
  opacity: .20;
  mask-image: radial-gradient(ellipse at 50% 30%, rgba(0,0,0,.85), rgba(0,0,0,.15) 70%, transparent);
  animation: gridPulse 4s ease-in-out infinite alternate;
}
.glowPulse{
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(0,168,89,.18), transparent 70%);
  filter: blur(100px);
  animation: glowPulse 6s ease-in-out infinite alternate;
  opacity: .5;
}
@keyframes auroraFloat1{
  0% { transform: translate3d(0,0,0) scale(1) rotate(0deg); }
  100% { transform: translate3d(30px,-25px,0) scale(1.05) rotate(2deg); }
}
@keyframes auroraFloat2{
  0% { transform: translate3d(0,0,0) scale(1) rotate(0deg); }
  100% { transform: translate3d(-25px,30px,0) scale(1.04) rotate(-2deg); }
}
@keyframes auroraFloat3{
  0% { transform: translate3d(0,0,0) scale(1); }
  100% { transform: translate3d(15px,-15px,0) scale(1.03); }
}
@keyframes gridPulse{
  from { opacity: .18; }
  to { opacity: .28; }
}
@keyframes glowPulse{
  from { opacity: .4; transform: translateX(-50%) scale(.9); }
  to { opacity: .6; transform: translateX(-50%) scale(1.1); }
}


    main{
      position:relative;
      z-index: 2;
      padding-top: calc(var(--safeTop) + px);
      padding-bottom: calc(var(--safeBottom) + 42px);
    }

    .wrap{
      width: min(1120px, 92vw);
      margin: 0 auto;
      padding: 10px 0 70px;
      display:flex;
      flex-direction: column;
      gap: 18px;
    }

    .glass{
      border-radius: calc(var(--radius) + 4px);
      border: 1px solid rgba(255,255,255,.11);
      box-shadow: var(--shadow);
      overflow:hidden;
      position:relative;
      background:
        radial-gradient(900px 420px at 12% 10%, rgba(0,168,89,.14), transparent 55%),
        radial-gradient(900px 420px at 88% 78%, rgba(255,196,0,.10), transparent 55%),
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
      background-clip: padding-box;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }

    .glass--red{
      background:
        radial-gradient(900px 420px at 12% 10%, rgba(220,38,38,.28), transparent 55%),
        radial-gradient(900px 420px at 88% 78%, rgba(185,28,28,.24), transparent 55%),
        linear-gradient(180deg, rgba(127,29,29,.45), rgba(69,10,10,.38));
      border-color: rgba(248,113,113,.50);
      box-shadow: 
        0 28px 90px rgba(220,38,38,.35),
        0 0 0 1px rgba(255,255,255,.08) inset;
      backdrop-filter: blur(16px) saturate(1.4);
      -webkit-backdrop-filter: blur(16px) saturate(1.4);
    }

    section.glass{
      content-visibility: auto;
      contain-intrinsic-size: 700px;
    }

    .sectionInner{
      padding: 26px 18px;
      width: min(920px, 92vw);
      margin: 0 auto;
      display:flex;
      flex-direction: column;
      gap: 14px;
      align-items: center;
      text-align: center;
    }

    .accentGradient{
      background: linear-gradient(90deg, rgba(0,168,89,.98), rgba(255,196,0,.95));
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      text-shadow: 0 0 44px rgba(0,168,89,.10);
    }

    .emph{ font-weight: 900; color: rgba(255,255,255,.94); }
    .muted{ color: var(--muted); }

    .pillTag{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding: 7px 12px;
      border-radius: 999px;
      border: 1px solid rgba(0,168,89,.28);
      background: linear-gradient(90deg, rgba(0,168,89,.14), rgba(255,196,0,.10));
      box-shadow: 0 18px 55px rgba(0,0,0,.25);
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .26px;
      color: rgba(255,255,255,.88);
    }
    .pillDot{
      width: 9px; height: 9px;
      border-radius: 50%;
      background: var(--petroGreen2);
      box-shadow: 0 0 20px rgba(0,168,89,.45);
      flex: 0 0 9px;
    }

    .btn{
      width: min(560px, 100%);
      margin-top: 4px;
      appearance:none;
      border:0;
      cursor:pointer;
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap: 10px;
      padding: 15px 18px;
      border-radius: 14px;
      font-weight: 1000;
      letter-spacing: .25px;
      text-transform: uppercase;
      color: #06150f;
      background: linear-gradient(90deg, var(--petroGreen2), var(--petroYellow));
      box-shadow:
        0 22px 70px rgba(0,0,0,.35),
        0 0 0 1px rgba(255,255,255,.10) inset,
        0 0 60px rgba(0,168,89,.10);
      transition: transform .14s ease, filter .14s ease;
      -webkit-tap-highlight-color: transparent;
    }
    .btn:hover{ transform: translateY(-1px); filter: brightness(1.03); }
    .btn:active{ transform: translateY(0px); filter: brightness(.98); }

    /* SEÇÃO 01 */
    .hero__logo{
      height: 400px;
      width:auto;
      display:block;
      filter: drop-shadow(0 14px 32px rgba(0,0,0,.45));
      margin-top: 4px;
    }
    .hero__headline{
      margin: 0;
      text-transform: uppercase;
      letter-spacing: .22px;
      line-height: 1.06;
    }
    .hero__headlineTop{
      display:block;
      font-size: clamp(18px, 2.2vw, 28px);
      opacity: .95;
      margin-bottom: 7px;
      font-weight: 950;
    }
    .hero__headlineMain{
      display:block;
      font-size: clamp(28px, 4.9vw, 46px);
      font-weight: 1000;
    }
    .hero__image{
      width: min(420px, 100%);
      height:auto;
      display:block;
      border-radius: 18px;
      box-shadow: 0 26px 95px rgba(0,0,0,.55);
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(0,0,0,.25);
      margin: 6px 0 2px;
    }
    .noteBox{
      width: 100%;
      max-width: 820px;
      padding: 16px 14px;
      border-radius: 18px;
      background:
        radial-gradient(820px 220px at 10% 10%, rgba(0,168,89,.16), transparent 55%),
        linear-gradient(180deg, rgba(0,0,0,.34), rgba(0,0,0,.22));
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: 0 18px 60px rgba(0,0,0,.25);
    }
    .hero__alert{
      margin: 0;
      font-size: 14px;
      font-weight: 1000;
      letter-spacing: .26px;
      text-transform: uppercase;
      color: rgba(255,255,255,.96);
    }
    .hero__sub{
      margin: 10px 0 0;
      font-size: 15.9px;
      line-height: 1.58;
      color: var(--muted);
    }
    .hero__text{
      margin: 0;
      max-width: 820px;
      font-size: 16.2px;
      line-height: 1.6;
      color: rgba(255,255,255,.92);
    }

    .badges{
      width: 100%;
      max-width: 980px;
      margin-top: 10px;
      display:grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .badge{
      display:flex;
      gap: 10px;
      align-items:center;
      justify-content:center;
      padding: 12px 10px;
      border-radius: 14px;
      background: linear-gradient(180deg, rgba(0,0,0,.26), rgba(0,0,0,.20));
      border: 1px solid rgba(255,255,255,.11);
      color: rgba(255,255,255,.92);
      font-size: 12.7px;
      line-height: 1.15;
      text-align:center;
    }
    .badge .ico{
      width: 24px;
      height: 24px;
      display:grid;
      place-items:center;
      border-radius: 10px;
      background: linear-gradient(90deg, rgba(0,168,89,.22), rgba(255,196,0,.14));
      border: 1px solid rgba(255,255,255,.10);
      font-size: 14px;
      flex: 0 0 24px;
    }

    /* SEÇÃO 02 */
    .s02__title{
      margin: 0;
      font-size: clamp(22px, 3.7vw, 34px);
      font-weight: 1100;
      letter-spacing: .22px;
      text-transform: uppercase;
      line-height: 1.15;
    }
    .s02__list{
      list-style: none;
      padding: 0;
      margin: 6px 0 0;
      width: 100%;
      max-width: 820px;
      display:grid;
      grid-template-columns: 1fr;
      gap: 10px;
    }
    .s02__item{
      display:flex;
      gap: 12px;
      align-items:flex-start;
      padding: 14px 14px;
      border-radius: 18px;
      background: linear-gradient(180deg, rgba(0,0,0,.26), rgba(0,0,0,.20));
      border: 1px solid rgba(255,255,255,.11);
      text-align: left;
      line-height: 1.48;
      color: rgba(255,255,255,.92);
      font-size: 15.9px;
      position: relative;
      overflow: hidden;
    }
    .s02__item::before{
      content:"";
      position:absolute;
      left:0; top:0; bottom:0;
      width: 3px;
      background: linear-gradient(180deg, rgba(0,168,89,.9), rgba(255,196,0,.75));
      opacity: .85;
    }
    .check{
      width: 24px;
      height: 24px;
      flex: 0 0 24px;
      border-radius: 10px;
      display:grid;
      place-items:center;
      margin-top: 1px;
      background: linear-gradient(90deg, rgba(0,168,89,.26), rgba(255,196,0,.16));
      border: 1px solid rgba(255,255,255,.10);
      color: rgba(255,255,255,.97);
      font-weight: 1000;
      font-size: 14px;
      box-shadow: 0 0 28px rgba(0,168,89,.10);
    }
    .s02__miniTitle{
      margin: 10px 0 0;
      font-size: clamp(18px, 3.2vw, 24px);
      font-weight: 1000;
      text-transform: uppercase;
      letter-spacing: .22px;
      opacity: .96;
    }
    .s02__sub{
      margin: 0;
      max-width: 840px;
      color: var(--muted);
      font-size: 16.1px;
      line-height: 1.62;
    }
    .s02__finalTitle{
      margin: 6px 0 0;
      font-size: clamp(22px, 4.2vw, 36px);
      font-weight: 1200;
      text-transform: uppercase;
      letter-spacing: .22px;
      line-height: 1.12;
    }

    /* SEÇÃO 03 */
    .s03__title{
      margin: 0;
      font-size: clamp(22px, 3.9vw, 36px);
      font-weight: 1200;
      letter-spacing: .22px;
      text-transform: uppercase;
      line-height: 1.12;
    }
    .boxGrid{
      width: 100%;
      max-width: 900px;
      display:flex;
      flex-direction: column;
      gap: 12px;
      margin-top: 6px;
    }
    .infoBox{
      width:100%;
      padding: 16px 14px;
      border-radius: 18px;
      background:
        radial-gradient(920px 240px at 0% 0%, rgba(0,168,89,.12), transparent 55%),
        radial-gradient(920px 240px at 100% 100%, rgba(255,196,0,.10), transparent 55%),
        linear-gradient(180deg, rgba(0,0,0,.26), rgba(0,0,0,.20));
      border: 1px solid rgba(255,255,255,.11);
      text-align: center;
      box-shadow: 0 18px 60px rgba(0,0,0,.18);
    }
    .infoBox__h{
      margin: 0;
      font-size: 16px;
      font-weight: 1100;
      text-transform: uppercase;
      letter-spacing: .18px;
      color: rgba(255,255,255,.98);
      line-height: 1.3;
    }
    .infoBox__p{
      margin: 10px 0 0;
      color: var(--muted);
      line-height: 1.62;
      font-size: 16px;
    }
    .infoBox__img{
      width: min(540px, 100%);
      height:auto;
      display:block;
      margin: 12px auto 0;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.10);
      box-shadow: 0 28px 90px rgba(0,0,0,.45);
      background: rgba(0,0,0,.25);
    }
    .infoBox__strong{
      margin: 10px 0 0;
      color: rgba(255,255,255,.94);
      line-height: 1.62;
      font-size: 16px;
      font-weight: 950;
      display: block;
    }

    /* SEÇÃO 04 */
    .s04__title{
      margin: 0;
      font-size: clamp(22px, 3.9vw, 36px);
      font-weight: 1200;
      letter-spacing: .22px;
      text-transform: uppercase;
      line-height: 1.12;
    }
    .s04__grid{
      width: 100%;
      max-width: 980px;
      display:grid;
      grid-template-columns: 1fr;
      gap: 12px;
      margin-top: 6px;
    }
    .s04__card{
      text-align: left;
      padding: 16px 14px;
      border-radius: 18px;
      background:
        radial-gradient(720px 220px at 0% 0%, rgba(0,168,89,.12), transparent 55%),
        linear-gradient(180deg, rgba(0,0,0,.26), rgba(0,0,0,.20));
      border: 1px solid rgba(255,255,255,.11);
      box-shadow: 0 18px 60px rgba(0,0,0,.16);
      overflow: hidden;
      position: relative;
    }
    .s04__card::before{
      content:"";
      position:absolute;
      left:0; top:0; bottom:0;
      width: 3px;
      background: linear-gradient(180deg, rgba(0,168,89,.95), rgba(255,196,0,.78));
      opacity: .85;
    }
    .s04__head{
      display:flex;
      gap: 12px;
      align-items:flex-start;
    }
    .s04__emoji{
      width: 40px;
      height: 40px;
      display:grid;
      place-items:center;
      border-radius: 14px;
      background: linear-gradient(90deg, rgba(0,168,89,.20), rgba(255,196,0,.12));
      border: 1px solid rgba(255,255,255,.10);
      flex: 0 0 40px;
      font-size: 20px;
      line-height: 1;
    }
    .s04__h{
      margin: 0;
      font-size: 16px;
      font-weight: 1100;
      text-transform: uppercase;
      letter-spacing: .14px;
      color: rgba(255,255,255,.98);
      line-height: 1.25;
    }
    .s04__p{
      margin: 10px 0 0;
      color: var(--muted);
      line-height: 1.62;
      font-size: 15.9px;
    }
    .s04__ctaWrap{
      width: 100%;
      display:flex;
      justify-content:center;
      margin-top: 6px;
    }

    /* SEÇÃO 05 */
    .s05__title{
      margin: 0;
      font-size: clamp(22px, 3.9vw, 36px);
      font-weight: 1200;
      letter-spacing: .22px;
      text-transform: uppercase;
      line-height: 1.12;
    }
    .s05__sub{
      margin: 4px 0 0;
      max-width: 860px;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.62;
    }
    .s05__heroImg{
      width: min(360px, 100%);
      height: auto;
      display:block;
      margin: 10px auto 0;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.10);
      box-shadow: 0 28px 90px rgba(0,0,0,.45);
      background: rgba(0,0,0,.25);
    }
    .carousel{
      width: 100%;
      max-width: 980px;
      margin-top: 12px;
      display:flex;
      gap: 12px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 10px;
      scrollbar-width: thin;
      scrollbar-color: rgba(0,168,89,.3) rgba(0,0,0,.2);
    }
    .carousel::-webkit-scrollbar{ height: 8px; }
    .carousel::-webkit-scrollbar-track{
      background: rgba(0,0,0,.2);
      border-radius: 999px;
    }
    .carousel::-webkit-scrollbar-thumb{
      background: rgba(0,168,89,.35);
      border-radius: 999px;
    }

    .feedCard{
      min-width: 280px;
      max-width: 320px;
      flex: 0 0 auto;
      scroll-snap-align: start;
      padding: 16px 14px;
      border-radius: 18px;
      background: linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.22));
      border: 1px solid rgba(255,255,255,.11);
      box-shadow: 0 18px 60px rgba(0,0,0,.18);
      display:flex;
      flex-direction: column;
      gap: 10px;
      text-align: left;
    }
    .feedCard__top{
      display:flex;
      gap: 12px;
      align-items:center;
    }
    .feedCard__avatar{
      width: 52px;
      height: 52px;
      border-radius: 50%;
      object-fit: cover;
      border: 2px solid rgba(0,168,89,.35);
      flex: 0 0 52px;
    }
    .feedCard__name{
      margin:0;
      font-size: 15px;
      font-weight: 950;
      color: rgba(255,255,255,.96);
    }
    .feedCard__status{
      margin:0;
      font-size: 12.5px;
      color: var(--muted);
      display:flex;
      align-items:center;
      gap: 6px;
    }
    .feedCard__status::before{
      content:"✓";
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: linear-gradient(90deg, rgba(0,168,89,.28), rgba(255,196,0,.16));
      border: 1px solid rgba(255,255,255,.10);
      font-size: 11px;
      color: rgba(255,255,255,.95);
    }
    .feedCard__text{
      margin:0;
      font-size: 14.5px;
      line-height: 1.58;
      color: var(--muted);
    }

    .carouselScreens{
      width: 100%;
      max-width: 980px;
      margin-top: 12px;
      display:flex;
      gap: 12px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 10px;
      scrollbar-width: thin;
      scrollbar-color: rgba(0,168,89,.3) rgba(0,0,0,.2);
    }
    .carouselScreens::-webkit-scrollbar{ height: 8px; }
    .carouselScreens::-webkit-scrollbar-track{
      background: rgba(0,0,0,.2);
      border-radius: 999px;
    }
    .carouselScreens::-webkit-scrollbar-thumb{
      background: rgba(0,168,89,.35);
      border-radius: 999px;
    }
    .screenCard{
      min-width: 240px;
      max-width: 280px;
      flex: 0 0 auto;
      scroll-snap-align: start;
      border-radius: 18px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.10);
      box-shadow: 0 18px 60px rgba(0,0,0,.18);
      background: rgba(0,0,0,.25);
    }
    .screenCard img{
      width: 100%;
      height: auto;
      display:block;
    }

    .statBox{
      width: 100%;
      max-width: 860px;
      margin-top: 12px;
      padding: 18px 16px;
      border-radius: 18px;
      background: linear-gradient(90deg, rgba(0,168,89,.30), rgba(255,196,0,.24));
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: 0 22px 80px rgba(0,0,0,.25);
      display:flex;
      gap: 14px;
      align-items:center;
      justify-content:center;
      flex-wrap: wrap;
    }
    .statBox__icon{
      width: 52px;
      height: 52px;
      display:grid;
      place-items:center;
      border-radius: 50%;
      background: linear-gradient(90deg, rgba(0,168,89,.35), rgba(255,196,0,.25));
      border: 2px solid rgba(255,255,255,.12);
      flex: 0 0 52px;
      font-size: 26px;
    }
    .statBox__text{
      margin:0;
      font-size: 16px;
      line-height: 1.5;
      color: rgba(255,255,255,.96);
      text-align: center;
    }

    /* SEÇÃO 06 */
    .alertBox{
      width: 100%;
      max-width: 820px;
      padding: 16px 14px;
      border-radius: 18px;
      background: linear-gradient(90deg, rgba(0,168,89,.28), rgba(255,196,0,.22));
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: 0 22px 80px rgba(0,0,0,.28);
      display:flex;
      gap: 14px;
      align-items:center;
      justify-content:center;
      flex-wrap: wrap;
    }
    .alertBox__icon{
      width: 48px;
      height: 48px;
      display:grid;
      place-items:center;
      border-radius: 50%;
      background: linear-gradient(90deg, rgba(0,168,89,.4), rgba(255,196,0,.3));
      border: 2px solid rgba(255,255,255,.14);
      flex: 0 0 48px;
      font-size: 24px;
    }
    .alertBox__text{
      margin:0;
      font-size: 17px;
      font-weight: 1000;
      text-transform: uppercase;
      letter-spacing: .26px;
      color: rgba(255,255,255,.98);
      text-align: center;
    }
    .s06__title{
      margin: 6px 0 0;
      font-size: clamp(22px, 3.9vw, 36px);
      font-weight: 1200;
      letter-spacing: .22px;
      text-transform: uppercase;
      line-height: 1.12;
    }
    .s06__sub{
      margin: 4px 0 0;
      max-width: 860px;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.62;
    }
    .bonusGrid{
      width: 100%;
      max-width: 980px;
      margin-top: 12px;
      display:grid;
      grid-template-columns: 1fr;
      gap: 12px;
    }
    .bonusCard{
      text-align: left;
      padding: 16px 14px;
      border-radius: 18px;
      background:
        radial-gradient(720px 220px at 0% 0%, rgba(0,168,89,.12), transparent 55%),
        linear-gradient(180deg, rgba(0,0,0,.26), rgba(0,0,0,.20));
      border: 1px solid rgba(255,255,255,.11);
      box-shadow: 0 18px 60px rgba(0,0,0,.16);
      overflow: hidden;
      position: relative;
    }
    .bonusCard::before{
      content:"";
      position:absolute;
      left:0; top:0; bottom:0;
      width: 3px;
      background: linear-gradient(180deg, rgba(0,168,89,.95), rgba(255,196,0,.78));
      opacity: .85;
    }
    .bonusCard__head{
      display:flex;
      gap: 12px;
      align-items:flex-start;
    }
    .bonusCard__icon{
      width: 40px;
      height: 40px;
      display:grid;
      place-items:center;
      border-radius: 14px;
      background: linear-gradient(90deg, rgba(0,168,89,.26), rgba(255,196,0,.18));
      border: 1px solid rgba(255,255,255,.10);
      flex: 0 0 40px;
      font-size: 20px;
      line-height: 1;
    }
    .bonusCard__h{
      margin: 0;
      font-size: 16px;
      font-weight: 1100;
      text-transform: uppercase;
      letter-spacing: .14px;
      color: rgba(255,255,255,.98);
      line-height: 1.25;
    }
    .bonusCard__p{
      margin: 10px 0 0;
      color: var(--muted);
      line-height: 1.62;
      font-size: 15.9px;
    }
    .s06__ctaWrap{
      width: 100%;
      display:flex;
      justify-content:center;
      margin-top: 12px;
    }

    /* SEÇÃO 07 */
    .alertBoxRed{
      width: 100%;
      max-width: 820px;
      padding: 16px 14px;
      border-radius: 18px;
      background: linear-gradient(90deg, rgba(220,38,38,.40), rgba(185,28,28,.36));
      border: 1px solid rgba(254,202,202,.9);
      box-shadow: 0 22px 80px rgba(220,38,38,.40);
      display:flex;
      gap: 14px;
      align-items:center;
      justify-content:center;
      flex-wrap: wrap;
    }
    .alertBoxRed__icon{
      width: 48px;
      height: 48px;
      display:grid;
      place-items:center;
      border-radius: 50%;
      background: linear-gradient(90deg, rgba(248,113,113,1), rgba(248,113,113,.85));
      border: 2px solid rgba(255,255,255,.25);
      flex: 0 0 48px;
      font-size: 24px;
    }
    .alertBoxRed__text{
      margin:0;
      font-size: 17px;
      font-weight: 1000;
      text-transform: uppercase;
      letter-spacing: .26px;
      color: rgba(255,255,255,.98);
      text-align: center;
    }
    .s07__title{
      margin: 6px 0 0;
      font-size: clamp(20px, 3.7vw, 34px);
      font-weight: 1200;
      letter-spacing: .22px;
      text-transform: uppercase;
      line-height: 1.16;
      color: rgba(255,255,255,.98);
    }
    .s07__sub{
      margin: 4px 0 0;
      max-width: 860px;
      color: rgba(254,242,242,.92);
      font-size: 16px;
      line-height: 1.62;
    }
    .warningGrid{
      width: 100%;
      max-width: 980px;
      margin-top: 12px;
      display:grid;
      grid-template-columns: 1fr;
      gap: 12px;
    }
    .warningCard{
      text-align: left;
      padding: 16px 14px;
      border-radius: 18px;
      background:
        radial-gradient(720px 220px at 0% 0%, rgba(220,38,38,.14), transparent 55%),
        linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.22));
      border: 1px solid rgba(220,38,38,.35);
      box-shadow: 0 18px 60px rgba(0,0,0,.28);
      overflow: hidden;
      position: relative;
    }
    .warningCard::before{
      content:"";
      position:absolute;
      left:0; top:0; bottom:0;
      width: 3px;
      background: linear-gradient(180deg, rgba(248,113,113,1), rgba(185,28,28,.9));
      opacity: .95;
    }
    .warningCard__head{
      display:flex;
      gap: 12px;
      align-items:center;
    }
    .warningCard__icon{
      width: 40px;
      height: 40px;
      display:grid;
      place-items:center;
      border-radius: 14px;
      background: linear-gradient(90deg, rgba(248,113,113,.9), rgba(248,113,113,.75));
      border: 1px solid rgba(255,255,255,.28);
      flex: 0 0 40px;
      font-size: 20px;
      line-height: 1;
    }
    .warningCard__text{
      margin: 0;
      font-size: 16px;
      font-weight: 1000;
      letter-spacing: .14px;
      color: rgba(255,255,255,.98);
      line-height: 1.35;
    }

    /* SEÇÃO 08 */
    .s08__title{
      margin: 6px 0 0;
      font-size: clamp(22px, 3.9vw, 36px);
      font-weight: 1200;
      letter-spacing: .22px;
      text-transform: uppercase;
      line-height: 1.12;
    }
    .s08__intro{
      width: 100%;
      max-width: 820px;
      padding: 18px 16px;
      border-radius: 18px;
      background: linear-gradient(135deg, rgba(0,168,89,.18), rgba(0,100,150,.16));
      border: 1px solid rgba(0,168,89,.35);
      box-shadow: 0 18px 60px rgba(0,0,0,.28);
      margin-top: 16px;
    }
    .s08__intro__title{
      margin: 0 0 8px;
      font-size: 15px;
      font-weight: 1000;
      text-transform: uppercase;
      letter-spacing: .3px;
      color: var(--petroGreen2);
    }
    .s08__intro__text{
      margin: 0;
      font-size: 15.5px;
      line-height: 1.62;
      color: rgba(255,255,255,.88);
    }
    .s08__intro__value{
      color: var(--petroYellow);
      font-weight: 950;
    }
    .benefitsGrid{
      width: 100%;
      max-width: 980px;
      margin-top: 12px;
      display:grid;
      grid-template-columns: 1fr;
      gap: 12px;
    }
    .benefitCard{
      padding: 18px 16px;
      border-radius: 18px;
      background: linear-gradient(135deg, rgba(15,23,42,.85), rgba(15,23,42,.75));
      border: 1px solid rgba(71,85,105,.45);
      box-shadow: 0 14px 50px rgba(0,0,0,.25);
      text-align: left;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .benefitCard__icon{
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      font-size: 26px;
      margin-bottom: 4px;
    }
    .benefitCard__title{
      margin: 0;
      font-size: 16px;
      font-weight: 1000;
      text-transform: uppercase;
      letter-spacing: .2px;
      color: var(--petroYellow);
      line-height: 1.25;
    }
    .benefitCard__desc{
      margin: 0;
      font-size: 14px;
      line-height: 1.5;
      color: rgba(255,255,255,.7);
    }
    .numbersGrid{
      width: 100%;
      max-width: 980px;
      margin-top: 16px;
      display:grid;
      grid-template-columns: 1fr;
      gap: 12px;
    }
    .numberCard{
      padding: 20px 18px;
      border-radius: 18px;
      background: linear-gradient(135deg, rgba(15,23,42,.9), rgba(15,23,42,.8));
      border: 1px solid rgba(0,168,89,.35);
      box-shadow: 0 14px 50px rgba(0,0,0,.25);
      text-align: center;
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: center;
    }
    .numberCard__value{
      margin: 0;
      font-size: clamp(32px, 5vw, 48px);
      font-weight: 1200;
      letter-spacing: .2px;
      background: linear-gradient(135deg, #00FFA3, #00C06A);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      line-height: 1;
    }
    .numberCard__label{
      margin: 0;
      font-size: 13px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .4px;
      color: rgba(255,255,255,.85);
      line-height: 1.4;
    }
    .numberCard__desc{
      margin: 4px 0 0;
      font-size: 12.5px;
      line-height: 1.45;
      color: rgba(255,255,255,.65);
    }
    .s08__ctaWrap{
      width: 100%;
      display:flex;
      justify-content:center;
      margin-top: 12px;
    }

    /* SEÇÃO 09 */
    .s09__title{
      margin: 6px 0 0;
      font-size: clamp(22px, 3.9vw, 36px);
      font-weight: 1200;
      letter-spacing: .22px;
      text-transform: uppercase;
      line-height: 1.12;
    }
    .s09__sub{
      margin: 4px 0 0;
      max-width: 860px;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.62;
    }
    .plansGrid{
      width: 100%;
      max-width: 980px;
      margin-top: 16px;
      display:grid;
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .planCard{
      padding: 24px 20px;
      border-radius: 20px;
      background: linear-gradient(135deg, rgba(15,23,42,.85), rgba(15,23,42,.75));
      border: 1px solid rgba(71,85,105,.45);
      box-shadow: 0 14px 50px rgba(0,0,0,.25);
      text-align: center;
      display: flex;
      flex-direction: column;
      gap: 16px;
      position: relative;
    }
    .planCard--featured{
      background: linear-gradient(135deg, rgba(0,168,89,.18), rgba(0,100,150,.16));
      border: 2px solid rgba(0,168,89,.55);
      box-shadow: 
        0 18px 70px rgba(0,168,89,.35),
        0 0 0 1px rgba(255,255,255,.15) inset;
      transform: scale(1.02);
    }
    .planCard--featured::before{
      content: "MAIS VENDIDO";
      position: absolute;
      top: -12px;
      left: 50%;
      transform: translateX(-50%);
      padding: 6px 16px;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--petroGreen2), var(--petroYellow));
      color: #06150f;
      font-size: 11px;
      font-weight: 1000;
      letter-spacing: .4px;
      text-transform: uppercase;
      box-shadow: 0 8px 30px rgba(0,168,89,.4);
    }
    .planCard__title{
      margin: 0;
      font-size: 20px;
      font-weight: 1100;
      text-transform: uppercase;
      letter-spacing: .3px;
      color: rgba(255,255,255,.95);
    }
    .planCard--featured .planCard__title{
      color: var(--petroYellow);
    }
    .planCard__pricing{
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 4px;
      align-items: center;
    }
    .planCard__oldPrice{
      font-size: 18px;
      color: rgba(255,255,255,.45);
      text-decoration: line-through;
      font-weight: 700;
    }
    .planCard__price{
      font-size: clamp(36px, 6vw, 52px);
      font-weight: 1200;
      background: linear-gradient(135deg, #00FFA3, #00C06A);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      line-height: 1;
    }
    .planCard__installment{
      font-size: 13px;
      color: rgba(255,255,255,.7);
      font-weight: 600;
    }
    .planCard__features{
      list-style: none;
      padding: 0;
      margin: 8px 0 0;
      display: flex;
      flex-direction: column;
      gap: 12px;
      text-align: left;
    }
    .planCard__feature{
      display: flex;
      gap: 12px;
      align-items: flex-start;
      font-size: 14.5px;
      line-height: 1.5;
      color: rgba(255,255,255,.85);
    }
    .planCard__feature::before{
      content: "✓";
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      flex: 0 0 22px;
      border-radius: 8px;
      background: linear-gradient(90deg, rgba(0,168,89,.28), rgba(255,196,0,.16));
      border: 1px solid rgba(255,255,255,.12);
      font-size: 13px;
      color: rgba(255,255,255,.95);
      font-weight: 900;
      margin-top: 1px;
    }
    .planCard__feature--highlight{
      font-weight: 950;
      color: var(--petroYellow);
      font-size: 16px;
      background: linear-gradient(90deg, rgba(0,168,89,.20), rgba(255,196,0,.14));
      padding: 10px 12px;
      border-radius: 12px;
      border: 1px solid rgba(255,196,0,.35);
      margin: -4px 0;
    }
    .planCard__feature--highlight::before{
      background: linear-gradient(90deg, var(--petroYellow), rgba(255,196,0,.75));
      border-color: rgba(255,255,255,.25);
      box-shadow: 0 0 20px rgba(255,196,0,.3);
    }
    .planCard__btn{
      width: 100%;
      margin-top: 8px;
      appearance:none;
      border:0;
      cursor:pointer;
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap: 10px;
      padding: 16px 18px;
      border-radius: 14px;
      font-weight: 1000;
      letter-spacing: .25px;
      text-transform: uppercase;
      color: #06150f;
      background: linear-gradient(90deg, var(--petroGreen2), var(--petroYellow));
      box-shadow:
        0 22px 70px rgba(0,0,0,.35),
        0 0 0 1px rgba(255,255,255,.10) inset,
        0 0 60px rgba(0,168,89,.10);
      transition: transform .14s ease, filter .14s ease;
      -webkit-tap-highlight-color: transparent;
      font-size: 13.5px;
    }
    .planCard__btn:hover{ transform: translateY(-1px); filter: brightness(1.03); }
    .planCard__btn:active{ transform: translateY(0px); filter: brightness(.98); }

    .urgencyBox{
      width: 100%;
      max-width: 820px;
      margin-top: 20px;
      padding: 20px 18px;
      border-radius: 18px;
      background: linear-gradient(135deg, rgba(220,38,38,.20), rgba(185,28,28,.18));
      border: 1px solid rgba(248,113,113,.35);
      box-shadow: 0 18px 60px rgba(220,38,38,.25);
    }
    .urgencyBox__title{
      margin: 0 0 12px;
      font-size: clamp(18px, 3.2vw, 24px);
      font-weight: 1100;
      text-transform: uppercase;
      letter-spacing: .22px;
      color: rgba(255,255,255,.96);
      line-height: 1.25;
    }
    .urgencyBox__subtitle{
      margin: 0 0 14px;
      font-size: 15px;
      color: rgba(255,255,255,.8);
      font-weight: 700;
    }
    .urgencyList{
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .urgencyItem{
      display: flex;
      gap: 12px;
      align-items: center;
      padding: 12px 14px;
      border-radius: 12px;
      background: linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.22));
      border: 1px solid rgba(248,113,113,.25);
    }
    .urgencyItem__icon{
      width: 40px;
      height: 40px;
      flex: 0 0 40px;
      display: grid;
      place-items: center;
      border-radius: 12px;
      background: linear-gradient(90deg, rgba(248,113,113,.28), rgba(185,28,28,.22));
      border: 1px solid rgba(248,113,113,.35);
      font-size: 20px;
    }
    .urgencyItem__text{
      margin: 0;
      font-size: 15px;
      line-height: 1.4;
      color: rgba(255,255,255,.88);
      font-weight: 600;
      text-align: left;
    }

    /* RESPONSIVE */
    @media (min-width: 640px){
      .benefitsGrid{ 
        grid-template-columns: repeat(2, minmax(0, 1fr)); 
      }
      .numbersGrid{ 
        grid-template-columns: repeat(2, minmax(0, 1fr)); 
      }
    }
    @media (min-width: 768px){
      .plansGrid{ 
        grid-template-columns: repeat(2, minmax(0, 1fr)); 
      }
      .planCard{ height: 100%; }
    }
    @media (min-width: 920px){
      .badges{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
      .sectionInner{ padding: 30px 26px; }
      .hero__logo{ height: 100px; }
      .s02__list{ grid-template-columns: 1fr 1fr; }
      .s02__item{ height: 100%; }
      .boxGrid{ gap: 14px; }
      .infoBox{ padding: 18px 18px; }
      .s04__grid{ grid-template-columns: 1fr 1fr; }
      .s04__card{ height: 100%; }
      .bonusGrid{ grid-template-columns: 1fr 1fr; }
      .bonusCard{ height: 100%; }
      .warningGrid{ grid-template-columns: 1fr 1fr; }
      .warningCard{ height: 100%; }
      .benefitsGrid{ 
        grid-template-columns: repeat(3, minmax(0, 1fr)); 
      }
      .numbersGrid{ 
        grid-template-columns: repeat(3, minmax(0, 1fr)); 
      }
      .benefitCard{ height: 100%; }
      .numberCard{ height: 100%; }
    }
    @media (max-width: 520px){
      .sectionInner{ padding: 20px 14px; }
      .glass{ box-shadow: 0 14px 55px rgba(0,0,0,.42); }
      .hero__image{ width: min(360px, 100%); }
      .badges{ grid-template-columns: 1fr 1fr; }
      .feedCard{ min-width: 260px; }
      .screenCard{ min-width: 220px; }
    }
/* ===== SEÇÃO 10 - DUAS ESCOLHAS ===== */
.s10__title{
  margin: 0;
  font-size: clamp(22px, 3.9vw, 36px);
  font-weight: 1200;
  letter-spacing: .22px;
  text-transform: uppercase;
  line-height: 1.12;
}
.choicesGrid{
  width: 100%;
  max-width: 980px;
  margin-top: 16px;
  display:grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.choiceBox{
  padding: 24px 20px;
  border-radius: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
  border: 2px solid;
  box-shadow: 0 18px 70px rgba(0,0,0,.35);
  transition: transform .2s ease;
}
.choiceBox:hover{
  transform: translateY(-2px);
}
.choiceBox--red{
  background: linear-gradient(135deg, rgba(220,38,38,.28), rgba(185,28,28,.24));
  border-color: rgba(248,113,113,.50);
  box-shadow: 0 18px 70px rgba(220,38,38,.35);
}
.choiceBox--green{
  background: linear-gradient(135deg, rgba(0,168,89,.28), rgba(0,192,106,.24));
  border-color: rgba(0,192,106,.50);
  box-shadow: 0 18px 70px rgba(0,168,89,.35);
}
.choiceBox__icon{
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: 32px;
  flex: 0 0 64px;
  border: 2px solid rgba(255,255,255,.15);
}
.choiceBox--red .choiceBox__icon{
  background: linear-gradient(135deg, rgba(248,113,113,.4), rgba(185,28,28,.3));
}
.choiceBox--green .choiceBox__icon{
  background: linear-gradient(135deg, rgba(0,192,106,.4), rgba(0,168,89,.3));
}
.choiceBox__text{
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255,255,255,.92);
}
.finalCallBox{
  width: 100%;
  max-width: 820px;
  margin-top: 24px;
  padding: 24px 20px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(0,168,89,.22), rgba(255,196,0,.18));
  border: 2px solid rgba(0,192,106,.45);
  box-shadow: 0 22px 80px rgba(0,168,89,.40);
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
  text-align: center;
}
.finalCallBox__title{
  margin: 0;
  font-size: clamp(18px, 3.5vw, 26px);
  font-weight: 1100;
  letter-spacing: .22px;
  line-height: 1.3;
  color: rgba(255,255,255,.98);
}
.finalCallBox__sub{
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255,255,255,.85);
}
.finalCallBox__btn{
  width: min(560px, 100%);
  margin-top: 4px;
  appearance:none;
  border:0;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 16px 18px;
  border-radius: 14px;
  font-weight: 1000;
  letter-spacing: .25px;
  text-transform: uppercase;
  color: #06150f;
  background: linear-gradient(90deg, var(--petroGreen2), var(--petroYellow));
  box-shadow:
    0 22px 70px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 0 60px rgba(0,168,89,.10);
  transition: transform .14s ease, filter .14s ease;
  -webkit-tap-highlight-color: transparent;
  font-size: 14px;
}
.finalCallBox__btn:hover{ transform: translateY(-1px); filter: brightness(1.03); }
.finalCallBox__btn:active{ transform: translateY(0px); filter: brightness(.98); }

/* ===== SEÇÃO 11 - QUEM SOU EU + FAQ ===== */
.s11__title{
  margin: 0;
  font-size: clamp(22px, 3.9vw, 36px);
  font-weight: 1200;
  letter-spacing: .22px;
  text-transform: uppercase;
  line-height: 1.12;
}
.authorBox{
  width: 100%;
  max-width: 820px;
  margin-top: 16px;
  padding: 24px 20px;
  border-radius: 20px;
  background: 
    radial-gradient(900px 420px at 12% 10%, rgba(0,168,89,.14), transparent 55%),
    linear-gradient(180deg, rgba(0,0,0,.26), rgba(0,0,0,.20));
  border: 1px solid rgba(255,255,255,.11);
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  text-align: center;
}
.authorBox__img{
  width: 180px;
  height: 180px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid rgba(0,168,89,.45);
  box-shadow: 0 18px 60px rgba(0,168,89,.35);
  flex: 0 0 180px;
}
.authorBox__name{
  margin: 0;
  font-size: clamp(22px, 4vw, 32px);
  font-weight: 1100;
  letter-spacing: .22px;
  background: linear-gradient(90deg, rgba(0,168,89,.98), rgba(255,196,0,.95));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.authorBox__text{
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255,255,255,.88);
  max-width: 680px;
}
.s11__faqTitle{
  margin: 20px 0 0;
  font-size: clamp(20px, 3.5vw, 30px);
  font-weight: 1100;
  letter-spacing: .22px;
  text-transform: uppercase;
  line-height: 1.2;
}
.faqList{
  width: 100%;
  max-width: 900px;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.faqItem{
  width: 100%;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(0,0,0,.26), rgba(0,0,0,.20));
  border: 1px solid rgba(255,255,255,.11);
  box-shadow: 0 18px 60px rgba(0,0,0,.16);
  overflow: hidden;
  transition: all .3s ease;
}
.faqItem:hover{
  border-color: rgba(0,168,89,.35);
  box-shadow: 0 18px 60px rgba(0,168,89,.18);
}
.faqItem__question{
  width: 100%;
  padding: 18px 18px;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 950;
  color: rgba(255,255,255,.96);
  line-height: 1.4;
  transition: all .2s ease;
  font-family: inherit;
}
.faqItem__question::after{
  content: "+";
  font-size: 28px;
  font-weight: 300;
  color: var(--petroGreen2);
  flex: 0 0 28px;
  text-align: center;
  transition: transform .3s ease;
}
.faqItem.active .faqItem__question::after{
  transform: rotate(45deg);
}
.faqItem__answer{
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease, padding .3s ease;
  padding: 0 18px;
}
.faqItem.active .faqItem__answer{
  max-height: 600px;
  padding: 0 18px 18px;
}
.faqItem__answerText{
  margin: 0;
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--muted);
  padding-top: 4px;
  text-align: left;
}
.faqItem__answerText strong{
  color: rgba(255,255,255,.94);
  font-weight: 950;
  text-align: left;
}

@media (min-width: 640px){
  .authorBox{
    flex-direction: row;
    text-align: left;
    gap: 24px;
  }
  .authorBox__img{
    width: 160px;
    height: 160px;
    flex: 0 0 160px;
  }
}
@media (min-width: 768px){
  .choicesGrid{ 
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
  }
}




/* ===== BARRA DE URGÊNCIA NO TOPO (NÃO FIXA) ===== */

.urgencyBar {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0;
  background: linear-gradient(90deg, #FFC400, rgba(255,196,0,.9));
  padding: 12px 20px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0,0,0,.3);
  z-index: 100;
}

.urgencyBar__inner {
  max-width: 1200px;
  margin: 0 auto;
}

.urgencyBar__text {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #06150f;
  line-height: 1.4;
}

.urgencyBar__date {
  font-weight: 900;
}

/* REMOVE qualquer padding extra do main */
main {
  padding-top: 0 !important;
}

/* Mobile */
@media (max-width: 768px) {
  .urgencyBar {
    padding: 10px 15px;
  }
  
  .urgencyBar__text {
    font-size: 13px;
  }
}





/* ===== OTIMIZAÇÕES MOBILE - VISUAL DESKTOP SEM ANIMAÇÃO ===== */

@media (max-width: 768px) {
  
  /* Remove APENAS o backdrop-filter (muito pesado) mas NÃO da barra */
  .glass {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  
  /* GARANTE que a barra de urgência apareça */
  .urgencyBar {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  /* MANTÉM as auroras visíveis mas SEM animação */
  .aurora1, .aurora2, .aurora3 {
    animation: none !important;
    opacity: 0.45 !important;
    filter: blur(85px) !important;
  }
  
  /* MANTÉM o grid visível mas SEM animação */
  .gridLayer {
    animation: none !important;
    opacity: 0.20 !important;
  }
  
  /* MANTÉM o glow visível mas SEM animação */
  .glowPulse {
    animation: none !important;
    opacity: 0.5 !important;
  }
  
  /* Canvas de partículas desabilitado (já tratado no JS) */
  .particlesCanvas {
    display: none !important;
  }
  
  /* Reduz APENAS a intensidade das sombras (mantém visual) */
  .glass {
    box-shadow: 0 18px 70px rgba(0,0,0,.40) !important;
  }
  
  .btn {
    box-shadow: 
      0 18px 60px rgba(0,0,0,.30),
      0 0 0 1px rgba(255,255,255,.10) inset,
      0 0 50px rgba(0,168,89,.10) !important;
  }
  
}

/* ===== FIM DAS OTIMIZAÇÕES MOBILE ===== */