/* ===== ArqBase — Pack de Detalhes (tema claro, acento vermelho) =====
   Carregado depois de curso.css: só a paleta (sobrescrevendo tokens) e as
   seções que não existem nas páginas irmãs. */

body.pack-de-detalhes {
  --idioma-texto: #FFFFFF; --idioma-cor: #5A564C; --idioma-borda: #DCD5C2;
  --azul: #C51E3F;            /* cor de destaque desta página (vermelho) */
  --azul-claro: #FDE7EC;
  --escuro: #0B0B22;          /* faixas escuras */
  --rosa-claro: #F4487D;      /* destaque sobre fundo escuro */
  --mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  --ouro: #D9A62E;
  --ouro-texto: #A87A14;
}

/* ---- Ajustes sobre componentes de curso.css ---- */
body.pack-de-detalhes .hero__sub { margin: 22px 0 22px; }
body.pack-de-detalhes .selos { margin-top: 0; }
body.pack-de-detalhes .btn--rosa:not(.btn--pequeno) { font-weight: 600; }
.btn--branco { background: #FFFFFF; color: var(--escuro); font-weight: 700; }
.btn--branco:hover { background: #F1EDE2; }
.so-mob { display: none; }

/* Cabeçalho de seção e listas com ✔ */
.secao__cabecalho { text-align: center; margin-bottom: 36px; }
.secao__cabecalho h2 { font-size: clamp(24px, 3vw, 36px); margin-top: 14px; }
.secao__cabecalho p { font-size: 15px; line-height: 1.65; color: var(--texto-suave); margin: 10px auto 0; max-width: 640px; }
.lista-check li { font-size: 14.5px; color: var(--texto-2); padding: 3px 0; }
.lista-check 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(--azul); font-weight: 700; margin-right: 8px; }

/* ---- Quantas horas um detalhamento leva ---- */
.tempo { padding: 0 var(--recuo) 64px; }
.tempo__card { background: var(--branco); border: 1px solid var(--borda); border-radius: 20px; padding: 44px 48px; display: grid; grid-template-columns: 1fr 440px; gap: 44px; align-items: center; }
.tempo h2 { font-size: clamp(22px, 2.5vw, 30px); font-style: italic; line-height: 1.35; margin-bottom: 14px; }
.tempo h2 span { color: var(--azul); }
.tempo p { font-size: 15px; line-height: 1.7; color: var(--texto-suave); }
.tempo p strong { color: var(--texto); }
.tempo .lista-check { margin: 8px 0 14px; }
.tempo__card img { width: 100%; border-radius: 12px; }

/* ---- Três formatos + para quem é ---- */
.formatos { padding: 0 var(--recuo) 64px; text-align: center; }
.formatos > h2 { font-size: clamp(24px, 3vw, 34px); margin: 14px 0 32px; }
.formatos__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.formato { background: var(--branco); border: 1px solid var(--borda); border-radius: 16px; padding: 32px 28px; }
.formato img { width: 168px; height: 168px; object-fit: contain; margin: 0 auto 16px; }
.formato__ext { display: block; font-size: 12px; letter-spacing: 2px; color: var(--azul); font-weight: 700; }
.formato h3 { font-size: 21px; margin-top: 8px; }
.formatos__nota { font-size: 13.5px; line-height: 1.65; color: var(--texto-apagado); max-width: 720px; margin: 20px auto 0; }
.publico { margin-top: 36px; }
.publico .rotulo { display: block; font-size: 12px; letter-spacing: 2.5px; font-weight: 700; margin-bottom: 20px; }
.publico__grid { display: flex; justify-content: center; gap: 56px; flex-wrap: wrap; }
.publico__grid li { display: flex; flex-direction: column; align-items: center; gap: 12px; font-size: 15px; font-weight: 700; color: var(--texto); }
.publico__icone { width: 92px; height: 92px; border-radius: 50%; background: var(--azul-claro); display: flex; align-items: center; justify-content: center; }
.publico__icone img { width: 48px; height: 48px; }

/* ---- Grandes escritórios (faixa escura) ---- */
.escritorios { background: var(--escuro); padding: 64px var(--recuo); }
.escritorios__grid { display: grid; grid-template-columns: 1fr 400px; gap: 48px; align-items: center; }
.escritorios h2 { font-size: clamp(22px, 2.8vw, 32px); color: #FFFFFF; margin-bottom: 14px; }
.escritorios h2 span { color: var(--rosa-claro); }
.escritorios p { font-size: 15.5px; line-height: 1.7; color: #C9CBD8; margin-bottom: 14px; }
.escritorios .lista-check li { font-size: 15px; color: #EDEDF2; padding: 3.5px 0; }
.escritorios .lista-check li::before { color: var(--rosa-claro); }
.escritorios img { width: 100%; border-radius: 14px; }

/* ---- Lista de detalhes (3 categorias) ---- */
.lista { padding: 64px var(--recuo) 24px; }
.categoria { background: var(--cat-fundo, var(--branco)); border: 1px solid var(--cat-borda, var(--borda)); border-radius: 20px; padding: 36px 40px; margin-bottom: 20px; }
/* Cada categoria ganhou cor propria no design: verde para pedra, marrom para
   marcenaria, ocre para iluminacao. */
.categoria--pedra      { --cat-fundo: #EAF3F2; --cat-borda: #C9E2DF; --cat-titulo: #0F5F58; --cat-num: #3D6E67; }
.categoria--marcenaria { --cat-fundo: #FBEEE9; --cat-borda: #F0D5C9; --cat-titulo: #9C3B1E; --cat-num: #8A5A45; }
.categoria--luz        { --cat-fundo: #FBF3E1; --cat-borda: #EFDFB8; --cat-titulo: #8A6410; --cat-num: #7E6626; }
.categoria__grid { display: grid; grid-template-columns: 1fr 360px; gap: 36px; align-items: stretch; }
.categoria__cab { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 18px; }
.categoria h3 { font-size: 26px; color: var(--cat-titulo, inherit); }
.categoria__qtd { background: var(--azul-claro); color: var(--azul); font-size: 11px; letter-spacing: 1.5px; font-weight: 700; padding: 5px 12px; border-radius: 99px; white-space: nowrap; text-transform: uppercase; }
.categoria__lista { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 26px; counter-reset: detalhe; }
.categoria__lista li { font-size: 12.5px; line-height: 1.55; color: #4A463D; padding: 2.5px 0; break-inside: avoid; }
.categoria__lista li::before { counter-increment: detalhe; content: counter(detalhe, decimal-leading-zero) "."; font-family: var(--mono); font-size: 11px; color: var(--cat-num, var(--areia-2)); margin-right: 8px; }
/* v4: a moldura acompanha a altura da lista e o desenho aparece inteiro
   dentro dela (contain), centralizado. */
.categoria__moldura { overflow: hidden; min-height: 320px; border-radius: 12px; border: 1px solid var(--cat-borda, var(--borda)); }
.categoria__img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }
.lista__cta { display: flex; justify-content: center; margin-top: 36px; }
.lista__cta .btn { white-space: normal; text-align: center; }

/* ---- Fichas reais do pack ---- */
.fichas { padding: 64px var(--recuo) 24px; }
.fichas__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.ficha { background: var(--branco); border: 1px solid var(--borda); border-radius: 16px; overflow: hidden; }
.ficha__paginas { position: relative; aspect-ratio: 1100 / 1446; background: var(--branco); }
.ficha__paginas img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.ficha__paginas img[hidden] { display: none; }
.ficha__barra { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 6px 10px; min-height: 46px; border-top: 1px solid var(--borda); background: var(--creme); }
.ficha__contador { font-size: 11px; letter-spacing: 1.5px; color: var(--texto-suave); font-weight: 700; text-transform: uppercase; }
.ficha__seta { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border-radius: 50%; background: var(--branco); border: 1px solid var(--borda-2); color: var(--texto); font-size: 20px; line-height: 1; }
.ficha__seta:hover { border-color: var(--azul); color: var(--azul); }
.ficha__seta:disabled { opacity: .35; cursor: default; border-color: var(--borda-2); color: var(--texto); }
.ficha__seta[hidden] { display: none; }
.ficha__corpo { padding: 18px 20px; border-top: 1px solid var(--borda); }
.ficha__cat { font-size: 11px; letter-spacing: 1.5px; color: var(--azul); font-weight: 700; text-transform: uppercase; }
.ficha h3 { font-size: 18px; margin: 6px 0 2px; }
.ficha__corpo p { font-size: 12.5px; color: var(--texto-apagado); }

/* Amostra grátis */
.amostra { background: var(--escuro); border-radius: 20px; padding: 44px 48px; display: grid; grid-template-columns: 1fr auto; gap: 36px; align-items: center; max-width: 1076px; margin: 40px auto 0; }
.amostra__tag { font-size: 12px; letter-spacing: 2.5px; color: var(--rosa-claro); font-weight: 700; text-transform: uppercase; }
.amostra h2 { font-size: clamp(20px, 2.2vw, 26px); color: #FFFFFF; margin: 10px 0 8px; }
.amostra p { font-size: 14px; line-height: 1.6; color: #C9CBD8; }
.amostra .btn { padding: 17px 30px; font-size: 15px; }

/* ---- Alunos (depoimentos, faixa escura) ---- */
.alunos { background: var(--escuro); padding: 64px var(--recuo); margin-top: 40px; text-align: center; }
.alunos h2 { font-size: clamp(22px, 2.8vw, 32px); color: #FFFFFF; margin-bottom: 8px; }
.alunos__sub { color: #A6A8B0; font-size: 15px; margin-bottom: 32px; }
.alunos__mosaico { columns: 2; column-gap: 14px; max-width: 1000px; margin: 0 auto; }
.alunos__mosaico img { width: 100%; border-radius: 10px; margin-bottom: 14px; break-inside: avoid; box-shadow: 0 8px 22px rgba(0,0,0,0.4); background: #FFFFFF; }

/* ---- Oferta (ajustes) ---- */
body.pack-de-detalhes .oferta { padding-top: 64px; }
.oferta__mockup { width: 100%; margin-bottom: 18px; }
.oferta__selo-ouro { display: inline-block; align-self: center; background: rgba(217,166,46,0.14); border: 1px solid var(--ouro); color: var(--ouro-texto); font-size: 11px; letter-spacing: 2px; font-weight: 700; padding: 6px 14px; border-radius: 99px; margin-bottom: 18px; }
.oferta__conta { background: var(--creme-escuro); border-radius: 10px; padding: 10px 14px; font-size: 12.5px; line-height: 1.55; color: var(--texto-suave); margin-top: 14px; }
.oferta__conta strong { color: var(--texto); }
.oferta__conta .oferta__conta-destaque { color: var(--azul); }
body.pack-de-detalhes .oferta__preco .btn { margin-top: 18px; }
body.pack-de-detalhes .oferta__pagamentos { width: 82%; margin-top: 18px; }
.oferta__specs { font-size: 11.5px; letter-spacing: 1px; color: var(--texto-apagado); font-weight: 600; margin-top: 14px; }

/* ---- Garantia em cartão ---- */
body.pack-de-detalhes .garantia { padding: 0 var(--recuo) 64px; text-align: left; }
.garantia__card { background: var(--branco); border: 1px solid var(--borda); border-radius: 16px; padding: 28px 32px; display: flex; gap: 24px; align-items: center; max-width: 926px; margin: 0 auto; line-height: normal; }
body.pack-de-detalhes .garantia img { width: 96px; flex-shrink: 0; margin: 0; }
body.pack-de-detalhes .garantia h3 { font-size: 20px; margin: 0 0 6px; }
body.pack-de-detalhes .garantia p { font-size: 14px; line-height: 1.6; margin: 0; max-width: none; }

/* ---- Professor ---- */
body.pack-de-detalhes .professor { padding: 0 72px 64px; }
body.pack-de-detalhes .professor img { border-radius: 16px; }
body.pack-de-detalhes .professor h2 { margin: 0 0 4px; }

/* ===== Responsivo ===== */
@media (max-width: 1024px) {
  .tempo, .formatos, .escritorios, .lista, .fichas, .alunos { padding-left: 40px; padding-right: 40px; }
  body.pack-de-detalhes .garantia, body.pack-de-detalhes .professor { padding-left: 40px; padding-right: 40px; }
  .tempo__card { grid-template-columns: 1fr 360px; gap: 32px; padding: 36px; }
  .escritorios__grid { grid-template-columns: 1fr 340px; gap: 32px; }
  .categoria { padding: 28px 30px; }
  .categoria__grid { grid-template-columns: 1fr 300px; gap: 28px; }
  .amostra { padding: 36px; }
}

@media (max-width: 900px) {
  .tempo__card, .escritorios__grid, .amostra { grid-template-columns: 1fr; }
  .amostra .btn { justify-self: start; }
  .fichas__grid { grid-template-columns: repeat(2, 1fr); }
  .categoria__grid { display: flex; flex-direction: column; gap: 0; }
  .categoria__texto { display: contents; }
  .categoria__cab { order: 1; }
  /* empilhado: o gemeo mobile do design usa 3/5 com contain */
  .categoria__moldura { order: 2; margin-bottom: 16px; align-self: stretch; aspect-ratio: 3 / 5; min-height: 0; }
  .categoria__lista { order: 3; }
}

@media (max-width: 640px) {
  .so-desk { display: none; }
  .so-mob { display: inline; }
  body.pack-de-detalhes .hero__sub { margin: 14px 0 18px; }
  .tempo { padding: 36px 24px 0; }
  .tempo__card { padding: 22px; border-radius: 14px; gap: 14px; }
  .tempo h2 { font-size: 20px; line-height: 1.4; margin-bottom: 10px; }
  .tempo p { font-size: 13px; line-height: 1.65; }
  .tempo .lista-check { margin: 6px 0 12px; }
  .tempo .lista-check li { font-size: 13px; padding: 2.5px 0; }
  .tempo__card img { border-radius: 10px; }
  .formatos { padding: 36px 24px 0; }
  .formatos > h2 { font-size: 23px; margin: 10px 0 16px; }
  .formatos__grid { grid-template-columns: 1fr; gap: 12px; }
  .formato { display: flex; align-items: center; gap: 16px; text-align: left; padding: 20px; border-radius: 14px; }
  .formato img { width: 108px; height: 108px; margin: 0; flex-shrink: 0; }
  .formato__ext { font-size: 11px; letter-spacing: 1.5px; }
  .formato h3 { font-size: 17px; margin-top: 4px; }
  .formatos__nota { font-size: 12px; margin-top: 14px; }
  .publico { margin-top: 28px; }
  .publico .rotulo { font-size: 10.5px; letter-spacing: 2px; margin-bottom: 14px; }
  .publico__grid { gap: 22px; }
  .publico__grid li { gap: 8px; font-size: 12px; max-width: 90px; text-align: center; line-height: 1.3; }
  .publico__icone { width: 68px; height: 68px; }
  .publico__icone img { width: 36px; height: 36px; }
  .escritorios { padding: 36px 24px; margin-top: 36px; }
  .escritorios__grid { gap: 0; }
  .escritorios h2 { font-size: 22px; text-align: center; margin-bottom: 10px; }
  .escritorios p { font-size: 13.5px; line-height: 1.65; margin-bottom: 12px; }
  .escritorios .lista-check { margin-bottom: 16px; }
  .escritorios .lista-check li { font-size: 13.5px; padding: 3px 0; }
  .escritorios img { border-radius: 12px; }
  .lista { padding: 36px 24px 0; }
  .secao__cabecalho { margin-bottom: 14px; }
  .secao__cabecalho h2 { font-size: 23px; margin-top: 10px; }
  .secao__cabecalho p { font-size: 12.5px; margin-top: 8px; }
  .categoria { padding: 20px; border-radius: 14px; margin-bottom: 14px; }
  .categoria__cab { justify-content: space-between; align-items: center; flex-wrap: nowrap; gap: 10px; margin-bottom: 12px; }
  .categoria h3 { font-size: 18px; }
  .categoria__qtd { font-size: 9.5px; letter-spacing: 1px; padding: 4px 9px; }
  .categoria__moldura { margin-bottom: 12px; border-radius: 10px; }
  .categoria__lista { columns: 1; }
  .categoria__lista li { font-size: 12px; padding: 2px 0; }
  .categoria__lista li::before { font-size: 10.5px; }
  .lista__cta { margin-top: 24px; }
  .lista__cta .btn { display: block; width: 100%; padding: 16px 24px; font-size: 15px; }
  .fichas { padding: 36px 24px 0; }
  .fichas__grid { grid-template-columns: 1fr; gap: 14px; }
  .ficha { border-radius: 14px; }
  .ficha__contador { font-size: 10px; }
  .ficha__corpo { padding: 14px 16px; }
  .ficha__cat { font-size: 10px; }
  .ficha h3 { font-size: 16px; margin: 5px 0 2px; }
  .ficha__corpo p { font-size: 11.5px; }
  .amostra { padding: 24px; border-radius: 16px; text-align: center; gap: 14px; margin-top: 24px; }
  .amostra__tag { font-size: 10.5px; letter-spacing: 2px; }
  .amostra h2 { font-size: 19px; margin: 8px 0 6px; }
  .amostra p { font-size: 12.5px; }
  .amostra .btn { padding: 14px 24px; font-size: 14px; justify-self: center; }
  .alunos { padding: 36px 24px; margin-top: 36px; }
  .alunos h2 { font-size: 22px; margin-bottom: 4px; }
  .alunos__sub { font-size: 13px; margin-bottom: 16px; }
  .alunos__mosaico { columns: 1; }
  .alunos__mosaico img { margin-bottom: 12px; border-radius: 8px; }
  body.pack-de-detalhes .oferta { padding: 40px 24px 0; }
  .oferta__selo-ouro { font-size: 10px; letter-spacing: 1.5px; padding: 5px 12px; margin-bottom: 14px; }
  .oferta__conta { font-size: 11.5px; padding: 9px 12px; margin-top: 12px; }
  body.pack-de-detalhes .oferta__preco .btn { margin-top: 14px; }
  body.pack-de-detalhes .oferta__pagamentos { width: 88%; margin-top: 14px; }
  .oferta__specs { font-size: 10.5px; margin-top: 12px; }
  body.pack-de-detalhes .garantia { padding: 28px 24px 0; }
  .garantia__card { display: block; text-align: center; padding: 20px; border-radius: 14px; gap: 0; }
  body.pack-de-detalhes .garantia img { width: 80px; margin: 0 auto; }
  body.pack-de-detalhes .garantia h3 { font-size: 17px; margin: 14px 0 6px; }
  body.pack-de-detalhes .garantia p { font-size: 12.5px; }
  body.pack-de-detalhes .professor { padding: 36px 24px; }
  body.pack-de-detalhes .professor img { width: 150px; }
  body.pack-de-detalhes .faq { padding: 0 24px 36px; }
}

/* h1 do herói — valores do design (desktop 46px / mobile 30px) */
body.pack-de-detalhes .hero h1 { font-size: clamp(30px, calc(30px + 16 * (100vw - 375px) / 865), 46px); line-height: 1.15; letter-spacing: -0.5px; margin-top: 16px; }
@media (max-width: 640px) {
  body.pack-de-detalhes .hero h1 { line-height: 1.2; letter-spacing: normal; margin-top: 14px; }
}

/* ===== CTA do combo (o mesmo bloco do Template de AutoCAD, no tema claro) =====
   O export pede 'Space Grotesk' aqui, mas essa fonte nao e carregada nesta
   pagina — cairia numa fonte generica. Uso a fonte de titulo da propria
   pagina (Lora), que e o que "adaptar ao tema da pagina" quer dizer. */
.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; box-shadow: 0 24px 60px rgba(60,50,30,0.12); overflow: hidden; }
.combo__grid { display: grid; grid-template-columns: 1.05fr 1fr; text-align: left; }
.combo__topo { display: none; }
.combo__lista { padding: 36px 44px; border-right: 1px solid rgba(58,43,5,0.25); display: flex; flex-direction: column; align-items: stretch; }
.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__lista h3 { font-family: var(--serif); font-size: 25px; font-weight: 600; line-height: 1.25; color: #201E19; margin: 0 0 6px; }
.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__entregas li { font-size: 13.5px; line-height: 1.5; color: #3A2B05; }
.combo__entregas 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; margin-right: 8px; }
.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__preco { padding: 36px 44px; text-align: center; display: flex; flex-direction: column; justify-content: center; }
.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__img { width: 76%; display: block; margin: 0 auto 18px; }
.combo__preco .oferta__de { color: #7A6420; }
.combo__preco .oferta__parcela, .combo__preco .oferta__avista, .combo__preco .oferta__garantia { color: #5C430A; }
.combo__valor { font-family: var(--serif); font-size: clamp(42px, 4.5vw, 56px); font-weight: 600; color: #201E19; line-height: 1.1; }
.combo__preco .oferta__idioma { background: rgba(58,43,5,0.12); color: #5C430A; }
.combo__preco .oferta__idioma strong { color: #201E19; }
.combo__preco .btn--ouro { background: #201E19; color: #FFFFFF; font-weight: 700; margin-top: 24px; display: block; padding: 18px 24px; white-space: normal; }
.combo__preco .btn--ouro:hover { background: #3A2B05; }

@media (max-width: 1024px) { .combo { padding-left: 40px; padding-right: 40px; } }
@media (max-width: 900px) {
  .combo__grid { grid-template-columns: 1fr; }
  .combo__lista { border-right: 0; border-bottom: 1px solid rgba(58,43,5,0.25); }
}
@media (max-width: 640px) {
  .combo { padding: 0 24px 44px; }
  .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; }
  .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--ouro { margin-top: 16px; padding: 15px 20px; font-size: 14.5px; }
}