/* ===== ArqBase — Template de AutoCAD (tema escuro vinho) =====
   Carregado depois de curso.css: só o que esta página tem de diferente. */
body.template-autocad {
  --idioma-fundo: #D5203F; --idioma-texto: #FFFFFF; --idioma-cor: #C6CAD6; --idioma-borda: rgba(255,255,255,0.25);
  --creme: #0C0D12;
  --creme-escuro: #10131C;
  --texto: #EDEDF2;
  --texto-2: #EDEDF2;
  --texto-suave: #C6CAD6;
  --texto-apagado: #B9A8AC;
  --areia: #B9A8AC;
  --areia-2: #B9A8AC;
  --borda: rgba(255,255,255,0.12);
  --borda-2: rgba(255,255,255,0.18);
  --borda-3: rgba(255,255,255,0.28);
  --azul: #F03E4D;            /* cor de destaque desta página (vermelho) */
  --azul-claro: #14161E;
  --moldura: #33161B;         /* moldura do video: o design usa este vinho */
  --serif: 'Space Grotesk', system-ui, sans-serif; /* títulos */
  --cartao: #14161E;
  --ouro: #D9A62E;
  --ouro-claro: #E9C25C;
}

/* Botões desta página */
.btn--vermelho { background: #D5203F; color: #FFFFFF; font-weight: 700; }
.btn--vermelho:hover { background: #B81A35; }
.btn--ouro { background: var(--ouro); color: #3A2B05; font-weight: 700; }
.btn--ouro:hover { background: #E4B23A; }
.rotulo--menor { font-size: 12px; letter-spacing: 2.5px; font-weight: 700; }

/* ===== Hero ===== */
.hero__tag { flex-wrap: wrap; }
body.template-autocad .hero__tag img { width: 32px; height: 32px; object-fit: contain; }
.versao { background: #D5203F; color: #FFFFFF; font-size: 11px; letter-spacing: 1.5px; font-weight: 700; padding: 5px 11px; border-radius: 99px; text-transform: uppercase; }
body.template-autocad .selos li { display: flex; align-items: center; gap: 7px; background: var(--cartao); border-color: var(--borda-2); color: var(--texto-suave); }
.selos li img { width: 16px; height: 16px; flex-shrink: 0; }
body.template-autocad .video { box-shadow: 0 40px 90px rgba(0,0,0,0.55); }

/* ===== Categorias de blocos (cartões: ícone + h3 + texto + imagem; export de 2026-09-08) ===== */
.categorias { padding: 24px var(--recuo) 8px; }
.categorias__cabecalho { text-align: center; margin-bottom: 36px; }
.categorias__cabecalho h2 { font-size: clamp(24px, 3vw, 36px); margin-top: 14px; }
.categoria { background: var(--cartao); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; padding: 32px 36px; margin-bottom: 20px; }
.categoria__titulo { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
.categoria__titulo img { height: 34px; width: auto; flex-shrink: 0; }
.categoria h3 { font-size: 24px; margin: 0; }
.categoria p { font-size: 14.5px; line-height: 1.6; color: var(--texto-suave); margin: 0 0 18px; }
.categoria__img { width: 100%; border-radius: 12px; display: block; }

/* ===== Chamada do meio ===== */
.cta-meio { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 48px var(--recuo) 72px; text-align: center; }
.cta-meio .btn { font-size: 16px; padding: 18px 40px; }
.cta-meio span { font-size: 12.5px; color: var(--texto-suave); }

/* ===== Detalhamentos (fundo branco) ===== */
.detalhes { background: #FFFFFF; color: #1C0E11; padding: 64px var(--recuo); overflow-x: clip; }
.detalhes__cabecalho { text-align: center; margin-bottom: 28px; }
.detalhes h2 { font-size: clamp(24px, 3vw, 32px); color: #1C0E11; margin: 8px 0 10px; }
.detalhes p { font-size: 15.5px; line-height: 1.65; color: #6B565A; }
.detalhes__animado { width: 100%; height: auto; }
/* Faixa que corre, de ponta a ponta da janela: a largura do conteudo trava em
   1240px, entao a sangria precisa vir do viewport, nao do recuo da secao. */
.exemplos { width: 100vw; margin-left: calc(50% - 50vw); overflow: hidden; margin-top: 18px; }
.exemplos__tira { display: flex; width: max-content; animation: exemplos-anda 60s linear infinite; }
.exemplos img { height: 520px; width: 734px; flex: 0 0 auto; display: block; border-radius: 12px; margin-right: 20px; border: 1px solid #EADDE0; }
@keyframes exemplos-anda { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .exemplos__tira { animation: none; } .exemplos { overflow-x: auto; } }
.exemplos__legenda { text-align: center; font-family: var(--serif); font-size: 15px; color: #6B565A; margin-top: 12px; }

/* ===== Novidade: CTB colorido ou preto e cinza ===== */
.novidade { background: var(--creme-escuro); padding: 64px var(--recuo); }
.novidade__grid { display: grid; grid-template-columns: 1fr 520px; gap: 48px; align-items: center; }
.novidade h2 { font-size: clamp(22px, 2.6vw, 30px); margin: 10px 0 12px; }
.novidade p { font-size: 15px; line-height: 1.65; color: var(--texto-suave); margin-bottom: 18px; }
.novidade__chips { display: flex; flex-wrap: wrap; gap: 10px; }
.novidade__chips li { font-size: 12px; letter-spacing: 1.5px; font-weight: 700; color: var(--texto-2); background: var(--cartao); border: 1px solid rgba(255,255,255,0.16); border-radius: 99px; padding: 8px 14px; text-transform: uppercase; }
.novidade__chips li.ativo { color: var(--azul); }
.novidade__grid img { width: 100%; border-radius: 14px; box-shadow: 0 14px 36px rgba(0,0,0,0.45); }

/* ===== Depoimentos ===== */
body.template-autocad .depoimentos h2 { font-size: clamp(24px, 3vw, 36px); }
.depoimentos h2 span { color: var(--azul); }
body.template-autocad .mosaico { max-width: 1040px; column-gap: 16px; }
body.template-autocad .mosaico img { margin-bottom: 16px; box-shadow: 0 8px 24px rgba(0,0,0,0.4); }
.mosaico__video { width: 100%; height: auto; border-radius: 12px; display: block; margin-bottom: 16px; background: #000; break-inside: avoid; }

/* ===== Oferta ===== */
body.template-autocad .oferta__card { background: var(--cartao); border-color: rgba(255,255,255,0.1); box-shadow: 0 24px 60px rgba(0,0,0,0.4); }
.oferta__de { font-size: 15px; color: var(--texto-apagado); text-decoration: line-through; }
.oferta__mockup { width: 82%; margin: 16px auto 0; }

/* ===== Combo ===== */
.combo { padding: 0 var(--recuo) 72px; }
.combo__card { background: var(--cartao); border: 2px solid var(--ouro); border-radius: 20px; max-width: 980px; margin: 0 auto; box-shadow: 0 24px 60px rgba(0,0,0,0.45); overflow: hidden; }
.combo__topo { display: none; }
.combo__selo { display: inline-block; align-self: flex-start; background: #3A2B05; color: #F7E9C4; font-size: 10.5px; letter-spacing: 2px; font-weight: 700; padding: 6px 14px; border-radius: 99px; margin-bottom: 14px; }
.combo__sub { font-size: 14px; line-height: 1.6; color: #5C430A; margin: 0 0 2px; }
.combo__item { display: flex; gap: 14px; padding: 15px 0; border-top: 1px solid rgba(58,43,5,0.22); }
.combo__num { flex-shrink: 0; width: 30px; height: 30px; border-radius: 9px; background: #3A2B05; color: #F7E9C4; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.combo__item h4 { font-family: var(--serif); font-size: 17px; font-weight: 600; color: #201E19; margin: 0; }
.combo__papel { display: block; font-size: 11px; letter-spacing: 1.5px; font-weight: 700; color: #7A6420; margin-top: 3px; }
.combo__entregas { display: grid; gap: 3px; margin-top: 8px; list-style: none; padding: 0; }
.combo__ancora { margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(58,43,5,0.22); font-size: 13.5px; line-height: 1.55; color: #3A2B05; }
.combo__ancora strong { color: #201E19; }
.combo__marca { margin-bottom: 10px; }
.combo__rotulo { font-family: var(--serif); font-size: 15px; letter-spacing: 4px; font-weight: 700; color: #201E19; margin-bottom: 4px; }
.combo__rotulo2 { font-size: 11.5px; letter-spacing: 2px; font-weight: 700; color: #3A2B05; line-height: 1.5; }
.combo__grid { display: grid; grid-template-columns: 1.05fr 1fr; text-align: left; }
.combo__lista { padding: 36px 44px; border-right: 1px solid var(--borda); display: flex; flex-direction: column; align-items: stretch; }
.combo__lista h3 { font-size: 25px; font-weight: 600; line-height: 1.25; margin: 0 0 6px; }
.combo__lista li { font-size: 14px; line-height: 1.55; color: var(--texto-2); padding: 5px 0; border-bottom: 1px solid var(--creme-escuro); }
.combo__lista li:last-child { border-bottom: 0; }
.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; color: var(--ouro); font-weight: 700; margin-right: 8px; }
.combo__entregas li { font-size: 13.5px; line-height: 1.5; color: #3A2B05; padding: 0; border: 0; }
.combo__img { width: 76%; display: block; margin: 0 auto 18px; }
.combo__preco { padding: 36px 44px; text-align: center; display: flex; flex-direction: column; justify-content: center; }
.combo__valor { font-family: var(--serif); font-size: clamp(42px, 4.5vw, 56px); font-weight: 600; color: var(--ouro-claro); line-height: 1.1; }
.combo__preco .btn { margin-top: 24px; display: block; padding: 18px 24px; white-space: normal; }

/* ===== Garantia ===== */
.garantia h2 { font-size: 22px; margin-top: 14px; }
body.template-autocad .garantia p { font-family: var(--sans); font-style: normal; font-size: 15px; line-height: 1.65; color: var(--texto-suave); max-width: 520px; margin: 8px auto 0; }

/* ===== Professor ===== */
body.template-autocad .professor img { border-radius: 16px; }

/* ===== FAQ ===== */
body.template-autocad .faq summary { color: var(--texto-apagado); }

/* ===== Direitos autorais ===== */
/* borda dos itens da oferta: valor do design */
.oferta__lista li { border-bottom-color: #201015; }
.direitos { padding: 0 72px 40px; max-width: 1104px; margin: 0 auto; }
.direitos p { font-size: 11px; line-height: 1.6; color: #9C8B8F; }

/* ===== Barra fixa (mobile) ===== */

/* ===== Responsivo ===== */
@media (max-width: 1024px) {
  .categorias, .cta-meio, .detalhes, .novidade, .combo, .direitos { padding-left: 40px; padding-right: 40px; }
  .categoria { grid-template-columns: 280px 1fr; gap: 32px; }
  .novidade__grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}

@media (max-width: 900px) {
  .novidade__grid { grid-template-columns: 1fr; }
  .novidade__texto { text-align: center; }
  .novidade__chips { justify-content: center; }
  .combo__grid { grid-template-columns: 1fr; }
  .combo__lista { border-right: 0; border-bottom: 1px solid var(--borda); }
  body.template-autocad .professor img { width: 150px; }
}

@media (max-width: 640px) {
  body.template-autocad .hero__tag img { width: 25px; height: 25px; }
  .hero__tag { gap: 8px; }
  .versao { font-size: 9.5px; letter-spacing: 1px; padding: 4px 9px; }
  .selos li img { width: 13px; height: 13px; }
  .categorias { padding: 28px 24px 8px; }
  .categorias__cabecalho { margin-bottom: 14px; }
  .categorias__cabecalho h2 { font-size: 23px; margin-top: 10px; }
  .categoria { padding: 20px; border-radius: 14px; margin-bottom: 14px; }
  .categoria__titulo { gap: 10px; margin-bottom: 6px; }
  .categoria__titulo img { height: 26px; }
  .categoria h3 { font-size: 17px; }
  .categoria p { font-size: 12.5px; line-height: 1.55; margin-bottom: 12px; }
  .categoria__img { border-radius: 10px; }
  .cta-meio { padding: 32px 24px 40px; }
  .cta-meio .btn { font-size: 14.5px; padding: 15px 26px; white-space: normal; }
  .cta-meio span { font-size: 11.5px; }
  .detalhes { padding: 28px 24px 32px; }
  .detalhes__cabecalho { margin-bottom: 14px; }
  .detalhes h2 { font-size: 21px; margin: 6px 0 8px; }
  .detalhes p { font-size: 13px; line-height: 1.55; }
  .exemplos { margin-top: 14px; }
  .exemplos img { height: 300px; width: 423px; border-radius: 10px; margin-right: 12px; }
  .novidade { padding: 32px 24px; }
  .novidade h2 { font-size: 20px; margin: 8px 0; }
  .novidade p { font-size: 13px; line-height: 1.55; margin-bottom: 14px; }
  .novidade__chips { display: none; }
  .novidade__grid { gap: 0; }
  .novidade__grid img { border-radius: 12px; box-shadow: none; }
  .depoimentos { margin-top: 0; }
  .mosaico__video { display: none; }   /* prancheta mobile: só os prints */
  body.template-autocad .mosaico { column-gap: 10px; }
  body.template-autocad .mosaico img { margin-bottom: 10px; border-radius: 8px; }
  .oferta__de { font-size: 13px; }
  /* O gemeo mobile do design mostra o mockup e a imagem do combo em largura
     cheia — eu escondia os dois. */
  .oferta__mockup { width: 100%; margin: 12px 0 0; border-radius: 10px; }
  .combo { padding: 24px 24px 0; }
  .combo__card { border-radius: 16px; box-shadow: none; }
  /* no mobile o rótulo e a imagem sobem para o topo do quadro */
  .combo__topo { display: block; text-align: center; padding: 20px 22px 0; margin-bottom: 14px; }
  .combo__preco .combo__marca, .combo__preco .combo__img { display: none; }
  .combo__topo .combo__rotulo { font-size: 13px; margin-bottom: 3px; }
  .combo__topo .combo__rotulo2 { font-size: 10px; letter-spacing: 1.5px; margin-bottom: 12px; }
  .combo__topo .combo__img { width: 100%; margin: 0; border-radius: 10px; }
  .combo__lista { padding: 0 22px 6px; border-bottom: 0; }
  .combo__lista h3 { font-size: 19px; line-height: 1.3; margin: 0 0 6px; }
  .combo__lista li { font-size: 12.5px; padding: 4px 0; }
  .combo__selo { font-size: 9.5px; padding: 5px 12px; margin-bottom: 10px; }
  .combo__sub { font-size: 12.5px; }
  .combo__item { gap: 11px; padding: 13px 0; }
  .combo__num { width: 26px; height: 26px; border-radius: 8px; font-size: 12px; }
  .combo__item h4 { font-size: 15.5px; }
  .combo__papel { font-size: 10px; }
  .combo__entregas { gap: 2px; margin-top: 6px; }
  .combo__entregas li { font-size: 12.5px; }
  .combo__ancora { margin-top: 14px; padding-top: 12px; font-size: 12.5px; }
  .combo__preco { padding: 8px 22px 20px; }
  .combo__valor { font-size: 42px; }
  .combo__preco .btn { margin-top: 16px; padding: 15px 20px; font-size: 14.5px; }
  .garantia { padding: 36px 24px 0; }
  .garantia h2 { font-size: 19px; margin-top: 12px; }
  body.template-autocad .garantia p { font-size: 13.5px; }
  body.template-autocad .professor { padding-top: 36px; }
  .direitos { padding: 0 24px 24px; }
}

/* ===== Combo dourado claro (export de 2026-09-07) ===== */
body.template-autocad .combo__card { background: linear-gradient(180deg, #F4E3AE 0%, #E9CD8A 48%, #F0A45B 100%); border: 0; }
body.template-autocad .combo__lista { border-right: 1px solid rgba(58,43,5,0.25); }
body.template-autocad .combo__lista h3 { color: #201E19; }
body.template-autocad .combo__lista li { color: #3A2B05; border-bottom: 1px solid rgba(58,43,5,0.18); }
body.template-autocad .combo__lista li::before { color: #3A2B05; }
body.template-autocad .combo__preco .oferta__de, body.template-autocad .combo__preco .oferta__de s { color: #7A6420; }
body.template-autocad .combo__preco .oferta__garantia { color: #5C430A; }
body.template-autocad .combo__preco .oferta__parcela, body.template-autocad .combo__preco .oferta__avista { color: #5C430A; }
body.template-autocad .combo__valor { color: #201E19; }
body.template-autocad .btn--ouro { background: #201E19; color: #FFFFFF; }
body.template-autocad .btn--ouro:hover { background: #3A2B05; }
@media (max-width: 900px) { body.template-autocad .combo__lista { border-right: 0; border-bottom: 1px solid rgba(58,43,5,0.25); } }

/* ===== Versões internacionais (EN /en/autocad-template · ES /es/plantilla-autocad) =====
   Mesma página, mesmo CSS; só o que o export internacional tem de diferente da PT. */
/* Hero: ícone quadrado, pill PREMIUM + link para o outro idioma, vídeo 16:9 */
body.template-autocad .hero--int .hero__tag img { width: 34px; height: 34px; }
.hero__grid--largo { grid-template-columns: 1fr 480px; }
.video--largo { border-radius: 20px; border-color: #1A1B22; box-shadow: 0 30px 70px rgba(0,0,0,0.5); }
/* Detalhamentos: gif "zoom" (130% recortado), legenda acima dos exemplos, exemplos sem borda */
.detalhes--int { overflow: hidden; }
.detalhes--int .detalhes__cabecalho { margin-bottom: 8px; }
.detalhes--int .detalhes__cabecalho p { max-width: 640px; margin: 0 auto; }
.detalhes__animado--zoom { width: 130%; max-width: 130%; margin: 20px 0 0 -15%; }
.exemplos__legenda--acima { font-size: 20px; font-weight: 600; color: #1C0E11; margin: 28px 0 14px; }
.detalhes--int .exemplos { margin-top: 0; }
.detalhes--int .exemplos img { border: 0; border-radius: 12px; box-shadow: 0 10px 26px rgba(28,14,17,0.18); }
/* Novidade: chips quadrados (COLOR · CTB / BLACK AND GRAY · CTB) e coluna da imagem mais estreita */
.novidade__grid--int { grid-template-columns: 1fr 460px; }
.novidade__chips--ctb li { border: 0; border-radius: 8px; background: #3A3F4B; color: #FFFFFF; }
.novidade__chips--ctb li.ativo { background: #FFFFFF; color: #1C0E11; }
/* Depoimentos: duas colunas de altura livre (sem vídeo). A proporção padrão é a
   das capturas antigas; as que fogem dela trazem a própria no atributo style. */
body.template-autocad .mosaico--grade { columns: 2; column-gap: 14px; max-width: 1000px; }
body.template-autocad .mosaico--grade img { margin: 0 0 14px; border-radius: 10px; aspect-ratio: 750 / 457; object-fit: cover; break-inside: avoid; }
/* Oferta: mockup no topo da lista, pill "SPECIAL OFFER!", "From $92.00" + "SAVE $53" */
.oferta--int h2 { margin-bottom: 32px; }
.oferta__mockup--topo { width: 100%; margin: 0 0 16px; }
.oferta__pill { display: inline-block; align-self: center; background: rgba(240,62,77,0.14); border: 1px solid rgba(240,62,77,0.4); color: #FF8A94; font-size: 11px; letter-spacing: 2px; font-weight: 700; padding: 6px 14px; border-radius: 99px; margin-bottom: 18px; text-transform: uppercase; }
body.template-autocad .oferta__de--linha { text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 10px; }
body.template-autocad .oferta__de--linha s { font-size: 15px; color: #9A9DA8; }
body.template-autocad .oferta__off { background: rgba(240,62,77,0.14); border: 1px solid rgba(240,62,77,0.4); color: #FF8A94; font-size: 11px; letter-spacing: 1px; font-weight: 700; padding: 4px 10px; border-radius: 99px; }
/* Garantia em cartão (ícone à esquerda) */
.garantia--cartao { padding: 0 var(--recuo) 64px; text-align: left; }
.garantia__cartao { background: var(--cartao); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 28px 32px; display: flex; gap: 24px; align-items: center; max-width: 926px; margin: 0 auto; line-height: normal; }
.garantia--cartao img { width: 96px; margin: 0; flex-shrink: 0; }
.garantia--cartao h2 { font-size: 20px; margin: 0 0 6px; }
body.template-autocad .garantia--cartao p { font-size: 14px; line-height: 1.6; max-width: none; margin: 0; }
/* Direitos autorais em dois parágrafos */
.direitos p + p { margin-top: 8px; }

@media (max-width: 1024px) {
  .hero__grid--largo { grid-template-columns: 1fr 380px; }
  .novidade__grid--int { grid-template-columns: 1fr 1fr; }
  .garantia--cartao { padding-left: 40px; padding-right: 40px; }
}
@media (max-width: 900px) {
  .hero__grid--largo { grid-template-columns: 1fr; }
  body.template-autocad .video--largo { width: 100%; max-width: 480px; margin: 24px auto 0; border-radius: 14px; border-width: 6px; }
  .novidade__grid--int { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  body.template-autocad .hero--int .hero__tag img { width: 26px; height: 26px; }
  .detalhes--int { padding-bottom: 36px; }
  .detalhes__animado--zoom { width: 100%; max-width: 100%; margin: 14px 0 0; }
  .detalhes--int .exemplos__legenda { font-size: 16px; margin: 18px 0 10px; }
  .detalhes--int .exemplos img { border-radius: 10px; box-shadow: 0 8px 20px rgba(28,14,17,0.18); }
  .novidade__chips--ctb { display: none; }
  body.template-autocad .mosaico--grade { columns: 1; }
  body.template-autocad .mosaico--grade img { border-radius: 8px; margin-bottom: 12px; }
  .oferta--int h2 { margin-bottom: 16px; }
  .oferta__mockup--topo { display: block; margin-bottom: 12px; }
  .oferta__pill { margin-bottom: 14px; font-size: 10px; }
  body.template-autocad .oferta__de--linha s { font-size: 13px; }
  .garantia--cartao { padding: 28px 24px 0; }
  .garantia__cartao { display: block; text-align: center; padding: 20px; border-radius: 14px; gap: 0; }
  .garantia--cartao img { width: 80px; margin: 0 auto; }
  .garantia--cartao h2 { font-size: 17px; margin: 14px 0 6px; }
  body.template-autocad .garantia--cartao p { font-size: 12.5px; }
}


/* o design deixa o selo de idioma um tom acima dos outros selos do hero */
body.template-autocad .selos li.selo--idioma { color: #D6D8E0; border-color: rgba(255,255,255,0.22); background: rgba(255,255,255,0.06); }

/* v4: a garantia virou cartao horizontal, como nas paginas claras — aqui com o
   fundo escuro da pagina. */
body.template-autocad .garantia { padding: 0 var(--recuo) 64px; text-align: left; }
body.template-autocad .garantia__caixa { background: #14161E; border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 28px 32px; display: flex; gap: 24px; align-items: center; max-width: 926px; margin: 0 auto; line-height: normal; }
body.template-autocad .garantia img { width: 96px; flex-shrink: 0; margin: 0; }
body.template-autocad .garantia h3 { font-size: 20px; margin: 0 0 6px; }
body.template-autocad .garantia p { font-size: 14px; line-height: 1.6; margin: 0; max-width: none; color: var(--texto-suave); }
@media (max-width: 1024px) { body.template-autocad .garantia { padding-left: 40px; padding-right: 40px; } }
@media (max-width: 640px) {
  body.template-autocad .garantia { padding: 28px 24px 0; }
  body.template-autocad .garantia__caixa { display: block; text-align: center; padding: 20px; border-radius: 14px; gap: 0; }
  body.template-autocad .garantia img { width: 80px; margin: 0 auto; }
  body.template-autocad .garantia h3 { font-size: 17px; margin: 14px 0 6px; }
  body.template-autocad .garantia p { font-size: 12.5px; }
}

/* v4: este rotulo e' o unico sobre o fundo branco da secao; o vermelho claro
   dava 3,8:1 de contraste ali, abaixo do minimo. Os outros seguem no #F03E4D
   porque ficam sobre o fundo escuro, onde ele rende 5,1:1. */
body.template-autocad .detalhes:not(.detalhes--int) .rotulo { color: #D5203F; }

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