.elementor-201 .elementor-element.elementor-element-1d1220f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-9be9fb0 */:root{
    --black:#0a0a09;
    --surface:#131210;
    --surface-2:#1a1815;
    --gold:#c9a961;
    --gold-light:#e8d5a0;
    --gold-dark:#8b6f3f;
    --copper:#c4703f;
    --ivory:#f2efe6;
    --muted:#8f8975;
    --hair:#2a2822;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{background:var(--black);color:var(--ivory);font-family:'Jost',sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden;}
  ::selection{background:var(--gold);color:var(--black);}
  h1,h2,h3{font-family:'Libre Baskerville',serif;font-weight:400;}
  .wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 32px;}
  .eyebrow{font-family:'Jost',sans-serif;text-transform:uppercase;letter-spacing:.32em;font-size:.7rem;color:var(--gold);font-weight:500;}
  a{color:inherit;text-decoration:none;}
  section{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:100px 0;position:relative;}

  .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease, transform .8s ease;}
  .reveal.in{opacity:1;transform:translateY(0);}

  /* progress dots */
  .progress{position:fixed;right:28px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:14px;}
  .progress .dot{width:6px;height:6px;border-radius:50%;background:var(--hair);transition:.3s;}
  .progress .dot.active{background:var(--gold);transform:scale(1.6);}
  @media(max-width:700px){.progress{display:none;}}

  /* ===== 1. HERO ===== */
  #hero{align-items:center;text-align:center;}
  #hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 45% at 50% 40%, rgba(201,169,97,.09), transparent 70%);pointer-events:none;}
  .mark{width:min(220px,55vw);margin-bottom:30px;}
  .mark .stroke{fill:none;stroke:var(--gold);stroke-width:2.2;stroke-dasharray:900;stroke-dashoffset:900;animation:draw 2s cubic-bezier(.4,0,.2,1) forwards .2s;}
  .mark .glyph{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;opacity:0;animation:fadein .7s ease forwards 1.5s;}
  @keyframes draw{to{stroke-dashoffset:0;}}
  @keyframes fadein{to{opacity:1;}}
  @media (prefers-reduced-motion:reduce){.mark .stroke{stroke-dashoffset:0;animation:none;}.mark .glyph{opacity:1;animation:none;}}
  #hero h1{font-size:clamp(2.6rem,6vw,4.4rem);color:var(--ivory);}
  #hero h1 span{color:var(--gold);}
  #hero .tag{margin-top:14px;font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);}
  .scroll-hint{margin-top:56px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dark);display:flex;flex-direction:column;align-items:center;gap:10px;}
  .scroll-hint .line{width:1px;height:44px;background:linear-gradient(var(--gold-dark),transparent);animation:pulse 1.8s ease-in-out infinite;}
  @keyframes pulse{0%,100%{opacity:.3;}50%{opacity:1;}}

  /* ===== 2. CONFUSÃO ===== */
  #confusao{text-align:center;}
  .q-head{font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:60px;}
  .persona-stage{position:relative;width:100%;max-width:640px;margin:0 auto;height:420px;}
  .persona{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;}
  .persona-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:260px;height:260px;border-radius:50%;background:radial-gradient(circle, rgba(196,112,63,.22), transparent 70%);}
  .bubble{position:absolute;max-width:220px;font-family:'Libre Baskerville',serif;font-style:italic;font-size:1.02rem;color:var(--ivory);line-height:1.4;}
  .bubble.b1{left:0;top:6%;text-align:right;}
  .bubble.b2{right:0;top:6%;text-align:left;}
  .bubble.b3{left:50%;bottom:0;transform:translateX(-50%);text-align:center;}
  .arrow{position:absolute;stroke:var(--gold-dark);stroke-width:1.6;fill:none;}
  @media(max-width:680px){
    .persona-stage{height:560px;}
    .bubble{max-width:150px;font-size:.9rem;}
    .bubble.b1{top:2%;}
    .bubble.b2{top:2%;}
  }

/* ===== RESPONSIVO MOBILE PEQUENO ===== */
@media (max-width: 480px) {
  #confusao {
    padding: 16px 10px;
  }

  .q-head {
    font-size: 0.6rem;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
  }

  .persona-stage {
    height: 420px;
    max-width: 360px;
  }

  .persona {
    width: 90px;
    height: 90px;
  }

  .persona-glow {
    width: 150px;
    height: 150px;
  }

  .bubble {
    max-width: 140px;
    font-size: 0.78rem;
    line-height: 1.3;
  }

  .bubble.b1 {
    left: 0;
    top: 2%;
    text-align: left;
    padding-left: 4px;
  }

  .bubble.b2 {
    right: 0;
    top: 2%;
    text-align: right;
    padding-right: 4px;
  }

  .bubble.b3 {
    bottom: 0;
    max-width: 160px;
    font-size: 0.75rem;
  }
}

/* ===== MOBILE EXTRA PEQUENO (iPhone SE) ===== */
@media (max-width: 380px) {
  .persona-stage {
    height: 380px;
    max-width: 300px;
  }

  .persona {
    width: 75px;
    height: 75px;
  }

  .persona-glow {
    width: 120px;
    height: 120px;
  }

  .bubble {
    max-width: 110px;
    font-size: 0.7rem;
  }

  .bubble.b1 {
    top: 0;
  }

  .bubble.b2 {
    top: 0;
  }

  .bubble.b3 {
    max-width: 130px;
    font-size: 0.68rem;
    bottom: 0;
  }
}

  /* ===== 3. RESPOSTA ===== */
  #resposta{text-align:center;background:var(--surface);}
  .lens-big{width:150px;margin:0 auto 40px;}
  #resposta h2{font-size:clamp(2rem,4.6vw,3.2rem);max-width:760px;margin:0 auto;color:var(--ivory);}
  #resposta h2 em{color:var(--gold);font-style:italic;}
  #resposta p.sub{margin:28px auto 0;max-width:560px;color:var(--muted);font-size:1.02rem;}
  .lenses-mini{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair);border:1px solid var(--hair);margin-top:64px;max-width:840px;margin-left:auto;margin-right:auto;text-align:left;}
  .lens-mini-card{background:var(--black);padding:36px 40px;}
  .lens-mini-card .lbl{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dark);display:block;margin-bottom:10px;}
  .lens-mini-card h3{font-size:1.2rem;color:var(--ivory);margin-bottom:10px;}
  .lens-mini-card p{color:var(--muted);font-size:.9rem;}
  @media(max-width:700px){.lenses-mini{grid-template-columns:1fr;}}

  /* ===== 4. MÉTODO ===== */
  #metodo .section-head{max-width:640px;margin:0 auto 64px;text-align:center;}
  #metodo h2{font-size:clamp(1.9rem,3.6vw,2.6rem);margin-top:12px;}
  .method-list{max-width:820px;margin:0 auto;width:100%;}
  .step{display:grid;grid-template-columns:90px 1fr;gap:28px;padding:30px 0;border-top:1px solid var(--hair);}
  .step:last-child{border-bottom:1px solid var(--hair);}
  .step-tag{font-family:'Libre Baskerville',serif;font-style:italic;color:var(--gold);font-size:.98rem;}
  .step h3{font-size:1.15rem;color:var(--ivory);}
  .step p{color:var(--muted);margin-top:6px;font-size:.9rem;max-width:56ch;}
  @media(max-width:600px){.step{grid-template-columns:1fr;gap:6px;}}

  /* ===== 5. HISTÓRIA ===== */
  #historia{background:var(--surface);}
  .about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start;max-width:920px;margin:0 auto;width:100%;}
 .initials {
  width: 120px;
  height: 120px;
  border: 2px solid var(--gold-dark);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Libre Baskerville', serif;
  font-size: 2rem;
  color: var(--gold);
  margin-bottom: 30px;
  overflow: hidden;
  flex-shrink: 0;
  background: #1a1a2e;
}

.initials img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Fallback via HTML - adicione data-initials no HTML */
.initials[data-initials]::before {
  content: attr(data-initials);
  display: none;
  font-family: 'Libre Baskerville', serif;
  font-size: 2rem;
  color: var(--gold);
}

.initials img:not([src]), 
.initials img[src=""],
.initials img.error {
  display: none;
}

.initials img:not([src]) ~ .initials[data-initials]::before,
.initials img[src=""] ~ .initials[data-initials]::before,
.initials img.error ~ .initials[data-initials]::before {
  display: block;
}
  .about-name{font-size:1.4rem;color:var(--ivory);}
  .about-role{color:var(--muted);font-size:.82rem;margin-top:6px;}
  .about-copy p{color:#c8c3b4;margin-bottom:16px;font-size:.98rem;}
  .about-copy p:first-child{font-size:1.08rem;color:var(--ivory);font-family:'Libre Baskerville',serif;font-style:italic;}
  @media(max-width:820px){.about-grid{grid-template-columns:1fr;gap:36px;}}

  /* ===== 6. AGÊNCIAS/CLIENTES ===== */
  #logos .section-head{text-align:center;max-width:600px;margin:0 auto 56px;}
  .logo-group{max-width:900px;margin:0 auto 48px;text-align:center;}
  .logo-group .glbl{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:22px;display:block;}
  .logo-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 30px;}
  .logo-chip{font-family:'Libre Baskerville',serif;font-style:italic;color:var(--muted);font-size:1.05rem;padding:6px 0;transition:.25s;}
  .logo-chip:hover{color:var(--gold-light);}

  /* ===== 7. CTA ===== */
  #cta{text-align:center;background:radial-gradient(ellipse 70% 60% at 50% 40%, rgba(201,169,97,.1), transparent 70%), var(--black);}
  #cta .lens-cta{width:110px;margin:0 auto 32px;}
  #cta h2{font-size:clamp(2.4rem,6vw,4rem);color:var(--ivory);}
  #cta p.hook{margin-top:20px;max-width:520px;margin-left:auto;margin-right:auto;color:var(--gold-light);font-family:'Libre Baskerville',serif;font-style:italic;font-size:1.15rem;}
  .btn-primary{display:inline-block;margin-top:44px;background:var(--gold);color:var(--black);padding:17px 40px;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;border:1px solid var(--gold);transition:.25s;}
  .btn-primary:hover{background:transparent;color:var(--gold);}
  footer{padding:50px 32px 34px;text-align:center;border-top:1px solid var(--hair);}
  .foot-links{display:flex;justify-content:center;gap:28px;font-size:.8rem;color:var(--muted);flex-wrap:wrap;margin-top:14px;}
  .foot-links a:hover{color:var(--gold);}
  .foot-mark{font-family:'Libre Baskerville',serif;color:var(--muted);font-size:.85rem;}/* End custom CSS */