/* Endorfinados — camada visual sobre o theme.json.
   Direção: a mesma identidade do Instagram @endorfinacostazul — faixas pretas com letras brancas em caixa alta
   que terminam num corte inclinado verde-água (#14CCB8), e os hexágonos da logo e do estúdio.
   Verde-água escuro (#0B7D72) para links e botões, por contraste. Títulos em Outfit (seminegrito), textos em Nunito Sans; rótulos sem caixa alta. Archivo fica só para as artes das redes. */

:root {
  --et-tinta: var(--wp--preset--color--tinta);
  --et-papel: var(--wp--preset--color--papel);
  --et-nevoa: var(--wp--preset--color--nevoa);
  --et-linha: var(--wp--preset--color--linha);
  --et-cinza: var(--wp--preset--color--cinza);
  --et-mar: var(--wp--preset--color--mar);
  --et-sol: var(--wp--preset--color--sol);
  --et-largo: 112%;
}

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }
a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible { outline: 3px solid var(--et-mar); outline-offset: 2px; }
img { height: auto; }

/* ---------- Cabeçalho ---------- */
.et-topo { border-bottom: 3px solid var(--et-tinta); background: var(--et-papel); }
.et-topo__faixa { font-size: var(--wp--preset--font-size--xs); text-transform: none; letter-spacing: .01em; color: #C9D1D3; background: var(--et-tinta); padding-block: .5rem; gap: .25rem 1rem; box-shadow: 0 0 0 100vmax var(--et-tinta); clip-path: inset(0 -100vmax); }
.et-topo__faixa p { margin: 0; }
.et-topo__radio { font-weight: 600; color: var(--et-sol); }
.et-topo__barra { padding-block: .85rem; gap: 1.5rem; }
.et-marca { display: flex; align-items: center; gap: .9rem; text-decoration: none; color: var(--et-tinta); flex: none; }
.et-marca img { width: clamp(132px, 16vw, 188px); display: block; }
.et-marca__portal { font-stretch: var(--et-largo); font-weight: 600; font-size: .78rem; letter-spacing: .01em; text-transform: none; border-left: 2px solid var(--et-tinta); padding-left: .9rem; line-height: 1.2; max-width: 7.5em; }
.et-menu { font-weight: 600; font-size: var(--wp--preset--font-size--s); gap: .25rem 1.4rem; }
.et-menu .wp-block-navigation-item__content { color: var(--et-tinta); text-decoration: none; padding-block: .3rem; border-bottom: 3px solid transparent; }
.et-menu .wp-block-navigation-item__content:hover { border-bottom-color: var(--et-sol); }
.et-topo { border-bottom-color: var(--et-tinta); }
.et-topo::after { content: ""; display: block; height: 4px; background: linear-gradient(90deg, var(--et-tinta) 0 70%, var(--et-sol) 70%); }
.et-menu .wp-block-navigation__responsive-container.is-menu-open { padding: 1.5rem max(16px, 4vw); }
.et-menu .is-menu-open .wp-block-navigation-item__content { font-size: 1.4rem; font-stretch: var(--et-largo); }
@media (max-width: 600px) { .et-marca__portal { display: none; } }

/* ---------- Rótulos, datas, cartões ---------- */
.et-rotulo { font-size: var(--wp--preset--font-size--xs); font-weight: 600; text-transform: none; letter-spacing: .01em; font-stretch: var(--et-largo); margin: 0; }
.et-rotulo { font-stretch: 88%; }
.et-rotulo a { position: relative; display: inline-block; color: #fff; text-decoration: none; background: var(--et-tinta); padding: .2em .55em; margin-right: .6em; }
.et-rotulo a::after { content: ""; position: absolute; top: 0; right: -.55em; width: .55em; height: 100%; background: var(--et-sol); transform: skewX(-20deg); transform-origin: bottom left; }
.et-rotulo a:hover { background: var(--et-sol); color: var(--et-tinta); }
.et-rotulo .wp-block-post-terms__separator { display: none; }
.et-rotulo a + a { margin-left: .35rem; }
.et-data { font-size: var(--wp--preset--font-size--xs); color: var(--et-cinza); margin: 0; }
.et-q__titulo { margin: .45rem 0 .35rem; line-height: 1.18; }
.et-q__titulo a { color: var(--et-tinta); text-decoration: none; background-image: linear-gradient(var(--et-sol), var(--et-sol)); background-size: 0 .22em; background-position: 0 92%; background-repeat: no-repeat; transition: background-size .25s ease; }
.et-q__titulo a:hover { background-size: 100% .22em; }
.et-q__img { margin: 0 0 .75rem; overflow: hidden; background: var(--et-nevoa); }
.et-q__img img { transition: transform .4s ease; }
.et-q__img a:hover img { transform: scale(1.03); }
.et-q--grade .wp-block-post-template { display: grid; gap: 2rem 1.5rem; grid-template-columns: 1fr; list-style: none; padding: 0; }
@media (min-width: 560px) { .et-q--c4 .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .et-q--c4 .wp-block-post-template { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 720px) { .et-q--c3 .wp-block-post-template { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.et-q .wp-block-post-template > * { margin-block-start: 0; } /* o espaçamento vem do gap da grade */
.et-q--grade .wp-block-post { display: flex; flex-direction: column; min-width: 0; }
.et-q--lista .wp-block-post-template { display: flex; flex-direction: column; gap: 0; }
.et-q--lista .wp-block-post { padding-block: .9rem; border-bottom: 1px solid var(--et-linha); }
.et-q--lista .wp-block-post:first-child { padding-top: 0; }
.et-q--destaque .et-q__titulo { font-stretch: 104%; letter-spacing: -.02em; margin-top: .75rem; }
.et-q__resumo { color: var(--et-cinza); margin-block: .25rem .6rem; }
.et-q__resumo .wp-block-post-excerpt__more-text { display: none; }
.et-vazio { color: var(--et-cinza); }
@media (prefers-reduced-motion: reduce) { .et-q__img img, .et-q__titulo a { transition: none; } }

/* ---------- Página inicial ---------- */
.et-principal { padding-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50); }
.et-abertura__colunas { gap: 2.5rem; }
.et-abertura__lateral { border-top: 3px solid var(--et-tinta); padding-top: .9rem; display: flex; flex-direction: column; gap: 1.5rem; }
.et-abertura__lateral > * { margin-block: 0; }
.et-lateral__titulo, .et-secao__titulo { font-stretch: 88%; text-transform: none; font-size: var(--wp--preset--font-size--l); letter-spacing: .01em; margin: 0; display: flex; align-items: center; gap: .55rem; }
.et-lateral__titulo::before, .et-secao__titulo::before { content: ""; width: .7em; height: .95em; background: var(--et-sol); transform: skewX(-20deg); flex: none; }
.et-lateral__titulo { margin-bottom: 1rem; }
.et-secao { margin-top: var(--wp--preset--spacing--50); }
.et-secao__topo { border-top: 3px solid var(--et-tinta); padding-top: .75rem; margin-bottom: 1.5rem; gap: 1rem; }
.et-secao__mais { margin: 0; font-size: var(--wp--preset--font-size--s); font-weight: 600; white-space: nowrap; }
.et-secao__mais a { color: var(--et-tinta); }
.et-secao__mais a::after { content: " →"; }

.et-faixa-radio { margin-top: var(--wp--preset--spacing--50); color: var(--et-papel); padding-block: var(--wp--preset--spacing--40);
  /* hexágonos do estúdio e da logo, bem discretos */
  background: var(--et-tinta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cg fill='none' stroke='%2314CCB8' stroke-opacity='.10' stroke-width='2'%3E%3Cpath d='M28 1 54 16v31L28 62 2 47V16z'/%3E%3Cpath d='M28 62 54 77v31M28 62 2 77v31'/%3E%3C/g%3E%3C/svg%3E") repeat; }
.et-faixa-radio .et-rotulo a { background: var(--et-sol); color: var(--et-tinta); }
.et-faixa-radio .et-rotulo a::after { background: var(--et-papel); }
.et-faixa-radio .et-secao__topo { border-top-color: var(--et-sol); margin-bottom: .4rem; }
.et-faixa-radio .et-secao__titulo { color: var(--et-sol); }
.et-faixa-radio .et-secao__mais a, .et-faixa-radio .et-q__titulo a { color: var(--et-papel); }
.et-faixa-radio .et-data, .et-faixa-radio__sub { color: #B9C3C6; }
.et-faixa-radio__sub { margin: 0 0 1.5rem; }
.et-faixa-radio .et-q__titulo a { background-image: linear-gradient(var(--et-sol), var(--et-sol)); background-size: 0 .12em; }
.et-faixa-radio .et-q__titulo a:hover { background-size: 100% .12em; }

.et-faixa-guia { margin-top: var(--wp--preset--spacing--40); background: var(--et-nevoa); padding-block: var(--wp--preset--spacing--40); border-top: 6px solid var(--et-mar); }
.et-faixa-guia__grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: 2rem 3rem; align-items: start; }
.et-faixa-guia__olho { margin: 0 0 .5rem; font-size: var(--wp--preset--font-size--xs); font-weight: 600; letter-spacing: .01em; text-transform: none; color: var(--et-mar); }
.et-faixa-guia h2 { margin: 0 0 .75rem; font-size: var(--wp--preset--font-size--xl); }
.et-faixa-guia__texto { margin: 0 0 1.25rem; color: var(--et-cinza); }
.et-faixa-guia__busca { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: .75rem; align-items: end; min-width: 0; }
.et-faixa-guia__busca div { display: grid; gap: .3rem; min-width: 0; }
.et-faixa-guia__busca label { font-size: var(--wp--preset--font-size--xs); font-weight: 600; text-transform: none; letter-spacing: .01em; }
.et-faixa-guia__busca select { width: 100%; padding: .6rem; border: 1px solid var(--et-linha); border-radius: 4px; font: inherit; background: var(--et-papel); color: var(--et-tinta); }
.et-faixa-guia__busca button { padding: .7rem 1rem; border: 0; border-radius: 4px; background: var(--et-mar); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.et-faixa-guia__busca button:hover { background: var(--wp--preset--color--mar-escuro); }
.et-faixa-guia__links { margin: .9rem 0 0; font-size: var(--wp--preset--font-size--s); font-weight: 600; }
.et-faixa-guia__destaque { min-width: 0; }
.et-faixa-guia__oferta { margin: 2rem 0 0; padding: .9rem 1.1rem; background: var(--et-tinta); color: var(--et-papel); font-size: var(--wp--preset--font-size--s); border-left: 6px solid var(--et-sol); }
.et-faixa-guia__oferta a { color: var(--et-sol); font-weight: 600; }
.et-faixa-radio__patrocinio { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid #2C3436; color: var(--et-papel); }
.et-faixa-radio__patrocinio .er-patrocinio__titulo { color: var(--et-sol); opacity: 1; }
.et-faixa-radio__patrocinio .er-patrocinio__logo { filter: brightness(0) invert(1); }
.et-rodape__patrocinio { margin-top: 2rem; }
.et-rodape__patrocinio .er-patrocinio__logo { filter: brightness(0) invert(1); opacity: .85; }
.et-menu .et-menu__guia .wp-block-navigation-item__content { background: var(--et-mar); color: #fff; padding: .35rem .8rem; border-radius: 4px; border-bottom: 0; }
.et-menu .et-menu__guia .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--mar-escuro); }

/* ---------- Matéria ---------- */
.et-materia__cabeca { padding-bottom: 1.5rem; }
.et-materia__titulo { font-size: var(--wp--preset--font-size--xxl); font-stretch: 104%; letter-spacing: -.02em; margin: .75rem 0 .5rem; text-wrap: balance; }
.et-materia__linha-fina { color: var(--et-cinza); font-family: var(--wp--preset--font-family--nunito-sans); margin: 0 0 1rem; }
.et-materia__credito { font-size: var(--wp--preset--font-size--s); color: var(--et-cinza); border-top: 1px solid var(--et-linha); padding-top: .75rem; gap: .25rem 1rem; }
.et-materia__credito .wp-block-post-author-name { font-weight: 600; color: var(--et-tinta); }
.et-materia__credito .wp-block-post-author-name::before { content: "Por "; font-weight: 400; color: var(--et-cinza); }
.et-materia__foto { margin-bottom: 2rem; }
.et-materia__foto img { width: 100%; max-height: min(70vh, 640px); object-fit: cover; object-position: 50% 30%; }
.et-materia__texto { font-size: 1.1875rem; }
.et-materia__texto > p:first-of-type::first-letter { font-family: var(--wp--preset--font-family--outfit); font-weight: 600; font-size: 3.4em; float: left; line-height: .82; margin: .06em .1em 0 0; }
.et-materia__texto a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
.et-materia__texto h2, .et-materia__texto h3 { margin-top: 2.2rem; }
.et-materia__texto blockquote { border-left: 4px solid var(--et-sol); margin-inline: 0; padding-left: 1.25rem; font-style: italic; }
.et-tags { font-size: var(--wp--preset--font-size--s); color: var(--et-cinza); border-top: 1px solid var(--et-linha); padding-top: 1rem; margin-top: 2rem; }
.et-secao--mais { margin-top: var(--wp--preset--spacing--50); }
.et-citados { margin-top: 2.5rem; padding: 1.25rem 1.4rem; background: var(--et-nevoa); border-left: 4px solid var(--et-mar); font-family: var(--wp--preset--font-family--outfit); font-size: var(--wp--preset--font-size--s); }
.et-citados__titulo { margin: 0 0 .5rem; font-weight: 600; text-transform: none; letter-spacing: .01em; font-size: var(--wp--preset--font-size--xs); }
.et-citados ul { margin: 0; padding-left: 1.1rem; }
.et-citados li span { color: var(--et-cinza); }
.et-citados__nota { margin: .75rem 0 0; color: var(--et-cinza); font-size: var(--wp--preset--font-size--xs); }

/* ---------- Arquivo, páginas, busca ---------- */
.et-arquivo__cabeca { border-bottom: 3px solid var(--et-tinta); padding-bottom: 1rem; margin-bottom: 2rem; }
.et-arquivo__titulo { font-stretch: var(--et-largo); text-transform: none; margin: 0; }
.et-arquivo__descricao { color: var(--et-cinza); margin-top: .5rem; }
.et-paginacao { margin-top: 3rem; gap: .5rem; font-weight: 600; }
.et-paginacao .page-numbers { padding: .3rem .65rem; border: 1px solid var(--et-linha); text-decoration: none; color: var(--et-tinta); }
.et-paginacao .page-numbers.current { background: var(--et-tinta); color: var(--et-papel); border-color: var(--et-tinta); }
.et-pagina__titulo { font-stretch: 104%; margin-bottom: 1.5rem; }
.et-migalha { font-size: var(--wp--preset--font-size--s); margin: 0; }
.et-migalha a { color: var(--et-cinza); text-decoration: none; }

/* ---------- Guia (plugin) dentro do tema ---------- */
.er-perfil, .er-guia, .er-cadastro, .er-planos, .er-gerenciar, .er-destaque, .er-patrocinio, .er-programa { --er-acento: var(--et-mar); font-family: var(--wp--preset--font-family--outfit); }
.er-btn { border-radius: 4px; }
.er-selo { font-weight: 600; }
.er-selo:not(.er-selo--patrocinado) { background: var(--et-nevoa); }
.er-card h3 a { color: var(--et-tinta); text-decoration: none; }
.er-card h3 a:hover { color: var(--et-mar); }
.er-plano--destaque { box-shadow: 0 0 0 4px var(--et-sol); border-color: var(--et-tinta); }

/* ---------- Rodapé ---------- */
.et-rodape { background: var(--et-tinta); color: #C9D1D3; padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30); margin-top: 0; font-size: var(--wp--preset--font-size--s); }
.et-rodape a { color: var(--et-papel); text-decoration: none; }
.et-rodape a:hover { color: var(--et-sol); }
.et-rodape__logo { width: 180px; display: block; margin-bottom: 1rem; }
.et-rodape__titulo { color: var(--et-sol); font-weight: 600; text-transform: none; letter-spacing: .01em; font-size: var(--wp--preset--font-size--xs); margin-bottom: .5rem; }
.et-rodape__lista { list-style: none; padding: 0; display: grid; gap: .45rem; margin: 0; }
.et-rodape__legal { border-top: 1px solid #2C3436; padding-top: 1rem; margin-top: 2.5rem; font-size: var(--wp--preset--font-size--xs); color: #8E9A9D; }

/* ---------- Página de links (sem cabeçalho e rodapé: é aberta pela bio do Instagram) ---------- */
body:has(.et-pagina-links) { background: var(--et-tinta); }
.et-pagina-links { min-height: 100vh; padding-inline: max(16px, 4vw); background: var(--et-tinta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cg fill='none' stroke='%2314CCB8' stroke-opacity='.07' stroke-width='2'%3E%3Cpath d='M28 1 54 16v31L28 62 2 47V16z'/%3E%3Cpath d='M28 62 54 77v31M28 62 2 77v31'/%3E%3C/g%3E%3C/svg%3E") repeat; }

.et-faixa-radio__ouca { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid #2C3436; }

/* Agenda Endorfina na página inicial */
.et-agenda-home__grade { display: grid; gap: 1.2rem; grid-template-columns: 2fr 1fr; align-items: start; }
.et-agenda-home__grade--so-cta { grid-template-columns: 1fr; }
.et-agenda-home .er-agenda__lista { grid-template-columns: 1fr; }
@media (max-width: 781px) { .et-agenda-home__grade { grid-template-columns: 1fr; } }