/*
 * Páginas dinâmicas (pagina.php): uma única barra de rolagem (viewport / documento).
 * html rola; body e main não criam segunda área rolável.
 */
html.pagina-dinamica-html {
  overflow-x: hidden;
  overflow-y: auto;
  height: auto;
}

body.pagina-dinamica-body {
  overflow-x: hidden;
  overflow-y: visible !important;
  height: auto !important;
  min-height: 0 !important;
}

main.pagina-dinamica {
  overflow: visible !important;
  max-height: none !important;
  min-height: 0;
}

.pagina-dinamica section {
  overflow-x: hidden;
  overflow-y: visible;
}

.instructor-detail-info-line {
  width: 100%;
  height: 1px;
  background-color: #d7d7d7;
  margin-top: 40px;
  margin-bottom: 40px;
}

.instructor-detail-info-user-box {
  display: flex;
  align-items: center;
}

.instructor-detail-info-name-rating {
  display: flex;
  align-items: center;
}

.pagina-dinamica .instructor-detail-info-line {
  background-color: var(--theme-color2);
}

.h2-subtitle {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 17px;
  color: var(--theme-color2);
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}

.h2-title {
  font-weight: 800;
  text-transform: none;
  font-size: 35px;
  color: var(--color-dark);
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}

.h2-title span {
  color: var(--theme-color2);
}

.pagina-dinamica .row {
  margin: 0px !important;
}

.blog-box {
  background-color: #ffffff;
  box-shadow: 0px 30px 60px 0px rgb(0, 0, 0, 0.1);
  border-radius: 8px;
  margin-bottom: 30px;
}

.blog-img {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}

.blog-content {
  padding: 30px 30px 15px 30px;
}

.blog-line {
  background-color: #cccccc;
  width: 100%;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 15px;
}

.sec-btn {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  background-color: var(--theme-color2);
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.pagina-dinamica .header-top-social a {
  padding: 9px 0px !important;
}

/* Conteúdo vindo do Admin (HTML): evita segunda rolagem por inline style comum */
.pagina-dinamica-conteudo [style*="overflow-y:auto"],
.pagina-dinamica-conteudo [style*="overflow-y: auto"],
.pagina-dinamica-conteudo [style*="overflow-y:scroll"],
.pagina-dinamica-conteudo [style*="overflow-y: scroll"],
.pagina-dinamica-conteudo [style*="overflow:auto"],
.pagina-dinamica-conteudo [style*="overflow: auto"] {
  overflow: visible !important;
  max-height: none !important;
}