@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap');

/* ── Merriweather (novo no Editorial) ── */
.font-merriweather { font-family: 'Merriweather', Georgia, serif; }

/* ── Outras famílias ── */
.font-inter  { font-family: 'Inter', sans-serif; }
.font-roboto { font-family: 'Roboto', sans-serif; }
.font-source { font-family: 'Source Serif 4', serif; }

/* ── Utilitários ── */
.scroll-hide { scrollbar-width: none; -ms-overflow-style: none; }
.scroll-hide::-webkit-scrollbar { display: none; }

/* ── Botão primário (laranja) ── */
.primary-button {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #ffffff;
}
.primary-button:hover { opacity: 0.9; }

/* ── Menu ── */
.menu-item { transition: color 0.2s ease; }
.menu-item:hover { color: var(--primary-color); }

/* ── Widgets ── */
.widgets-module {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 0.75rem;
}
.widgets-footer-module {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
}

.text-ellipsis {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* ── Conteúdo do post ── */
.content-area h1,.content-area h2,.content-area h3,
.content-area h4,.content-area h5,.content-area h6 {
  font-family: 'Merriweather', Georgia, serif;
  font-weight: 700 !important;
  margin: 1.5rem 0 0.75rem !important;
  color: #f1f5f9;
}
.content-area h1 { font-size: 1.75rem !important; }
.content-area h2 { font-size: 1.375rem !important; }
.content-area h3 { font-size: 1.175rem !important; }
.content-area a  { color: var(--primary-color); }
.content-area p  { margin: 1.125rem 0; }
.content-area strong, .content-area b { font-weight: 700 !important; }
.content-area em, .content-area i     { font-style: italic !important; }
.content-area ul {
  list-style-type: disc !important;
  padding-left: 1.5rem !important;
  margin: 1rem 0 !important;
}
.content-area ol {
  list-style-type: decimal !important;
  padding-left: 1.5rem !important;
  margin: 1rem 0 !important;
}
.content-area li { padding: 0.25rem 0; }
.content-area blockquote {
  border-left: 3px solid var(--primary-color);
  padding-left: 1rem;
  margin: 1.25rem 0;
  opacity: 0.8;
  font-style: italic;
}

.module-styling { margin-bottom: 1.5rem; }

/* ToC usa Fundo do Módulo via --card-bg (ID vence .module-styling em especificidade) */
#content-table {
  background-color: var(--card-bg) !important;
}

/* ── Cards ── */
.hvr-grow { transition: transform 0.25s ease; }
.hvr-grow:hover { transform: scale(1.01); }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  background: #000;
}
.video-container iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border: 0;
}

/* ── Efeito glow no hover dos cards ── */
.card-hover-glow:hover {
  box-shadow: 0 0 20px rgba(249, 115, 22, 0.15);
}