/* FIORAFIT CLUB · FLUIR V7 · MOBILE FULL BLEED DEFINITIVO
   Corrige a regra global de páginas internas que limita o mobile a calc(100% - 32px). */

.fluir-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow-x:hidden!important;
}
.fluir-page .site-header{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.fluir-page .site-header-inner{
  width:min(calc(100% - 40px),1320px)!important;
  max-width:none!important;
  margin:0 auto!important;
}
.fluir-page main.page,
.fluir-page .page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.fluir-page .fluir-app{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.fluir-page .fluir-hero{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  left:auto!important;
  right:auto!important;
}

@media(max-width:760px){
  html, body.fluir-page{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
  }

  /* Header continua respirado, mas a página deixa de ser estreita. */
  .fluir-page .site-header{
    width:100dvw!important;
    max-width:100dvw!important;
  }
  .fluir-page .site-header-inner{
    width:calc(100dvw - 32px)!important;
    max-width:none!important;
    margin:0 16px!important;
  }

  /* Mata definitivamente o container global body:not(:has(.home-hero)) .page */
  .fluir-page main.page,
  .fluir-page .page{
    width:100dvw!important;
    max-width:100dvw!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .fluir-page .fluir-app{
    width:100dvw!important;
    max-width:100dvw!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  /* Hero realmente de ponta a ponta no viewport. */
  .fluir-page .fluir-hero{
    width:100dvw!important;
    max-width:100dvw!important;
    min-width:100dvw!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    left:0!important;
    right:0!important;
    min-height:calc(100svh - 80px)!important;
    height:calc(100svh - 80px)!important;
    background-size:cover!important;
    background-position:56% center!important;
    border-radius:0!important;
  }
  .fluir-page .fluir-hero-copy{
    width:calc(100dvw - 36px)!important;
    max-width:620px!important;
    margin:0 auto!important;
    padding-left:18px!important;
    padding-right:18px!important;
    box-sizing:border-box!important;
  }

  /* Seções de conteúdo usam a tela toda; o respiro fica dentro delas. */
  .fluir-page .fluir-checkin,
  .fluir-page .fluir-intro{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  .fluir-page .fluir-entry-grid,
  .fluir-page .fluir-entry-grid-four,
  .fluir-page .fluir-flow{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  .fluir-page .fluir-entry-grid,
  .fluir-page .fluir-entry-grid-four{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .fluir-page .fluir-flow{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  /* MEDITAR: imagens realmente preenchem a coluna sem margem fantasma. */
  .fluir-page .fluir-meditation-grid,
  .fluir-page .fluir-meditation-grid--four{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px 10px!important;
  }
  .fluir-page .fluir-meditation-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .fluir-page .fluir-meditation-cover{
    width:100%!important;
    max-width:none!important;
    display:block!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
  }
}

@media(max-width:420px){
  .fluir-page .site-header-inner{
    width:calc(100dvw - 24px)!important;
    margin:0 12px!important;
  }
  .fluir-page .fluir-entry-grid,
  .fluir-page .fluir-entry-grid-four,
  .fluir-page .fluir-flow{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}
