/* PATCH 229 — ajuste fino do topo de /plataforma.php conforme mockup aprovado */

/* ampliar a composição útil e aproximar o conteúdo das margens do mockup */
.fp227-stage .fp225-shell{width:min(1260px,93vw)}
.fp227-stage{min-height:690px;background:#031a33}

/* Fundo: base azul mais escura à esquerda e recorte central da multidão/pessoa */
.fp227-stage:before{
  inset:0 0 94px;
  background-image:
    linear-gradient(90deg,rgba(2,19,39,.95) 0%,rgba(2,24,46,.70) 31%,rgba(2,25,49,.15) 54%,rgba(2,22,44,.22) 73%,rgba(2,18,38,.45) 100%),
    linear-gradient(180deg,rgba(2,18,36,.16) 0%,rgba(3,22,44,.05) 58%,rgba(4,34,61,.50) 82%,#0aa0c9 100%),
    var(--fp227-bg);
  background-size:cover;
  background-position:center 45%;
}
.fp227-stage:after{
  bottom:66px;height:118px;left:-4%;right:-4%;
  background:radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.98) 0%,#bff7ff 18%,#43cce8 42%,rgba(4,133,172,.62) 62%,transparent 76%);
  filter:blur(4px);opacity:.93;
}

/* segundo recorte do mesmo culto, mascarado, para colocar a pessoa de mãos levantadas na zona central */
.fp227-hero:before{
  content:"";position:absolute;z-index:0;pointer-events:none;
  left:27%;top:70px;width:43%;height:470px;
  background-image:var(--fp227-bg);
  background-repeat:no-repeat;
  background-size:auto 650px;
  background-position:76% 49%;
  opacity:.82;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 83%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 13%,#000 80%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 83%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 13%,#000 80%,transparent 100%);
  mask-composite:intersect;
  filter:saturate(.94) contrast(.98);
}
.fp227-grid{position:relative;z-index:2}

/* Cabeçalho mais baixo e leve, como no mockup */
.fp227-header-row{height:74px;grid-template-columns:200px 1fr 190px;gap:14px}
.fp227-brand img{width:148px;max-height:55px}
.fp227-nav{gap:26px}
.fp227-nav a{font-size:10px;font-weight:750}
.fp227-nav a.active:after{bottom:13px}
.fp227-top-cta{min-width:158px;padding:11px 18px;font-size:10px}

/* Hero: texto menor, mais largo e com quebras iguais às do mockup */
.fp227-hero{min-height:500px}
.fp227-grid{grid-template-columns:44% 56%;min-height:500px}
.fp227-copy{padding:22px 0 52px;align-self:center}
.fp227-motto{margin-bottom:17px;font-size:9px;letter-spacing:2.7px;gap:11px}
.fp227-motto i{width:28px}
.fp227-copy h1{max-width:520px;font-size:46px;line-height:1.00;letter-spacing:-1.85px;text-shadow:0 2px 12px rgba(0,0,0,.22)}
.fp227-copy h1 span{display:block;white-space:nowrap}
.fp227-copy h1 em{display:inline-block;font-size:1.08em;line-height:.94;margin-top:2px;padding:0 7px 7px 2px;letter-spacing:-1.1px;transform:rotate(-2deg)}
.fp227-copy p{margin:22px 0 20px;font-size:12px;line-height:1.5}
.fp227-primary{min-width:185px;padding:12px 20px;font-size:11px}
.fp227-video{padding:9px 17px;font-size:11px}
.fp227-video b{width:28px;height:28px}

/* Dispositivos menores e deslocados para a direita, como no mockup */
.fp227-visual{height:500px;align-items:flex-end;justify-content:flex-end}
.fp227-devices{width:103%;transform:translate(5%,8%);filter:drop-shadow(0 23px 24px rgba(0,0,0,.30))}
.fp227-appweb{right:0;top:36px;width:155px;padding:13px 15px 12px;border-radius:28px}
.fp227-appweb strong{font-size:14px}
.fp227-appweb div{gap:11px;font-size:23px;margin:6px 0 4px}
.fp227-appweb em{font-size:12px}

/* Barra branca mais fina e próxima da base do hero */
.fp227-modulebar{padding-bottom:20px}
.fp227-modules{max-width:1180px;border-radius:16px;padding:7px 8px;box-shadow:0 15px 36px rgba(2,33,59,.17)}
.fp227-modules article{min-height:86px;gap:4px;padding:7px 4px}
.fp227-modules b{font-size:9.5px;line-height:1.12}
.fp227-modules small{top:3px;right:6px;font-size:6px;padding:2px 5px}
.fp228-ico{transform:scale(.86)}
.fp227-modules article:nth-child(2) .fp228-ico{transform:scale(.88)}

@media (min-width:1280px){
  .fp227-stage .fp225-shell{width:min(1270px,93vw)}
  .fp227-copy h1{font-size:47px}
  .fp227-devices{width:101%;transform:translate(5%,8%)}
}

@media (max-width:1100px){
  .fp227-copy h1{font-size:40px;max-width:450px}
  .fp227-copy h1 span{white-space:normal}
  .fp227-hero:before{left:29%;width:46%;opacity:.72}
}

@media(max-width:980px){
  .fp227-stage .fp225-shell{width:min(94vw,1180px)}
  .fp227-copy h1{font-size:42px;max-width:650px;margin-inline:auto}
  .fp227-copy h1 span{white-space:normal}
  .fp227-hero:before{left:12%;top:255px;width:76%;height:400px;background-size:auto 560px;background-position:72% 48%;opacity:.68}
  .fp227-visual{height:410px}
  .fp227-devices{width:min(680px,104%);transform:translate(0,6%)}
}

@media(max-width:620px){
  .fp227-copy h1{font-size:35px;line-height:1.01}
  .fp227-copy p{font-size:13px}
  .fp227-hero:before{left:4%;top:270px;width:92%;height:300px;background-size:auto 440px;background-position:73% 47%;opacity:.58}
  .fp227-visual{height:310px}
  .fp227-modules article{min-height:78px}
}