/* =========================================================================
   TIPOGRAFIA E BOTÕES · fonte única da verdade (aprovada em out/2026)

   Carregado POR ÚLTIMO em todas as páginas: o que está aqui prevalece sobre
   as escalas antigas de styles.css e curso.css.

   Regras
   - Blauer Nue Light (300) só em títulos; Google Sans no resto.
   - A escala cresce até 1440px e para: telas maiores ganham espaço, não letra.
   - Para mudar um tamanho, mude o token em :root, não o componente.
   ========================================================================= */
:root {
  --f-d: 'Blauer Nue', 'Google Sans Flex', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --f-t: 'Google Sans Flex', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;

  --t-display: clamp(38px, 3.9vw, 56px);   /* hero da home e dos cursos, fecho */
  --t-h1:      clamp(30px, 2.8vw, 40px);   /* título de seção */
  --t-h2:      clamp(22px, 1.95vw, 28px);  /* subtítulo, título de cartão */
  --t-h3:      clamp(17px, 1.25vw, 18px);  /* título de item: módulo, etapa, pergunta */
  --t-lead:    clamp(16px, 1.18vw, 17px);  /* texto de destaque */
  --t-body:    15px;                       /* texto corrido */
  --t-small:   13px;                       /* notas, rodapé, legendas */
  --t-tag:     11px;                       /* etiqueta em caixa alta */
  --t-num:     clamp(56px, 5.6vw, 80px);   /* números grandes */
  --t-price:   clamp(40px, 3.4vw, 48px);   /* preço */
  --t-btn:     14px;
}

/* ------------------------------------------------------------- base */
body { font-family: var(--f-t); }

/* ------------------------------------------------- títulos (Blauer Light) */
.t, .t *,
.chero__mark, .chero__mark *,
.cperc__frase, .cperc__t, .cperc__n,
.cpanel__mark, .cpanel__mark *,
.clist__t, .clist__mark, .clist__mark *,
.sym__word, .sym__big, .reel__txt,
.menu__courses a:not(.btn),
.cplan__name, .cplan__v, .xcard__num b,
.ct__h2, .legal h1, .legal h2 {
  font-family: var(--f-d) !important;
  font-weight: 300 !important;
}

.t--hero, .chero__mark, .foot__cta .t--xl, .ct__t, .legal h1 {
  font-size: var(--t-display) !important; line-height: 1 !important; letter-spacing: -0.03em !important;
}
.t--xl, .t--l, .cperc__frase, .sym__word, .cpanel__mark, .menu__courses a:not(.btn) {
  font-size: var(--t-h1) !important; line-height: 1.05 !important; letter-spacing: -0.025em !important;
}
.t--m, .t--s, .cperc__t, .clist__mark, .cplan__name, .ct__h2, .legal h2 {
  font-size: var(--t-h2) !important; line-height: 1.15 !important; letter-spacing: -0.02em !important;
}
/* o rodapé e o topo das páginas de curso usam a classe de seção, mas são display */
.foot__cta .t--xl { font-size: var(--t-display) !important; }

/* títulos de cartão em uma cor só (sem o cinza + preto) */
.xcard__lead, .xcard__lead b { color: inherit !important; }
.xcard__lead { color: var(--fg) !important; }

/* ---------------------------------------- títulos de item (Google Sans) */
.cprog__t, .q h3, .q h5, .cwho__l li, .menu__pages a, .chero__ficha dd, .icard .t--s {
  font-family: var(--f-t) !important; font-weight: 400 !important;
  font-size: var(--t-h3) !important; line-height: 1.35 !important; letter-spacing: -0.01em !important;
}
/* nos cartões "O que você encontra" o título é de item, não de cartão */
.icard .t--s { font-size: var(--t-h3) !important; }

/* ------------------------------------------------------------- textos */
.p {
  font-family: var(--f-t); font-size: var(--t-body) !important; line-height: 1.6 !important; letter-spacing: 0 !important;
}
.hero__sub, .hero__copy--split .hero__sub, .sym__para, .chero__lead, .cperc__sub, .cbuy__lead, .comm__p,
.mentor__lead, .foot__cta .p, .ct__lead, .paths__copy .p, .cwho__head .p {
  font-size: var(--t-lead) !important; line-height: 1.55 !important; letter-spacing: -0.005em !important;
}
.m, .cprog__n, .cprog__c, .syl, .syl li, .syl__note, .cplan__inst, .cplan__nota .p, .cplan__alt,
.cplan__duv, .close__links a, .close__links span, .close__legal, .reel__cap, .xlist--ico em, .cpanel__chips span,
.cplan__tags li, .ct__fl, .ct__fc, .menu__foot {
  font-family: var(--f-t) !important; font-size: var(--t-small) !important; line-height: 1.5 !important; letter-spacing: 0 !important;
}
.tag, .m.tag, .hero .hero__kicker.tag, .csec__label, .cbuy__lbl, .cplan__kick, .chero__ficha dt, .close__nav > div > .m,
.menu .m--acc, .ct__info dt, .ct__f > .m {
  font-family: var(--f-t) !important; font-size: var(--t-tag) !important; line-height: 1.3 !important;
  letter-spacing: 0.08em !important; text-transform: uppercase !important;
}
/* texto do cartão escuro "25 + horas" e preço: o complemento acompanha o corpo */
.xcard__num span, .cplan__x, .cplan__cur { font-family: var(--f-t) !important; font-size: var(--t-body) !important; letter-spacing: 0 !important; }

/* ------------------------------------------------------------- números */
.xcard__num b { font-size: var(--t-num) !important; line-height: .95 !important; letter-spacing: -0.03em !important; }
.cplan__v { font-size: var(--t-price) !important; line-height: 1 !important; letter-spacing: -0.03em !important; }
.cperc__n { font-size: var(--t-h1) !important; line-height: 1 !important; letter-spacing: -0.02em !important; }

/* ------------------------------------------- textos decorativos grandes */
.reel__txt { font-size: clamp(48px, 5.6vw, 80px) !important; letter-spacing: -0.03em !important; }

/* =========================================================================
   BOTÕES
   Uma altura (40px; 36px no topo), texto 14px, círculo da seta 28px em tom
   suave que acende em amarelo no hover. Duas cores: escuro e claro.
   ========================================================================= */
.btn {
  height: 40px; min-height: 40px; padding: 0 6px 0 18px; gap: 12px;
  font-family: var(--f-t) !important; font-size: var(--t-btn) !important; font-weight: 400 !important;
  letter-spacing: -0.005em !important; line-height: 1;
}
.btn:not(:has(.ci)) { padding: 0 18px; min-height: 40px; }
.btn .ci, .btn--light .ci, .btn--ghost .ci, .nav .btn--sm .ci,
.nav[data-theme='dark'] .btn--sm .ci, .nav[data-theme='light'] .btn--sm .ci, .nav.is-menu .btn--sm .ci,
.cpanel .btn--light .ci, .close .foot__cta .btn .ci {
  width: 28px; height: 28px; font-size: 12px;
  background: rgba(255,255,255,0.14); color: currentColor;
}
.btn--light .ci, .cpanel .btn--light .ci, .nav[data-theme='dark'] .btn--sm .ci, .nav.is-menu .btn--sm .ci { background: rgba(14,18,16,0.08); }
.nav[data-theme='light'] .btn--sm .ci { background: rgba(255,255,255,0.14); }

/* hover: o botão não muda de cor, só o círculo acende em amarelo */
.btn:hover, .btn--light:hover { background: var(--dark); color: var(--light); }
.btn--light:hover { background: #fff; color: var(--dark); }
.btn:hover .ci, .btn--light:hover .ci, .btn--ghost:hover .ci, .cpanel .btn--light:hover .ci,
.nav[data-theme='dark'] .btn--sm:hover .ci, .nav[data-theme='light'] .btn--sm:hover .ci, .nav.is-menu .btn--sm:hover .ci,
.close .foot__cta .btn:hover .ci { background: var(--yellow); color: #0E1210; }

/* botão do fecho: segue o padrão escuro (antes era amarelo) */
.close .foot__cta .btn, .close .foot__cta .btn:hover { background: var(--dark); color: var(--light); }

/* topo: "Menu" e o botão da direita com a mesma altura (36px) */
.nav .btn--sm { height: 36px; min-height: 36px; padding: 0 4px 0 16px; gap: 10px; }
.nav__menu { height: 36px; line-height: 36px; padding: 0 16px; }
.nav__menu-t { height: 36px; }
.nav__menu, .nav__menu .btn__t { font-family: var(--f-t) !important; font-size: var(--t-btn) !important; letter-spacing: -0.005em !important; }

/* botão flutuante "3 formações" */
.fcta { height: 40px; padding: 0 16px 0 4px; gap: 10px; font-size: var(--t-small) !important; }
.fcta__chip { padding: 8px 12px; font-weight: 400 !important; font-size: 12px; }

/* links de texto (ver os módulos, falar com a Bravo, WhatsApp) */
.cpanel__more, .faq__contact, .cplan__alt a, .cplan__duv {
  font-family: var(--f-t) !important; font-size: var(--t-btn) !important; letter-spacing: 0 !important;
  text-decoration: underline; text-underline-offset: 4px; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
}
.cpanel__more:hover, .faq__contact:hover, .cplan__alt a:hover, .cplan__duv:hover { text-decoration-color: currentColor; }
/* o "Ver os módulos" já tem a linha no span: sem o sublinhado do texto por cima */
.cpanel__more { text-decoration: none !important; }
.cpanel__more span { border-bottom-color: color-mix(in srgb, currentColor 40%, transparent); transition: border-color .3s; }
.cpanel__more:hover span { border-bottom-color: currentColor; }

@media (max-width: 1000px) {
  /* no toque, os botões do topo ficam com 40px de altura */
  .nav .btn--sm, .nav__menu { height: 40px; min-height: 40px; line-height: 40px; }
  .nav__menu-t { height: 40px; }
}

/* ------------------------------------------- peças criadas por script */
/* índice das formações (01 02 03 · role para explorar) */
.course-index button { font-family: var(--f-t) !important; font-size: 11px !important; line-height: 1 !important; letter-spacing: 0.02em !important; }
.course-index span { font-family: var(--f-t) !important; font-size: var(--t-tag) !important; letter-spacing: 0.08em !important; text-transform: uppercase; }
.course-dialog__close { font-family: var(--f-t) !important; font-size: var(--t-small) !important; }
/* linha legal do rodapé: etiqueta */
.close__legal, .close__legal * { font-size: var(--t-tag) !important; letter-spacing: 0.08em !important; text-transform: uppercase; }
.cprog__l, .cprog__l li { font-family: var(--f-t) !important; font-size: var(--t-small) !important; line-height: 1.5 !important; letter-spacing: 0 !important; }

/* --------------------------------------------- respiro ajustado à nova escala */
/* linhas dos módulos: o mínimo de altura foi pensado para títulos de 40px */
.cprog__i summary { min-height: 72px; padding: 16px 0; }
/* página de privacidade: texto corrido no token */
.legal p, .legal li { font-size: var(--t-body) !important; line-height: 1.6 !important; letter-spacing: 0 !important; }

/* =========================================================================
   FASE 1 · ajustes (out/2026)
   ========================================================================= */
/* FAQ: mesmo componente na home e nos cursos; sem sublinhado no hover */
.q summary:hover h3, .q summary:hover h5 { text-decoration: none !important; }
.q summary h3, .q summary h5 { transition: opacity .3s var(--ease); }
.q summary:hover h3, .q summary:hover h5 { opacity: .62; }
.q summary .q__x { transition: transform .5s var(--ease); }
.q summary:hover .q__x { transform: rotate(90deg); }

/* módulos: um aberto por vez (curso.js) */

/* "Quem conduz" / "Quem está por trás da Bravo": foto 4:5 até ~600px e texto
   centralizado, com a etiqueta logo acima do nome */
.mentor__grid { align-items: center; }
.mentor__media { height: auto; min-height: 0; aspect-ratio: 4 / 5; max-height: min(600px, 78vh); width: auto; max-width: 100%; }
.mentor__txt { justify-content: center; gap: clamp(16px, 2vh, 24px); padding-bottom: 0; }
.mentor__body { gap: 0; }
.mentor__body .t { max-width: none; margin-bottom: clamp(16px, 2vh, 24px); }
.mentor__lead { margin-top: clamp(14px, 1.8vh, 20px); }
.mentor__logos { margin-top: clamp(28px, 4vh, 44px); }

/* investimento: "O curso inclui" e "Bônus" dividem a mesma grade, para as
   linhas de separação ficarem na mesma altura nas duas colunas */
@media (min-width: 861px) {
  .cbuy__cols { grid-template-rows: auto repeat(6, auto); row-gap: 0; }
  .cbuy__col { display: grid; grid-template-rows: subgrid; grid-row: 1 / -1; }
  .cbuy__col .xlist--ico { display: contents; }
  .cbuy__col .xlist--ico li { align-self: stretch; }
}

/* "Conheça também" (cursos) e "Qual caminho…" (home): nomes em display */
.clist__t, .comm__list .clist__t {
  font-family: var(--f-d) !important; font-weight: 300 !important;
  font-size: var(--t-display) !important; line-height: 1 !important; letter-spacing: -0.03em !important;
}
.clist__d {
  font-family: var(--f-t) !important; font-size: var(--t-lead) !important; line-height: 1.5 !important;
  letter-spacing: -0.005em !important; margin-top: 8px;
}

/* rodapé dos cursos: o fundo em volta do bloco final é sólido (o vídeo do topo
   não aparece mais pelas bordas) */
.curso .foot--close { position: relative; z-index: 1; background: var(--light); }
.comm__themes li + li { margin-top: clamp(18px, 2.6vh, 32px); }

/* "Quem está por trás da Bravo" / "Quem conduz": a frase de destaque sobe para
   logo abaixo do nome e a bio corre em duas colunas no desktop */
.mentor__body { display: flex; flex-direction: column; }
.mentor__body > .t { order: 1; }
.mentor__body > .mentor__lead { order: 2; margin: 0 0 clamp(20px, 2.6vh, 28px); max-width: 40ch; color: var(--fg); }
.mentor__body > .mentor__bio { order: 3; }
.mentor__body > .mentor__logos { order: 4; }
@media (min-width: 1001px) {
  .mentor__txt { grid-column: 7 / -1; }
  .mentor__bio { column-count: 2; column-gap: clamp(28px, 2.8vw, 48px); max-width: none !important; }
}
.mentor__body > .mentor__bio { margin-top: 0; }

/* =========================================================================
   FASE 2 (out/2026)
   ========================================================================= */
/* letreiro do vídeo: pontos centralizados na altura das letras */
.reel__dot { display: inline-block; width: .15em; height: .15em; margin: 0 .42em; border-radius: 50%; background: currentColor; vertical-align: .28em; }

/* Caminhos (home): linhas mais próximas; com descrição (cursos) mantém respiro */
.comm__themes li + li { margin-top: 0; }
.comm__list .clist__row { padding: clamp(2px, 0.3vw, 5px) 0; }
.comm__list .clist__row:has(.clist__d) { padding: clamp(10px, 1.4vh, 16px) 0; }

/* "O que você encontra": ícones grandes sem caixa, título de cartão e texto de destaque */
.icard { min-height: 0; gap: 12px; }
.icard__ico { width: auto; height: auto; border: 0; border-radius: 0; background: none; color: var(--fg); margin-bottom: clamp(28px, 4vh, 48px); }
.icard__ico svg { width: clamp(36px, 2.8vw, 44px); height: clamp(36px, 2.8vw, 44px); stroke-width: 1.15; }
.icard .t--s {
  font-family: var(--f-d) !important; font-weight: 300 !important;
  font-size: var(--t-h2) !important; line-height: 1.15 !important; letter-spacing: -0.02em !important;
}
.icard .p { font-size: var(--t-lead) !important; line-height: 1.55 !important; letter-spacing: -0.005em !important; max-width: 38ch; }
.icard__ico { align-self: flex-start; place-items: start; }

/* foto do Jorge no desktop: metade da largura e altura acompanhando a tela */
@media (min-width: 1001px) {
  .mentor__media { grid-column: 1 / span 6; width: 100%; max-width: none; aspect-ratio: auto; height: clamp(520px, 80svh, 860px); max-height: none; }
  .mentor__txt { grid-column: 7 / -1; padding-left: clamp(16px, 2.4vw, 56px); }
}

/* bloco do Jorge (home e cursos): no desktop a foto tem exatamente a altura
   da coluna de texto; o texto define a altura e a foto acompanha */
@media (min-width: 1001px) {
  .mentor__grid { align-items: stretch; }
  .mentor__media { position: relative; height: auto; min-height: 0; max-height: none; aspect-ratio: auto; align-self: stretch; }
  .mentor__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .mentor__txt { justify-content: flex-start; }
}

/* "Quem conduz" (páginas de curso): a seção ocupa a tela inteira; foto maior,
   bio em uma coluna só e o texto na mesma altura da foto (nome no topo, marcas
   na base), com respiro antes do investimento */
.mentor--curso { padding-bottom: clamp(80px, 12vh, 150px); }
@media (min-width: 1001px) {
  .mentor--curso .mentor__grid { min-height: clamp(640px, calc(100svh - 2 * clamp(48px, 7vh, 90px)), 980px); }
  .mentor--curso .mentor__media { grid-column: 1 / span 7; }
  .mentor--curso .mentor__txt { grid-column: 8 / -1; justify-content: space-between; }
  .mentor--curso .mentor__body { flex: 1; }
  .mentor--curso .mentor__bio { column-count: 1; max-width: 50ch !important; font-size: var(--t-lead) !important; line-height: 1.6 !important; }
  .mentor--curso .mentor__body > .mentor__logos { margin-top: auto; padding-top: clamp(28px, 4vh, 44px); }
}

/* =========================================================================
   PROVA SOCIAL (out/2026): faixa de marcas abaixo da hero, prêmios no manifesto
   e "O que você encontra" alinhado e com a altura de uma tela
   ========================================================================= */
/* faixa fina de marcas: uma linha só, logos em cinza, rolando devagar */
/* a hero encolhe o necessário para a faixa inteira (com respiro embaixo) caber na primeira dobra */
:root { --faixa-pad: clamp(28px, 5.5vh, 60px); --faixa-row: clamp(24px, 2.2vw, 34px); }
.hero { height: calc(100vh - var(--frame) - 2 * var(--faixa-pad) - var(--faixa-row)); height: calc(100svh - var(--frame) - 2 * var(--faixa-pad) - var(--faixa-row)); }
.marcas { display: flex; align-items: center; gap: clamp(16px, 2vw, 32px); height: calc(2 * var(--faixa-pad) + var(--faixa-row)); padding: 0 var(--pad); background: var(--light); }
.marcas__track { height: var(--faixa-row); }
.marcas__lbl { flex: 0 0 auto; color: var(--mut); white-space: nowrap; }
.marcas__viewport {
  flex: 1; min-width: 0; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
}
.marcas__track { display: flex; width: max-content; animation: marcas-roda 56s linear infinite; }
.marcas__set { display: flex; align-items: center; gap: clamp(36px, 4.2vw, 72px); padding-right: clamp(36px, 4.2vw, 72px); }
.marcas img { height: clamp(16px, 1.5vw, 24px); width: auto; max-width: 112px; object-fit: contain; flex: 0 0 auto; filter: brightness(.3); opacity: .62; }
.marcas img[src*="itau"], .marcas img[src*="mitsubishi"], .marcas img[src*="heineken"] { height: clamp(22px, 2.2vw, 34px); }
@keyframes marcas-roda { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .marcas__track { animation: none; } }
@media (max-width: 760px) { :root { --faixa-pad: 22px; --faixa-row: 26px; } .marcas__lbl { display: none; } }

/* prêmios no manifesto: número grande no alto, à direita, e os festivais em tipografia */
.sym__premios {
  position: absolute; z-index: 3; right: var(--pad); top: calc(var(--navh) + 3vh); width: min(44vw, 560px);
  padding-top: clamp(14px, 2vh, 22px); border-top: 1px solid rgba(17,19,17,.22); text-align: left;
  opacity: 0; transform: translateY(24px); pointer-events: none;
}
.sym__num { display: flex; align-items: baseline; gap: 14px; margin: 0; }
.sym__num b { font-family: var(--f-d); font-weight: 300; font-size: var(--t-num); line-height: .9; letter-spacing: -0.03em; color: #111311; }
.sym__num span { font-family: var(--f-t); font-size: var(--t-lead); color: rgba(17,19,17,.72); }
.sym__fest { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2.2vh, 22px) clamp(18px, 2.2vw, 36px); margin: clamp(18px, 3vh, 30px) 0 0; padding: 0; list-style: none; }
.sym__fest li { display: grid; gap: 4px; align-content: start; }
.sym__fest b { font-family: var(--f-d); font-weight: 300; font-size: var(--t-h3); letter-spacing: -0.01em; color: #111311; white-space: nowrap; }
.sym__fest span { font-family: var(--f-t); font-size: var(--t-small); line-height: 1.35; color: rgba(17,19,17,.6); }
@media (max-width: 760px) {
  .sym__premios { right: var(--pad); left: var(--pad); width: auto; top: calc(var(--navh) + 3vh + 2.1em + 12vh); }
  .sym__num b { font-size: var(--t-h1); }
  .sym__fest { gap: 10px 14px; margin-top: 12px; }
  /* no celular entram os seis mais fortes */
  .sym__fest li:nth-child(n+7) { display: none; }
  /* os prêmios já estão no bloco: o parágrafo fica sem esse trecho no celular */
  .sym__extra { display: none; }
  .sym__fest b { font-size: var(--t-body); }
  /* o parágrafo fica acima de "nasce da prática" (duas linhas do textão) */
  .sym__about { top: auto; bottom: calc(4vh + 2 * 0.9 * clamp(44px, 15vw, 96px) + 18px); }
}
/* celulares baixos: prêmios em uma linha compacta e o parágrafo sem o trecho dos prêmios */
@media (max-width: 760px) and (max-height: 740px) {
  .sym__num b { font-size: var(--t-h2); }
  .sym__fest { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 6px; }
  .sym__fest li { display: flex; align-items: baseline; gap: 6px; }
  .sym__fest li:nth-child(n+4) { display: none; }
  .sym__fest b { font-size: var(--t-small); }
  .sym__fest span { font-size: var(--t-tag); }
  .sym__extra { display: none; }
  .sym .sym__para { font-size: var(--t-small) !important; line-height: 1.5 !important; }
}

/* "O que você encontra": mesma margem do título e da seção anterior, título em uma linha,
   e os cartões dividem a altura de uma tela */
.find { padding-left: var(--pad); padding-right: var(--pad); }
.find__head { padding-left: 0; padding-right: 0; }
.find__head .t { max-width: none; }
@media (min-width: 1001px) {
  .find { min-height: 100svh; display: flex; flex-direction: column; padding-bottom: clamp(16px, 3vh, 32px); }
  .find__grid { flex: 1; grid-auto-rows: minmax(0, 1fr); }
  .icard { min-height: 0; justify-content: flex-start; }
  .icard .t--s { margin-top: auto; }
  /* os títulos de uma mesma linha ficam na mesma altura, mesmo com textos de tamanhos diferentes */
  .icard .p { min-height: calc(3 * 1.55em); }
}

/* bio do Jorge em dois parágrafos */
.mentor__bio p { margin: 0; }
.mentor__bio p + p { margin-top: 1em; }

/* =========================================================================
   DEPOIMENTOS (out/2026): citações em texto no slider da home e iniciais
   no lugar da foto nas páginas de curso
   ========================================================================= */
.ts__slide--txt { aspect-ratio: auto; min-height: clamp(280px, 24vw, 400px); display: flex; align-items: flex-end;
  padding: clamp(26px, 3vw, 48px); background: radial-gradient(120% 90% at 30% 20%, #1A1F1C 0%, #0E1210 70%); border: 1px solid rgba(242,243,238,.08); }
.ts__q { margin: 0; color: #F4F4EF; font-family: var(--f-d); font-weight: 300; font-size: clamp(20px, 1.75vw, 28px); line-height: 1.28; letter-spacing: -0.02em; text-wrap: pretty; }
.ts__q::before { content: '“'; }
.ts__q::after { content: '”'; }
@media (max-width: 760px) {
  .ts__slide--txt { min-height: 340px; padding: 24px; }
  .ts__q { font-size: 19px; }
}
.cdep__ini {
  display: grid; place-items: center; width: clamp(56px, 5vw, 80px); aspect-ratio: 1; border-radius: 50%;
  background: rgba(var(--accent-rgb), .12); color: var(--accent);
  font-family: var(--f-d); font-weight: 300; font-size: clamp(18px, 1.5vw, 24px); letter-spacing: -0.02em;
}