/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;
/* VMS | Landing pages Google Ads (Seed)
   Portado do modelo aprovado em lp/alternativa/index.html. */
/* Layout: a mesa do advogado, em versão institucional. Papel sulfite, tinta navy,
   marca-texto amarelo como único acento; documentos (demonstrativo, fichas pautadas, trajetória)
   como linguagem visual. Coluna única, blocos alternando texto e documento. */
:root{
  --papel:#F4F5F2;
  --papel-2:#FFFFFF;
  --tinta:#13213C;
  --grafite:#565D6B;
  --azul:#2140C8;
  --marca:#FFE84D;
  --linha:rgba(19,33,60,.14);
  --pauta:rgba(33,64,200,.09);
  --zap:#1E7A4C;
  --erro:#B3263E;

  --f-display:"Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;
  --f-texto:"Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --f-mono:"Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif; /* rótulos e dados: antes Courier Prime, trocada por legibilidade */
  --f-serif:"Newsreader", Georgia, "Times New Roman", serif;

  --gutter:clamp(16px, 4vw, 40px);
  --max:1120px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--papel);color:var(--tinta);
  font-family:var(--f-texto);font-size:1.0625rem;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--azul);outline-offset:3px;border-radius:2px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
h1,h2,h3{font-family:var(--f-display);line-height:1.04;letter-spacing:-.02em;margin:0;text-wrap:balance}
p{margin:0}
.etiqueta{font-family:var(--f-mono);font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--grafite)}
.nota{font-family:var(--f-serif);font-style:italic;font-size:1.2rem;line-height:1.4;color:var(--tinta);max-width:28em;padding-left:16px;border-left:3px solid var(--marca)}
.preencher,code{font-family:var(--f-mono);font-size:.82rem;background:#FFF1A1;color:var(--tinta);padding:1px 5px}

/* ---------- cabeçalho ---------- */
.topo{padding-block:22px 0}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.topo img{height:30px;width:auto}
.topo .oab span{display:block}
.topo .oab{font-family:var(--f-mono);font-size:.8rem;color:var(--grafite);letter-spacing:.04em;text-align:right}

/* ---------- botões (todos levam ao WhatsApp) ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 26px;
  font-family:var(--f-display);font-weight:700;font-size:1.05rem;text-decoration:none;cursor:pointer;
  background:var(--tinta);color:var(--papel-2);border:2px solid var(--tinta);border-radius:3px;
  box-shadow:5px 5px 0 var(--marca);transition:transform .18s ease, box-shadow .18s ease;
}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--marca)}
.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--marca)}
.btn .ico{width:20px;height:20px}
.btn_claro{background:var(--papel-2);color:var(--tinta)}
.apoio{font-size:.92rem;color:var(--grafite)}

/* ---------- hero ---------- */
.hero{padding-block:clamp(16px,2.5vw,32px) clamp(48px,7vw,96px)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:clamp(28px,5vw,72px);align-items:start}
.hero .etiqueta{margin-bottom:20px}
.hero h1{font-size:clamp(2.1rem,4.4vw,3.6rem);font-weight:800}
.hero h1 em{
  font-family:var(--f-serif);font-style:italic;font-weight:500;letter-spacing:-.01em;
  background:linear-gradient(var(--marca),var(--marca)) no-repeat 0 88%/0% 34%;
  padding-inline:.04em;animation:pinta .9s cubic-bezier(.6,.05,.3,1) .4s forwards;
}
@keyframes pinta{to{background-size:100% 34%}}
.hero .sub{font-size:clamp(1.12rem,1.6vw,1.3rem);max-width:34em;margin-top:26px}
.hero .acao{margin-top:28px;display:grid;gap:12px;justify-items:start}
.hero .prova{margin-top:30px;font-family:var(--f-mono);font-size:.86rem;color:var(--grafite);display:flex;flex-wrap:wrap;gap:4px 14px}
.hero .prova span::after{content:"/";margin-left:14px;color:var(--linha)}
.hero .prova span:last-child::after{content:none}
.retrato{margin:12px 0 0;max-width:340px;justify-self:end;display:grid;gap:14px}
.retrato img{aspect-ratio:4/4.6;object-fit:cover;object-position:50% 12%;width:100%;height:auto;border:2px solid var(--tinta);box-shadow:12px 12px 0 var(--marca)}
.retrato figcaption{font-family:var(--f-mono);font-size:.82rem;color:var(--grafite);line-height:1.5}
.retrato b{color:var(--tinta)}

/* ---------- faixa ---------- */
.faixa{background:var(--tinta);color:var(--papel-2);overflow:hidden;padding-block:14px}
.faixa .trilho{display:flex;width:max-content;animation:anda 70s linear infinite}
.faixa span{font-family:var(--f-display);font-weight:800;font-size:clamp(1.3rem,2.6vw,2rem);padding-inline:22px;white-space:nowrap;letter-spacing:-.01em}
.faixa span:nth-child(odd){color:var(--marca)}
@keyframes anda{to{transform:translateX(-50%)}}

/* ---------- seções ---------- */
.sec{padding-block:clamp(72px,10vw,128px)}
.sec + .sec{border-top:2px solid var(--tinta)}
.sec-head{max-width:46rem;display:grid;gap:16px;margin-bottom:clamp(36px,5vw,56px)}
.sec-head h2{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.sec-head > p:not(.etiqueta):not(.nota){color:var(--grafite);font-size:1.12rem;max-width:36em}

/* ---------- demonstrativo (dores) ---------- */
.dores .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,6vw,88px);align-items:start}
.dores .sec-head{margin-bottom:0;position:sticky;top:32px}
.cupom{
  --dente:10px;
  background:var(--papel-2);font-family:var(--f-mono);font-size:.98rem;line-height:1.45;
  padding:36px clamp(20px,4vw,40px) 44px;box-shadow:0 18px 36px -18px rgba(19,33,60,.4);
  mask:
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(var(--dente)*2) var(--dente) repeat-x,
    linear-gradient(#000 0 0) top/100% calc(100% - var(--dente)) no-repeat;
}
.cupom-topo{text-align:center;display:grid;gap:2px;padding-bottom:18px;border-bottom:1.5px dashed var(--linha)}
.cupom-topo b{font-size:1.1rem;letter-spacing:.06em}
.cupom-topo small{color:var(--grafite);font-size:.82rem}
.cupom ul{list-style:none;margin:0;padding:18px 0;display:grid;gap:16px;border-bottom:1.5px dashed var(--linha)}
.cupom li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:end}
.cupom li .val{font-weight:700;white-space:nowrap}
.cupom li small{grid-column:1/-1;color:var(--grafite);font-size:.85rem}
.cupom .total{display:flex;justify-content:space-between;gap:12px;padding-top:18px;font-weight:700;font-size:1.08rem;flex-wrap:wrap}
.cupom .total b{background:var(--marca);padding:0 8px}
.cupom .rodape-cupom{text-align:center;color:var(--grafite);font-size:.8rem;margin-top:22px}

/* ---------- comparação (advogados) ---------- */
.compara{border-top:2px solid var(--tinta)}
.compara-cab,.compara-linha{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 clamp(20px,4vw,56px)}
.compara-cab{padding-block:14px;border-bottom:1.5px solid var(--linha)}
.compara-cab span{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--grafite)}
.compara-cab span:last-child{color:var(--tinta);font-weight:700}
.compara-linha{padding-block:22px;border-bottom:1.5px solid var(--linha);align-items:start}
.compara-linha .antes{color:var(--grafite)}
.compara-linha .depois{font-family:var(--f-display);font-weight:700;font-size:1.15rem;line-height:1.3;padding-left:22px;position:relative}
.compara-linha .depois::before{content:"";position:absolute;left:0;top:.42em;width:10px;height:10px;background:var(--marca);outline:1.5px solid var(--tinta)}
.compara-linha .rot{display:none}

/* ---------- fichas (serviços) ---------- */
.fichas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,34px)}
.ficha{
  position:relative;background:var(--papel-2);padding:30px 24px 26px;
  background-image:repeating-linear-gradient(transparent 0 31px,var(--pauta) 31px 32px);background-position:0 58px;
  border-top:4px solid var(--tinta);box-shadow:0 10px 24px -16px rgba(19,33,60,.45);
  transition:transform .3s ease;display:grid;gap:12px;align-content:start;
}
.ficha:hover{transform:translateY(-4px)}
.ficha h3{font-size:1.45rem;font-weight:700}
.ficha p{line-height:32px}
.ficha .ir{font-family:var(--f-display);font-weight:700;color:var(--azul);font-size:1rem;text-decoration:none;justify-self:start;margin-top:4px;border-bottom:1.5px solid currentColor}
.ficha .ir:hover{border-bottom-width:3px}
.ficha_mestra{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px 40px;align-items:center;padding:38px clamp(24px,4vw,48px)}
.ficha_mestra h3{font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:800}
.ficha_mestra p{font-size:1.1rem}
.ficha_mestra .etiqueta{grid-column:1/-1}
.selo{position:absolute;right:clamp(16px,3vw,40px);top:-14px;background:var(--marca);color:var(--tinta);padding:5px 12px;font-family:var(--f-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}

/* ---------- tranquilidade ---------- */
.calma{background:var(--tinta);color:var(--papel-2)}
.calma .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:end}
.calma h2{font-size:clamp(1.9rem,4vw,3rem);font-weight:800}
.calma h2 em{font-family:var(--f-serif);font-weight:500;color:var(--marca)}
.calma p{color:rgba(255,255,255,.82);margin-top:18px;max-width:34em;font-size:1.1rem}
.calma .acao{display:grid;gap:10px;justify-items:start}
.calma .apoio{color:rgba(255,255,255,.62);margin-top:0}

/* ---------- como funciona ---------- */
.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;position:relative}
.passos::before{content:"";position:absolute;left:24px;right:24px;top:23px;border-top:2px solid var(--linha)}
.passos li{position:relative;display:grid;gap:12px;align-content:start}
.passos .n{width:48px;height:48px;display:grid;place-items:center;background:var(--marca);border:2px solid var(--tinta);font-family:var(--f-display);font-weight:800;font-size:1.3rem;position:relative}
.passos h3{font-size:1.3rem;font-weight:700}
.passos p{color:var(--grafite)}

/* ---------- sobre ---------- */
.sobre{background:var(--papel-2)}
.sobre .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(36px,6vw,90px);align-items:start}
.sobre h2{font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:800}
.sobre .bio{margin-top:20px;color:var(--grafite);max-width:32em}
.por-que{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:18px}
.por-que li{font-family:var(--f-display);font-weight:700;font-size:1.2rem;line-height:1.3;padding-left:22px;position:relative}
.por-que li::before{content:"";position:absolute;left:0;top:.42em;width:10px;height:10px;background:var(--marca);outline:1.5px solid var(--tinta)}
.trajetoria{background:var(--papel);font-family:var(--f-mono);padding:30px clamp(20px,3.5vw,36px) 34px;border-top:4px solid var(--tinta)}
.trajetoria h3{font-family:var(--f-mono);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding-bottom:14px;border-bottom:1.5px solid var(--tinta);margin-bottom:6px}
.trajetoria dl{margin:0;display:grid}
.trajetoria dl div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:4px 16px;padding-block:12px;border-bottom:1px dashed var(--linha)}
.trajetoria dt{color:var(--grafite);font-size:.86rem}
.trajetoria dd{margin:0;font-size:.96rem;font-weight:700}

/* ---------- faq ---------- */
.faq .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,88px);align-items:start}
.faq .sec-head{margin-bottom:0}
.perguntas{border-top:2px solid var(--tinta)}
.perguntas details{border-bottom:1.5px solid var(--linha)}
.perguntas summary{list-style:none;cursor:pointer;padding:22px 52px 22px 0;position:relative;font-family:var(--f-display);font-weight:700;font-size:1.22rem;line-height:1.25}
.perguntas summary::-webkit-details-marker{display:none}
.perguntas summary::after{content:"+";position:absolute;right:6px;top:50%;translate:0 -50%;font-family:var(--f-display);font-size:2rem;color:var(--azul);transition:rotate .25s ease}
.perguntas details[open] summary::after{rotate:45deg}
.perguntas summary:hover{color:var(--azul)}
.perguntas details p{padding:0 0 24px;color:var(--grafite);max-width:38em}

/* ---------- contato ---------- */
.contato .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,88px);align-items:start}
.canais{display:grid;gap:18px;margin-top:12px}
.canal{display:grid;gap:2px}
.canal span{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--grafite)}
.canal b{font-family:var(--f-display);font-size:1.35rem;user-select:all}
.formulario{background:var(--papel-2);padding:clamp(24px,4vw,44px);box-shadow:0 22px 40px -24px rgba(19,33,60,.45);border-top:4px solid var(--tinta);display:grid;gap:24px}
.form-titulo{font-size:1.6rem;font-weight:800}
.form-intro{color:var(--grafite);margin-top:-14px}
.campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px}
.campo{display:grid;gap:4px;min-width:0}
.campo label{font-family:var(--f-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--grafite)}
.campo input,.campo select{font:inherit;font-size:1.05rem;color:var(--tinta);background:transparent;border:0;border-bottom:2px solid var(--tinta);border-radius:0;padding:8px 2px;min-height:46px;width:100%;appearance:none;-webkit-appearance:none}
.campo select{background-image:linear-gradient(45deg,transparent 50%,var(--tinta) 50%),linear-gradient(-45deg,transparent 50%,var(--tinta) 50%);background-position:calc(100% - 14px) 55%,calc(100% - 8px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-right:28px}
.campo input:focus,.campo select:focus{outline:none;border-bottom-color:var(--azul);background-color:rgba(255,232,77,.35)}
.campo .erro{color:var(--erro);font-size:.86rem;line-height:1.3}
.campo[data-erro] input,.campo[data-erro] select{border-bottom-color:var(--erro)}
.enviar{display:grid;gap:14px;justify-items:start}
.privacidade{font-size:.85rem;color:var(--grafite)}
.privacidade a{color:var(--azul)}

/* ---------- rodapé ---------- */
.rodape{padding-block:56px 48px;border-top:2px solid var(--tinta);font-size:.9rem;color:var(--grafite)}
.rodape img{height:26px;width:auto;margin-bottom:14px}
.rodape p{max-width:46em}

.zap-fixo{display:none}

/* ---------- responsivo ---------- */
@media (max-width:900px){
  .hero .wrap,.dores .wrap,.sobre .wrap,.faq .wrap,.contato .wrap,.calma .wrap{grid-template-columns:minmax(0,1fr)}
  .retrato{justify-self:start;max-width:260px}
  .dores .sec-head{position:static}
  .fichas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ficha_mestra{grid-template-columns:minmax(0,1fr)}
  .passos{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
  .passos::before{display:none}
}
@media (max-width:640px){
  body{font-size:1rem;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .topo .oab span{display:block}
.topo .oab{display:none}
  .hero{padding-top:12px}
  .retrato{display:none}
  .btn{width:100%}
  .fichas,.passos,.campos{grid-template-columns:minmax(0,1fr)}
  .cupom{font-size:.92rem}
  .trajetoria dl div{grid-template-columns:minmax(0,1fr)}
  .compara-cab{display:none}
  .compara-linha{grid-template-columns:minmax(0,1fr);gap:10px}
  .compara-linha .rot{display:block;font-family:var(--f-mono);font-size:.72rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--grafite);margin-bottom:2px}
  .zap-fixo{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--papel);border-top:2px solid var(--tinta)}
  .zap-fixo a{flex:1;display:flex;justify-content:center;align-items:center;gap:10px;min-height:52px;background:var(--zap);color:#fff;font-family:var(--f-display);font-weight:700;font-size:1.05rem;text-decoration:none;border-radius:3px}
  .zap-fixo .ico{width:22px;height:22px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .hero h1 em{background-size:100% 34%}
  html{scroll-behavior:auto}
}

/* ---------- adaptações do Seed ---------- */
.ico{display:inline-block;width:20px;height:20px;flex:none;background:currentColor;
  -webkit-mask:var(--i-zap) center/contain no-repeat;mask:var(--i-zap) center/contain no-repeat}
:root{--i-zap:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2Zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.2-.4.2-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.4.1-.7.3-.2.2-.9.9-.9 2.2s.9 2.6 1.1 2.7c.1.2 1.8 2.8 4.4 3.9 1.6.7 2.3.8 3.1.6.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.5-.3Z'/%3E%3C/svg%3E")}
code{white-space:normal}
.rodape p + p{margin-top:6px}
.rodape .outras{margin-top:18px}
/* ---------- LP única: plataformas, contraste, motivos, documentos ---------- */
.hero .plataformas{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.hero .plataformas span{font-family:var(--f-mono);font-size:.82rem;padding:4px 10px;border:1.5px solid var(--tinta);background:var(--papel-2)}
.hero .plataformas span:last-child{border-style:dashed;background:transparent;color:var(--grafite)}
.hero .ir-direitos{margin-top:20px}
.link{font-family:var(--f-display);font-weight:700;color:var(--azul);text-decoration:none;border-bottom:1.5px solid currentColor;font-size:1rem}
.link:hover{border-bottom-width:3px}
.duas .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,6vw,88px);align-items:start}
.duas .wrap + .wrap{display:block;margin-top:clamp(36px,5vw,56px)}
.duas .sec-head{margin-bottom:0}
.contraste{display:grid;box-shadow:0 18px 36px -18px rgba(19,33,60,.4)}
.contraste .diz{background:var(--papel-2);padding:26px clamp(20px,3.5vw,34px);border-top:4px solid var(--grafite)}
.contraste .citacao{font-family:var(--f-serif);font-style:italic;font-size:1.35rem;line-height:1.35;color:var(--grafite);margin-top:10px}
.contraste .mostra{background:var(--tinta);color:var(--papel-2);padding:26px clamp(20px,3.5vw,34px) 30px}
.contraste .mostra .etiqueta{color:var(--marca)}
.contraste ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.contraste li{font-family:var(--f-display);font-weight:700;font-size:1.15rem;line-height:1.3;padding-left:22px;position:relative}
.contraste li::before{content:"";position:absolute;left:0;top:.42em;width:10px;height:10px;background:var(--marca)}
.fichas_2{grid-template-columns:repeat(2,minmax(0,1fr))}
.motivos{background:var(--papel-2)}
.motivos details .btn{margin:0 0 26px;min-height:46px;padding:10px 18px;font-size:.98rem}
.docs{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
.docs li{font-size:1.08rem}
@media (max-width:900px){
  .duas .wrap{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .fichas_2,.docs{grid-template-columns:minmax(0,1fr)}
}
.aviso{font-family:var(--f-mono);font-size:.86rem;background:#FFF1A1;padding:10px 14px;max-width:46rem}
.retrato figcaption span{display:block}

/* ---------- ponto de WhatsApp de cada seção ---------- */
.chamada{margin-top:clamp(36px,5vw,56px);display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.chamada .apoio{margin:0;max-width:26em}
.sec-head .chamada,.sobre .chamada{margin-top:12px}
.sobre .chamada{margin-top:32px}
.topo .logo{display:inline-flex;line-height:0}
@media (max-width:640px){
  .chamada{flex-direction:column;align-items:flex-start}
}

/* ---------- cartão do advogado (celular) ---------- */
.hero .autor{display:none}
@media (max-width:640px){
  .hero .autor{display:flex;align-items:center;gap:14px;margin-top:20px;line-height:1.35}
  .hero .autor img{width:64px;height:64px;flex:none;border-radius:50%;object-fit:cover;object-position:50% 14%;border:2px solid var(--tinta);box-shadow:3px 3px 0 var(--marca)}
  .hero .autor b{display:block;font-size:1rem}
  .hero .autor span span{font-size:.86rem;color:var(--grafite)}
  .hero .acao{margin-top:22px}
}
