html,
body {
  touch-action: pan-x pan-y;
}

:root {
  --journal-brown: #a87552;
  --journal-brown-light: #c59672;
  --journal-brown-dark: #5f3c27;
}

.site-header {
  position: relative !important;
  z-index: 100 !important;
  inset: auto !important;
  width: 100% !important;
  padding-top: env(safe-area-inset-top, 0px);
  border-bottom: 0 !important;
}

.journal-entry-link {
  display: inline-flex;
  min-height: 62px;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 5px;
  padding: 5px 0;
  color: #fff;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  transition: color 0.18s ease;
}

.journal-entry-link > span {
  white-space: nowrap;
}

.journal-entry-link::after {
  content: "\2190  Acessar";
  display: inline-flex;
  min-width: 104px;
  min-height: 29px;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  color: #fff8f2;
  border: 1px solid rgba(197, 150, 114, 0.78);
  border-radius: 999px;
  background: linear-gradient(145deg, var(--journal-brown-light), var(--journal-brown-dark));
  box-shadow: 0 8px 20px rgba(67, 39, 23, 0.28), inset 0 1px rgba(255, 255, 255, 0.16);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.journal-entry-link:hover {
  color: #ead3c0;
}

.journal-entry-link:hover::after,
.journal-entry-link:focus-visible::after {
  border-color: #e0b38e;
  box-shadow: 0 10px 24px rgba(91, 52, 29, 0.38), inset 0 1px rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
}

.journal-entry-link svg {
  display: none;
}

.content-sample-image {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  image-rendering: auto;
  backface-visibility: hidden;
}

.module-crop-01 .content-sample-image { background-image: url("/covers/01-tradingview.webp") !important; }
.module-crop-02 .content-sample-image { background-image: url("/covers/02-metatrader5.webp") !important; }
.module-crop-03 .content-sample-image { background-image: url("/covers/03-calculadora-lote.webp") !important; }
.module-crop-04 .content-sample-image { background-image: url("/covers/04-resistencia-suporte.webp") !important; }
.module-crop-05 .content-sample-image { background-image: url("/covers/05-bos.webp") !important; }
.module-crop-06 .content-sample-image { background-image: url("/covers/06-liquidez-interna-externa.webp") !important; }
.module-crop-07 .content-sample-image { background-image: url("/covers/07-distribuicao-acumulacao.webp") !important; }
.module-crop-08 .content-sample-image { background-image: url("/covers/08-order-block.webp") !important; }
.module-crop-09 .content-sample-image { background-image: url("/covers/09-poc.webp") !important; }
.module-crop-10 .content-sample-image { background-image: url("/covers/10-projecao-alvos.webp") !important; }
.module-extra-01 .content-sample-image { background-image: url("/covers/11-manobras-institucionais.webp") !important; }
.module-extra-02 .content-sample-image { background-image: url("/covers/12-gestao-risco.webp") !important; }
.module-extra-03 .content-sample-image { background-image: url("/covers/13-fraqueza-movimento.webp") !important; }
.module-extra-04 .content-sample-image { background-image: url("/covers/14-estrutura-macro-micro.webp") !important; }
.module-extra-05 .content-sample-image { background-image: url("/covers/15-premio-desconto.webp") !important; }
.module-extra-06 .content-sample-image { background-image: url("/covers/16-construcao-contexto.webp") !important; }
.module-extra-07 .content-sample-image { background-image: url("/covers/17-estudar-conceitos.webp") !important; }
.module-extra-08 .content-sample-image { background-image: url("/covers/18-choch.webp") !important; }
.module-extra-09 .content-sample-image { background-image: url("/covers/19-poi.webp") !important; }
.module-extra-10 .content-sample-image { background-image: url("/covers/20-bpr-ifvg.webp") !important; }
.module-extra-11 .content-sample-image { background-image: url("/covers/21-entrada-direta.webp") !important; }
.module-extra-12 .content-sample-image { background-image: url("/covers/22-combo-reversao.webp") !important; }
.module-extra-13 .content-sample-image { background-image: url("/covers/23-rompimento-regioes.webp") !important; }
.module-extra-14 .content-sample-image { background-image: url("/covers/24-invalidacao-movimento.webp") !important; }
.module-extra-15 .content-sample-image { background-image: url("/covers/25-exercicios-disciplina.webp") !important; }

.content-swipe-hint {
  justify-content: center !important;
  text-align: center;
}

.content-swipe-hint span {
  color: #d8d2cd;
  letter-spacing: 0.025em;
  text-shadow:
    0 1px 0 #8d8279,
    0 2px 0 #5d554f,
    0 4px 10px rgba(0, 0, 0, 0.78);
  transform: perspective(260px) rotateX(3deg);
}

@media (max-width: 1080px) {
  .site-header nav {
    gap: 20px;
  }

  .journal-entry-link {
    padding-inline: 0;
  }
}

@media (max-width: 620px) {
  .content-showcase-section {
    padding-bottom: 14px !important;
  }

  .content-swipe-hint {
    gap: 9px !important;
    width: min(100%, 430px) !important;
    margin: 5px auto 0 !important;
    padding: 0 12px;
    font-size: 11px !important;
  }

  .content-swipe-hint svg {
    flex: 0 0 auto;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.58));
  }

  .curriculum-section {
    padding-top: 36px !important;
  }

  .journal-entry-link {
    min-height: 58px;
    align-items: center;
    gap: 4px;
    padding-inline: 0;
    font-size: 10px;
  }

  .journal-entry-link::after {
    min-width: 90px;
    min-height: 25px;
    padding: 0 10px;
    font-size: 7px;
  }
}

@media (max-width: 390px) {
  .journal-entry-link {
    padding-inline: 0;
    font-size: 9px;
  }

  .journal-entry-link::after {
    min-width: 84px;
    min-height: 24px;
  }
}

@media (prefers-reduced-motion: reduce), (pointer: coarse) {
  .journal-entry-link {
    transition: none;
  }

  .journal-entry-link:hover {
    transform: none;
  }

  .journal-entry-link::after {
    transition: none;
  }
}