/* ============================================================
   LES GAUCHOS RANDONNEURS — HOME
   CSS COMPLETO ATUALIZADO
   - atalhos junto ao banner
   - desktop sem negrito nos atalhos
   - texto mobile protegido contra extrapolação
   - mobile 2x2 compacto
   - menu inferior corrigido
   ============================================================ */

: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 DA HOME
   ============================================================ */

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,
body.page-id-12049 .entry-content {
  gap: 0 !important;
  row-gap: 0 !important;
}

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

body.home .entry-content > .wp-block-spacer,
body.page-id-12049 .entry-content > .wp-block-spacer,
body.home .entry-content > p:empty,
body.page-id-12049 .entry-content > p:empty {
  display: none !important;

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

  margin: 0 !important;
  padding: 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;
}


/* ============================================================
   2. MENU DESKTOP
   ============================================================ */

.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;

  flex: 0 0 20px !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;

  color: inherit !important;

  fill: none !important;
  stroke: currentColor !important;

  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;

  opacity: 1 !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;
}

.lgr-bottom-nav,
.lgr-bottom-menu {
  display: none !important;
  visibility: hidden !important;
}


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

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

  margin: -58px auto 0 !important;
  padding: 0 !important;

  position: relative !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 / BANNER
   ============================================================ */

.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;
}

.lgr-home-hero-actions,
.lgr-home-cta {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !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;
  }
}


/* ============================================================
   6. 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);
  }
}


/* ============================================================
   7. QUATRO ATALHOS PRINCIPAIS
   ============================================================ */

.lgr-feature-links {
  width: 100% !important;

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

  margin: -14px 0 10px 0 !important;
  padding: 0 3px !important;

  display: grid !important;

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

  grid-auto-flow: row !important;
  grid-auto-rows: 42px !important;

  column-gap: 4px !important;
  row-gap: 4px !important;

  align-items: stretch !important;
  align-content: start !important;

  justify-items: stretch !important;
  justify-content: stretch !important;

  position: relative !important;
  z-index: 20 !important;
}

.lgr-feature-link {
  width: 100% !important;

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

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

  display: flex !important;

  flex-direction: row !important;

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

  gap: 6px !important;

  border:
    1px solid rgba(255,255,255,.17) !important;

  border-radius: 7px !important;

  background:
    linear-gradient(
      180deg,
      #18375b 0%,
      #13304f 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035) !important;

  color: #fff !important;

  text-decoration: none !important;

  overflow: hidden !important;

  transition:
    background .2s ease,
    border-color .2s ease,
    transform .2s ease,
    box-shadow .2s ease !important;
}

.lgr-feature-link:hover,
.lgr-feature-link:focus {
  background:
    linear-gradient(
      180deg,
      #1c4069 0%,
      #17395d 100%
    ) !important;

  border-color:
    rgba(255,194,28,.55) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 3px 9px rgba(0,0,0,.15) !important;
}

.lgr-feature-icon {
  flex: 0 0 20px !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;

  display: flex !important;

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

  border-radius: 6px !important;

  background:
    rgba(255,194,28,.09) !important;
}

.lgr-feature-icon svg {
  display: block !important;

  flex: 0 0 13px !important;

  width: 13px !important;
  height: 13px !important;

  min-width: 13px !important;
  min-height: 13px !important;

  max-width: 13px !important;
  max-height: 13px !important;

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

  fill: none !important;

  stroke:
    var(--lgr-gold) !important;

  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;

  opacity: 1 !important;
}


/* ============================================================
   TEXTO DOS 4 ATALHOS — DESKTOP
   Sem negrito
   ============================================================ */

.lgr-feature-link strong {
  margin: 0 !important;
  padding: 0 !important;

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

  color: #fff !important;

  font-size: 12px !important;
  font-weight: 500 !important;

  line-height: 1.04 !important;

  letter-spacing: -0.05px !important;

  white-space: nowrap !important;

  overflow: hidden !important;
}


/* ============================================================
   8. CORPO
   ============================================================ */

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

  margin: 0 !important;

  padding: 0 3px 3px !important;

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

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


/* ============================================================
   9. GRUPOS
   ============================================================ */

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

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

  height: auto !important;

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

  position: static !important;

  display: grid !important;

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

  column-gap: 0 !important;
  row-gap: 5px !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: 12px !important;
}


/* ============================================================
   10. TÍTULOS
   ============================================================ */

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;
}


/* ============================================================
   11. GRID DOS GRUPOS
   ============================================================ */

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

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

  display: grid !important;

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

  grid-auto-flow: row !important;
  grid-auto-rows: 34px !important;

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

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

  height: auto !important;
}


/* ============================================================
   12. CARDS DOS GRUPOS
   ============================================================ */

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;

  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;
}


/* ============================================================
   13. ÍCONES DOS GRUPOS
   ============================================================ */

.lgr-home-social,
.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;
}

.lgr-home-social {
  display: flex !important;

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

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

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

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

  object-fit: contain !important;
}

.lgr-quick-icon {
  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;
}


/* ============================================================
   14. BADGES
   ============================================================ */

.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;
}


/* ============================================================
   15. MENU INFERIOR
   ============================================================ */

.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;
}


/* ============================================================
   16. MOBILE / TABLET
   ============================================================ */

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

  #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: 0 !important;

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

  .ct-header-trigger,
  [data-id="trigger"],
  [data-id*="trigger"],
  [data-id="mobile-menu"],
  .lgr-desktop-nav,
  .lgr-desktop-item {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }


  /* HOME */

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

    margin: -28px auto 0 !important;
    padding: 0 !important;
  }


  /* HERO */

  .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,
  .lgr-home-slide img {
    position: absolute !important;

    inset: 0 !important;

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

  .lgr-home-slide img {
    object-fit: contain !important;
    object-position: center center !important;
  }


  /* ==========================================================
     ATALHOS MOBILE
     ========================================================== */

  .lgr-feature-links {
    width: 100% !important;

    height: auto !important;

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

    margin:
      -22px 0 10px 0 !important;

    padding:
      0 3px !important;

    display: grid !important;

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

    grid-template-rows:
      repeat(2,44px) !important;

    grid-auto-flow:
      row !important;

    grid-auto-rows:
      44px !important;

    column-gap:
      4px !important;

    row-gap:
      4px !important;

    align-content:
      start !important;

    justify-content:
      stretch !important;

    align-items:
      stretch !important;

    justify-items:
      stretch !important;

    position:
      relative !important;

    z-index:
      20 !important;
  }

  .lgr-feature-link {
    width: 100% !important;

    height:
      44px !important;

    min-height:
      44px !important;

    max-height:
      44px !important;

    margin:
      0 !important;

    padding:
      4px 7px !important;

    align-self:
      start !important;

    gap:
      6px !important;

    overflow:
      hidden !important;
  }

  .lgr-feature-icon {
    flex:
      0 0 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-feature-icon svg {
    width:
      13px !important;

    height:
      13px !important;

    min-width:
      13px !important;

    min-height:
      13px !important;

    max-width:
      13px !important;

    max-height:
      13px !important;
  }


  /* ==========================================================
     TEXTO MOBILE
     ========================================================== */

  .lgr-feature-link strong {
    min-width:
      0 !important;

    max-width:
      calc(100% - 27px) !important;

    font-size:
      12px !important;

    font-weight:
      700 !important;

    line-height:
      1.02 !important;

    letter-spacing:
      -0.1px !important;

    white-space:
      nowrap !important;

    overflow:
      hidden !important;
  }


  /*
   Os dois primeiros botões têm textos maiores.
   A fonte se adapta ao tamanho da tela para nunca ultrapassar
   o limite interno do botão.
  */

  .lgr-feature-link:nth-child(1) strong,
  .lgr-feature-link:nth-child(2) strong {
    font-size:
      clamp(10.4px, 2.75vw, 11.5px) !important;

    letter-spacing:
      -0.15px !important;
  }


  /*
   Calendário e Acompanhe podem permanecer maiores.
  */

  .lgr-feature-link:nth-child(3) strong,
  .lgr-feature-link:nth-child(4) strong {
    font-size:
      12px !important;
  }


  /* GRUPOS */

  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;

    display: grid !important;

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

    grid-template-rows:
      auto auto !important;

    row-gap:
      5px !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:
      12px !important;
  }

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

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

    grid-auto-flow:
      row !important;

    grid-auto-rows:
      32px !important;

    column-gap:
      3px !important;

    row-gap:
      3px !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;
  }

  .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(
        58px +
        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(
        58px +
        env(safe-area-inset-bottom)
      ) !important;

    min-height:
      calc(
        58px +
        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:
      58px !important;

    min-width:
      0 !important;

    margin:
      0 !important;

    padding:
      4px 0 3px !important;

    display:
      flex !important;

    flex-direction:
      column !important;

    align-items:
      center !important;

    justify-content:
      center !important;

    gap:
      3px !important;

    background:
      transparent !important;

    color:
      #eef4fb !important;

    text-decoration:
      none !important;

    font-size:
      9.5px !important;

    font-weight:
      600 !important;

    line-height:
      1 !important;
  }

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

    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;

    margin:
      0 !important;

    padding:
      0 !important;

    color:
      inherit !important;

    fill:
      none !important;

    stroke:
      currentColor !important;

    stroke-width:
      2.1 !important;

    stroke-linecap:
      round !important;

    stroke-linejoin:
      round !important;

    opacity:
      1 !important;

    visibility:
      visible !important;
  }

  body .lgr-page-bottom-item svg path,
  body .lgr-page-bottom-item svg rect,
  body .lgr-page-bottom-item svg circle,
  body .lgr-page-bottom-item svg line,
  body .lgr-page-bottom-item svg polyline {
    fill:
      none !important;

    stroke:
      currentColor !important;

    opacity:
      1 !important;

    visibility:
      visible !important;
  }

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

    padding:
      0 !important;

    color:
      inherit !important;

    font-size:
      9.5px !important;

    font-weight:
      600 !important;

    line-height:
      1 !important;

    text-decoration:
      none !important;
  }

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


/* ============================================================
   17. 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;
  }

  .lgr-feature-link {
    padding:
      4px 6px !important;

    gap:
      5px !important;
  }

  .lgr-feature-icon {
    flex-basis:
      20px !important;

    width:
      20px !important;

    min-width:
      20px !important;

    max-width:
      20px !important;
  }


  /*
   Eventos:
   encolhem somente o necessário conforme a largura real.
  */

  .lgr-feature-link:nth-child(1) strong,
  .lgr-feature-link:nth-child(2) strong {
    max-width:
      calc(100% - 25px) !important;

    font-size:
      clamp(10px, 2.7vw, 11.1px) !important;

    letter-spacing:
      -0.2px !important;
  }


  /*
   Calendário e Acompanhe continuam destacados.
  */

  .lgr-feature-link:nth-child(3) strong,
  .lgr-feature-link:nth-child(4) strong {
    font-size:
      11.8px !important;
  }
}


/* ============================================================
   18. SAFARI / WEBKIT
   ============================================================ */

@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;
  }
}


/* ============================================================
   19. 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;
}

body.page:not(.home)
.entry-content > p {
  line-height:
    1.68;
}

body.page:not(.home)
.entry-content {
  hyphens:
    none;
}


/* ============================================================
   20. 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,.06);

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.lgr-timeline-card:hover {
  transform:
    translateY(-2px);

  box-shadow:
    0 12px 28px
    rgba(23,43,63,.10);
}

.lgr-timeline-card-destaque {
  border:
    1px solid
    rgba(208,163,25,.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;
}


/* ============================================================
   21. TIMELINE 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;

    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;
  }
}