/* Portal-revista Puressência · camada "curadoria" (08/10/2026)
   Carrega DEPOIS de portal.css, portal-r3.css e portal-r5.css; não toca nesses arquivos (a edição nº 01 depende de portal.css,
   e nada aqui alcança .rv-pg). Linguagem de editorial de moda: muito respiro, menos caixas e filetes, tipografia grande,
   corpo leve, imagem protagonista, poucas cores ao mesmo tempo. Mesmas fontes (Cinzel, Cormorant Garamond, Jost) e mesma
   paleta da casa (marinho, turquesa-oceano, ouro, marfim, areia; sem verde), nos temas escuro e claro. */

/* ------------------------------------------------ respiro: grade com margens maiores e mais ar entre seções */
:root { --caixa: 1360px; --g: clamp(20px, 4.6vw, 80px); --esp-sec: clamp(64px, 2rem + 7vw, 168px); }
.sec:not(.rv-pg *) { border-top: 0; padding-top: clamp(56px, 2rem + 6vw, 144px); padding-bottom: 0; }
main > .sec:last-child, main > section:last-of-type { padding-bottom: clamp(56px, 2rem + 6vw, 144px); }
.sec-cab:not(.rv-pg *) { border-bottom: 0; padding-bottom: 0; margin-bottom: clamp(28px, 1rem + 3vw, 64px); }
.sec-cab[class*="ed-"] .sec-t::before { display: none; }
.sec-t:not(.rv-pg *) { letter-spacing: .16em; font-size: clamp(1.4rem, 1.1rem + 1.2vw, 2.3rem); font-weight: 400; }
.sec-cab .mais { font-size: .72rem; letter-spacing: .2em; }

/* ------------------------------------------------ chapéus: uma cor só (areia), a editoria vira um ponto discreto */
.chapeu:not(.rv-pg *) { font-size: .68rem; letter-spacing: .22em; color: var(--cinza); }
.chapeu .genero:not(.rv-pg *) { color: var(--areia); }
.chapeu .genero:not(.rv-pg *)::before { content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%;
  background: var(--ac); margin-right: .8em; vertical-align: .18em; }
.chapeu .genero + span::before { width: .9em; opacity: .4; }
.pg-home :is(.rail-i, .destaques-dj .card, .rio li, .bloco-ed2 .card) .chapeu .genero {
  color: var(--areia); background: none; padding: 0; letter-spacing: .22em; }
.pg-home :is(.rail-i, .destaques-dj .card, .rio li, .bloco-ed2 .card) .chapeu .genero + span::before { display: inline-block; }
.pg-home :is(.rail-i, .destaques-dj .card, .rio li, .bloco-ed2 .card) .chapeu > span:not(.genero):not(.casa) { color: var(--cinza); }
.chapeu .casa:not(.rv-pg *) { background: none; color: var(--ouro); padding: 0; }
.selo-breve { background: none; color: inherit; padding: 0; border-bottom: 1px solid currentColor; }

/* ------------------------------------------------ corpo leve, títulos de cartão mais editoriais */
.card-fina:not(.rv-pg *) { font-size: .92rem; line-height: 1.65; color: var(--cinza); max-width: 38em; }
.meta:not(.rv-pg *) { font-size: .74rem; letter-spacing: .06em; }
.card:not(.rv-pg *) { gap: 14px; }
.card-t:not(.rv-pg *) { letter-spacing: -.008em; }
.card-midia, .arte:not(.rv-pg *) { border-radius: 0; }

/* ------------------------------------------------ topo e faixa "Powered by Puressência": sem fundo, só tipografia */
.faixa-powered { background: transparent !important; border-bottom: 0; }
.faixa-powered-in { justify-content: center; padding-top: 14px; padding-bottom: 14px; }
.fp-marca, .fp-lista a, .fp-lista span { font-size: .66rem; letter-spacing: .24em; }
.fp-lista li + li::before { width: 3px; height: 3px; opacity: .45; margin: 0 14px; }

/* ------------------------------------------------ capa: manchete protagonista, coluna lateral sem filete */
.pg-home .capa { gap: clamp(32px, 5vw, 96px); padding-top: clamp(28px, 4vw, 64px); padding-bottom: 0; }
.pg-home .capa > * { padding: 0; }
.pg-home .capa > * + * { border-left: 0; }
.pg-home .heroi { gap: clamp(24px, 2.4vw, 40px); }
.pg-home .heroi .fig-conceito img { aspect-ratio: 3 / 2; }
.pg-home .heroi-t { font-size: clamp(2.7rem, 1rem + 5.4vw, 6.6rem); line-height: .94; letter-spacing: -.028em; max-width: 11em; }
.pg-home .heroi-fina { font-size: clamp(1.1rem, 1rem + .4vw, 1.4rem); line-height: 1.45; max-width: 34em; color: var(--areia); }
.rail-cab { border-bottom: 1px solid var(--linha-f); padding-bottom: 18px; margin-bottom: 10px; }
.rail-t { font-size: .74rem; letter-spacing: .28em; font-weight: 500; }
.rail-i { border-bottom: 0; padding: 22px 0; gap: 16px; }
.rail-n { font-weight: 500; font-size: 2rem; color: var(--ouro); opacity: .85; }
.rail-i .card-t { font-size: clamp(1.15rem, 1rem + .4vw, 1.4rem); }

/* ------------------------------------------------ "Vem aí · Da casa": continua ilha escura, sem filetes grossos */
.pg-home .sec-breve { margin-top: clamp(56px, 2rem + 6vw, 144px); padding: clamp(56px, 2rem + 6vw, 136px) 0; border: 0; }
.breve-cab { border-bottom: 0; padding-bottom: 0; margin-bottom: clamp(32px, 1rem + 4vw, 80px); }
.breve-h { font-weight: 400; letter-spacing: .02em; }
.breve-grade { gap: clamp(32px, 5vw, 96px); }
.breve-zaza { border-left: 0; }
.zaza-video video { border: 0; }
.sec-breve .chapeu .casa { background: none; color: #C9A85A; }

/* ------------------------------------------------ destaques: imagem grande, sem moldura */
.destaques-dj { gap: clamp(28px, 3.6vw, 64px); }
.destaques-dj .card .arte, .destaques-dj .card-img img { aspect-ratio: 1 / 1; }
.destaques-dj .card .arte-txt { font-size: clamp(1.6rem, 13cqw, 3.4rem); }
.destaques, .bloco-ed2 { gap: clamp(28px, 3.6vw, 64px); }

/* ------------------------------------------------ últimas, agenda, mural: listas por respiro, não por filete */
.rio li { border-bottom: 0; padding: 18px 0; }
.agenda td { border-bottom-color: var(--linha); padding-top: 18px; padding-bottom: 18px; }
.agenda th { border-bottom-color: var(--linha); }
.mural li { border-top-color: var(--linha); }
.pares > section:first-child { border-right: 0; }

/* ------------------------------------------------ Powered by Puressência (frentes): colunas abertas, sem grade de caixas */
.casa-frentes { border: 0; gap: 0 clamp(20px, 2.6vw, 44px); }
.casa-frentes li { border: 0; border-top: 1px solid var(--linha-f); }
.casa-frentes a, .casa-frentes div { padding: 20px 0 8px; }
.casa-frentes a:hover { background: none; }
.casa-frentes a:hover .fr-nome { color: var(--ouro); }
.casa-dadaon { border-top: 0; }

/* ------------------------------------------------ matéria e páginas limpas: título maior, texto com mais entrelinha */
.pg-materia .mat-t { font-size: clamp(2.6rem, 1.2rem + 5vw, 6rem); line-height: .96; }
.texto-pag p, .mat-corpo p { line-height: 1.75; }

/* ------------------------------------------------ linha "moda, creators e tecnologia" (Sobre e Estúdio) */
.linha-curadoria { margin: clamp(28px, 3vw, 48px) 0; padding: 0; font: italic 500 clamp(1.2rem, 1rem + .7vw, 1.65rem)/1.4 var(--serif);
  color: var(--areia); max-width: 34em; }
.linha-curadoria b { font: 500 .66rem/1 var(--sans); font-style: normal; letter-spacing: .26em; text-transform: uppercase; color: var(--ouro);
  display: block; margin-bottom: 14px; }

.texto-pag .linha-curadoria { line-height: 1.4; color: var(--tinta-2); }
.texto-pag .linha-curadoria b { color: var(--ac-t, var(--tinta-2)); }

@media (max-width: 1180px) {
  .pg-home .capa > .col-heroi { border-bottom: 0; padding-bottom: 0; margin-bottom: 8px; }
  .breve-zaza { border-top: 0; }
}
@media (max-width: 640px) {
  .faixa-powered-in { justify-content: flex-start; }
  .destaques-dj .card .arte, .destaques-dj .card-img img { aspect-ratio: 4 / 3; }
  .rail-i { padding: 16px 0; }
}
@media print { .linha-curadoria { color: #333; } }