:root{
  --fl-brown:#72451e;
  --fl-brown-dark:#4a2d13;
  --fl-brown-light:#af916f;
  --fl-cream:#FAF6F0;
  --fl-ink:#2b241d;
}
.fl-wrap{max-width:760px;margin:0 auto;font-family:inherit;color:var(--fl-ink)}
.fl-eyebrow{display:inline-block;color:var(--fl-brown-dark);background:rgba(114,69,30,0.08);border:1px solid rgba(114,69,30,0.25);padding:6px 16px;border-radius:999px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px}
.fl-title{font-size:clamp(26px,4vw,36px);font-weight:700;color:var(--fl-brown-dark);margin:0 0 20px;line-height:1.25}
.fl-intro p{font-size:16.5px;line-height:1.7;margin:0 0 16px}
.fl-speaker{background:var(--fl-cream);border-left:4px solid var(--fl-brown-light);border-radius:8px;padding:18px 22px;margin:24px 0;font-size:15.5px;line-height:1.7}
.fl-details{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}
.fl-detail-card{flex:1;min-width:180px;background:#fff;border:1px solid rgba(114,69,30,0.18);border-radius:12px;padding:18px;text-align:center;box-shadow:0 2px 10px rgba(43,36,29,0.05)}
.fl-detail-icon{font-size:26px;display:block;margin-bottom:8px}
.fl-detail-text{font-size:15px;font-weight:600;color:var(--fl-brown-dark)}
.fl-free-badge{display:inline-block;background:var(--fl-brown);color:#fff;font-weight:700;padding:8px 20px;border-radius:999px;font-size:14.5px;margin:8px 0 20px}
.fl-cta-text{font-size:16px;margin:0 0 8px}
.fl-form-section{background:var(--fl-cream);border-radius:16px;padding:32px 28px;margin-top:28px}
.fl-form-title{font-size:22px;font-weight:700;color:var(--fl-brown-dark);margin:0 0 20px;text-align:center}
.fl-contact{text-align:center;font-size:14.5px;color:var(--fl-brown-dark);margin-top:28px}

/* Gravity Forms overrides, escopados a esta pagina */
.fl-form-section .gform_wrapper{max-width:100%}
.fl-form-section .gfield_label{font-weight:600;color:var(--fl-brown-dark);font-size:14.5px}
.fl-form-section .ginput_container input[type=text]{
  width:100%;padding:12px 14px;border:1px solid rgba(114,69,30,0.3);border-radius:8px;
  font-size:15px;box-sizing:border-box;background:#fff
}
.fl-form-section .ginput_container input[type=text]:focus{outline:none;border-color:var(--fl-brown);box-shadow:0 0 0 3px rgba(114,69,30,0.12)}
.fl-form-section .gform_footer{margin-top:8px;padding:0}
.fl-form-section .gform_button{
  width:100%;background:var(--fl-brown);color:#fff;font-weight:700;text-transform:uppercase;
  letter-spacing:.03em;padding:14px 24px;border-radius:999px;border:none;font-size:14.5px;
  cursor:pointer;transition:background .2s ease,transform .2s ease
}
.fl-form-section .gform_button:hover{background:var(--fl-brown-dark);transform:translateY(-1px)}
.fl-form-section .gform_wrapper .validation_error{
  background:#fdeeee;color:#a33;border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:14px
}
.fl-form-section .gfield_error input{border-color:#c33 !important}
.fl-form-section .validation_message{color:#c33;font-size:13px;margin-top:4px}

@media (max-width:600px){
  .fl-details{flex-direction:column}
  .fl-form-section{padding:24px 18px}
}

/* Imagem de destaque: a arte já tem título, palestrante e data desenhados nela,
   então ocultamos o H1 padrão do tema (fica só pra SEO/acessibilidade) e
   mostramos a imagem inteira, sem cortar nem sobrepor texto. */
.page-header.parallax-container{
  height:auto !important;
  overflow:visible;
}
.page-header.parallax-container .valign-wrapper{
  position:absolute !important;
  width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.page-header.parallax-container .parallax{
  position:static !important;
  z-index:auto !important;
}
.page-header.parallax-container .parallax img{
  opacity:1 !important;
  position:static !important;
  width:100% !important;height:auto !important;
  min-width:0 !important;min-height:0 !important;
  transform:none !important;
  -webkit-transform:none !important;
  display:block;
}

/* O menu "flutua" transparente por cima do banner por padrão do tema (pensado
   pra banners altos). Como nosso banner agora tem altura natural (mais baixo
   no mobile), isso cortava/escurecia o topo da imagem — fixamos o menu em
   fluxo normal, com fundo sólido, só nesta página. */
nav.topo{
  position:static !important;
  background:#fff !important;
  box-shadow:0 1px 4px rgba(0,0,0,0.1);
}