/* ===== Curso SketchUp + LayOut — por cima de curso.css ===== */

/* Faixa "O RESULTADO": carrossel infinito com as pranchas do executivo.
   A tira corre de ponta a ponta da tela; o cabeçalho fica na coluna de 1240px. */
.marquise { background: var(--creme-escuro); padding: 64px 0; overflow: hidden; }
.marquise__cabecalho { text-align: center; padding: 0 var(--recuo); margin-bottom: 36px; }
.marquise__cabecalho h2 { font-size: clamp(26px, 3.4vw, 36px); margin: 14px 0 10px; }
.marquise__cabecalho p { font-size: 16px; line-height: 1.65; color: var(--texto-suave); margin: 0 auto; max-width: 640px; }
.marquise__janela { width: 100%; overflow: hidden; }
.marquise__tira { display: flex; width: max-content; animation: marquise 60s linear infinite; }
.marquise__tira img { height: 420px; width: auto; border-radius: 10px; margin-right: 20px; background: var(--branco); box-shadow: 0 10px 28px rgba(60,50,30,0.14); }
@keyframes marquise { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Combo com o curso de Render com IA */
.combo { padding: 0 var(--recuo) 72px; }
.combo__card {
  background: linear-gradient(180deg, #F4E3AE 0%, #E9CD8A 48%, #F0A45B 100%);
  border-radius: 20px; max-width: 980px; margin: 0 auto; padding: 44px 48px;
  box-shadow: 0 20px 50px rgba(180,130,40,0.3); color: #3A2B05;
  display: grid; grid-template-columns: 1fr 320px; gap: 44px; align-items: center; text-align: left;
}
.combo__etiqueta { display: inline-block; background: rgba(58,43,5,0.14); border: 1px solid rgba(58,43,5,0.4); color: #3A2B05; font-size: 11px; letter-spacing: 2px; font-weight: 700; padding: 6px 14px; border-radius: 99px; text-transform: uppercase; }
.combo__icones { display: flex; align-items: center; gap: 12px; margin-top: 16px; }
.combo__icones img { width: 30px; height: 30px; }
.combo__mais { font-family: var(--serif); font-size: 22px; font-weight: 600; }
.combo__lista h3 { font-size: 30px; font-weight: 600; margin: 14px 0 10px; line-height: 1.25; }
.combo__lista p { font-size: 15px; line-height: 1.65; margin: 0 0 14px; }
.combo__lista ul { display: grid; gap: 5px; }
.combo__lista li { font-size: 14.5px; line-height: 1.55; }
.combo__lista li::before { content: ""; display: inline-block; width: 0.8em; height: 0.8em; vertical-align: -0.08em; background-color: currentColor; -webkit-mask: var(--check) no-repeat center / contain; mask: var(--check) no-repeat center / contain; font-weight: 700; margin-right: 8px; }
.combo__preco { text-align: center; }
.combo__parcela { font-size: 12px; letter-spacing: 2px; font-weight: 700; opacity: .8; }
.combo__valor { font-family: var(--serif); font-size: clamp(38px, 4.4vw, 52px); font-weight: 600; line-height: 1.1; margin-top: 6px; }
.combo__avista { font-size: 14px; margin-top: 8px; }
.btn--combo { background: #3A2B05; color: #F7E9C4; font-size: 15px; font-weight: 700; padding: 17px 24px; margin-top: 20px; display: block; white-space: normal; }
.combo__nota { font-size: 12px; margin-top: 12px; opacity: .85; }

@media (max-width: 1024px) {
  .marquise__tira img { height: 340px; }
}
@media (max-width: 900px) {
  .combo__card { grid-template-columns: 1fr; gap: 26px; text-align: center; }
  .combo__lista { text-align: left; }
  .combo__icones { justify-content: center; }
}
@media (max-width: 640px) {
  .marquise { padding: 36px 0; }
  .marquise__cabecalho { padding: 0 24px; margin-bottom: 18px; }
  .marquise__cabecalho .rotulo { font-size: 11.5px; letter-spacing: 2.5px; }
  .marquise__cabecalho h2 { font-size: 23px; margin: 10px 0 8px; }
  .marquise__cabecalho p { font-size: 13px; line-height: 1.6; }
  .marquise__tira { animation-duration: 45s; }
  .marquise__tira img { height: 230px; border-radius: 8px; margin-right: 12px; box-shadow: 0 8px 20px rgba(60,50,30,0.14); }
  .combo { padding: 0 24px 44px; }
  .combo__card { padding: 24px; border-radius: 18px; }
  .combo__etiqueta { font-size: 10px; letter-spacing: 1.5px; padding: 5px 11px; }
  .combo__icones { gap: 10px; margin-top: 14px; }
  .combo__icones img { width: 26px; height: 26px; }
  .combo__mais { font-size: 18px; }
  .combo__lista h3 { font-size: 22px; margin: 12px 0 8px; line-height: 1.3; }
  .combo__lista p { font-size: 13px; line-height: 1.6; margin-bottom: 12px; }
  .combo__lista li { font-size: 13px; }
  .combo__avista { font-size: 13px; }
  .btn--combo { font-size: 14px; padding: 15px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .marquise__tira { animation: none; }
  .marquise__janela { overflow-x: auto; }
}

/* Cartões de bônus: moldura dourada e crachá do ícone, como no design */
.bonus-card--ouro {
  background: linear-gradient(180deg, #F4E3AE 0%, #E9CD8A 48%, #F0A45B 100%);
  border: 0; border-radius: 16px; padding: 4px;
  box-shadow: 0 12px 30px rgba(180,130,40,0.28);
  display: flex; flex-direction: column;
}
.bonus-card--ouro .bonus-card__topo { position: relative; background: var(--branco); border-radius: 13px 13px 0 0; }
.bonus-card--ouro .bonus-card__topo img { border-radius: 13px 13px 0 0; }
.bonus-card--ouro .bonus-card__cracha {
  position: absolute; left: 16px; bottom: -24px; width: 52px; height: 52px;
  border-radius: 14px; background: var(--branco); border: 1px solid #EFE3C6;
  box-shadow: 0 8px 20px rgba(120,90,20,0.22);
  display: flex; align-items: center; justify-content: center;
}
.bonus-card--ouro .bonus-card__cracha img { width: 27px; height: 27px; }
.bonus-card--ouro .bonus-card__corpo { background: var(--branco); border-radius: 0 0 13px 13px; padding: 36px 24px 22px; flex: 1; }
@media (max-width: 640px) {
  .bonus-card--ouro .bonus-card__cracha { left: 14px; bottom: -20px; width: 44px; height: 44px; border-radius: 12px; }
  .bonus-card--ouro .bonus-card__cracha img { width: 23px; height: 23px; }
  .bonus-card--ouro .bonus-card__corpo { padding: 30px 18px 18px; }
}

/* h1 do herói — valores do design (desktop 48px / mobile 31px) */
.hero h1 { font-size: clamp(31px, calc(31px + 17 * (100vw - 375px) / 865), 48px); line-height: 1.15; letter-spacing: -0.5px; margin-top: 22px; }
@media (max-width: 640px) {
  .hero h1 { line-height: 1.2; letter-spacing: -0.3px; margin-top: 16px; }
}