/* Identidade partilhada com MIR; composicao propria da Prova de Equivalencia. */
/* Particulas decorativas da Dioscope, sem tapar texto ou receber cliques. */
.pe-folha.eq-bolinhas { background-image: none; }
.eq-bolinhas__canvas { display: block; width: 100%; height: 100%; position: absolute; inset: 0; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
  .pe-folha.eq-bolinhas { background-image: url(../ds/folha.svg); }
  .eq-bolinhas__canvas { display: none; }
}
.logo-eq span { font: 600 17px/1.05 var(--pe-font); letter-spacing: -.03em; color: var(--pe-navy); }
.hero h1 { font-size: clamp(40px, 4.6vw, 68px); max-width: 11em; }
.hero__in { padding-bottom: 64px; }
.hero__vis .panel { width: min(100%, 400px); top: 4%; padding: 24px; }
.aula-demo { display: flex; align-items: center; gap: 14px; position: relative; overflow: hidden; min-height: 126px; margin: 20px 0 12px; padding: 20px; border-radius: 16px; background: var(--pe-navy); color: white; }
.aula-demo > span { z-index: 1; font-size: 14px; font-weight: 500; }
.aula-demo small { display: block; font-size: 11px; font-weight: 300; margin-top: 5px; opacity: .75; }
.aula-linhas { position: absolute; right: -10px; bottom: -35px; transform: rotate(-25deg); display: flex; gap: 10px; opacity: .13; }
.aula-linhas i { display: block; width: 22px; height: 170px; border: 1px solid white; border-radius: 22px; }
.study-task { display: flex; align-items: center; gap: 12px; padding: 15px 0; border-bottom: 1px solid var(--pe-line); }
.study-task:last-child { border: 0; padding-bottom: 0; }
.study-task b { font-size: 12px; font-weight: 500; }
.study-task small { display: block; font-size: 11px; color: var(--pe-ink-3); margin-top: 3px; }
.study-task > svg { margin-left: auto; color: var(--pe-blue-strong); }
.task-icon { display: grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 10px; background: var(--pe-blue-soft); color: var(--pe-blue-strong); font-size: 11px; }
.eq-float { position: absolute; right: -12px; bottom: -8px; padding: 20px; display: flex; align-items: center; gap: 12px; box-shadow: var(--pe-shadow-lift); background: var(--pe-surface); }
.eq-float b { display: block; font-size: 11px; font-weight: 500; }
.eq-float div > span { font-size: 12px; color: var(--pe-ink-3); }
.eq-strip { display: grid; grid-template-columns: repeat(4, 1fr); padding-bottom: 40px; gap: 16px; }
.eq-strip span { border-top: 1px solid var(--pe-line); padding-top: 20px; font-size: 12px; font-weight: 500; color: var(--pe-ink-3); }
.nov__txt > .pe-small { font-size: 11px; margin-top: 20px; }
.nov__txt .lista-ok li { position: relative; padding-left: 20px; }
.nov__txt .lista-ok li::before { content: '✓'; position: absolute; left: 0; color: var(--pe-blue-strong); }
.calendario { width: 100%; padding: 28px; background: var(--pe-surface); }
.dias { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin: 28px 0; text-align: center; font-size: 12px; }
.dias span { padding: 10px 4px; border-radius: 10px; }
.dias span:nth-child(-n+5) { color: var(--pe-ink-3); font-size: 10px; padding-block: 0; }
.dias .day-on { background: var(--pe-blue-strong); color: white; }
.agenda-linha { display: flex; align-items: center; gap: 12px; border-top: 1px solid var(--pe-line); padding: 16px 0; font-size: 12px; }
.agenda-linha i { width: 6px; height: 26px; border-radius: 4px; background: var(--pe-blue-soft); }
.agenda-linha:first-of-type i { background: var(--pe-blue-strong); }
.agenda-linha small { margin-left: auto; color: var(--pe-ink-3); font-size: 10px; }
.eq-tools { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.eq-tools article { padding: 30px; }
.eq-tools .pe-i { color: var(--pe-blue-strong); width: 28px; height: 28px; margin-bottom: 28px; }
.eq-tools h3 { font-size: 19px; font-weight: 400; letter-spacing: -.02em; margin-bottom: 12px; }
.eq-tools p { color: var(--pe-ink-3); font-size: 13px; line-height: 1.8; }
.eq-team { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.eq-team article { padding: 28px 20px; text-align: center; border: 1px solid var(--pe-line); border-radius: 22px; background: var(--pe-card); }
/* Nao ampliar a fotografia pequena da Ana para a largura total do cartao. */
.eq-team img { display: block; width: 120px; height: 120px; margin-inline: auto; object-fit: cover; object-position: center; border-radius: 50%; background: var(--pe-bg); border: 1px solid var(--pe-line); }
.eq-team h3 { margin-top: 20px; font-weight: 500; font-size: 16px; }
.eq-team p { color: var(--pe-ink-3); margin-top: 5px; font-size: 12px; }
.eq-prr { border-top: 1px solid var(--pe-line); padding-top: 24px; margin-top: 24px; display: flex; align-items: center; gap: 32px; }
.eq-prr p { flex: 1; }
.eq-prr img { max-width: 42%; width: 380px; height: auto; }
.rod a { overflow-wrap: anywhere; }
@media (max-width: 1100px) { .pe-nav { gap: 16px; } .hero__vis .panel { padding: 20px; } .eq-float { right: 0; } }
@media (max-width: 899px) { .hero__in { padding-bottom: 32px; } .hero__vis { width: min(100%, 460px); margin-inline: auto; min-height: 470px; } .hero__vis .panel { width: 90%; } .eq-float { bottom: 0; } .eq-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eq-team { gap: 16px; } .eq-team h3 { font-size: 14px; } .eq-prr { flex-direction: column; align-items: flex-start; } .eq-prr img { max-width: 100%; } }
@media (max-width: 599px) { .logo-eq span { font-size: 13px; } .logo-eq img { width: 30px; height: 30px; } .top-acoes { gap: 6px; } .hero h1 { font-size: 43px; } .hero__vis { min-height: 430px; } .hero__vis .panel { width: 96%; padding: 18px; } .hero__vis .etq b { font-size: 12px; } .hero__vis .etq { gap: 6px; } .aula-demo { min-height: 105px; } .eq-float { padding: 14px; } .eq-strip { grid-template-columns: repeat(2, 1fr); } .eq-tools { grid-template-columns: 1fr; } .eq-tools article { padding: 26px; } .eq-team { grid-template-columns: 1fr; gap: 14px; } .eq-team article { display: grid; grid-template-columns: 80px minmax(0, 1fr); column-gap: 18px; align-items: end; padding: 20px; text-align: left; } .eq-team img { grid-row: span 2; width: 80px; height: 80px; } .eq-team h3 { margin: 0; font-size: 15px; } .eq-team p { align-self: start; } .calendario { padding: 20px; } }
