/* "Quem estudou aqui conta" na /cursos (amace_dep_secao_cursos): um cartão grande e dois menores.
   Fundo branco (a onda do "Como funciona" logo abaixo é branca) e cartões no rosado. */
.adc { padding: 100px 0 0; font-family: Quicksand, sans-serif; color: #1f1e1a; }
.adc-caixa { max-width: 1248px; margin: 0 auto; padding: 0 20px; }
.adc-topo { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 36px; }
html body .adc .adc-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 14px; font-weight: 700; line-height: 1.5; color: #333; }
.adc .hx-eb-coracao { flex: 0 0 auto; width: 16px; height: 16px; overflow: visible; fill: none; stroke: var(--hx-eb, #cd2121); stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
html body .adc .adc-titulo { margin: 0; font-size: clamp(30px, 3.4vw, 40px); font-weight: 700; line-height: 1.12; letter-spacing: -.02em; color: #1f1e1a; }
.adc-marca { position: relative; display: inline-block; z-index: 0; white-space: nowrap; }
.adc-risco { position: absolute; left: 50%; top: 50%; z-index: -1; width: calc(100% + 18px); height: calc(100% + 18px); overflow: visible; transform: translate(-50%, -50%); fill: none; stroke: #cd212a; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }

.adc-grade { display: grid; grid-template-columns: 1.4fr 1fr; grid-template-rows: auto auto; gap: 20px; }
.adc-nota { display: flex; flex-direction: column; gap: 18px; padding: 28px; border-radius: 20px; background: #fff; transition: transform .5s cubic-bezier(.16, 1, .3, 1); }
.adc-nota[data-adep-video] { cursor: pointer; }
.adc-nota[data-adep-video]:hover { transform: translateY(-3px); }
.adc-nota:focus-visible { outline: 3px solid rgba(205, 33, 42, .35); outline-offset: 3px; }
.adc-nota--grande { grid-row: span 2; padding: 38px; justify-content: space-between; }
.adc-aspas { display: block; height: 30px; font-size: 84px; font-weight: 700; line-height: .7; color: #cd212a; }
html body .adc .adc-frase { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.55; color: #1f1e1a; }
html body .adc .adc-nota--grande .adc-frase { font-size: 26px; font-weight: 600; line-height: 1.38; letter-spacing: -.01em; }
.adc-pe { display: flex; align-items: center; gap: 14px; margin-top: auto; }

/* o rosto no anel com as quatro cores da AMACE e a bolinha de play */
.adc-anel { --t: 54px; position: relative; flex: 0 0 auto; padding: 0; border-radius: 50%; background: none; }
.adc-nota--grande .adc-anel { --t: 68px; }
.adc-rosto { display: block; width: var(--t); height: var(--t); border-radius: 50%; border: 0; background: #ebe1db center 22% / cover no-repeat; }
.adc-anel i { position: absolute; right: -3px; bottom: 0; display: grid; place-items: center; width: 24px; height: 24px; padding-left: 2px; border-radius: 50%; border: 2px solid #fff; background: #cd212a; color: #fff; transition: transform .4s var(--amace-curva); }
.adc-anel i svg { width: 10px; height: 10px; }
.adc-nota:hover .adc-anel i { transform: scale(1.15); }
.adc-quem strong { display: block; font-size: 15.5px; line-height: 1.3; }
.adc-quem small { display: block; margin-top: 2px; font-size: 13px; line-height: 1.45; color: #6b6560; }

@media (max-width: 900px) {
    .adc-grade { grid-template-columns: minmax(0, 1fr); }
    .adc-nota--grande { grid-row: auto; }
}
@media (max-width: 767px) {
    .adc { padding-top: 64px; }
    .adc-topo { flex-direction: column; align-items: center; text-align: center; margin-bottom: 26px; }
    html body .adc .adc-titulo { font-size: 24px; }
    .adc-nota, .adc-nota--grande { padding: 22px; }
    html body .adc .adc-nota--grande .adc-frase { font-size: 19px; }
    html body .adc .adc-frase { font-size: 14.5px; }
    .adc-aspas { height: 22px; font-size: 64px; }
}
@media (prefers-reduced-motion: reduce) { .adc-nota, .adc-anel i { transition: none; } }

/* empilhados (celular e tablet): o cartão grande fica igual aos outros */
@media (max-width: 900px) {
    .adc-nota--grande { padding: 22px; }
    .adc-nota--grande .adc-aspas, .adc-nota--grande .adc-det { display: none; }
    html body .adc .adc-nota--grande .adc-frase { font-size: 14.5px; font-weight: 600; line-height: 1.55; letter-spacing: 0; }
    .adc-nota--grande .adc-anel { --t: 54px; }
}
@media (min-width: 768px) and (max-width: 900px) { html body .adc .adc-nota--grande .adc-frase { font-size: 16px; } }