/* As capas mantêm o visual do catálogo ao receber as classes do widget. */
body[data-page="videoaulas"] .lesson-cover.hotmart-fb {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0;
}
body[data-page="videoaulas"] .lesson-cover.hotmart-fb img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  padding:0!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
}
.lesson-price {display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 10px;line-height:1.25}
.lesson-price strong {font-size:2rem;font-weight:700;letter-spacing:-.025em;color:#087837}
.lesson-price span {font-size:.875rem;color:var(--muted)}
.lesson-payment-note {font-size:.875rem;color:var(--muted);line-height:1.6;margin-top:8px;max-width:30ch}
body[data-page="videoaulas"] .lesson-offer .button.hotmart-fb {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
  min-height:54px;
  padding:15px 18px;
  margin-top:20px;
  border:1px solid transparent!important;
  border-radius:8px;
  background:var(--gold)!important;
  color:var(--black)!important;
  font:700 1rem/1.45 "DM Sans",Arial,sans-serif;
  text-decoration:none;
  box-shadow:none!important;
}
body[data-page="videoaulas"] .lesson-offer .button.hotmart-fb:hover {background:#ebc574!important}

.catalog-toolbar {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:26px}
.catalog-count {font-size:.875rem;color:var(--muted)}
.catalog-view-control {display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.catalog-view-label {font-size:.875rem;font-weight:600;color:var(--muted)}
.catalog-view-buttons {display:flex;gap:4px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:12px}
.catalog-view-buttons button {display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:.875rem;line-height:1.3}
.catalog-view-buttons button svg {width:18px;height:18px;flex-shrink:0}
.catalog-view-buttons button:hover {background:var(--soft)}
.catalog-view-buttons button[aria-pressed="true"] {background:var(--black);color:#fff}
.catalog-view-buttons button:focus-visible {outline:3px solid #a87018;outline-offset:2px}

/* Ícones médios: quatro colunas no desktop e duas no celular. */
body[data-page="videoaulas"] .lesson-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:none;margin-inline:0}
body[data-page="videoaulas"] .lesson-body {padding:20px}
body[data-page="videoaulas"] .lesson-body h2 {font-size:clamp(1.45rem,1.75vw,1.7rem)}
body[data-page="videoaulas"] .lesson-offer .button.hotmart-fb {gap:8px;padding-inline:12px;font-size:.9375rem}

body[data-page="videoaulas"] .lesson-grid[data-view="large"] {grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
body[data-page="videoaulas"] .lesson-grid[data-view="large"] .lesson-body {padding:26px}
body[data-page="videoaulas"] .lesson-grid[data-view="large"] .lesson-body h2 {font-size:clamp(1.65rem,2.1vw,1.95rem)}

body[data-page="videoaulas"] .lesson-grid[data-view="list"] {grid-template-columns:minmax(0,1fr);gap:14px}
body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-card {display:grid;grid-template-columns:140px minmax(0,1fr)}
body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-cover {align-self:start}
body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-body {display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,260px);grid-template-rows:auto auto 1fr;column-gap:24px}
body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-body .eyebrow {grid-column:1;margin-bottom:6px;font-size:.75rem}
body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-body h2 {grid-column:1;font-size:1.4rem}
body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-subtitle {grid-column:1;margin-top:8px;font-size:.875rem}
body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-offer {grid-column:2;grid-row:1 / span 3;margin-top:0;padding-top:0}
body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-price strong {font-size:1.65rem}
body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-payment-note {max-width:none;font-size:.8125rem;line-height:1.5}
body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-offer .button.hotmart-fb {min-height:44px;margin-top:12px;padding-block:10px}
body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-checkout {font-size:.75rem;margin-top:8px}

@media (max-width:1000px) {
  body[data-page="videoaulas"] .lesson-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  body[data-page="videoaulas"] .lesson-grid[data-view="large"] {grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}
}
@media (max-width:700px) {
  .catalog-toolbar {gap:12px;margin-bottom:20px}
  .catalog-view-control {width:100%;display:block}
  .catalog-view-label {display:block;margin-bottom:8px}
  .catalog-view-buttons {display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .catalog-view-buttons button {flex-direction:column;gap:6px;padding:8px 4px;font-size:.8125rem;min-height:64px}
  body[data-page="videoaulas"] .lesson-grid {gap:12px}
  body[data-page="videoaulas"] .lesson-grid[data-view="medium"] .lesson-card {border-radius:12px}
  body[data-page="videoaulas"] .lesson-grid[data-view="medium"] .lesson-body {padding:12px}
  body[data-page="videoaulas"] .lesson-grid[data-view="medium"] .lesson-body .eyebrow {display:none}
  body[data-page="videoaulas"] .lesson-grid[data-view="medium"] .lesson-body h2 {font-size:1.0625rem;line-height:1.25}
  body[data-page="videoaulas"] .lesson-grid[data-view="medium"] .lesson-subtitle {font-size:.75rem;line-height:1.5;margin-top:8px}
  body[data-page="videoaulas"] .lesson-grid[data-view="medium"] .lesson-offer {padding-top:16px}
  body[data-page="videoaulas"] .lesson-grid[data-view="medium"] .lesson-price {flex-direction:column;align-items:flex-start;gap:3px}
  body[data-page="videoaulas"] .lesson-grid[data-view="medium"] .lesson-price strong {font-size:1.25rem}
  body[data-page="videoaulas"] .lesson-grid[data-view="medium"] .lesson-price span {font-size:.75rem}
  body[data-page="videoaulas"] .lesson-grid[data-view="medium"] .lesson-payment-note {font-size:.75rem;line-height:1.5;max-width:none;margin-top:6px}
  body[data-page="videoaulas"] .lesson-grid[data-view="medium"] .lesson-offer .button.hotmart-fb {font-size:.8125rem;min-height:44px;padding:10px 6px;margin-top:14px}
  body[data-page="videoaulas"] .lesson-grid[data-view="medium"] .lesson-offer .button svg {display:none}
  body[data-page="videoaulas"] .lesson-grid[data-view="medium"] .lesson-checkout {font-size:.75rem;line-height:1.5;margin-top:8px}
  body[data-page="videoaulas"] .lesson-grid[data-view="large"] {max-width:490px}
  body[data-page="videoaulas"] .lesson-grid[data-view="large"] .lesson-body {padding:24px}
  body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-card {grid-template-columns:88px minmax(0,1fr);border-radius:12px}
  body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-body {display:flex;flex-direction:column;padding:14px}
  body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-body .eyebrow {display:none}
  body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-body h2 {font-size:1.0625rem;line-height:1.25}
  body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-subtitle {font-size:.75rem;line-height:1.5;margin-top:6px}
  body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-offer {padding-top:12px}
  body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-price {gap:3px 6px}
  body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-price strong {font-size:1.35rem}
  body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-price span {font-size:.75rem}
  body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-payment-note {font-size:.75rem;margin-top:6px}
  body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-offer .button.hotmart-fb {font-size:.8125rem;padding-inline:8px}
  body[data-page="videoaulas"] .lesson-grid[data-view="list"] .lesson-offer .button svg {display:none}
}