/* =====================================================================
   Zyden Educação — assets/css/style.css
   CSS extraído e organizado a partir do design original da landing page.
   Mantém as mesmas classes/variáveis do protótipo para garantir 100% de
   fidelidade visual. Dividido por seções com comentários (---- NOME ----)
   para facilitar manutenção e localização rápida ao editar.
   ===================================================================== */

	  :root{
	    --board:#142219;
	    --board-2:#1c3024;
	    --board-3:#24402f;
	    --wood:#4a3324;
	    --wood-dark:#352419;
	    --chalk:#f3eee0;
	    --chalk-dim:#c7c0a9;
	    --paper:#fbf7ee;
	    --paper-2:#f1ead7;
	    --ink:#1c1b16;
	    --ink-dim:#5d5848;
	    --pen-red:#bd3a2c;
	    --pen-red-dark:#8f2a20;
	    --green:#3f7a4f;
	    --brass:#c79b3b;
	    --brass-light:#e6c878;
	    --line: rgba(243,238,224,0.16);
	    --shadow: 0 18px 40px -18px rgba(0,0,0,0.55);
	  }

  *{box-sizing:border-box; margin:0; padding:0;}
	html{scroll-behavior:smooth;}
	#hero-form { scroll-margin-top: 100px; }
  body{
    font-family:'Inter', sans-serif;
    color:var(--ink);
    background:var(--paper);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{max-width:100%; display:block;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  button{font-family:inherit; cursor:pointer; border:none; background:none;}
  input{font-family:inherit;}

  .wrap{max-width:1080px; margin:0 auto; padding:0 28px;}

  .eyebrow{
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    letter-spacing:.14em;
    text-transform:uppercase;
    font-weight:600;
  }
  .chalk-word{font-family:'Caveat', cursive; font-weight:700; color:var(--brass-light); white-space:nowrap;}
  h1,h2,h3{font-family:'Sora', sans-serif; line-height:1.12; letter-spacing:-0.01em;}

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

  /* Animação de destaque do formulário (Padrão Elite) */
  @keyframes highlightPulse {
    0% { box-shadow: 0 0 0 0 rgba(184, 153, 94, 0.4); }
    70% { box-shadow: 0 0 0 20px rgba(184, 153, 94, 0); }
    100% { box-shadow: 0 0 0 0 rgba(184, 153, 94, 0); }
  }
  .highlight-form {
    animation: highlightPulse 1.5s ease-out;
  }
  @media (prefers-reduced-motion: reduce){
    .reveal{opacity:1; transform:none; transition:none;}
    .cta-arrow{animation:none;}
    html{scroll-behavior:auto;}
  }

  /* ---------- scroll progress ---------- */
  .scroll-progress{
    position:fixed; top:0; left:0; height:3px; width:0%;
    background:linear-gradient(90deg, var(--pen-red), var(--brass-light));
    z-index:80; transition:width .1s linear;
  }

  /* ---------- NAV (single CTA, no away-links) ---------- */
  .nav{
    position:fixed; top:0; left:0; right:0; z-index:50;
    background:rgba(20,34,25,0.93);
    backdrop-filter:blur(6px);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{
    max-width:1080px; margin:0 auto; padding:14px 28px;
    display:flex; align-items:center; justify-content:space-between;
  }
  .logo-wrapper{display:flex; align-items:center; gap:8px;}
  .logo-text{font-family:'Sora', sans-serif; font-weight:800; font-size:19px; color:var(--chalk); letter-spacing:.02em;}
  .logo-text span{color:var(--brass-light);}
  .logo-image{display:block; height:40px; width:auto; object-fit:contain;}
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    background:var(--pen-red); color:#fff; font-weight:700; font-size:14px;
    padding:12px 20px; border-radius:3px; letter-spacing:.01em;
    transition:background .15s ease, transform .1s ease;
    border:1px solid rgba(255,255,255,0.12);
  }
  .btn:hover{background:var(--pen-red-dark);}
  .btn:active{transform:scale(0.98);}
  .btn-sm{padding:10px 16px; font-size:13px;}

  /* ---------- HERO ---------- */
  .hero{
    position:relative; padding:140px 0 90px;
    background:
      radial-gradient(ellipse at 18% 0%, rgba(255,255,255,0.05), transparent 45%),
      radial-gradient(ellipse at 85% 90%, rgba(255,255,255,0.04), transparent 40%),
      var(--board);
    color:var(--chalk); overflow:hidden; border-bottom:14px solid var(--wood);
  }
  .hero::before{
    content:""; position:absolute; inset:0;
    background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), radial-gradient(rgba(255,255,255,0.035) 1px, transparent 1px);
    background-size: 90px 90px, 130px 130px; background-position: 0 0, 40px 60px; pointer-events:none;
  }
  .hero-grid{ position:relative; z-index:2; display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:start;}
  .hero-eyebrow{color:var(--brass-light); margin-bottom:18px; display:flex; align-items:center; gap:10px;}
  .hero-eyebrow::before{content:""; width:18px; height:2px; background:var(--brass-light); display:inline-block;}
  .hero h1{font-size:43px; color:var(--chalk); margin-bottom:18px;}
  .hero h1 .accent{color:var(--brass-light);}
  .hero p.lead{font-size:17px; color:var(--chalk-dim); max-width:480px; line-height:1.6; margin-bottom:8px;}
  .underline-sketch{display:inline-block; position:relative;}
  .underline-sketch svg{position:absolute; left:0; bottom:-9px; width:100%; height:10px;}
  .trust-row{margin-top:32px; display:flex; gap:11px 22px; flex-wrap:wrap; font-family:'IBM Plex Mono', monospace; font-size:12.5px; color:var(--chalk);}
  .trust-row span{display:flex; align-items:center; gap:7px;}
  .trust-dot{width:6px; height:6px; border-radius:50%; background:var(--brass-light); display:inline-block;}
  .scarcity{
    margin-top:26px; display:inline-flex; align-items:center; gap:9px;
    font-family:'IBM Plex Mono', monospace; font-size:11.5px; color:var(--chalk);
    background:rgba(189,58,44,0.18); border:1px solid rgba(189,58,44,0.45);
    padding:8px 13px; border-radius:3px;
  }
  .scarcity .dot-blink{width:7px; height:7px; border-radius:50%; background:var(--pen-red); flex-shrink:0;}

  /* ---------- LEAD CARD (multi-step) ---------- */
  .lead-card{
    background:var(--paper); color:var(--ink); border-radius:12px;
    padding:40px 32px 36px; box-shadow:var(--shadow); position:relative;
    border: 1px solid rgba(10,13,11,0.06);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .lead-card:focus-within { transform: rotate(0deg) scale(1.02); z-index: 10; }
  .lead-card::before{
    content:""; position:absolute; top:-14px; left:38px; width:64px; height:26px;
    background:linear-gradient(100deg, rgba(196,156,69,0.85), rgba(230,200,120,0.85));
    transform:rotate(-4deg); box-shadow:0 4px 8px rgba(0,0,0,0.25);
  }
  .progress-track{display:flex; gap:6px; margin-bottom:18px;}
  .progress-seg{flex:1; height:4px; background:#e3dac0; border-radius:2px; overflow:hidden;}
  .progress-seg span{display:block; height:100%; width:0%; background:var(--pen-red); transition:width .35s ease;}
  .progress-seg.done span{width:100%;}
  .step-label{font-family:'IBM Plex Mono', monospace; font-size:10.5px; color:var(--ink-dim); text-transform:uppercase; letter-spacing:.06em; margin-bottom:14px;}
  .lead-card h3{font-size:19px; margin-bottom:5px; color:var(--ink);}
  .lead-card .sub{font-size:13.5px; color:var(--ink-dim); margin-bottom:18px; line-height:1.5;}
  .step{display:none;}
  .step.active{display:block;}
  .seg-options{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:14px;}
  .seg-opt{
    border:1.5px solid #d9d0b8; border-radius:4px; padding:13px 10px; text-align:center;
    font-size:13.5px; font-weight:600; color:var(--ink); background:#fff;
    transition:border-color .15s ease, background .15s ease;
  }
  .seg-opt:hover{border-color:var(--pen-red); background:#fff7f3;}
  .seg-opt.selected{border-color:var(--pen-red); background:#fff0ec; color:var(--pen-red-dark);}
  .seg-options-icon{grid-template-columns:1fr; gap:9px;}
  .seg-options-icon .seg-opt{
    display:flex; align-items:flex-start; gap:13px; text-align:left;
    padding:14px 16px; border-radius:10px; border:1.5px solid #e3dcc8; background:#fff;
    position:relative; transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .12s ease;
  }
  .seg-options-icon .seg-opt:hover{border-color:#e3a99a; background:#fffaf8; box-shadow:0 4px 12px rgba(189,58,44,0.08); transform:translateY(-1px);}
  .seg-options-icon .seg-opt.selected{border-color:var(--pen-red); background:#fff4f1; box-shadow:0 6px 16px rgba(189,58,44,0.14); transform:translateY(-1px);}
	  .seg-opt-icon-wrap{
	    width:38px; height:38px; flex-shrink:0; border-radius:50%; background:rgba(189,58,44,0.09);
	    display:flex; align-items:center; justify-content:center; transition:background .18s ease;
	    pointer-events: none;
	  }
  .seg-opt.selected .seg-opt-icon-wrap{background:var(--pen-red);}
  .seg-opt-icon{width:19px; height:19px; color:var(--pen-red); transition:color .18s ease;}
  .seg-opt.selected .seg-opt-icon{color:#fff;}
	  .seg-opt-text{display:flex; flex-direction:column; gap:3px; min-width:0; pointer-events: none;}
  .seg-opt-text strong{font-size:14px; font-weight:700; color:var(--ink); line-height:1.25;}
  .seg-opt-text small{font-size:12px; font-weight:400; color:var(--ink-dim); line-height:1.4;}
  .seg-opt.selected .seg-opt-text strong{color:var(--pen-red-dark);}
  .seg-opt.selected::after{
    content:"✓"; position:absolute; top:11px; right:12px; width:18px; height:18px;
    border-radius:50%; background:var(--pen-red); color:#fff; font-size:11px; font-weight:700;
    display:flex; align-items:center; justify-content:center;
  }
  .field{margin-bottom:13px;}
  .field label{display:block; font-family:'IBM Plex Mono', monospace; font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-dim); margin-bottom:5px;}
	  .field input{width:100%; padding:11px 12px; font-size:14.5px; border:1.5px solid #d9d0b8; border-radius:3px; background:#fff; color:var(--ink); transition:border-color .15s ease;}
	  .iti{width:100%; margin-bottom:0;}
	  .iti__country-list{z-index:100; color:var(--ink); font-family: 'Inter', sans-serif;}
  .field input:focus{outline:none; border-color:var(--pen-red);}
  .field input::placeholder{color:#b6ad94;}
  .submit-btn{
    width:100%; margin-top:6px; background:var(--pen-red); color:#fff; font-weight:700; font-size:14.5px;
    padding:13px 16px; border-radius:3px; letter-spacing:.01em; transition:background .15s ease, transform .1s ease;
    display:flex; align-items:center; justify-content:center; gap:8px;
  }
  .submit-btn:hover{background:var(--pen-red-dark);}
  .submit-btn:active{transform:scale(0.99);}
  .back-link{
    display:inline-flex; align-items:center; gap:5px; font-size:12.5px; color:var(--ink-dim);
    margin-bottom:14px; font-weight:600;
  }
  .back-link:hover{color:var(--pen-red);}
  .form-note{font-size:11px; color:var(--ink-dim); margin-top:11px; text-align:center;}
  .form-success{display:none; text-align:center; padding:18px 4px;}
  .form-success.show{display:block;}
  .form-success .check{width:44px; height:44px; border-radius:50%; background:var(--board-3); color:var(--chalk); display:flex; align-items:center; justify-content:center; margin:0 auto 14px; font-size:20px;}
  .form-success h4{font-size:16.5px; margin-bottom:6px;}
  .form-success p{font-size:13px; color:var(--ink-dim); line-height:1.5;}

  @media (max-width:860px){ 
    .hero-grid{grid-template-columns:1fr; gap:40px;} 
    .hero h1{font-size:32px;} 
    .hero{padding:120px 0 60px;}
    .lead-card{transform:none; padding:24px 20px;}
    .nav-inner{padding:10px 20px;}
    .logo{font-size:17px;}
    .btn-sm{padding:8px 14px; font-size:12px;}
  }

  @media (max-width:480px){
    .hero h1{font-size:28px;}
    .hero p.lead{font-size:15px;}
    .seg-options{grid-template-columns:1fr;}
    .section-head h2{font-size:26px;}
  }

  .ruled-divider{height:30px; background:var(--paper); background-image: linear-gradient(var(--paper-2) 1px, transparent 1px); background-size: 100% 30px;}

  section{padding:120px 0;}
  .section-head{max-width:640px; margin-bottom:48px;}
  .section-head .eyebrow{color:var(--pen-red); margin-bottom:12px;}
  .section-head .eyebrow.on-dark{color:var(--brass-light);}
  .section-head h2{font-size:30px; color:var(--ink);}
  .section-head h2.on-dark{color:var(--chalk);}
  .section-head p{margin-top:14px; font-size:15.5px; color:var(--ink-dim); line-height:1.65;}
  .section-head p.on-dark{color:var(--chalk-dim);}
  .center{margin-left:auto; margin-right:auto; text-align:center;}

  /* ---------- PROBLEM ---------- */
  .problem{
    background:var(--paper);
    background-image:
      linear-gradient(rgba(93,88,72,0.10) 1px, transparent 1px),
      linear-gradient(90deg, transparent 67px, rgba(189,58,44,0.28) 67px, rgba(189,58,44,0.28) 69px, transparent 69px);
    background-size: 100% 34px, 100% 100%;
    background-position: 0 64px, 0 0;
    position:relative;
  }
  .check-list{display:grid; grid-template-columns:1fr 1fr; gap:16px 30px;}
  .check-item.reveal{transition-delay:calc(var(--i) * 70ms);}
  .check-item{display:flex; gap:13px; align-items:flex-start; padding:16px 16px 16px 0; border-bottom:1px solid #e6dec6;}
  .check-box{flex:0 0 22px; width:22px; height:22px; border:2px solid var(--ink); border-radius:3px; position:relative; margin-top:1px;}
  .check-box svg{position:absolute; inset:0; width:100%; height:100%; padding:3px; overflow:visible;}
  .check-box svg path{
    fill:none; stroke:var(--pen-red); stroke-width:2.4; stroke-linecap:round;
    stroke-dasharray:1; stroke-dashoffset:1;
    transition:stroke-dashoffset .35s ease;
    transition-delay:calc(var(--i) * 90ms + 120ms);
  }
  .check-item.in .check-box svg path:nth-child(2){transition-delay:calc(var(--i) * 90ms + 280ms);}
  .check-item.in .check-box svg path{stroke-dashoffset:0;}
  .check-item p{font-size:15px; line-height:1.5; position:relative; margin:0;}
  .scribble{
    position:absolute; left:-2px; right:-6px; bottom:-7px; width:calc(100% + 8px); height:14px;
    overflow:visible; pointer-events:none;
  }
  .scribble path{
    fill:none; stroke:var(--pen-red); stroke-width:3; stroke-linecap:round;
    stroke-dasharray:1; stroke-dashoffset:1; opacity:.85;
    transition:stroke-dashoffset .55s cubic-bezier(.3,.6,.3,1);
    transition-delay:calc(var(--i) * 90ms + 420ms);
  }
  .check-item.in .scribble path{stroke-dashoffset:0;}
  @media (max-width:760px){ .check-list{grid-template-columns:1fr;} }

  /* Hover de auto-seleção — só em dispositivos com mouse */
  @media (hover:hover){
    .check-item{transition:transform .18s ease, background .18s ease; border-radius:4px;}
    .check-item:hover{transform:translateX(3px); background:rgba(93,88,72,0.06);}
    .check-item:hover .check-box{border-color:var(--pen-red);}
  }

  /* Fecho / CTA da seção Problema */
  .problem-cta{margin-top:46px; text-align:center; display:flex; flex-direction:column; align-items:center;}
  .problem-cta > p{font-size:17px; color:var(--ink); font-weight:600; line-height:1.5; margin:0 auto 18px; max-width:520px;}
  .problem-cta-btn{font-size:15px; padding:14px 26px;}
  .problem-cta-btn .cta-arrow{display:inline-block; animation:ctaArrowBob 1.6s ease-in-out infinite;}
  .problem-cta-btn:hover .cta-arrow{animation:none; transform:translateX(5px);}
  .problem-cta-note{display:block; margin-top:14px; font-family:'IBM Plex Mono', monospace; font-size:12px; color:var(--ink-dim); letter-spacing:.02em;}
  @keyframes ctaArrowBob{0%,100%{transform:translateX(0);} 50%{transform:translateX(4px);}}

  /* ---------- JOURNEY TIMELINE (Premium) ---------- */
  .journey{ background: var(--board); padding: 120px 0; position: relative; overflow: hidden; }
  .journey::before{
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--brass), var(--pen-red), var(--brass), transparent);
  }

  /* Grain overlay */
  .journey::after{
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255,255,255,0.025) 1px, transparent 1px);
    background-size: 80px 80px;
    pointer-events: none;
  }

  /* Header */
  .journey-eyebrow{
    display: flex; align-items: center; gap: 14px;
    font-family: 'IBM Plex Mono', monospace;
    font-size: 11px; font-weight: 700; letter-spacing: .18em;
    text-transform: uppercase; color: var(--brass);
  }
  .journey-eyebrow::before, .journey-eyebrow::after{
    content: ''; height: 1px;
    background: var(--brass); opacity: .35; flex: 1;
  }
  .journey-h2{ color: var(--chalk); margin: 14px 0 10px; }
  .journey-em{ color: var(--brass-light); font-style: normal; }
  .journey-lead{ color: var(--chalk-dim); max-width: 520px; margin: 0 auto; text-align: center; font-size: 15px; line-height: 1.65; }

  /* Progress pips */
  .journey-pips{
    display: flex; gap: 7px;
    justify-content: center;
    margin: 36px 0 48px;
  }
  .jp{
    height: 3px; width: 32px; border-radius: 2px;
    background: rgba(199,155,59,.18);
    cursor: pointer;
    transition: background .3s, width .35s cubic-bezier(.34,1.56,.64,1);
  }
  .jp.active{ background: var(--brass); width: 52px; }

  /* Track */
  .journey-track{
    position: relative;
    max-width: 760px;
    margin: 0 auto;
  }
  .journey-spine{
    position: absolute;
    left: 27px; top: 28px; bottom: 120px;
    width: 2px;
    background: linear-gradient(to bottom, var(--brass) 0%, var(--pen-red) 60%, transparent 100%);
    opacity: .25;
  }

  /* Steps */
  .jstep{
    display: flex; gap: 24px;
    margin-bottom: 8px;
    position: relative;
  }
  .jstep-dot-col{
    display: flex; flex-direction: column; align-items: center;
    flex-shrink: 0;
  }
  .jstep-dot{
    width: 56px; height: 56px; border-radius: 50%;
    background: var(--board-2);
    border: 2px solid rgba(199,155,59,.3);
    display: flex; align-items: center; justify-content: center;
    color: var(--chalk-dim);
    flex-shrink: 0; position: relative; z-index: 2;
    transition: all .4s cubic-bezier(.34,1.56,.64,1);
  }
  .jstep-dot svg{ transition: all .3s; }
  .jstep.is-open .jstep-dot{
    background: var(--pen-red);
    border-color: var(--pen-red);
    color: #fff;
    transform: scale(1.1);
    box-shadow: 0 0 0 6px rgba(189,58,44,.15), 0 0 0 14px rgba(189,58,44,.06);
  }
  .jstep-line{
    flex: 1; width: 2px; min-height: 24px;
    background: rgba(199,155,59,.14);
    margin: 5px 0;
    transition: background .4s;
  }
  .jstep.is-open .jstep-line{ background: rgba(189,58,44,.2); }

  /* Card */
  .jstep-body{ flex: 1; padding-bottom: 8px; }
  .jstep-card{
    background: var(--board-2);
    border: 1px solid rgba(199,155,59,.13);
    border-radius: 14px;
    padding: 20px 24px 22px;
    cursor: pointer;
    transition: border-color .35s, background .35s, box-shadow .35s, transform .2s;
    user-select: none;
    position: relative;
    overflow: hidden;
  }
  .jstep-card::before{
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--pen-red);
    border-radius: 14px 0 0 14px;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .4s cubic-bezier(.25,.46,.45,.94);
  }
  .jstep-card:hover{ border-color: rgba(199,155,59,.28); transform: translateX(3px); }
  .jstep.is-open .jstep-card{
    background: var(--board-3);
    border-color: rgba(189,58,44,.35);
    box-shadow: 0 10px 40px rgba(0,0,0,.4), 0 2px 12px rgba(189,58,44,.12);
    transform: translateX(4px);
  }
  .jstep.is-open .jstep-card::before{ transform: scaleY(1); }
  .jstep-card:focus-visible{ outline: 2px solid var(--brass); outline-offset: 3px; }

  .jstep-header{
    display: flex; align-items: center;
    justify-content: space-between; gap: 12px;
  }
  .jstep-phase{
    font-family: 'IBM Plex Mono', monospace;
    font-size: 10px; font-weight: 700;
    letter-spacing: .12em; text-transform: uppercase;
    color: var(--brass); opacity: .75;
    margin-bottom: 5px;
    transition: opacity .3s;
  }
  .jstep.is-open .jstep-phase{ opacity: 1; }
  .jstep-title{
    font-family: 'Sora', sans-serif;
    font-size: 16px; font-weight: 700;
    color: var(--chalk-dim); margin: 0;
    transition: color .3s;
    line-height: 1.3;
  }
  .jstep.is-open .jstep-title{ color: var(--chalk); }
  .jstep-chevron{
    color: var(--brass); opacity: .45; flex-shrink: 0;
    transition: transform .4s cubic-bezier(.34,1.56,.64,1), opacity .3s;
  }
  .jstep.is-open .jstep-chevron{ transform: rotate(180deg); opacity: .9; }

  /* Expandable content */
  .jstep-expand{
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .45s cubic-bezier(.25,.46,.45,.94);
    opacity: 0;
    transition: grid-template-rows .45s cubic-bezier(.25,.46,.45,.94), opacity .35s;
  }
  .jstep-expand > * { overflow: hidden; }
  .jstep.is-open .jstep-expand{
    grid-template-rows: 1fr;
    opacity: 1;
  }
  .jstep-expand-inner{ overflow: hidden; }

  .jstep-divider{
    height: 1px;
    background: rgba(199,155,59,.1);
    margin: 18px 0;
  }
  .jstep-compare{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }
  .jstep-lose, .jstep-win{
    border-radius: 10px;
    padding: 14px 16px;
  }
  .jstep-lose{
    background: rgba(189,58,44,.07);
    border: 1px solid rgba(189,58,44,.18);
  }
  .jstep-win{
    background: rgba(0,120,60,.07);
    border: 1px solid rgba(0,120,60,.22);
  }
  .jstep-badge{
    font-size: 11px; font-weight: 700;
    display: block; margin-bottom: 8px;
  }
  .jstep-badge--lose{ color: #e07060; }
  .jstep-badge--win{ color: #4db87a; }
  .jstep-lose p, .jstep-win p{
    font-size: 13px; line-height: 1.6;
    color: var(--chalk-dim); margin: 0;
  }
  .jstep-stat{
    font-size: 12.5px; font-weight: 600;
    color: #e07060;
    background: rgba(189,58,44,.08);
    border-left: 3px solid var(--pen-red);
    padding: 10px 14px;
    border-radius: 0 8px 8px 0;
    line-height: 1.45;
  }

  /* Progress bar global */
  .journey-progress-bar{
    max-width: 760px; margin: 0 auto 36px;
    display: flex; align-items: center; gap: 14px;
  }
  .journey-progress-fill{
    flex: 1; height: 4px; border-radius: 4px;
    background: rgba(199,155,59,.12);
    position: relative; overflow: hidden;
  }
  .journey-progress-fill::after{
    content: '';
    position: absolute; left: 0; top: 0; height: 100%;
    width: var(--progress, 0%);
    background: linear-gradient(90deg, var(--brass), var(--pen-red));
    border-radius: 4px;
    transition: width .55s cubic-bezier(.25,.46,.45,.94);
    box-shadow: 0 0 10px rgba(199,155,59,.4);
  }
  .journey-progress-label{
    font-family: 'IBM Plex Mono', monospace;
    font-size: 10px; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase;
    color: var(--brass); opacity: .55; white-space: nowrap;
    min-width: 140px; text-align: right;
    transition: opacity .3s;
  }
  .journey-progress-bar.all-done .journey-progress-label{
    color: #4db87a; opacity: .9;
  }
  .journey-progress-bar.all-done .journey-progress-fill::after{
    background: linear-gradient(90deg, var(--brass), #4db87a);
  }

  /* Scroll-reveal animation for steps */
  @keyframes jstep-in{
    from{ opacity: 0; transform: translateX(-22px) scale(.98); }
    to  { opacity: 1; transform: translateX(0)    scale(1);    }
  }
  @keyframes jstep-dot-pulse{
    0%,100%{ box-shadow: 0 0 0 0 rgba(189,58,44,.0); }
    50%    { box-shadow: 0 0 0 10px rgba(189,58,44,.18); }
  }
  @keyframes jstep-stat-slide{
    from{ opacity: 0; transform: translateY(8px); }
    to  { opacity: 1; transform: translateY(0); }
  }
  @keyframes shine{
    0%  { left: -120%; }
    100%{ left: 150%;  }
  }

  .jstep{ opacity: 0; transform: translateX(-22px) scale(.98); }
  .jstep.revealed{
    animation: jstep-in .55s cubic-bezier(.22,1,.36,1) both;
  }
  /* staggered delay per index */
  .jstep[data-index="0"].revealed{ animation-delay: .04s; }
  .jstep[data-index="1"].revealed{ animation-delay: .12s; }
  .jstep[data-index="2"].revealed{ animation-delay: .20s; }
  .jstep[data-index="3"].revealed{ animation-delay: .28s; }
  .jstep[data-index="4"].revealed{ animation-delay: .36s; }

  /* keep visible after animation ends */
  .jstep.revealed{ opacity: 1; transform: none; }

  /* dot pulse when step opens */
  .jstep.is-open .jstep-dot{
    animation: jstep-dot-pulse .8s ease-out;
  }

  /* stat line animates in when card opens */
  .jstep.is-open .jstep-stat{
    animation: jstep-stat-slide .4s .25s ease-out both;
  }

  /* shine sweep on card hover */
  .jstep-card::after{
    content: '';
    position: absolute;
    top: 0; left: -120%; width: 60%; height: 100%;
    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.045) 50%, transparent 100%);
    pointer-events: none;
    border-radius: 14px;
  }
  .jstep-card:hover::after{
    animation: shine .55s ease-out;
  }

  /* compare columns animate in when opened */
  .jstep-lose, .jstep-win{
    border-radius: 10px; padding: 14px 16px;
    transition: transform .3s, box-shadow .3s;
  }
  .jstep.is-open .jstep-lose{
    animation: jstep-stat-slide .4s .15s ease-out both;
  }
  .jstep.is-open .jstep-win{
    animation: jstep-stat-slide .4s .22s ease-out both;
  }
  .jstep-lose:hover{ transform: translateY(-2px); box-shadow: 0 6px 20px rgba(189,58,44,.14); }
  .jstep-win:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,120,60,.14); }

  /* Fecho / CTA da Jornada — mesmo padrão robusto do Problem, cores on-dark */
  .journey-cta{margin-top:64px; text-align:center; display:flex; flex-direction:column; align-items:center;}
  .journey-cta > p{font-size:17px; color:var(--chalk); font-weight:600; line-height:1.5; margin:0 auto 18px; max-width:480px;}
  .journey-cta-btn{font-size:15px; padding:14px 26px;}
  .journey-cta-note{display:block; margin-top:14px; font-family:'IBM Plex Mono', monospace; font-size:12px; color:var(--chalk-dim); letter-spacing:.02em;}

  @media (max-width: 680px){
    .journey-spine{ left: 19px; }
    .jstep-dot{ width: 40px; height: 40px; }
    .jstep-dot svg{ width: 17px; height: 17px; }
    .jstep{ gap: 14px; }
    .jstep-compare{ grid-template-columns: 1fr; gap: 10px; }
    .jstep-card{ padding: 16px 18px; }
    .journey-pips{ display: none; }
    .journey-progress-label{ display: none; }
  }

  /* ========== TESTIMONIALS — Board escuro, paleta completa ========== */

  .tst2{
    background: var(--board);
    padding: 100px 0 80px;
    position: relative;
    overflow: hidden;
  }

  /* Linha decorativa topo */
  .tst2::before{
    content: '';
    position: absolute; top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--brass-light), var(--pen-red), var(--brass-light), transparent);
  }

  /* Grain de fundo */
  .tst2::after{
    content: '';
    position: absolute; inset: 0;
    background-image: radial-gradient(rgba(255,255,255,.022) 1px, transparent 1px);
    background-size: 80px 80px;
    pointer-events: none;
  }

  .tst2-wrap{ position: relative; z-index: 2; }

  /* Orbs desligados */
  .tst2-orb{ display: none; }
  .tst2-noise{ display: none; }

  /* Badge */
  .tst2-badge{
    display: inline-flex; align-items: center; gap: 7px;
    background: rgba(230,200,120,.1);
    border: 1px solid rgba(230,200,120,.3);
    color: var(--brass-light);
    font-family: 'IBM Plex Mono', monospace;
    font-size: 11px; font-weight: 700;
    letter-spacing: .14em; text-transform: uppercase;
    padding: 6px 16px; border-radius: 100px;
    margin-bottom: 20px;
  }
  .tst2-badge svg{ color: var(--brass-light); }

  /* Header */
  .tst2-head{ text-align: center; margin-bottom: 44px; }
  .tst2-h2{
    font-family: 'Sora', sans-serif;
    font-size: 36px; font-weight: 800;
    color: var(--chalk); line-height: 1.2;
    margin: 0 0 12px; letter-spacing: -.02em;
  }
  .tst2-h2-em{ color: var(--pen-red); }
  .tst2-sub{
    font-size: 15px; color: var(--chalk-dim);
    max-width: 440px; margin: 0 auto; line-height: 1.65;
  }

  /* Métricas */
  .tst2-metrics{
    display: flex; align-items: center; justify-content: center;
    gap: 0; margin-bottom: 52px;
    background: rgba(243,238,224,.05);
    border: 1px solid rgba(230,200,120,.2);
    border-radius: 12px;
    padding: 28px 48px;
  }
  .tst2-metric{
    flex: 1; text-align: center;
    display: flex; flex-direction: column; align-items: center; gap: 5px;
  }
  .tst2-metric-num{
    font-family: 'Sora', sans-serif;
    font-size: 36px; font-weight: 800;
    color: var(--brass-light); line-height: 1;
  }
  .tst2-metric-plus{
    font-family: 'Sora', sans-serif;
    font-size: 20px; font-weight: 800;
    color: var(--brass-light); line-height: 1;
  }
  .tst2-metric-label{
    font-size: 12px; color: var(--chalk-dim);
    font-weight: 500; letter-spacing: .03em;
    font-family: 'IBM Plex Mono', monospace;
    text-transform: uppercase;
  }
  .tst2-metric-sep{
    width: 1px; height: 48px;
    background: rgba(230,200,120,.15);
    margin: 0 36px; flex-shrink: 0;
  }

  /* Slider */
  .tst2-slider-wrap{ position: relative; overflow: hidden; }
  .tst2-fade-left, .tst2-fade-right{
    position: absolute; top: 0; bottom: 0; width: 80px;
    pointer-events: none; z-index: 4;
  }
  .tst2-fade-left { left: 0;  background: linear-gradient(to right, var(--board) 0%, transparent 100%); }
  .tst2-fade-right{ right: 0; background: linear-gradient(to left,  var(--board) 0%, transparent 100%); }

  /* Track */
  .tst2-track{
    display: flex; gap: 20px;
    padding: 20px 4px 28px;
    transition: transform .6s cubic-bezier(.25,.46,.45,.94);
    will-change: transform;
    cursor: grab; user-select: none;
  }
  .tst2-track:active{ cursor: grabbing; }

  /* Avatares */
  .tst2-avatar--A{ background: linear-gradient(135deg, var(--pen-red), #8f2a20); }
  .tst2-avatar--B{ background: linear-gradient(135deg, #3f7a4f, #24402f); }
  .tst2-avatar--C{ background: linear-gradient(135deg, var(--brass-light), #c79b3b); }
  .tst2-avatar--D{ background: linear-gradient(135deg, #4a3324, var(--pen-red)); }
  .tst2-avatar--E{ background: linear-gradient(135deg, #8f2a20, #3f7a4f); }
  .tst2-avatar--F{ background: linear-gradient(135deg, #3f7a4f, var(--brass-light)); }

  /* Card */
  .tst2-card{
    min-width: 340px; max-width: 340px;
    flex-shrink: 0;
    background: #1c3024;
    border: 1px solid rgba(230,200,120,.15);
    border-radius: 14px;
    padding: 28px 26px 24px;
    display: flex; flex-direction: column; gap: 18px;
    position: relative; overflow: hidden;
    transition: border-color .3s, transform .25s, box-shadow .3s;
  }
  /* Faixa vermelha esquerda */
  .tst2-card::before{
    content: '';
    position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
    background: var(--pen-red);
    border-radius: 14px 0 0 14px;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .35s ease;
  }
  .tst2-card:hover{
    border-color: rgba(230,200,120,.35);
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(0,0,0,.4);
  }
  .tst2-card:hover::before{ transform: scaleY(1); }
  .tst2-card-glow{ display: none; }

  /* Estrelas — amarelas */
  .tst2-stars{
    display: flex; gap: 4px;
    color: var(--brass-light);
    position: relative; z-index: 1;
  }

  /* Texto */
  .tst2-text{
    font-size: 14.5px; line-height: 1.75;
    color: var(--chalk-dim);
    margin: 0; font-style: normal;
    flex: 1; position: relative; z-index: 1;
  }

  /* Autor */
  .tst2-author{
    display: flex; align-items: center; gap: 12px;
    padding-top: 18px;
    border-top: 1px solid rgba(230,200,120,.12);
    position: relative; z-index: 1;
  }
  .tst2-avatar{
    width: 42px; height: 42px; border-radius: 50%;
    color: var(--chalk);
    font-family: 'Sora', sans-serif;
    font-size: 12px; font-weight: 800;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(0,0,0,.4);
  }
  .tst2-avatar--foto img{
    width: 100%; height: 100%;
    object-fit: cover; border-radius: 50%;
  }
  .tst2-name{
    display: block;
    font-family: 'Sora', sans-serif;
    font-size: 13.5px; font-weight: 700;
    color: var(--chalk);
  }
  .tst2-role{
    display: block;
    font-size: 11px; color: rgba(199,192,169,.5);
    margin-top: 2px; line-height: 1.4;
    font-family: 'IBM Plex Mono', monospace;
  }

  /* Dots */
  .tst2-dots{
    display: flex; gap: 7px;
    justify-content: center; margin-top: 8px;
  }
  .tst2-dot{
    height: 6px; width: 6px; border-radius: 3px;
    background: rgba(230,200,120,.2);
    border: none; padding: 0; cursor: pointer;
    transition: all .4s cubic-bezier(.34,1.56,.64,1);
  }
  .tst2-dot.active{
    width: 28px; border-radius: 3px;
    background: var(--brass-light);
  }

  /* Controles */
  .tst2-controls{
    display: flex; align-items: center; justify-content: center;
    gap: 10px; margin-top: 28px;
  }
  .tst2-btn{
    width: 42px; height: 42px; border-radius: 50%;
    background: rgba(230,200,120,.07);
    border: 1px solid rgba(230,200,120,.2);
    color: var(--chalk-dim);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: all .22s;
  }
  .tst2-btn:hover{
    background: rgba(230,200,120,.16);
    border-color: rgba(230,200,120,.5);
    color: var(--brass-light);
    transform: scale(1.1);
  }
  .tst2-btn--pause{
    background: rgba(189,58,44,.15);
    border-color: rgba(189,58,44,.3);
    color: var(--pen-red);
  }
  .tst2-btn--pause:hover{
    background: rgba(189,58,44,.28);
    border-color: var(--pen-red);
    color: var(--brass-light);
  }

  /* Responsivo */
  @media (max-width: 900px){
    .tst2-h2{ font-size: 28px; }
    .tst2-metrics{ padding: 22px 24px; }
    .tst2-metric-num{ font-size: 28px; }
    .tst2-metric-sep{ margin: 0 20px; }
    .tst2-card{ min-width: 300px; max-width: 300px; }
  }
  @media (max-width: 600px){
    .tst2-h2{ font-size: 24px; }
    .tst2-metrics{ flex-direction: column; gap: 20px; padding: 24px 20px; }
    .tst2-metric-sep{ width: 48px; height: 1px; margin: 0; }
    .tst2-card{ min-width: calc(100vw - 72px); max-width: calc(100vw - 72px); }
    .tst2-fade-left, .tst2-fade-right{ width: 24px; }
  }

/* ---------- FAQ ---------- */
  .faq{background:var(--paper-2); padding: 120px 0;}
  .faq-item{border-bottom:1.5px solid #e0d6b8;}
  .faq-q{
    width:100%; display:flex; align-items:center; justify-content:space-between;
    padding:20px 4px; font-size:15.5px; font-weight:600; text-align:left; color:var(--ink);
  }
  .faq-q .plus{font-family:'Sora', sans-serif; font-size:20px; color:var(--pen-red); transition:transform .25s ease; flex-shrink:0; margin-left:14px;}
  .faq-item.open .faq-q .plus{transform:rotate(45deg);}
  .faq-a{max-height:0; overflow:hidden; transition:max-height .3s ease;}
  .faq-a p{font-size:14.5px; color:var(--ink-dim); line-height:1.65; padding:0 4px 20px;}

/* ---------- FINAL CTA ---------- */
  .final{background:var(--board); border-top:14px solid var(--wood); color:var(--chalk); position:relative; overflow:hidden; text-align:center;}
  .final::before{content:""; position:absolute; inset:0; background-image: radial-gradient(rgba(255,255,255,0.045) 1px, transparent 1px); background-size:100px 100px; pointer-events:none;}
  .final-inner{position:relative; z-index:2; max-width:620px; margin:0 auto;}
  .final h2{font-size:32px; margin-bottom:16px;}
  .final h2 .accent{color:var(--brass-light);}
  .final p{font-size:15.5px; color:var(--chalk-dim); line-height:1.6; margin-bottom:30px;}
  .final .btn{font-size:15.5px; padding:15px 28px;}

  /* ---------- FOOTER (Elite V6) ---------- */
  .site-footer{
    background:var(--board);
    padding:80px 0 50px;
    color:var(--chalk-dim);
    font-size:14px;
    line-height:1.7;
    border-top:2px solid var(--brass);
    position:relative;
  }
  .site-footer::before{
    content:'';
    position:absolute;
    top:0; left:0; right:0;
    height:3px;
    background:linear-gradient(90deg, var(--brass), var(--pen-red), var(--brass));
  }
  .footer-grid{
    display:grid;
    grid-template-columns:1.2fr 0.8fr;
    gap:60px;
    margin-bottom:60px;
    padding-bottom:60px;
    border-bottom:1px solid rgba(255,255,255,0.07);
  }

  /* Coluna 1 — info */
  .footer-info{}
  .f-logo-wrapper{display:flex; align-items:center; margin-bottom:12px;}
  .f-logo-image{display:block; height:50px; width:auto; object-fit:contain;}
  .f-logo{font-family:'Sora', sans-serif; font-weight:800; font-size:26px; color:var(--chalk); letter-spacing:-0.02em;}
  .f-logo span{color:var(--pen-red);}
  .f-tagline{color:var(--chalk); font-weight:600; font-size:13px; text-transform:uppercase; letter-spacing:.08em; margin:0 0 20px; opacity:.85;}

  .f-cnpj{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px; opacity:.7; margin-bottom:6px;
    display:flex; align-items:center; gap:7px;
  }
  .f-cnpj i{color:var(--brass);}
  .f-address{
    font-size:13.5px; opacity:.75; margin-bottom:6px;
    display:flex; align-items:flex-start; gap:7px;
  }
  .f-address i{color:var(--brass); margin-top:3px; flex-shrink:0;}
  .f-email{
    font-size:13.5px; margin-bottom:6px;
    display:flex; align-items:center; gap:7px;
  }
  .f-email i{color:var(--brass);}
  .f-email a{color:var(--chalk-dim); text-decoration:none; transition:color .2s;}
  .f-email a:hover{color:var(--brass);}

  /* Redes sociais */
  .f-social{display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; margin-bottom:20px;}
  .social-link{
    display:flex; align-items:center; justify-content:center;
    width:38px; height:38px; border-radius:50%;
    background:rgba(255,255,255,0.07);
    color:var(--chalk);
    font-size:15px;
    transition:all .2s ease;
    text-decoration:none;
    border:1px solid rgba(255,255,255,0.08);
  }
  .social-link:hover{transform:translateY(-3px); border-color:transparent;}
  .social-link--instagram:hover{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color:#fff;}
  .social-link--facebook:hover{background:#1877f2; color:#fff;}
  .social-link--linkedin:hover{background:#0077b5; color:#fff;}
  .social-link--youtube:hover{background:#ff0000; color:#fff;}
  .social-link--tiktok:hover{background:#010101; color:#fff; box-shadow:0 0 0 2px #69c9d0;}
  .social-link--reclameaqui:hover{background:#00b038; color:#fff;}
  .social-link svg{display:block; pointer-events:none;}
  .f-cnpj svg, .f-address svg, .f-email svg{color:var(--brass); flex-shrink:0; margin-top:2px;}

  /* Reclame Aqui badge */
  .f-trust-badges{margin-top:8px;}
  .f-ra-badge{
    display:inline-flex; align-items:center; gap:8px;
    background:rgba(0,176,56,.1);
    border:1px solid rgba(0,176,56,.25);
    border-radius:8px;
    padding:8px 14px;
    color:var(--chalk-dim);
    text-decoration:none;
    font-size:12.5px;
    transition:all .2s;
  }
  .f-ra-badge svg{color:#00b038; flex-shrink:0;}
  .f-ra-badge strong{color:#00b038;}
  .f-ra-badge:hover{background:rgba(0,176,56,.18); border-color:rgba(0,176,56,.5); transform:translateY(-1px);}

  /* Coluna 2 — nav */
  .footer-nav{}
  .f-col-title{
    font-family:'Sora', sans-serif;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--brass);
    margin:0 0 20px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,0.08);
  }
  .f-nav-list{list-style:none; margin:0 0 30px; padding:0;}
  .f-nav-list li{margin-bottom:2px;}
  .f-nav-list a{
    color:var(--chalk-dim);
    text-decoration:none;
    font-size:14px;
    padding:5px 0;
    display:inline-flex;
    align-items:center;
    gap:6px;
    transition:color .2s, gap .2s;
    opacity:.85;
  }
  .f-nav-list a::before{
    content:'→';
    font-size:12px;
    color:var(--brass);
    opacity:0;
    transition:opacity .2s, transform .2s;
    transform:translateX(-4px);
  }
  .f-nav-list a:hover{color:var(--chalk); opacity:1; gap:10px;}
  .f-nav-list a:hover::before{opacity:1; transform:translateX(0);}

  /* CTA block no rodapé */
  .f-cta-block{
    margin-top:30px;
    padding:22px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:12px;
    text-align:center;
  }
  .f-cta-text{font-size:13px; color:var(--chalk-dim); margin:0 0 14px; opacity:.8;}
  .f-cta-btn{
    display:inline-flex; align-items:center; gap:8px;
    background:var(--pen-red);
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    padding:11px 20px;
    border-radius:8px;
    transition:all .2s;
    font-family:'Sora', sans-serif;
  }
  .f-cta-btn:hover{background:var(--pen-red-hover, #c0392b); transform:translateY(-2px); box-shadow:0 6px 20px rgba(196,48,43,.3);}
  .f-cta-btn i{font-size:11px;}

  /* Footer bottom */
  .footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
  }
  .f-copy{font-size:12px; opacity:.55;}
  .f-privacy-links{display:flex; align-items:center; gap:16px; flex-wrap:wrap;}
  .f-privacy{opacity:.4; font-size:11px;}

  @media (max-width: 768px) {
    .footer-grid{grid-template-columns:1fr; gap:40px; margin-bottom:40px; padding-bottom:40px;}
    .footer-bottom{flex-direction:column; text-align:center; gap:12px;}
    .site-footer{padding:60px 0 120px;}
    .f-social{justify-content:center;}
    .f-trust-badges{text-align:center;}
    .footer-nav{text-align:center;}
    .f-nav-list a::before{display:none;}
  }

  /* ---------- STICKY MOBILE BAR ---------- */
  .sticky-bar{
    position:fixed; left:0; right:0; bottom:0; z-index:60;
    background:var(--board); border-top:2px solid var(--brass);
    padding:12px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px;
    transform:translateY(100%); transition:transform .3s ease;
  }
  .sticky-bar.show{transform:translateY(0);}
  .sticky-bar span{color:var(--chalk); font-size:13px; font-weight:600;}
  .sticky-bar .btn{padding:10px 16px; font-size:13px; flex-shrink:0;}
  @media (min-width:861px){ .sticky-bar{display:none;} }

  /* ---------- EXIT MODAL ---------- */
  .modal-overlay{
    position:fixed; inset:0; background:rgba(15,22,17,0.78); z-index:90;
    display:none; align-items:center; justify-content:center; padding:20px;
  }
  .modal-overlay.show{display:flex;}
  .modal-box{
    background:var(--paper); max-width:420px; width:100%; border-radius:4px;
    padding:32px 28px 26px; position:relative; box-shadow:0 30px 60px -20px rgba(0,0,0,0.6);
  }
  .modal-close{position:absolute; top:14px; right:16px; font-size:20px; color:var(--ink-dim); line-height:1;}
  .modal-close:hover{color:var(--pen-red);}
  .modal-box h3{font-size:19px; margin-bottom:8px;}
  .modal-box .sub{font-size:13.5px; color:var(--ink-dim); margin-bottom:18px; line-height:1.5;}

/* ---------- WORDPRESS: ajustes extras do tema ---------- */

/* Botão flutuante de WhatsApp */
	.zyden-whatsapp-float{
	  position:fixed; right:20px; bottom:20px; z-index:65;
	  width:48px; height:48px; border-radius:50%;
	  background:#25D366; color:#fff;
	  display:flex; align-items:center; justify-content:center;
	  box-shadow:0 8px 20px -6px rgba(0,0,0,0.45);
	  transition:all .15s ease;
	  opacity: 0.7; /* Mais discreto para não roubar a conversão do formulário */
	}
	.zyden-whatsapp-float:hover{ opacity: 1; transform:scale(1.1); }
@media (max-width:860px){
  .zyden-whatsapp-float{ right:14px; bottom:84px; width:50px; height:50px; } /* acima da sticky-bar */
}

/* Template "Tela Cheia / Elementor" — remove qualquer respiro extra do tema
   para que o conteúdo montado no Elementor controle 100% do layout. */
.zyden-canvas{ padding:0; margin:0; }

/* Bloco de conteúdo padrão do WordPress (the_content) em páginas genéricas,
   como a área de texto livre da página de Obrigado. */
#main-content article, #main-content .wrap > p{
  font-size:15.5px; line-height:1.7; color:var(--ink-dim);
}

/* Garante que imagens inseridas via editor do WordPress sigam o mesmo
   comportamento responsivo do restante do tema. */
.wp-block-image img, #main-content img{ border-radius:3px; }

/* Acessibilidade: foco visível em links e botões ao navegar por teclado. */
a:focus-visible, button:focus-visible, input:focus-visible{
  outline:2.5px solid var(--pen-red);
  outline-offset:2px;
}