/* YouTube "watch page" presentation layer for /grow2026/vsl */

.ytw-page .pergunta1 { padding: 0 !important; background: transparent !important; }
.ytw-page .elementor-element-25e54c95 { display: none !important; }

.ytw-stage {
  width: 100%;
  background: #000;
  border-radius: 0;
  overflow: hidden;
}
@media (min-width: 900px) {
  .ytw-stage { border-radius: 14px; }
}
.ytw-stage vturb-smartplayer,
.ytw-stage .elementor-widget-container { width: 100% !important; margin: 0 !important; }

.ytw-wrap {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 clamp(12px, 4vw, 20px) 8px;
  color: #f1f1f1;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
}

.ytw-title {
  font-size: clamp(16px, 4.4vw, 20px);
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 14px 0 6px;
  color: #fff;
}
.ytw-meta {
  font-size: 13.5px;
  color: #aaa;
  margin-bottom: 10px;
}
.ytw-meta b { color: #f1f1f1; font-weight: 600; }
.ytw-tags { font-size: 13.5px; color: #3ea6ff; margin-bottom: 4px; }

/* channel row */
.ytw-channel {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
}
.ytw-channel__avatar {
  width: 40px; height: 40px; border-radius: 50%;
  background: #fff;
  overflow: hidden;
  display: grid; place-items: center; flex: none;
  color: #fff; font-weight: 700; font-size: 15px;
}
.ytw-channel__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ytw-channel__name { font-size: 15px; font-weight: 600; color: #fff; line-height: 1.2; }
.ytw-channel__subs { font-size: 12px; color: #aaa; }
.ytw-sub-btn {
  margin-left: auto;
  background: #f1f1f1; color: #0f0f0f;
  border: 0; border-radius: 999px;
  padding: 9px 16px; font-size: 14px; font-weight: 600;
  cursor: pointer; white-space: nowrap;
  transition: background .15s ease, color .15s ease;
}
.ytw-sub-btn.is-on { background: #272727; color: #f1f1f1; }

/* action pills */
.ytw-actions {
  display: flex; gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 4px 0 8px;
  scrollbar-width: none;
  border-bottom: 1px solid #272727;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.ytw-actions::-webkit-scrollbar { display: none; }
.ytw-pill {
  display: inline-flex; align-items: center; gap: 7px;
  background: #272727; color: #f1f1f1;
  border: 0; border-radius: 999px;
  padding: 8px 14px; font-size: 13.5px; font-weight: 600;
  cursor: pointer; white-space: nowrap; flex: none;
  transition: background .15s ease;
}
.ytw-pill:hover { background: #3f3f3f; }
.ytw-pill svg { width: 20px; height: 20px; }
.ytw-likegroup .ytw-pill svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linejoin: round;
}
.ytw-pill svg { fill: currentColor; }
.ytw-likegroup .ytw-pill.is-on svg { fill: #fff; stroke: #fff; }
.ytw-pill.is-on { color: #fff; }
.ytw-likegroup { display: inline-flex; flex: none; }
.ytw-likegroup .ytw-pill:first-child { border-radius: 999px 0 0 999px; padding-right: 12px; }
.ytw-likegroup .ytw-pill:last-child { border-radius: 0 999px 999px 0; padding-left: 12px; margin-left: 1px; }

/* ---------- comments ---------- */
#fb-comments {
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 2px clamp(12px, 4vw, 20px) 40px !important;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color: #f1f1f1 !important;
}
#fb-comments .fb-heading {
  font-size: 16px !important;
  color: #f1f1f1 !important;
  font-weight: 700 !important;
  margin: 0 0 12px !important;
}
#fb-comments .fb-heading b { font-weight: 700; }
#fb-comments .fb-heading span { color: #aaa; font-weight: 400; margin-left: 8px; font-size: 14px; }
#fb-comments .comments-container {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  gap: 18px !important;
}
#fb-comments .comment .user-avatar {
  width: 40px !important; height: 40px !important;
  max-width: 40px !important; max-height: 40px !important;
  border-radius: 50% !important;
}
#fb-comments .comment.answer { margin-left: 46px !important; max-width: calc(100% - 46px) !important; }
#fb-comments .comment.answer .user-avatar {
  width: 26px !important; height: 26px !important;
  max-width: 26px !important; max-height: 26px !important;
}
#fb-comments .comment .comment-data .user {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
#fb-comments .comment .comment-data .user .name {
  color: #f1f1f1 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-bottom: 3px !important;
}
#fb-comments .comment .comment-data .user .text {
  color: #f1f1f1 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}
#fb-comments .comment .comment-data .buttons {
  margin: 8px 0 0 0 !important;
  gap: 14px !important;
}
#fb-comments .comment .comment-data .buttons span { display: none !important; }
#fb-comments .comment .comment-data .buttons like,
#fb-comments .comment .comment-data .buttons answer,
#fb-comments .comment .comment-data .buttons time {
  color: #aaa !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}
#fb-comments .comment .comment-data .buttons like[liked] { color: #3ea6ff !important; }
#fb-comments .comment likes {
  color: #aaa !important;
  font-size: 12.5px !important;
}

/* ---------- YouTube-style comment items ---------- */
#fb-comments .ytw-comment {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
}
#fb-comments .ytw-comment.answer { margin-left: 46px !important; max-width: calc(100% - 46px) !important; }
.ytw-comment__avatar {
  width: 40px; height: 40px; border-radius: 50%;
  flex: none; overflow: hidden; background: #272727;
  display: grid; place-items: center;
  color: #fff; font-weight: 700; font-size: 15px;
}
#fb-comments .ytw-comment.answer .ytw-comment__avatar { width: 26px; height: 26px; font-size: 12px; }
.ytw-comment__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ytw-comment__avatar--me { background: linear-gradient(135deg, #ff4e45, #b00); }
.ytw-comment__body { min-width: 0; flex: 1; }
.ytw-comment__head { font-size: 13px; color: #f1f1f1; margin-bottom: 3px; }
.ytw-comment__head b { font-weight: 600; }
.ytw-comment__head span { color: #aaa; font-weight: 400; margin-left: 5px; }
.ytw-comment__text { font-size: 14px; line-height: 1.45; color: #f1f1f1; white-space: pre-wrap; word-break: break-word; }
.ytw-comment__actions { display: flex; align-items: center; gap: 16px; margin-top: 8px; }
.ytw-cbtn {
  display: inline-flex; align-items: center; gap: 6px;
  background: none; border: 0; padding: 0; cursor: pointer;
  color: #aaa; font-size: 12.5px; font-weight: 500;
}
.ytw-cbtn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linejoin: round; }
.ytw-cbtn em { font-style: normal; }
.ytw-cbtn:hover { color: #fff; }
.ytw-cbtn.is-on { color: #fff; }
.ytw-cbtn.is-on svg { fill: #fff; stroke: #fff; }

/* ---------- composer ---------- */
.ytw-compose { display: flex; gap: 12px; align-items: flex-start; margin: 0 0 16px; }
.ytw-compose__avatar {
  width: 40px; height: 40px; border-radius: 50%; flex: none;
  background: linear-gradient(135deg, #ff4e45, #b00);
  display: grid; place-items: center; color: #fff; font-weight: 700; font-size: 15px;
}
.ytw-compose__body { flex: 1; min-width: 0; }
.ytw-compose__avatar { overflow: hidden; }
.ytw-compose__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 50%; }
.ytw-compose__input {
  width: 100%; background: transparent; border: 0;
  border-bottom: 1px solid #3f3f3f; color: #f1f1f1;
  font-size: 14px; padding: 6px 0; outline: none;
}
.ytw-compose__input::placeholder { color: #aaa; }
.ytw-compose__input:focus { border-bottom-color: #f1f1f1; }
.ytw-compose__row { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }
.ytw-compose__cancel, .ytw-compose__send {
  border: 0; border-radius: 999px; padding: 8px 15px;
  font-size: 13.5px; font-weight: 600; cursor: pointer;
}
.ytw-compose__cancel { background: transparent; color: #f1f1f1; }
.ytw-compose__cancel:hover { background: #272727; }
.ytw-compose__send { background: #3ea6ff; color: #0f0f0f; }
.ytw-compose__send:disabled { background: #272727; color: #717171; cursor: default; }

/* full-width normalisation of the legacy Elementor containers */
.ytw-page .elementor-326 .e-con,
.ytw-page .elementor-326 .e-con-inner,
.ytw-page .elementor-326 .elementor-widget-html,
.ytw-page .elementor-326 .elementor-widget-container {
  max-width: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
}
.ytw-page .elementor-326 .e-con,
.ytw-page .elementor-326 .e-con-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  --content-width: 100% !important;
}
.ytw-page .ytw-stage { max-width: 900px; margin: 0 auto; }
.ytw-page .ytw-stage .vturb-player-placeholder { width: 100% !important; }
.ytw-page body, .ytw-page { overflow-x: hidden; }

.ytw-page .pergunta1 { align-items: stretch !important; }
.ytw-page .ytw-stage,
.ytw-page .ytw-wrap { align-self: stretch !important; width: 100% !important; }