/* RetornoADS — páginas de pilares e institucionais */

/* ===== lista de entregas ===== */
.entregas { padding: var(--ritmo) 0; }
.entregas__lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 2px solid var(--tinta); }
.entregas__lista li { padding: clamp(18px, 2.4vw, 32px) clamp(14px, 2vw, 28px) clamp(18px, 2.4vw, 32px) 0; border-bottom: 1px solid var(--regra-escura); }
.entregas__lista li:not(:nth-child(3n + 1)) { padding-left: clamp(14px, 2vw, 28px); border-left: 1px solid var(--regra-escura); }
.entregas__lista h3 { font: 600 clamp(1.3rem, 2vw, 1.9rem)/1.1 var(--titulo); letter-spacing: -.02em; margin-bottom: 8px; }
.entregas__lista p { color: var(--tinta-2); }
.entregas__lista small { display: block; margin-top: 12px; font: 400 .72rem/1.4 var(--mono); text-transform: uppercase; letter-spacing: .04em; color: var(--roxo); }

/* ===== comparativo ===== */
.comparativo { padding: var(--ritmo) 0; }
.comparativo__quadro { overflow-x: auto; }
.comparativo table { width: 100%; min-width: 620px; border-collapse: collapse; }
.comparativo th, .comparativo td { text-align: left; vertical-align: top; padding: clamp(14px, 1.8vw, 22px) 18px clamp(14px, 1.8vw, 22px) 0; border-bottom: 1px solid var(--regra-clara); }
.comparativo thead th { font: 400 .74rem/1.3 var(--mono); text-transform: uppercase; letter-spacing: .04em; color: rgba(244, 239, 230, .7); border-bottom: 2px solid var(--papel); }
.comparativo tbody th { font-weight: 600; width: 22%; }
.comparativo td { width: 39%; }
.comparativo td:last-child { color: var(--menta); }
.papel .comparativo th, .papel.comparativo th, .papel.comparativo td { border-color: var(--regra-escura); }
.papel.comparativo thead th { color: var(--tinta-2); border-bottom-color: var(--tinta); }
.papel.comparativo td:last-child { color: var(--roxo); font-weight: 600; }

/* ===== rotina ===== */
.rotina { padding: var(--ritmo) 0; }
.rotina__lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 24px); }
.rotina__lista li { padding: clamp(20px, 2.4vw, 32px); background: var(--noite-2); border-top: 3px solid var(--cor, var(--lilas)); }
.rotina__lista b { display: block; font: 500 .74rem/1.3 var(--mono); text-transform: uppercase; letter-spacing: .04em; color: var(--cor, var(--lilas)); margin-bottom: 14px; }
.rotina__lista h3 { font: 600 clamp(1.4rem, 2.2vw, 2.1rem)/1.08 var(--titulo); letter-spacing: -.02em; margin-bottom: 10px; }
.rotina__lista p { color: rgba(244, 239, 230, .78); }

/* ===== diário grande (trackeamento) ===== */
.jornada { padding: var(--ritmo) 0; }
.jornada .monitor { position: static; max-width: 980px; }
.jornada .tela { min-height: 0; }

/* ===== texto corrido (privacidade, sobre) ===== */
.leitura { padding: calc(var(--ritmo) * .9) 0 var(--ritmo); }
.leitura__grade { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 8fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.leitura__indice { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 8px; font: 400 .78rem/1.4 var(--mono); }
.leitura__indice a { text-decoration: none; color: var(--tinta-2); }
.leitura__indice a:hover { color: var(--roxo); }
.leitura__texto { max-width: 68ch; }
.leitura__texto h2 { font: 600 clamp(1.5rem, 2.6vw, 2.4rem)/1.1 var(--titulo); letter-spacing: -.02em; margin: clamp(36px, 4vw, 56px) 0 14px; scroll-margin-top: 96px; }
.leitura__texto h2:first-child { margin-top: 0; }
.leitura__texto p, .leitura__texto li { color: var(--tinta-2); margin-bottom: 12px; }
.leitura__texto ul { list-style: disc; padding-left: 1.2em; }
.leitura__texto strong { color: var(--tinta); }
.preencher { background: color-mix(in srgb, var(--ambar) 45%, transparent); color: var(--tinta); padding: 0 4px; font-family: var(--mono); font-size: .9em; }
.aviso-rascunho {
  display: flex; gap: 14px; align-items: flex-start; margin-bottom: clamp(28px, 3vw, 44px); padding: 16px 18px;
  background: var(--papel-2); border-left: 4px solid var(--ambar); font-size: .96rem;
}
.aviso-rascunho b { font: 500 .74rem/1.6 var(--mono); text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }

/* ===== sobre ===== */
.abertura--texto { min-height: auto; padding-bottom: clamp(48px, 7vw, 110px); }
.abertura--texto .abertura__titulo { margin-block: clamp(48px, 8vw, 120px) 0; font-size: clamp(2.8rem, 8vw, 9rem); }
.principios { padding: var(--ritmo) 0; }
.principios__lista { border-top: 2px solid var(--tinta); }
.principios__lista li { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 24px; align-items: baseline; padding: clamp(18px, 2.4vw, 30px) 0; border-bottom: 1px solid var(--regra-escura); }
.principios__lista h3 { font: 600 clamp(1.6rem, 3vw, 3rem)/1.04 var(--titulo); letter-spacing: -.03em; }
.principios__lista p { color: var(--tinta-2); font-size: clamp(1rem, 1.3vw, 1.2rem); }
.equipe { padding: var(--ritmo) 0; }
.equipe__lista { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 24px); }
.equipe__lista li { padding: clamp(20px, 2.4vw, 32px); background: var(--noite-2); border-top: 3px solid var(--cor); display: flex; flex-direction: column; gap: 10px; }
.equipe__lista b { font: 700 clamp(2.6rem, 4.6vw, 4.8rem)/1 var(--titulo); letter-spacing: -.035em; color: var(--cor); }
.equipe__lista h3 { font: 600 clamp(1.15rem, 1.6vw, 1.5rem)/1.15 var(--titulo); letter-spacing: -.01em; }
.equipe__lista p { color: rgba(244, 239, 230, .78); font-size: .98rem; }
.equipe + .leitura { padding-top: var(--ritmo); }

/* ===== responsivo ===== */
@media (max-width: 1080px) {
  .entregas__lista { grid-template-columns: 1fr 1fr; }
  .entregas__lista li:not(:nth-child(3n + 1)) { padding-left: 0; border-left: 0; }
  .entregas__lista li:nth-child(2n) { padding-left: clamp(14px, 2vw, 28px); border-left: 1px solid var(--regra-escura); }
  .rotina__lista { grid-template-columns: 1fr; }
  .equipe__lista { grid-template-columns: 1fr 1fr; }
  .leitura__grade { grid-template-columns: 1fr; }
  .leitura__indice { position: static; flex-direction: row; flex-wrap: wrap; gap: 8px 18px; }
}
@media (max-width: 720px) {
  .entregas__lista { grid-template-columns: 1fr; }
  .entregas__lista li:nth-child(n) { padding-left: 0; border-left: 0; }
  .principios__lista li { grid-template-columns: 1fr; gap: 6px; }
  .equipe__lista { grid-template-columns: 1fr; }
}
