/* Fiuza — páginas institucionais (0.31.1): Sobre Nós, Metodologia, Fiuza na Mídia.
   Padrão claro da LP Seja um Franqueado (.fzh.fr.fr2): topo creme com montagem de fotos,
   bloco com duas fotos e selo, pilares em cartões laranja e fechamento pêssego. */

/* Topo: título em duas linhas do mesmo tamanho, a segunda em laranja */
.fr2.pg .fr-hb h1 .l1,.fr2.pg .fr-hb h1 .l2{display:block;font-size:clamp(2.4rem,1.4rem + 3vw,4.1rem) !important;line-height:1.04 !important;letter-spacing:-.02em;margin:0}
.fr2.pg .fr-hb h1 .l2{color:var(--fr-or,#E8652A) !important}
.fr2.pg .fr-hb__txt{margin-top:22px}
.pg-hero__btns{margin-top:30px}
.pg .fr-hb .b--line{border-color:var(--h-ink);color:var(--h-ink)}
@media(min-width:1024px){.fr2.pg .fr-hb__in{padding-top:24px;padding-bottom:72px !important}}
/* Topo só com texto (Fiuza na Mídia) */
.pg-hero--txt .fr-hb__in{grid-template-columns:1fr !important;min-height:0 !important;padding-bottom:56px !important}
.pg-hero--txt .fr-hb__copy{max-width:760px}
@media(min-width:1024px){.pg-hero--txt .fr-hb__in{padding-top:64px;padding-bottom:88px !important}}

/* Ritmo entre seções (o mesmo da LP de franquia) */
.pg>section.sec{padding-top:72px;padding-bottom:72px}
@media(min-width:1024px){.pg>section.sec{padding-top:112px;padding-bottom:112px}}
.pg .pg-story{background:#fff}
.pg .pg-pil{background:#FBF8F5}
.pg .pg-pil .fr-head{max-width:760px;margin:0 auto;text-align:center}
.pg .pg-pil .fr-head .txt{margin:18px auto 0}
.pg .h2-quote{background:#fff;padding:72px 0}
@media(min-width:1024px){.pg .h2-quote{padding:112px 0}}

/* Vídeo (Sobre Nós) */
.pg-video{background:#fff}
.pg-video__head{max-width:760px;margin:0 auto 36px;text-align:center}
.pg-video__head .txt{margin:18px auto 0}
.pg-video__play{position:relative;display:block;width:100%;max-width:1000px;margin:0 auto;padding:0;overflow:hidden;border:0;border-radius:28px;background:#2F2724;aspect-ratio:16/9;cursor:pointer;box-shadow:0 30px 60px rgba(64,46,32,.18)}
.pg-video__play img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--h-ease)}
.pg-video__btn{position:absolute;left:50%;top:50%;display:flex;width:92px;height:92px;align-items:center;justify-content:center;border-radius:50%;background:var(--h-ot);color:#fff;transform:translate(-50%,-50%);box-shadow:0 14px 34px rgba(0,0,0,.3);transition:transform .25s var(--h-ease)}
.pg-video__btn svg{width:38px;height:38px;margin-left:5px}
@media(hover:hover){.pg-video__play:hover img{transform:scale(1.03)}.pg-video__play:hover .pg-video__btn{transform:translate(-50%,-50%) scale(1.08)}}
.pg-video__play:focus-visible{outline:3px solid var(--h-ot);outline-offset:4px}
.pg-video iframe{display:block;width:100%;max-width:1000px;margin:0 auto;aspect-ratio:16/9;border:0;border-radius:28px}

/* Metodologia: cartões + fotos */
.pg-dif{background:#fff}
.pg-dif__head{max-width:760px;margin-bottom:40px}
.pg-dif__in{display:grid;gap:40px}
.pg-dif__cards{grid-template-columns:1fr !important}
@media(min-width:1024px){.pg-dif__in{grid-template-columns:6fr 5fr;gap:72px;align-items:center}}

/* Fiuza na Mídia */
.pg-midia{background:#fff}
@media(min-width:768px){.pg-posts{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.pg-posts{grid-template-columns:repeat(3,1fr)}}
.pg-post{display:flex;flex-direction:column}
.pg-post p{margin:0 10px 14px;color:var(--h-warm);font-size:15.5px;line-height:1.55}
.pg-post__ph{display:block;aspect-ratio:3/2;border-radius:14px;background:var(--h-peach)}
.pg-post__more{display:inline-flex;align-items:center;gap:8px;margin:auto 10px 12px;color:var(--h-ot);font-weight:700;font-size:15px}
.pg-post__more svg{width:18px;height:18px}
.pg-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:44px;color:var(--h-warm)}
.pg-midia__empty{text-align:center;margin:24px auto}

/* Fechamento claro */
.pg-cta{padding:88px 0;background:#F3D9C9;text-align:center}
.pg-cta h2{max-width:900px;margin:0 auto 18px;font-family:var(--h-serif);font-weight:600;font-size:clamp(2.1rem,1.4rem + 2.2vw,3.2rem);line-height:1.08;letter-spacing:-.015em;color:var(--h-ink)}
.pg-cta h2 em{font-style:normal;color:var(--fr-or,#E8652A)}
.pg-cta p{max-width:620px;margin:0 auto 30px;color:var(--h-warm);font-size:18px;line-height:1.6}
.pg-cta .btns{justify-content:center}
.pg-cta__fr{margin:28px auto 0 !important;font-size:16px !important}
.pg-cta__fr a{color:var(--h-navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(min-width:1024px){.pg-cta{padding:120px 0}}
.pg-cta__fr a{display:inline-flex;align-items:center;gap:6px}
.pg-cta__fr a svg{width:18px;height:18px;flex:none}
.pg-cta .b svg{width:18px;height:18px}

/* 0.31.8 · Vídeo: o tema aplicava fundo azul e padding ao <button>; a capa ocupa o quadro inteiro, cantos certos */
.fzh .pg-video__play,.fzh .pg-video__play:hover,.fzh .pg-video__play:focus{padding:0 !important;margin:0 auto !important;border:0 !important;border-radius:28px !important;background:#2F2724 !important;color:inherit !important;line-height:0;min-height:0;box-shadow:0 30px 60px rgba(64,46,32,.18) !important}
.fzh .pg-video__play img{position:absolute;inset:0;width:100% !important;height:100% !important;max-width:none;object-fit:cover;border-radius:0 !important}
@media(max-width:767px){.fzh .pg-video__play{border-radius:20px !important}.fzh .pg-video__btn{width:68px;height:68px}.fzh .pg-video__btn svg{width:28px;height:28px}}

/* 0.31.10 · Páginas internas: foto grande do topo alinhada pelo topo (não corta rostos) */
.fr2.pg .fr-col__p1 img{object-position:50% 0 !important}
