/* PATCH 237 — ajuste fino da chamada principal do hero conforme mockup aprovado */

/* O mockup de referência não usa o lema acima do título nesta composição. */
.fp227-copy .fp227-motto{display:none!important}

/* Tipografia: peso e proporções muito mais próximas do mockup. */
.fp227-copy h1{
  max-width:560px!important;
  margin:0!important;
  font-family:"Montserrat","Avenir Next","Segoe UI",Arial,sans-serif!important;
  font-size:42px!important;
  line-height:.98!important;
  font-weight:800!important;
  letter-spacing:-1.85px!important;
  text-shadow:0 2px 10px rgba(0,0,0,.20)!important;
}
.fp227-copy h1 span{
  display:block!important;
  white-space:nowrap!important;
  font:inherit!important;
}
.fp227-copy h1 em{
  position:relative!important;
  display:inline-block!important;
  margin:2px 0 0!important;
  padding:0 4px 9px 0!important;
  color:#ffc21f!important;
  font-family:"Yellowtail","Segoe Script","Brush Script MT",cursive!important;
  font-size:1.18em!important;
  line-height:.91!important;
  font-weight:400!important;
  letter-spacing:-.5px!important;
  transform:none!important;
  text-shadow:0 2px 8px rgba(0,0,0,.16)!important;
}
.fp227-copy h1 em:after{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  right:-3px!important;
  bottom:0!important;
  height:3px!important;
  border-radius:99px!important;
  background:#ffc21f!important;
  transform:rotate(-2deg)!important;
  transform-origin:left center!important;
}

.fp227-copy{
  padding:34px 0 50px!important;
  align-self:center!important;
}
.fp227-copy p{
  max-width:490px!important;
  margin:28px 0 24px!important;
  color:rgba(255,255,255,.97)!important;
  font-family:"Montserrat","Segoe UI",Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:450!important;
  letter-spacing:-.18px!important;
}
.fp227-actions{display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important}
.fp227-primary{
  min-width:235px!important;
  height:54px!important;
  padding:0 23px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  font-family:"Montserrat","Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:750!important;
  letter-spacing:-.12px!important;
}
.fp227-primary b{margin-left:9px!important;font-size:20px!important;font-weight:500!important}
.fp227-video{
  min-width:140px!important;
  height:54px!important;
  padding:0 20px 0 9px!important;
  border:2px solid rgba(255,255,255,.85)!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  font-family:"Montserrat","Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:650!important;
}
.fp227-video b{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  font-size:14px!important;
  background:#fff!important;
  color:#09294a!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Reposiciona o bloco para reproduzir o enquadramento do modelo. */
.fp227-grid{grid-template-columns:43% 57%!important}
.fp227-copy{transform:translateY(-6px)!important}
.fp227-hero:before{
  left:31%!important;
  top:48px!important;
  width:42%!important;
  height:490px!important;
  background-position:73% 49%!important;
  opacity:.88!important;
}

@media (min-width:1280px){
  .fp227-copy h1{font-size:43px!important;max-width:570px!important}
  .fp227-copy p{font-size:14px!important}
}
@media (max-width:1100px){
  .fp227-copy h1{font-size:39px!important;max-width:500px!important}
  .fp227-copy h1 span{white-space:normal!important}
  .fp227-copy p{font-size:13px!important;max-width:450px!important}
  .fp227-grid{grid-template-columns:44% 56%!important}
}
@media (max-width:980px){
  .fp227-grid{grid-template-columns:1fr!important}
  .fp227-copy{text-align:center!important;padding-top:38px!important;transform:none!important}
  .fp227-copy h1{font-size:42px!important;max-width:690px!important;margin-inline:auto!important}
  .fp227-copy h1 span{white-space:normal!important}
  .fp227-copy p{max-width:640px!important;margin-inline:auto!important}
  .fp227-actions{justify-content:center!important}
  .fp227-hero:before{left:10%!important;top:250px!important;width:80%!important;height:390px!important;opacity:.68!important}
}
@media (max-width:620px){
  .fp227-copy{padding-top:25px!important}
  .fp227-copy h1{font-size:34px!important;line-height:1.0!important;letter-spacing:-1.2px!important}
  .fp227-copy h1 em{font-size:1.16em!important}
  .fp227-copy p{margin-top:22px!important;font-size:13px!important;line-height:1.5!important}
  .fp227-primary{min-width:210px!important;height:50px!important;font-size:12px!important}
  .fp227-video{height:50px!important;font-size:12px!important}
}