/* ============================================================
   LES GAUCHOS RANDONNEURS — HOME V13.6
   CORREÇÃO DE ESPAÇAMENTOS + BANNER SEM CROP
   SUBSTITUA TODO O CSS ADICIONAL ATUAL
   ============================================================ */

:root {
  --lgr-bg: #07111d;
  --lgr-card: #102238;
  --lgr-card-hover: #152b45;
  --lgr-line: rgba(255,255,255,.13);
  --lgr-gold: #ffc21c;
  --lgr-white: #f7f9fc;
}


/* ============================================================
   1. RESET SOMENTE DA ÁREA DE CONTEÚDO DA HOME
   Remove os espaços que o Blocksy/Gutenberg reservam ao redor
   do bloco HTML, sem mexer no cabeçalho desktop.
   ============================================================ */

body.home,
body.page-id-12049 {
  --content-vertical-spacing: 0px !important;
  --boxed-content-spacing: 0px !important;
  --content-spacing: 0px !important;
  background: var(--lgr-bg) !important;
}

body.home #main-container,
body.page-id-12049 #main-container,
body.home #main,
body.page-id-12049 #main,
body.home .site-main,
body.page-id-12049 .site-main,
body.home .content-area,
body.page-id-12049 .content-area {
  margin: 0 !important;
  padding: 0 !important;

  min-height: 0 !important;

  justify-content: flex-start !important;
  align-content: flex-start !important;
}

body.home #main-container article,
body.page-id-12049 #main-container article,
body.home #main-container .entry-content,
body.page-id-12049 #main-container .entry-content,
body.home #main-container .ct-container,
body.page-id-12049 #main-container .ct-container,
body.home #main-container .ct-container-full,
body.page-id-12049 #main-container .ct-container-full,
body.home #main-container .ct-content,
body.page-id-12049 #main-container .ct-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;

  min-height: 0 !important;
}

body.home .entry-content > .wp-block-html,
body.page-id-12049 .entry-content > .wp-block-html,
body.home .entry-content > *,
body.page-id-12049 .entry-content > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.home .hero-section,
body.home .entry-header,
body.page-id-12049 .hero-section,
body.page-id-12049 .entry-header {
  display: none !important;
}


/* ============================================================
   LIMPEZA DE BLOCOS VAZIOS DO GUTENBERG
   Evita que Spacer/parágrafos vazios criem uma faixa antes
   do nosso bloco principal.
   ============================================================ */

body.home .entry-content,
body.page-id-12049 .entry-content {
  gap: 0 !important;
  row-gap: 0 !important;
}

body.home .entry-content > .wp-block-spacer,
body.page-id-12049 .entry-content > .wp-block-spacer {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.home .entry-content > p:empty,
body.page-id-12049 .entry-content > p:empty {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.home .entry-content > .wp-block-html:first-child,
body.page-id-12049 .entry-content > .wp-block-html:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* ============================================================
   2. MENU DESKTOP EXISTENTE
   Mantém exatamente o sistema que voltou a funcionar.
   ============================================================ */

.lgr-desktop-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  gap: 12px !important;

  width: auto !important;
  height: 52px !important;

  margin: 0 !important;
  padding: 0 !important;
}

.lgr-desktop-item {
  width: 68px !important;
  height: 50px !important;

  min-width: 68px !important;
  min-height: 50px !important;
  max-width: 68px !important;
  max-height: 50px !important;

  margin: 0 !important;
  padding: 4px 5px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 3px !important;

  border-radius: 10px !important;

  background: transparent !important;
  color: #f4f7fb !important;

  text-decoration: none !important;

  font-size: 10.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.lgr-desktop-item svg {
  display: block !important;

  width: 20px !important;
  height: 20px !important;

  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;

  margin: 0 !important;
  padding: 0 !important;

  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.lgr-desktop-item span {
  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;

  font-size: 10.5px !important;
  line-height: 1 !important;
}

.lgr-desktop-home {
  color: var(--lgr-gold) !important;
  background: rgba(255,194,28,.07) !important;
}

.lgr-desktop-item:hover,
.lgr-desktop-item:focus {
  color: var(--lgr-gold) !important;
  background: rgba(255,194,28,.07) !important;
}


/* menu antigo, caso ainda exista no header */
.lgr-bottom-nav,
.lgr-bottom-menu {
  display: none !important;
  visibility: hidden !important;
}


/* ============================================================
   3. HOME
   ============================================================ */

.lgr-home-app {
  width: min(100%, 840px) !important;

  /* aproxima todo o conteúdo do cabeçalho sem sobrepor banner/cards */
  margin: -58px auto 0 !important;
  padding: 0 !important;

  position: relative !important;

  top: auto !important;
  transform: none !important;

  background: var(--lgr-bg) !important;
  color: var(--lgr-white) !important;

  font-family: inherit !important;
}

.lgr-home-app *,
.lgr-home-app *::before,
.lgr-home-app *::after {
  box-sizing: border-box !important;
}

.lgr-home-app a {
  text-decoration: none !important;
}


/* ============================================================
   4. HERO / BANNERS — V13.6 SAFARI SAFE
   Técnica clássica 16:9 por padding.
   Não usa aspect-ratio.
   Não corta a imagem.
   Não cria altura extra.
   ============================================================ */

.lgr-home-hero {
  position: relative !important;

  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 56.25% 0 0 0 !important;

  overflow: hidden !important;

  background: var(--lgr-bg) !important;
}

.lgr-home-slide {
  position: absolute !important;
  inset: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  opacity: 0;

  background: var(--lgr-bg) !important;
}

.lgr-home-slide img {
  position: absolute !important;
  inset: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center center !important;

  transform: none !important;

  border: 0 !important;
  background: var(--lgr-bg) !important;
}


/* Remove definitivamente qualquer CTA antigo que ainda esteja
   salvo/copiado de versões anteriores do HTML. */
.lgr-home-hero-actions,
.lgr-home-cta {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;

  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
  pointer-events: none !important;
}

/* ============================================================
   5. CARROSSEL
   ============================================================ */

.lgr-slide-1 {
  animation: lgrSlideOne 12s infinite;
}

.lgr-slide-2 {
  animation: lgrSlideTwo 12s infinite;
}

@keyframes lgrSlideOne {
  0%,44%,100% {
    opacity: 1;
    z-index: 2;
    pointer-events: auto;
  }

  50%,94% {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
  }
}

@keyframes lgrSlideTwo {
  0%,44%,100% {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
  }

  50%,94% {
    opacity: 1;
    z-index: 2;
    pointer-events: auto;
  }
}


/* indicadores */
.lgr-home-dots {
  position: absolute !important;

  z-index: 10 !important;

  left: 50% !important;
  bottom: 5px !important;

  transform: translateX(-50%) !important;

  display: flex !important;
  align-items: center !important;

  gap: 4px !important;

  margin: 0 !important;
  padding: 0 !important;

  pointer-events: none !important;
}

.lgr-dot {
  display: block !important;

  width: 6px;
  height: 6px;

  border-radius: 999px;

  background: rgba(255,255,255,.55);
}

.lgr-dot-1 {
  animation: lgrDotOne 12s infinite;
}

.lgr-dot-2 {
  animation: lgrDotTwo 12s infinite;
}

@keyframes lgrDotOne {
  0%,44%,100% {
    width: 18px;
    background: var(--lgr-gold);
  }

  50%,94% {
    width: 6px;
    background: rgba(255,255,255,.55);
  }
}

@keyframes lgrDotTwo {
  0%,44%,100% {
    width: 6px;
    background: rgba(255,255,255,.55);
  }

  50%,94% {
    width: 18px;
    background: var(--lgr-gold);
  }
}


/* ============================================================
   6. CORPO
   ZERO ESPAÇO DESNECESSÁRIO ENTRE HERO E CARDS
   ============================================================ */

body.home .lgr-home-body,
body.page-id-12049 .lgr-home-body {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 3px 3px !important;

  display: block !important;

  min-height: 0 !important;
  height: auto !important;

  background: var(--lgr-bg) !important;

  top: auto !important;
  transform: none !important;
}


/* ============================================================
   7. TRÊS GRUPOS
   Comunidade / Acesso Rápido / Títulos
   ============================================================ */

body.home .lgr-home-body > .lgr-home-section,
body.page-id-12049 .lgr-home-body > .lgr-home-section {
  width: 100% !important;

  min-height: 0 !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  position: static !important;

  top: auto !important;
  transform: none !important;

  display: block !important;
}


/* somente 2px entre o final de um grupo e o título seguinte */
body.home .lgr-home-body > .lgr-home-section + .lgr-home-section,
body.page-id-12049 .lgr-home-body > .lgr-home-section + .lgr-home-section {
  margin-top: 2px !important;
}


body.home .lgr-home-section h2,
body.page-id-12049 .lgr-home-section h2 {
  width: 100% !important;

  height: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;

  gap: 4px !important;

  color: #fff !important;

  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 14px !important;
}


body.home .lgr-home-section h2::before,
body.page-id-12049 .lgr-home-section h2::before {
  content: "";

  display: block !important;

  flex: 0 0 3px !important;

  width: 3px !important;
  height: 11px !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 5px !important;

  background: var(--lgr-gold) !important;
}


body.home .lgr-home-grid,
body.page-id-12049 .lgr-home-grid {
  width: 100% !important;

  margin: 1px 0 0 !important;
  padding: 0 !important;

  display: grid !important;

  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: 34px !important;

  column-gap: 3px !important;
  row-gap: 2px !important;

  min-height: 0 !important;
  height: auto !important;
}


/* ============================================================
   8. CARDS
   ============================================================ */

body.home .lgr-home-card,
body.page-id-12049 .lgr-home-card {
  width: 100% !important;

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

  margin: 0 !important;
  padding: 2px 6px !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;

  gap: 6px !important;

  border: 1px solid var(--lgr-line) !important;
  border-radius: 7px !important;

  background: linear-gradient(180deg,#12243a 0%,#0e1e30 100%) !important;

  color: #fff !important;
}


body.home .lgr-home-card:hover,
body.home .lgr-home-card:focus,
body.page-id-12049 .lgr-home-card:hover,
body.page-id-12049 .lgr-home-card:focus {
  border-color: rgba(255,194,28,.55) !important;
  background: var(--lgr-card-hover) !important;
}


body.home .lgr-home-card strong,
body.page-id-12049 .lgr-home-card strong {
  margin: 0 !important;
  padding: 0 !important;

  color: #fff !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}


/* ============================================================
   9. ÍCONES DAS REDES
   ============================================================ */

.lgr-home-social {
  flex: 0 0 22px !important;

  width: 22px !important;
  height: 22px !important;

  min-width: 22px !important;
  min-height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}


.lgr-home-social img {
  display: block !important;

  width: 21px !important;
  height: 21px !important;

  min-width: 21px !important;
  min-height: 21px !important;
  max-width: 21px !important;
  max-height: 21px !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;
}


/* ============================================================
   10. ÍCONES ACESSO RÁPIDO
   ============================================================ */

.lgr-quick-icon {
  flex: 0 0 22px !important;

  width: 22px !important;
  height: 22px !important;

  min-width: 22px !important;
  min-height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;

  border-radius: 6px !important;

  background-color: rgba(255,194,28,.08) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 13px 13px !important;
}


.lgr-icon-rules {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23ffc21c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l3 3v15H6Z'/%3E%3Cpath d='M14 3v4h4M9 11h6M9 15h6'/%3E%3C/g%3E%3C/svg%3E") !important;
}


.lgr-icon-book {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23ffc21c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A3.5 3.5 0 0 1 7.5 2H12v18H7.5A3.5 3.5 0 0 0 4 23Z'/%3E%3Cpath d='M20 5.5A3.5 3.5 0 0 0 16.5 2H12v18h4.5A3.5 3.5 0 0 1 20 23Z'/%3E%3C/g%3E%3C/svg%3E") !important;
}


.lgr-icon-search {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23ffc21c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='5.5'/%3E%3Cpath d='m15 15 5 5'/%3E%3C/g%3E%3C/svg%3E") !important;
}


.lgr-icon-info {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23ffc21c' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7h.01'/%3E%3C/g%3E%3C/svg%3E") !important;
}


.lgr-icon-award {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19l1-5.8-4.3-4.1 5.9-.9L12 3Z' fill='none' stroke='%23ffc21c' stroke-width='2'/%3E%3C/svg%3E") !important;
}


/* ============================================================
   11. BADGES DOS TÍTULOS
   ============================================================ */

.lgr-title-badge {
  flex: 0 0 28px !important;

  width: 28px !important;
  height: 22px !important;

  min-width: 28px !important;
  min-height: 22px !important;
  max-width: 28px !important;
  max-height: 22px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 1px solid rgba(255,194,28,.78) !important;
  border-radius: 6px !important;

  color: var(--lgr-gold) !important;
  background: rgba(255,194,28,.06) !important;

  font-size: 8.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}


.lgr-title-badge-10000 {
  font-size: 7.5px !important;
}


/* ============================================================
   12. MENU INFERIOR
   NO PC ELE NÃO EXISTE VISUALMENTE
   ============================================================ */

.lgr-page-bottom-nav {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;

  width: 0 !important;
  height: 0 !important;

  overflow: hidden !important;

  pointer-events: none !important;
}


/* ============================================================
   13. MOBILE / TABLET
   ============================================================ */

@media only screen and (max-width: 999px) {

  /* ----------------------------------------------------------
     HEADER BLOCKSY
     No celular queremos SOMENTE a linha que contém a logo.
     ---------------------------------------------------------- */

  #header [data-row="top"],
  #header [data-row="bottom"],
  .ct-header [data-row="top"],
  .ct-header [data-row="bottom"],
  .ct-header-top,
  .ct-header-bottom {
    display: none !important;

    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    overflow: hidden !important;
  }


  #header,
  .ct-header,
  #header [data-row="middle"],
  .ct-header [data-row="middle"],
  .ct-header-middle {
    min-height: 62px !important;
    height: 62px !important;
    max-height: 62px !important;

    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }


  #header [data-row="middle"] > div,
  .ct-header [data-row="middle"] > div,
  .ct-header-middle > div,
  #header [data-row="middle"] .ct-container,
  .ct-header [data-row="middle"] .ct-container,
  #header [data-row="middle"] .ct-container-fluid,
  .ct-header [data-row="middle"] .ct-container-fluid {
    min-height: 62px !important;
    height: 62px !important;
    max-height: 62px !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }


  /* remove sanduíche */
  .ct-header-trigger,
  [data-id="trigger"],
  [data-id*="trigger"],
  [data-id="mobile-menu"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* menu desktop não aparece no celular */
  .lgr-desktop-nav,
  .lgr-desktop-item {
    display: none !important;
    visibility: hidden !important;
  }


  /* ----------------------------------------------------------
     CONTEÚDO ENCOSTADO NO HEADER
     ---------------------------------------------------------- */

  body.home #main-container,
  body.page-id-12049 #main-container,
  body.home #main,
  body.page-id-12049 #main,
  body.home .site-main,
  body.page-id-12049 .site-main,
  body.home .content-area,
  body.page-id-12049 .content-area,
  body.home #main-container article,
  body.page-id-12049 #main-container article,
  body.home #main-container .entry-content,
  body.page-id-12049 #main-container .entry-content,
  body.home .entry-content > .wp-block-html,
  body.page-id-12049 .entry-content > .wp-block-html {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }


  body.home .lgr-home-app,
  body.page-id-12049 .lgr-home-app {
    width: 100% !important;

    /* elimina o grande vazio entre logo e banner no celular */
    margin: -28px auto 0 !important;
    padding: 0 !important;

    top: auto !important;
    transform: none !important;
  }


  /* ----------------------------------------------------------
     BANNER MOBILE — SAFARI SAFE
     Mesma técnica 16:9 por padding.
     ---------------------------------------------------------- */

  .lgr-home-hero {
    width: 100% !important;
    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 56.25% 0 0 0 !important;
  }

  .lgr-home-slide {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
  }

  .lgr-home-slide img {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;
  }


  /* ----------------------------------------------------------
     CARDS EM 2 COLUNAS, SEM FAIXAS VAZIAS
     ---------------------------------------------------------- */

  body.home .lgr-home-body,
  body.page-id-12049 .lgr-home-body {
    margin: 0 !important;
    padding: 0 3px 2px !important;
  }


  body.home .lgr-home-body > .lgr-home-section,
  body.page-id-12049 .lgr-home-body > .lgr-home-section {
    margin: 0 !important;
    padding: 0 !important;
  }


  body.home .lgr-home-body > .lgr-home-section + .lgr-home-section,
  body.page-id-12049 .lgr-home-body > .lgr-home-section + .lgr-home-section {
    margin-top: 2px !important;
  }


  body.home .lgr-home-section h2,
  body.page-id-12049 .lgr-home-section h2 {
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;

    margin: 0 !important;

    font-size: 12.5px !important;
    line-height: 14px !important;
  }


  body.home .lgr-home-grid,
  body.page-id-12049 .lgr-home-grid {
    margin-top: 1px !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 32px !important;

    column-gap: 3px !important;
    row-gap: 2px !important;
  }


  body.home .lgr-home-card,
  body.page-id-12049 .lgr-home-card {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;

    padding: 1px 5px !important;

    gap: 5px !important;
  }


  body.home .lgr-home-card strong,
  body.page-id-12049 .lgr-home-card strong {
    font-size: 11.5px !important;
  }


  .lgr-home-social,
  .lgr-quick-icon {
    flex-basis: 21px !important;

    width: 21px !important;
    height: 21px !important;

    min-width: 21px !important;
    min-height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;
  }


  .lgr-home-social img {
    width: 20px !important;
    height: 20px !important;

    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
  }


  .lgr-quick-icon {
    background-size: 12px 12px !important;
  }


  .lgr-title-badge {
    flex-basis: 27px !important;

    width: 27px !important;
    height: 21px !important;

    min-width: 27px !important;
    min-height: 21px !important;
    max-width: 27px !important;
    max-height: 21px !important;
  }


  /* ----------------------------------------------------------
     MENU FIXO INFERIOR
     ---------------------------------------------------------- */

  body {
    padding-bottom: calc(54px + env(safe-area-inset-bottom)) !important;
  }


  body .lgr-page-bottom-nav {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;

    pointer-events: auto !important;

    position: fixed !important;

    z-index: 999999 !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;

    width: 100% !important;
    height: calc(54px + env(safe-area-inset-bottom)) !important;

    min-height: calc(54px + env(safe-area-inset-bottom)) !important;

    margin: 0 !important;
    padding: 0 0 env(safe-area-inset-bottom) !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    background: rgba(4,13,23,.99) !important;

    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,.13) !important;

    box-shadow: 0 -4px 14px rgba(0,0,0,.32) !important;

    overflow: visible !important;
  }


  body .lgr-page-bottom-item {
    width: 100% !important;
    height: 54px !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 3px 0 2px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 2px !important;

    background: transparent !important;
    color: #e6edf5 !important;

    font-size: 9.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }


  body .lgr-page-bottom-item svg {
    display: block !important;

    width: 19px !important;
    height: 19px !important;

    min-width: 19px !important;
    min-height: 19px !important;
    max-width: 19px !important;
    max-height: 19px !important;

    margin: 0 !important;
    padding: 0 !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }


  body .lgr-page-bottom-item span {
    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font-size: 9.5px !important;
    line-height: 1 !important;
  }


  body .lgr-page-bottom-item.is-current {
    color: var(--lgr-gold) !important;
  }
}


/* ============================================================
   14. CELULARES ESTREITOS
   ============================================================ */

@media only screen and (max-width: 420px) {

  body.home .lgr-home-card strong,
  body.page-id-12049 .lgr-home-card strong {
    font-size: 11px !important;
  }

  body.home .lgr-home-section h2,
  body.page-id-12049 .lgr-home-section h2 {
    font-size: 12px !important;
  }
}


/* ============================================================
   V13.6 — GARANTIA DE ZERO ESPAÇO ENTRE HERO E CARDS
   ============================================================ */

.lgr-home-hero + .lgr-home-body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.lgr-home-dots {
  bottom: 5px !important;
}

/* Safari/WebKit: usa exatamente o mesmo cálculo de altura */
@supports (-webkit-touch-callout: none) {
  .lgr-home-hero {
    aspect-ratio: auto !important;
    height: 0 !important;
    padding-top: 56.25% !important;
  }

  .lgr-home-slide,
  .lgr-home-slide img {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
  }

  .lgr-home-slide img {
    object-fit: contain !important;
  }
}
/* =========================================================
   LES GAUCHOS - TEXTO PADRÃO DAS PÁGINAS INTERNAS
   ========================================================= */

body.page:not(.home) .entry-content > p:not(.has-text-align-center):not(.has-text-align-right),
body.page:not(.home) .entry-content > ul,
body.page:not(.home) .entry-content > ol {
    text-align: justify;
    text-justify: inter-word;
}


/* leitura dos parágrafos */
body.page:not(.home) .entry-content > p {
    line-height: 1.68;
}


/* evita quebra exagerada de palavras */
body.page:not(.home) .entry-content {
    hyphens: none;
}
/* ===== NOSSA HISTÓRIA - TIMELINE ===== */

.lgr-sobre-bloco {
  margin: 28px 0;
  border: 1px solid #d9e1ea;
  border-radius: 18px;
  background: #ffffff;
  overflow: hidden;
}

.lgr-sobre-resumo {
  list-style: none;
  cursor: pointer;
  padding: 18px 22px;
  font-size: 28px;
  font-weight: 800;
  color: #172b3f;
  background: #f7f9fc;
  border-bottom: 1px solid #e4eaf1;
  position: relative;
}

.lgr-sobre-resumo::-webkit-details-marker {
  display: none;
}

.lgr-sobre-resumo::after {
  content: "＋";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  font-weight: 700;
  color: #d0a319;
  line-height: 1;
}

.lgr-sobre-bloco[open] .lgr-sobre-resumo::after {
  content: "−";
}

.lgr-sobre-conteudo {
  padding: 28px 28px 34px;
}

.lgr-historia-intro {
  margin: 0 0 28px;
  font-size: 18px;
  line-height: 1.8;
  color: #33475b;
  text-align: justify;
}

.lgr-timeline {
  position: relative;
  margin-left: 12px;
  padding-left: 34px;
}

.lgr-timeline::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 3px;
  background: linear-gradient(to bottom, #d0a319, #172b3f);
  border-radius: 3px;
}

.lgr-timeline-item {
  position: relative;
  margin-bottom: 26px;
}

.lgr-timeline-marker {
  position: absolute;
  left: -31px;
  top: 18px;
  width: 18px;
  height: 18px;
  background: #d0a319;
  border: 4px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #172b3f;
  z-index: 2;
}

.lgr-timeline-card {
  background: #ffffff;
  border: 1px solid #d9e1ea;
  border-radius: 16px;
  padding: 20px 22px;
  box-shadow: 0 8px 24px rgba(23, 43, 63, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lgr-timeline-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(23, 43, 63, 0.10);
}

.lgr-timeline-card-destaque {
  border: 1px solid rgba(208, 163, 25, 0.45);
  background: linear-gradient(180deg, #fffdf6 0%, #ffffff 100%);
}

.lgr-timeline-titulo {
  margin: 0 0 12px;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 800;
  color: #172b3f;
}

.lgr-timeline-card p {
  margin: 0 0 12px;
  font-size: 17px;
  line-height: 1.8;
  color: #33475b;
  text-align: justify;
}

.lgr-timeline-card p:last-child {
  margin-bottom: 0;
}

/* Mobile */
@media (max-width: 768px) {
  .lgr-sobre-resumo {
    font-size: 22px;
    padding: 16px 18px;
  }

  .lgr-sobre-conteudo {
    padding: 20px 18px 24px;
  }

  .lgr-historia-intro {
    font-size: 16px;
    line-height: 1.75;
  }

  .lgr-timeline {
    margin-left: 4px;
    padding-left: 24px;
  }

  .lgr-timeline::before {
    left: 7px;
  }

  .lgr-timeline-marker {
    left: -22px;
    width: 14px;
    height: 14px;
    top: 18px;
  }

  .lgr-timeline-card {
    padding: 16px 16px;
    border-radius: 14px;
  }

  .lgr-timeline-titulo {
    font-size: 20px;
    line-height: 1.35;
  }

  .lgr-timeline-card p {
    font-size: 15.5px;
    line-height: 1.75;
  }
}