:root{
  --marinho:#0F1E3E;
  --teal:#1B6B6B;
  --chumbo:#4A4E55;
  --papel:#F4F1EA;
  --papel-2:#EAE5D8;
  --branco:#FFFFFF;
  --fx-display:"Archivo","Arial Narrow",Helvetica,sans-serif;
  --fx-texto:"Source Serif 4",Georgia,"Times New Roman",serif;
  --fx-dado:"Archivo","Arial Narrow",Helvetica,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--papel);color:var(--marinho);font-family:var(--fx-texto);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%}

.display{font-family:var(--fx-display);font-weight:700;font-stretch:100%;text-transform:uppercase;letter-spacing:-.02em;line-height:.94}
.exp{font-family:var(--fx-dado);font-stretch:125%;font-weight:700;text-transform:uppercase;letter-spacing:.2em}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
.estreito{max-width:760px}

/* BARRA */
.barra{background:var(--teal);color:var(--papel);padding:12px 0}
.barra .wrap{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.barra .d{font-family:var(--fx-display);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.01em;line-height:1.2}
.barra .d b{border-bottom:3px solid var(--papel);padding-bottom:2px;font-weight:700}

/* TOPO */
.topo{border-bottom:1px solid var(--chumbo);padding:22px 0}
.topo .wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
.marca{display:inline-block;padding:10px 14px;background:var(--papel-2);border:1px solid var(--chumbo)}
.marca .l1,.marca .l2{font-family:var(--fx-display);font-weight:700;font-stretch:100%;font-size:19px;line-height:.9;text-transform:uppercase;letter-spacing:-.02em}
.marca .l2{color:var(--teal);border-top:3px solid var(--teal);padding-top:4px;margin-top:4px}
.selo{display:inline-block;background:var(--marinho);color:var(--papel);padding:9px 13px;font-family:var(--fx-dado);font-stretch:125%;font-weight:700;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase}
.selo.teal{background:var(--teal)}

/* HERO */
.hero{padding:56px 0 44px;border-bottom:10px solid var(--marinho)}
.kicker{font-family:var(--fx-dado);font-stretch:125%;font-weight:700;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--teal)}
h1{font-family:var(--fx-display);font-weight:700;font-stretch:100%;font-size:clamp(38px,8vw,76px);line-height:.92;text-transform:uppercase;letter-spacing:-.025em;margin-top:16px;max-width:15ch}
h1 em{font-style:normal;color:var(--teal)}
.lead{font-family:var(--fx-texto);font-style:italic;font-size:clamp(18px,2.6vw,24px);line-height:1.4;color:var(--chumbo);margin-top:22px;max-width:52ch}
.filete{height:3px;background:var(--teal);margin:26px 0;max-width:760px}

/* FICHA DO EVENTO */
.ficha{border:1px solid var(--chumbo);background:var(--branco);margin-top:8px;max-width:760px}
.ficha .lin{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid var(--chumbo)}
.ficha .lin:last-child{border-bottom:0}
.ficha .r{padding:12px 14px;background:var(--papel);border-right:1px solid var(--chumbo);font-family:var(--fx-dado);font-stretch:125%;font-weight:700;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);display:flex;align-items:center}
.ficha .v{padding:12px 16px;font-family:var(--fx-display);font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.005em;line-height:1.15}
.ficha .v.txt{font-family:var(--fx-texto);font-weight:400;font-size:16px;text-transform:none;letter-spacing:0}

/* FORM */
.form-box{background:var(--marinho);color:var(--papel);padding:30px 26px;margin-top:34px;max-width:560px}
.form-box .t{font-family:var(--fx-display);font-weight:700;font-size:26px;text-transform:uppercase;line-height:1;letter-spacing:-.015em}
.form-box .s{font-family:var(--fx-texto);font-size:15px;margin-top:10px;color:var(--papel);opacity:.88}
.campo{margin-top:16px}
.campo label{display:block;font-family:var(--fx-dado);font-stretch:125%;font-weight:700;font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px;opacity:.85}
.campo input{width:100%;padding:14px;border:1px solid var(--papel);background:var(--papel);color:var(--marinho);font-family:var(--fx-texto);font-size:16px}
.campo input:focus{outline:3px solid var(--teal);outline-offset:2px}
.btn{display:inline-block;width:100%;background:var(--teal);color:var(--papel);padding:18px 22px;font-family:var(--fx-display);font-weight:700;font-size:19px;text-transform:uppercase;letter-spacing:.01em;border:0;cursor:pointer;line-height:1.1;text-align:center;text-decoration:none;margin-top:20px}
.btn:hover{outline:3px solid var(--papel);outline-offset:3px}
.btn.papel{background:var(--papel);color:var(--marinho)}
.btn.marinho{background:var(--marinho);color:var(--papel)}
.nota-form{font-family:var(--fx-dado);font-stretch:125%;font-weight:700;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;margin-top:14px;opacity:.7;line-height:1.6}

/* SECAO */
section{padding:52px 0;border-bottom:1px solid var(--chumbo)}
.num{font-family:var(--fx-dado);font-stretch:125%;font-weight:700;font-size:11px;letter-spacing:.26em;color:var(--teal);text-transform:uppercase;display:flex;align-items:center;gap:12px}
.num span{display:inline-block;width:3px;height:18px;background:var(--teal)}
h2{font-family:var(--fx-display);font-weight:700;font-stretch:100%;font-size:clamp(28px,5vw,44px);line-height:1;text-transform:uppercase;letter-spacing:-.015em;margin:10px 0 18px;max-width:20ch}
h2 em{font-style:normal;color:var(--teal)}
p{max-width:62ch;margin:12px 0;font-size:17px}
.p-grande{font-size:19px}

/* LISTA */
.itens{border:1px solid var(--chumbo);background:var(--branco);margin-top:22px;max-width:820px}
.itens .it{display:grid;grid-template-columns:52px 1fr;border-bottom:1px solid var(--chumbo)}
.itens .it:last-child{border-bottom:0}
.itens .n{background:var(--marinho);color:var(--papel);font-family:var(--fx-dado);font-stretch:125%;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;letter-spacing:.06em}
.itens .t{padding:16px 18px}
.itens .t b{font-family:var(--fx-display);font-weight:700;font-size:17px;text-transform:uppercase;display:block;margin-bottom:4px;letter-spacing:.005em;line-height:1.15}
.itens .t span{font-family:var(--fx-texto);font-size:16px;color:var(--chumbo);line-height:1.5}

/* DADOS */
.dados{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
.dado{border:1px solid var(--chumbo);background:var(--papel);padding:18px 20px;min-width:210px;flex:1}
.dado .n{font-family:var(--fx-display);font-weight:700;font-size:46px;line-height:1;color:var(--teal);letter-spacing:-.02em}
.dado .l{font-family:var(--fx-dado);font-stretch:125%;font-weight:700;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;margin-top:9px;line-height:1.5}
.dado .f{font-family:var(--fx-dado);font-stretch:125%;font-weight:700;font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-top:10px;color:var(--chumbo);line-height:1.5}

/* CITACAO */
.cita{border-left:4px solid var(--teal);background:var(--papel-2);padding:20px 22px;margin-top:22px;max-width:760px}
.cita .q{font-family:var(--fx-texto);font-style:italic;font-size:19px;line-height:1.45}
.cita .a{font-family:var(--fx-dado);font-stretch:125%;font-weight:700;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-top:12px}

/* FRONTEIRA */
.fronteira{background:var(--marinho);color:var(--papel);border-bottom:0}
.fronteira h2,.fronteira p{color:var(--papel)}
.fronteira h2 em{color:var(--papel);border-bottom:5px solid var(--papel);padding-bottom:2px}
.fronteira .num{color:var(--papel)}
.fronteira .num span{background:var(--papel)}

/* FECHO */
.fecho{padding:60px 0;text-align:left;border-bottom:0}
.fecho .ancora{font-family:var(--fx-display);font-weight:700;font-size:clamp(30px,6vw,58px);line-height:.95;text-transform:uppercase;letter-spacing:-.025em;max-width:16ch}
.fecho .ancora b{color:var(--teal)}
.fecho .btn{max-width:420px;width:100%}

/* RODAPE */
footer{border-top:10px solid var(--marinho);padding:24px 0 40px}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-family:var(--fx-dado);font-stretch:125%;font-weight:700;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--chumbo)}

/* OBRIGADO */
.ok{padding:56px 0 40px}
.ok .marca-ok{font-family:var(--fx-dado);font-stretch:125%;font-weight:700;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--teal)}
.passo{border:1px solid var(--chumbo);background:var(--branco);padding:26px;margin-top:26px;max-width:660px}
.passo .r{font-family:var(--fx-dado);font-stretch:125%;font-weight:700;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--teal)}
.passo h3{font-family:var(--fx-display);font-weight:700;font-size:clamp(24px,4vw,34px);text-transform:uppercase;line-height:1;letter-spacing:-.015em;margin:8px 0 12px}
.passo p{font-size:17px;margin:10px 0}
.aviso{font-family:var(--fx-dado);font-stretch:125%;font-weight:700;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--chumbo);margin-top:16px;line-height:1.7}
.falta{display:inline-block;border:1px dashed var(--teal);color:var(--teal);padding:3px 7px;font-family:var(--fx-dado);font-stretch:125%;font-weight:700;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}

@media(max-width:640px){
  .ficha .lin{grid-template-columns:1fr}
  .ficha .r{border-right:0;border-bottom:1px solid var(--chumbo)}
  .itens .it{grid-template-columns:40px 1fr}
  .hero{padding:40px 0 34px}
  section{padding:40px 0}
}