/* Iscas (páginas gratuitas de captação de lead): CSS único de todas as iscas (cadastro + obrigado).
   Medido na página original do WordPress/Elementor (/cadastro-ebook-casos-da-lingua-alema/ e /obrigado-...).
   O que muda de uma isca para outra entra por variáveis CSS no <section> (ver README.md desta pasta):
   --fundo-d / --fundo-m (imagem de fundo desktop/celular), --fundo-cor (cor atrás da imagem). */
@font-face{font-family:"Bebas Neue";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/BebasNeue-Regular.woff2) format("woff2")}
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Barlow-Regular.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Inter18pt-Regular.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/Inter18pt-SemiBold.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/Inter18pt-Medium.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Inter18pt-Bold.woff2) format("woff2")}
@font-face{font-family:Allerta;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Allerta-Regular.woff2) format("woff2")}
@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(../fonts/Sora-Variable.woff2) format("woff2")}

:root{--tinta:#383838;--azul:#04B5FE;--azul-escuro:#00A4E7;--laranja:#FEAA02;--verde:#61CE70}
*,*::before,*::after{box-sizing:border-box}
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;font-weight:400;line-height:1.5;color:#333;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
img{border:0;max-width:100%;height:auto}
a{color:#BA832B;font-family:Inter,sans-serif}
.somente-leitor{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Faixa de capa (cadastro): imagem de fundo + coluna de 50% à esquerda ---------- */
.capa{display:flex;min-height:100vh;background:var(--fundo-cor,#FEBE06) var(--fundo-d) top center/cover no-repeat;overflow:hidden}
.capa__in{flex:1 1 auto;width:100%;max-width:1200px;margin:0 auto;padding:100px 0;display:flex}
.capa__col{flex:0 0 50%;max-width:50%;display:flex;flex-direction:column;justify-content:center;gap:20px;min-width:0}
.titulo{font:500 60px/60px "Bebas Neue",sans-serif;color:var(--tinta)}
.subtitulo{font:400 15px/19px Allerta,sans-serif;color:var(--tinta)}
.chamada{margin:0 0 -5px;padding:0 80px 0 0;font:400 18px/1.5 Barlow,sans-serif;color:#1F1E1B}
.chamada p{margin:0 0 .9rem}
.legal{font:400 14px/21px Barlow,sans-serif;color:#54595F}
.legal p{margin:0 0 .9rem}
.legal a{font:600 14px/21px Inter,sans-serif;color:#A83232;text-decoration:none}

/* Formulário (mesmas medidas do formulário Elementor original) */
.form__campos{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0 -5px -10px}
.campo{display:flex;align-items:center;flex:0 0 100%;max-width:100%;padding:0 5px;margin-bottom:10px;min-height:1px;position:relative}
.campo--ddi{flex-basis:30%;max-width:30%}
.campo--tel{flex-basis:70%;max-width:70%}
.campo--envio{align-items:flex-end}
@media (min-width:768px){.campo--ddi .campo__select{margin-top:1.6px}} /* o select (40 px) fica centrado na linha do celular (43,2 px), como no original */
.campo__entrada{display:block;width:100%;min-height:40px;padding:8px 16px;margin:0;font:400 18px/1.4 "Bebas Neue",sans-serif;color:#000;background:rgba(255,255,255,.62);border:1px solid var(--azul-escuro);border-radius:3px;outline:0;transition:.3s;appearance:none;-webkit-appearance:none}
.campo__entrada::placeholder{color:#000;opacity:.6}
.campo__entrada:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.campo__entrada[aria-invalid=true]{border-color:#9B1C1C}
.campo__select{position:relative;display:flex;width:100%;font:400 18px/27px "Bebas Neue",sans-serif;color:#000}
.campo__select select{line-height:27px;padding:5px 20px 5px 14px;cursor:pointer}
.campo__select svg{position:absolute;top:11.75px;right:10px;width:11px;height:11px;overflow:visible;fill:#000;pointer-events:none}
.campo__erro{position:absolute;left:5px;right:5px;top:100%;margin-top:4px;font:600 13px/16px Inter,sans-serif;color:#7F1D1D;z-index:1}
.campo--com-erro{margin-bottom:26px}
.botao{display:block;width:100%;min-height:40px;padding:16px 0;font:400 20px/20px "Bebas Neue",sans-serif;letter-spacing:1px;text-align:center;color:#fff;background:var(--azul);border:0;border-radius:8px;cursor:pointer;transition:.3s}
.botao:hover,.botao:focus-visible{background:var(--azul-escuro)}
.botao[disabled]{cursor:progress;opacity:.8}

/* Depoimento */
.depoimento{width:86%;max-width:86%;padding:20px;background:#fff;border-radius:10px}
.depoimento__texto{margin:0 0 20px;font:italic 400 12px/18px Inter,sans-serif;color:#474747}
.depoimento__meta{line-height:16px}
.depoimento__in{display:inline-block}
.depoimento__foto,.depoimento__det{display:table-cell;vertical-align:middle}
.depoimento__foto{padding-right:15px}
.depoimento__foto img{width:25px;height:25px;border-radius:50%}
.depoimento__nome{font:600 15px/22.5px Inter,sans-serif;color:#54595F}

/* ---------- Rodapé (as duas páginas) ---------- */
.rodape{background:#fff}
.rodape__in{max-width:1200px;margin:0 auto;padding:40px 0}
.rodape--solto{padding:32px 0 0}
.rodape__logo{line-height:0;padding-bottom:6px}
.rodape__logo img{display:block;width:204px;height:32px}
.rodape__nome{margin:8px 0 6px;font:600 14px/17.5px Sora,sans-serif;text-align:center;color:var(--tinta)}
.rodape__termos{font:400 14px/21px Sora,sans-serif;text-align:center;color:var(--tinta)}
.rodape__termos a{font:400 14px/21px Inter,sans-serif;color:var(--tinta);text-decoration:underline}

/* ---------- Obrigado: faixa laranja + cartão com capa e botão de download ---------- */
.obrigado{display:flex;min-height:100vh;background:#fff}
.obrigado__in{flex:1 1 auto;width:100%;max-width:1200px;margin:0 auto;padding:40px 0;display:flex;flex-direction:column;justify-content:center}
.obrigado__faixa{padding:24px 40px;text-align:center;background:var(--laranja);border-radius:16px 16px 0 0}
.obrigado__faixa h2{font:400 48px/48px "Bebas Neue",sans-serif;letter-spacing:2px;color:#fff}
.cartao{display:flex;flex-direction:row-reverse;gap:20px;padding:24px 40px;background:#fff;border:1px solid var(--laranja);border-radius:0 0 16px 16px;box-shadow:0 0 11px 10px rgba(0,0,0,.06)}
.cartao__acao{flex:0 1 50%;max-width:50%;align-self:center;display:flex;flex-direction:column;gap:16px;min-width:0}
.cartao__capa{flex:0 1 50%;max-width:50%;text-align:center;min-width:0}
.cartao__capa img{display:inline-block;width:85%;vertical-align:top}
.icone-texto{display:flex;flex-direction:column;text-align:center}
.icone-texto__icone{display:block;width:56px;height:56px;margin:0 auto;fill:#2b96a5}
.icone-texto h3{margin:8px 0 0;font:500 32px/1.2 "Bebas Neue",sans-serif;color:var(--tinta)}
.icone-texto img{display:inline;width:1em;height:1em;margin:0 .07em;vertical-align:-.1em}
.baixar{text-align:center}
.baixar a{display:inline-flex;justify-content:center;align-items:center;padding:20px 80px;font:500 20px/20px "Bebas Neue",sans-serif;letter-spacing:1px;text-decoration:none;color:#fff;background:var(--verde);border-radius:3px;transition:transform .3s,background-color .3s}
.baixar a:hover,.baixar a:focus-visible{transform:scale(.9);color:#fff}

@media (max-width:1024px){
  .chamada{margin-bottom:-8px;padding:0}
}
@media (max-width:767px){
  .capa{padding:0 20px;background-image:var(--fundo-m)}
  .capa__in{padding:20px 0}
  .capa__col{flex-basis:100%;max-width:100%;padding-top:336px}
  .titulo{margin-top:100px;font-size:35px;line-height:35px}
  .subtitulo{line-height:20px}
  .chamada{margin-bottom:-10px;font-size:16px;text-align:center}
  .campo--ddi,.campo--tel{flex-basis:100%;max-width:100%}
  .depoimento{width:100%;max-width:100%}
  .rodape__in{padding:40px 20px;max-width:767px}
  .rodape__nome{margin:8px 0}
  .rodape__termos,.rodape__termos a{font-size:12px;line-height:18px}
  .obrigado{padding:0 16px}
  .obrigado__in{padding:32px 0;max-width:767px}
  .rodape--solto{padding:16px}
  .obrigado__faixa{padding:16px}
  .obrigado__faixa h2{font-size:20px;line-height:20px}
  .cartao{flex-wrap:wrap-reverse;padding:24px 8px}
  .cartao__acao,.cartao__capa{flex-basis:100%;max-width:100%}
  .cartao__capa img{width:60%}
  .icone-texto__icone{width:24px;height:24px}
  .icone-texto h3{font-size:20px;line-height:24px}
  .baixar a{padding:16px 72px;font-size:18px;line-height:18px}
}
@media (prefers-reduced-motion:reduce){.campo__entrada,.botao,.baixar a{transition:none}}