/* ==========================================================================
   HPCreative — LPs de nicho (/saude/, /advocacia/…)
   Só o que a home não tem. Tudo sai dos tokens de tokens.css (via hp.css):
   cores por --bg/--surface/--text/--accent, raios --r-*, espaços --s-*.
   Prefixo sd- para não colidir com nada do site.
   ========================================================================== */

/* Faixa de confiança: quatro garantias com ícone, logo abaixo do hero */
.sd-garantias { border-block: 1px solid var(--line); background: var(--bg-raised); }
.sd-garantias ul { list-style: none; margin: 0 auto; padding: var(--s-6) var(--gutter); max-width: var(--container); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-4) var(--s-6); }
.sd-garantias li { display: flex; align-items: center; gap: var(--s-3); font-size: var(--fs-sm); color: var(--text-2); line-height: 1.35; }
.sd-garantias li b { color: var(--text); display: block; font-family: var(--font-display); font-size: var(--fs-body); }
@media (max-width: 900px) { .sd-garantias ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .sd-garantias ul { grid-template-columns: 1fr; } }

/* Cases: a hero do próprio site ocupa o cartão inteiro */
.sd-cases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-5); }
@media (max-width: 1000px) { .sd-cases { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .sd-cases { grid-template-columns: 1fr; } }
.sd-case { min-width: 0; }
.sd-case__link { display: grid; gap: var(--s-4); color: inherit; text-decoration: none; }
.sd-case__media { position: relative; aspect-ratio: 16 / 10; border-radius: var(--r-lg); overflow: hidden; background: var(--surface); border: 1px solid var(--line); }
.sd-case__media img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform var(--dur-reveal) var(--ease-out); }
.sd-case__media--logo { background: #FFFFFF; display: grid; place-items: center; }
.sd-case__media--logo img { width: 46%; height: auto; object-fit: contain; }
@media (hover: hover) { a.sd-case__link:hover .sd-case__media img { transform: scale(1.03); } }
.sd-case__go { position: absolute; right: var(--s-3); top: var(--s-3); width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--glass); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: var(--text); border: 1px solid var(--line-strong); }
.sd-case__go svg, .sd-case__go i { width: 18px; height: 18px; }
.sd-case__selo { position: absolute; left: var(--s-3); top: var(--s-3); }
.sd-case__body { display: grid; gap: 6px; }
.sd-case__body h3 { margin: 0; font-family: var(--font-display); font-weight: 700; font-size: 1.125rem; }
.sd-case__quem { font-size: var(--fs-sm); color: var(--text-2); }
.sd-case__tags { font-family: var(--font-mono); font-size: var(--fs-xs); letter-spacing: .08em; text-transform: uppercase; color: var(--accent-text); }

/* Como escolhem: foto + três momentos */
.sd-escolha { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(28px, 5cqi, 64px); align-items: center; }
@media (max-width: 860px) { .sd-escolha { grid-template-columns: 1fr; } }
.sd-escolha__foto { border-radius: var(--r-xl); overflow: hidden; aspect-ratio: 4 / 3; border: 1px solid var(--line); }
.sd-escolha__foto img { width: 100%; height: 100%; object-fit: cover; }
.sd-momentos { list-style: none; margin: var(--s-8) 0 0; padding: 0; display: grid; gap: var(--s-5); }
.sd-escolha--sem-foto { grid-template-columns: 1fr; }
.sd-escolha--sem-foto .sd-momentos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sd-escolha--sem-foto .sd-momentos li { padding: var(--s-5); border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface); }
@media (max-width: 860px) { .sd-escolha--sem-foto .sd-momentos { grid-template-columns: 1fr; } }
.sd-momentos li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s-4); align-items: start; }
.sd-momentos h3 { margin: 0 0 4px; font-family: var(--font-display); font-size: var(--fs-h4); font-weight: 700; }
.sd-momentos p { margin: 0; color: var(--text-2); }

/* Entregas: imagem que ilustra + o que vem dentro */
.sd-entregas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5); }
@media (max-width: 860px) { .sd-entregas { grid-template-columns: 1fr; } }
.sd-entrega { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; display: grid; grid-template-rows: auto 1fr; min-width: 0; }
.sd-entrega__media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--surface-2); }
.sd-entrega__media > img { width: 100%; height: 100%; object-fit: cover; }
.sd-entrega__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(23, 24, 27, .72)); pointer-events: none; }
.sd-entrega__marca { position: absolute; left: var(--s-5); bottom: var(--s-4); z-index: 1; display: flex; align-items: center; gap: var(--s-3); color: #F6F3EE; }
.sd-entrega__marca b { font-family: var(--font-mono); font-size: var(--fs-xs); letter-spacing: .14em; }
.sd-entrega__corpo { padding: var(--s-6); display: grid; gap: var(--s-4); align-content: start; }
.sd-entrega__corpo h3 { margin: 0; font-family: var(--font-display); font-size: var(--fs-h3); font-weight: 700; line-height: 1.15; }
.sd-entrega .hp-deliverables { margin: 0; }
.sd-entrega__meta { display: grid; gap: var(--s-2); border-top: 1px dashed var(--line-strong); padding-top: var(--s-4); font-size: var(--fs-sm); color: var(--text-2); }
.sd-entrega__meta span { display: flex; align-items: center; gap: var(--s-2); }
.sd-entrega__meta i, .sd-entrega__meta svg { width: 16px; height: 16px; color: var(--accent-text); flex: none; }
.sd-entrega__meta b { color: var(--text); font-weight: 600; }
.sd-entrega__ex { font-weight: 600; color: var(--accent-text); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-sm); }
.sd-entrega__ex:hover { text-decoration: underline; }

.sd-entregas__pe { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-5); margin-top: var(--s-5); }
@media (max-width: 860px) { .sd-entregas__pe { grid-template-columns: 1fr; } }
.sd-pe { border-radius: var(--r-lg); padding: var(--s-6); display: flex; gap: var(--s-4); align-items: flex-start; }
.sd-pe--prazo { background: var(--accent-soft); border: 1px solid var(--accent-line); }
.sd-pe--fora { border: 1px solid var(--line); }
.sd-pe h3 { margin: 0 0 6px; font-family: var(--font-display); font-size: var(--fs-h4); font-weight: 700; }
.sd-pe p { margin: 0; color: var(--text-2); font-size: var(--fs-sm); }

/* Ética */
.sd-etica { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5cqi, 64px); align-items: start; }
@media (max-width: 860px) { .sd-etica { grid-template-columns: 1fr; } }
.sd-conselhos { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-top: var(--s-6); }
.sd-regras { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-4); }
.sd-regras li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s-4); align-items: start; padding: var(--s-5); border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface); }
.sd-regras b { display: block; font-family: var(--font-display); font-size: var(--fs-body); margin-bottom: 2px; }
.sd-regras span { color: var(--text-2); font-size: var(--fs-sm); }

/* Investimento */
.sd-invest { position: relative; overflow: hidden; border-radius: var(--r-xl); border: 1px solid var(--line); background: var(--glow-soft), var(--surface); padding: clamp(32px, 6cqi, 72px); display: grid; gap: var(--s-5); justify-items: center; text-align: center; }
.sd-invest p { margin: 0; max-width: 54ch; color: var(--text-2); }
.sd-pacote { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--s-3); }
.sd-pacote span { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: var(--r-pill); background: var(--surface-2); font-size: var(--fs-sm); }
.sd-pacote i, .sd-pacote svg { width: 16px; height: 16px; color: var(--accent-text); }

/* Perguntas */
.sd-faq { max-width: var(--container-narrow); }

/* Quatro cases: duas colunas largas em vez de 3 + 1 */
.sd-cases--duas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 620px) { .sd-cases--duas { grid-template-columns: 1fr; } }

/* Duas grades de cases (no ar / em desenvolvimento e conceitos), cada uma com rótulo */
.sd-cases__rotulo { margin: 0 0 var(--s-4); color: var(--text-3); }
.sd-cases + .sd-cases__rotulo { margin-top: var(--s-10); }
.sd-cases--quatro { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-4); }
.sd-cases--quatro .sd-case__body h3 { font-size: 1rem; }
@media (max-width: 1000px) { .sd-cases--quatro { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .sd-cases--quatro { grid-template-columns: 1fr; } }

/* Saída para o portfólio completo do site, logo abaixo dos cases */
.sd-portfolio { margin-top: var(--s-10); display: grid; justify-items: center; gap: var(--s-4); text-align: center; }
.sd-portfolio .hp-caption { max-width: 60ch; margin: 0; }

/* Para quem é: sinais + diferenciais */
.sd-sinais { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--s-4); }
@media (max-width: 1000px) { .sd-sinais { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .sd-sinais { grid-template-columns: 1fr; } }
.sd-sinais li { display: grid; gap: var(--s-4); align-content: start; justify-items: start; padding: var(--s-6) var(--s-5); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--surface); font-family: var(--font-display); font-size: var(--fs-body); font-weight: 600; line-height: 1.35; }
@media (max-width: 520px) { .sd-sinais li { grid-template-columns: auto minmax(0, 1fr); align-items: center; padding: var(--s-4) var(--s-5); } }
.sd-difs { margin-top: var(--s-6); border-radius: var(--r-xl); border: 1px solid var(--accent-line); background: var(--accent-soft); padding: clamp(24px, 4cqi, 40px); display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 2fr); gap: var(--s-6); align-items: center; }
@media (max-width: 860px) { .sd-difs { grid-template-columns: 1fr; } }
.sd-difs h3 { margin: 0; font-family: var(--font-display); font-size: var(--fs-h3); font-weight: 700; line-height: 1.15; }
.sd-difs ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-3); }
@media (max-width: 620px) { .sd-difs ul { grid-template-columns: 1fr; } }
.sd-difs li { display: flex; gap: var(--s-3); align-items: center; padding: var(--s-4) var(--s-5); border-radius: var(--r-md); background: var(--surface); border: 1px solid var(--line); font-weight: 600; font-size: var(--fs-sm); }
.sd-difs li i, .sd-difs li svg { width: 20px; height: 20px; color: var(--accent-text); flex: none; }

/* Como funciona: etapas com foto */
.sd-etapas { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--s-6); counter-reset: etapa; }
.sd-etapa { position: relative; min-height: 440px; border-radius: var(--r-lg); overflow: visible; display: flex; flex-direction: column; justify-content: flex-end; isolation: isolate; }
.sd-etapa > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: var(--r-lg); z-index: -2; }
.sd-etapa::before { content: ""; position: absolute; inset: 0; border-radius: var(--r-lg); z-index: -1; background: linear-gradient(180deg, rgba(23, 24, 27, .15) 0%, rgba(23, 24, 27, .55) 30%, rgba(23, 24, 27, .94) 62%); }
.sd-etapa:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: calc(var(--s-6) / -2 - 9px); width: 18px; height: 18px; transform: translateY(-50%); background: var(--accent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.sd-etapa__corpo { padding: var(--s-5); display: grid; gap: var(--s-3); color: #F6F3EE; }
.sd-etapa__quando { font-family: var(--font-mono); font-size: var(--fs-xs); letter-spacing: .12em; text-transform: uppercase; color: var(--hp-orange-300, #F7B27A); }
.sd-etapa__quando b { color: #F6F3EE; }
.sd-etapa h3 { margin: 0; font-family: var(--font-display); font-size: var(--fs-h3); font-weight: 700; line-height: 1.1; color: #fff; }
.sd-etapa p { margin: 0; font-size: var(--fs-sm); line-height: 1.5; color: rgba(246, 243, 238, .86); }
.sd-etapa__voce { display: block; padding-top: var(--s-3); border-top: 1px dashed rgba(246, 243, 238, .28); font-size: var(--fs-xs); color: rgba(246, 243, 238, .78); }
.sd-etapa__voce b { color: #fff; font-weight: 600; }
.sd-etapa__voce i, .sd-etapa__voce svg { width: 14px; height: 14px; color: var(--hp-orange-300, #F7B27A); vertical-align: -2px; margin-right: 6px; }
/* sem rolagem lateral: as etapas quebram em linhas conforme a tela */
@media (max-width: 1100px) {
  .sd-etapas { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--s-4); }
  .sd-etapa { grid-column: span 2; min-height: 400px; }
  .sd-etapa:nth-child(4) { grid-column: 2 / span 2; }
  .sd-etapa:not(:last-child)::after { display: none; }
}
@media (max-width: 860px) {
  .sd-etapas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sd-etapa, .sd-etapa:nth-child(4) { grid-column: auto; min-height: 380px; }
  .sd-etapa:last-child { grid-column: 1 / -1; min-height: 320px; }
}
@media (max-width: 560px) {
  .sd-etapas { grid-template-columns: 1fr; }
  .sd-etapa, .sd-etapa:last-child { grid-column: auto; min-height: 340px; }
}
.sd-etapas__pe { list-style: none; margin: var(--s-6) 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--s-3) var(--s-6); color: var(--text-2); font-size: var(--fs-sm); }
.sd-etapas__pe li { display: inline-flex; align-items: center; gap: 8px; }
.sd-etapas__pe i, .sd-etapas__pe svg { width: 18px; height: 18px; color: var(--accent-text); }
@media (max-width: 620px) { .sd-etapas__pe { flex-direction: column; align-items: flex-start; } }

/* Avaliações do Google: mesmo cartão dos depoimentos da home, com nota e estrelas */
.sd-nota { display: inline-flex; align-items: center; gap: var(--s-3); margin: 0 0 var(--s-6); padding: 10px 18px; border-radius: var(--r-pill); border: 1px solid var(--line); background: var(--surface); color: var(--text); text-decoration: none; font-size: var(--fs-sm); }
.sd-nota b { font-family: var(--font-display); font-size: var(--fs-h4); }
.sd-nota i, .sd-nota svg { width: 16px; height: 16px; color: var(--accent-text); }
.sd-nota:hover { border-color: var(--accent-line); }
/* no celular vale o carrossel dos depoimentos do site (sem barra visível) */
@media (min-width: 821px) { .sd-avals { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sd-aval__ini { display: grid; place-items: center; background: var(--accent-soft); color: var(--accent-text); font-family: var(--font-display); font-weight: 700; font-size: 18px; }
.sd-aval__estrelas { color: #FBBC04; letter-spacing: 2px; font-size: 15px; }
.sd-aval__estrelas span { color: var(--text-2); letter-spacing: 0; font-size: var(--fs-xs); margin-left: 6px; }
.lp-depo-caixa .sd-aval__estrelas { margin-bottom: var(--s-4); }
.sd-aval__estrelas--site span { margin-left: 0; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .12em; }

/* Hero com rosto (saúde): a frase do anúncio e a foto do Higor sem moldura,
   sangrando até a borda e se desfazendo no fundo, no jeito do site da Mirela */
.sd-hr .hx__titulo { font-size: clamp(2.3rem, 4.6vw, 4rem); }
@media (min-width: 821px) { .sd-hr .hx__inner { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); } }
.sd-hr .hx__copy { position: relative; z-index: 2; }
.sd-hr__nota { margin: -6px 0 0; color: var(--text-3); font-size: var(--fs-sm); }
.sd-hr__foto { position: absolute; z-index: 1; inset: 0 0 0 auto; width: 58%; margin: 0; pointer-events: none; }
.sd-hr__foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 56%;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 38%), linear-gradient(to top, transparent 0, #000 22%);
          mask-image: linear-gradient(to right, transparent 0, #000 38%), linear-gradient(to top, transparent 0, #000 22%);
  -webkit-mask-composite: source-in; mask-composite: intersect; }
/* no celular a foto vem primeiro, na largura toda, e some embaixo antes do título */
@media (max-width: 820px) {
  .sd-hr { padding-top: 0; }
  .sd-hr__foto { position: relative; inset: auto; width: 100%; height: min(118vw, 560px); margin-bottom: -72px; }
  .sd-hr__foto img { object-position: 50% 20%;
    -webkit-mask-image: linear-gradient(to top, transparent 0, #000 34%); mask-image: linear-gradient(to top, transparent 0, #000 34%);
    -webkit-mask-composite: source-over; mask-composite: add; }
}

/* botão no fim das seções do meio, com "sem compromisso" por baixo (05/11) */
.sd-cta { margin-top: var(--s-10); display: grid; justify-items: center; gap: var(--s-3); text-align: center; }
.sd-cta__nota { margin: 0; color: var(--text-3); font-size: var(--fs-sm); }
.sd-invest .sd-cta__nota { margin-top: var(--s-3); }
.sd-portfolio + .sd-cta { margin-top: var(--s-8); }
@media (max-width: 520px) { .sd-cta .hp-btn { width: 100%; justify-content: center; } }

/* LP de psi: "Confira valores para" branding e social media, abaixo do preço (05/11) */
.sd-extras { margin-top: var(--s-8); display: grid; justify-items: center; gap: var(--s-3); }
.sd-extras .hp-label { margin: 0; }
.sd-extras__botoes { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--s-3); }
.sd-entrega__corpo h3 .hp-badge { margin-left: 8px; vertical-align: middle; }

/* fecho com vitrine: os heros dos sites de psi passando um a um ao lado do "Bora conversar" (05/11) */
.sd-fecho { display: grid; gap: var(--s-10); align-items: center; }
@media (min-width: 900px) { .sd-fecho { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); } }
.sd-vitrine { margin: 0; display: grid; gap: var(--s-4); }
.sd-vitrine__tela { position: relative; aspect-ratio: 1200 / 790; border-radius: 14px; overflow: hidden; background: #111214;
  box-shadow: 0 30px 60px -20px rgba(40, 12, 0, .55), 0 0 0 1px rgba(0, 0, 0, .25); transform: rotate(-1.2deg); }
.sd-vitrine__barra { position: absolute; inset: 0 0 auto; height: 30px; display: flex; align-items: center; gap: 6px; padding-left: 14px; background: #1b1c1f; z-index: 2; }
.sd-vitrine__barra i { width: 9px; height: 9px; border-radius: 50%; background: #3a3b40; }
.sd-vitrine__tela img { position: absolute; left: 0; top: 30px; width: 100%; height: calc(100% - 30px); object-fit: cover; object-position: top;
  opacity: 0; transform: scale(1.03); transition: opacity .9s ease, transform 4.5s ease; }
.sd-vitrine__tela img.is-on { opacity: 1; transform: scale(1); }
.sd-vitrine figcaption { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); flex-wrap: wrap; color: rgba(20, 10, 4, .78); font-size: var(--fs-sm); }
.sd-vitrine figcaption b { color: #140a04; }
.sd-vitrine__pontos { display: flex; gap: 8px; }
.sd-vitrine__pontos button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 99px; background: rgba(20, 10, 4, .28); cursor: pointer; transition: width .3s ease, background .3s ease; }
.sd-vitrine__pontos button.is-on { width: 24px; background: #140a04; }
@media (prefers-reduced-motion: reduce) { .sd-vitrine__tela img { transition: none; transform: none; } }

/* LP de psi: "de / por" e selo da Black da HP (09/11) */
.sd-selo { position: absolute; z-index: 3; height: auto; pointer-events: none; transform: rotate(-9deg); filter: drop-shadow(0 12px 22px rgba(0, 0, 0, .4)); }
.sd-selo--hero { right: clamp(20px, 4vw, 64px); bottom: clamp(28px, 7vw, 96px); width: clamp(120px, 12vw, 188px); }
.sd-selo--invest { top: clamp(14px, 3cqi, 32px); right: clamp(14px, 3cqi, 32px); width: clamp(104px, 15cqi, 176px); }
@media (min-width: 721px) { .sd-invest:has(.sd-selo) .hp-h1 { padding-inline: clamp(96px, 17cqi, 190px); } }
.sd-depor { display: grid; justify-items: center; gap: 6px; }
.sd-invest .sd-depor__de { color: var(--text-3); font-size: var(--fs-lg, 1.2rem); }
.sd-invest .sd-depor__por { color: var(--accent-text); font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(2.3rem, 7cqi, 4.2rem); line-height: 1.05; letter-spacing: -.02em; max-width: none; }
.sd-depor__por span { font-size: .46em; font-weight: 400; letter-spacing: 0; color: var(--text-2); }
.sd-invest .sd-depor__nota { color: var(--text-3); font-size: var(--fs-sm); }
@media (max-width: 820px) { .sd-selo--hero { bottom: auto; top: 76px; right: 16px; width: 112px; } }
@media (max-width: 640px) { .sd-invest .sd-depor__por { font-size: 8vw; white-space: nowrap; } .sd-depor__por span { display: block; text-align: center; font-size: .6em; } }
@media (max-width: 720px) { .sd-selo--invest { position: static; justify-self: center; width: 128px; margin-bottom: var(--s-2, 8px); } }