/* Estilos mínimos do guia: herdam fontes e cores do tema; só definem estrutura e estados. */
.er-perfil, .er-area, .er-rede, .er-compartilhar, .er-guia, .er-cadastro, .er-planos, .er-gerenciar, .er-destaque, .er-patrocinio { --er-acento: #0B6E6A; --er-borda: rgba(0,0,0,.14); --er-suave: rgba(11,110,106,.08); }
.er-selo { display: inline-block; font-size: .78rem; letter-spacing: .01em; text-transform: none; padding: 2px 10px; border: 1px solid var(--er-borda); border-radius: 999px; margin: 0 0 .5rem; }
.er-selo--patrocinado { border-color: rgba(0,0,0,.2); color: #5A6569; }
.er-linha { font-weight: 600; margin: .25rem 0; }
.er-cidade { margin: 0 0 .75rem; opacity: .8; }
.er-foto img { border-radius: 8px; max-width: 220px; height: auto; }
.er-ctas { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0 1.5rem; }
.er-btn { display: inline-block; padding: .6rem 1.1rem; border: 2px solid var(--er-acento); border-radius: 6px; color: var(--er-acento); text-decoration: none; font-weight: 600; background: transparent; cursor: pointer; font: inherit; }
.er-btn--primario { background: var(--er-acento); color: #fff; }
.er-btn:focus-visible { outline: 3px solid var(--er-acento); outline-offset: 2px; }
.er-lista { padding-left: 1.2rem; }
.er-aviso { font-size: .85rem; opacity: .75; margin-top: 2rem; }
.er-contato, .er-busca, .er-cadastro form, .er-gerenciar form { display: grid; gap: .75rem; max-width: 640px; }
.er-contato label, .er-busca label, .er-cadastro label, .er-gerenciar label { display: block; font-weight: 600; margin-bottom: .2rem; }
.er-consent label { font-weight: 400; }
.er-contato input:not([type=checkbox]), .er-contato textarea, .er-busca input, .er-busca select, .er-cadastro input:not([type=checkbox]), .er-cadastro select, .er-cadastro textarea, .er-gerenciar input:not([type=checkbox]), .er-gerenciar textarea { width: 100%; padding: .55rem .7rem; border: 1px solid var(--er-borda); border-radius: 6px; font: inherit; }
.er-cadastro fieldset { border: 1px solid var(--er-borda); border-radius: 8px; padding: 1rem; display: grid; gap: .6rem; }
.er-isca { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.er-msg { padding: .75rem 1rem; border-radius: 6px; }
.er-msg--ok { background: var(--er-suave); }
.er-msg--erro { background: rgba(180,65,15,.1); }
.er-busca { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); align-items: end; max-width: none; margin-bottom: 1.5rem; }
.er-cards { list-style: none; padding: 0; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.er-card { display: flex; gap: .9rem; border: 1px solid var(--er-borda); border-radius: 8px; padding: 1rem; min-width: 0; }
.er-card img { width: 72px; height: 72px; object-fit: cover; border-radius: 50%; flex: none; }
.er-card h3 { margin: 0 0 .2rem; font-size: 1.05rem; }
/* O card inteiro (foto incluída) abre o perfil: o link do nome se estende sobre o card. */
.er-card { position: relative; transition: border-color .15s, box-shadow .15s; }
.er-card h3 a::after { content: ""; position: absolute; inset: 0; border-radius: 8px; }
.er-card:hover { border-color: var(--er-verde, #14CCB8); box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.er-card h3 a:focus-visible::after { outline: 3px solid var(--er-verde, #14CCB8); outline-offset: 2px; }
.er-atalhos { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; margin-top: 1.5rem; }
.er-paginas { display: flex; gap: .5rem; margin-top: 1rem; }
.er-planos__grade { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.er-plano { border: 1px solid var(--er-borda); border-radius: 8px; padding: 1.25rem; display: flex; flex-direction: column; gap: .6rem; min-width: 0; }
.er-plano--destaque { border: 2px solid var(--er-acento); }
.er-plano h3 { margin: 0; }
.er-plano__preco { font-size: 1.5rem; font-weight: 600; margin: 0; }
.er-plano__preco small { font-size: .9rem; font-weight: 400; }
.er-plano ul { padding-left: 1.1rem; flex: 1; }
.er-planos__notas { margin-top: 1.5rem; font-size: .9rem; opacity: .85; }

/* Destaque da página inicial */
.er-destaque { background: #fff; border: 2px solid var(--er-acento); border-radius: 8px; padding: 1.1rem 1.2rem; display: grid; gap: .7rem; min-width: 0; color: #111416; }
.er-destaque .er-selo { justify-self: start; margin: 0; }
.er-destaque__corpo { display: flex; gap: .9rem; align-items: center; min-width: 0; }
.er-destaque__foto { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; flex: none; }
.er-destaque__nome { margin: 0; font-size: 1.25rem; line-height: 1.2; }
.er-destaque__nome a { color: inherit; text-decoration: none; }
.er-destaque__nome a:hover { color: var(--er-acento); }
.er-destaque .er-linha, .er-destaque .er-cidade { margin: .15rem 0 0; font-size: .92rem; }
.er-destaque__servicos { margin: 0; padding-left: 1.1rem; font-size: .92rem; }
.er-destaque__acoes { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; align-items: center; }
.er-destaque__pago { margin-left: auto; font-size: .72rem; letter-spacing: .01em; text-transform: none; color: #5A6569; }
.er-destaque--convite { border-style: dashed; }
.er-destaque__olho { margin: 0; font-size: .75rem; font-weight: 600; letter-spacing: .01em; text-transform: none; color: var(--er-acento); }
.er-destaque__convite { margin: 0; font-size: .92rem; }

/* Patrocinadores */
.er-patrocinio { display: grid; gap: .6rem; }
.er-patrocinio__titulo { margin: 0; font-size: .75rem; font-weight: 600; letter-spacing: .01em; text-transform: none; opacity: .8; }
.er-patrocinio__lista { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .75rem 1rem; align-items: stretch; }
.er-patrocinio__lista li { display: flex; }
.er-patrocinio__item { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: .3rem; color: inherit; text-decoration: none; }
.er-patrocinio__logo { height: 64px; width: auto; max-width: 180px; object-fit: contain; display: block; }
.er-patrocinio__nome { font-weight: 600; font-size: 1.05rem; letter-spacing: .01em; padding: .55rem .9rem; border: 1px solid currentColor; border-radius: 6px; }
.er-patrocinio__frase { font-size: .82rem; opacity: .8; }
.er-patrocinio--rodape .er-patrocinio__logo { height: 44px; }
.er-patrocinio--rodape .er-patrocinio__nome { font-size: .9rem; padding: .35rem .7rem; }

/* Chamada da página de planos */
.er-planos__chamada { border-left: 6px solid var(--er-acento); padding: .25rem 0 .25rem 1.25rem; margin-bottom: 2rem; max-width: 760px; }
.er-planos__olho { margin: 0 0 .3rem; font-size: .78rem; font-weight: 600; letter-spacing: .01em; text-transform: none; color: var(--er-acento); }
.er-planos__chamada h2 { margin: 0 0 .75rem; }
.er-planos__chamada ul { margin: 0; padding-left: 1.1rem; display: grid; gap: .4rem; }

/* Faixa do Instagram */
.er-insta__grade { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
@media (min-width: 900px) { .er-insta__grade { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.er-insta__grade a { display: block; aspect-ratio: 1; overflow: hidden; background: rgba(0,0,0,.06); }
.er-insta__grade img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.er-insta__grade a:hover img { transform: scale(1.04); }
.er-insta__perfil { margin: 1rem 0 0; font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .er-insta__grade img { transition: none; } }

/* Quadro “Agora no Instagram” (ao lado da manchete) */
.er-insta--quadro { background: #111416; color: #fff; padding: 1rem 1rem .75rem; display: grid; gap: .75rem; }
.er-insta__titulo { margin: 0; display: flex; align-items: center; gap: .5rem; font-size: .8rem; font-weight: 600; letter-spacing: .01em; text-transform: none; color: #14CCB8; }
.er-insta__aovivo { width: .55rem; height: .55rem; border-radius: 50%; background: #14CCB8; box-shadow: 0 0 0 0 rgba(20,204,184,.6); animation: er-pulso 2s infinite; }
@keyframes er-pulso { 70% { box-shadow: 0 0 0 .5rem rgba(20,204,184,0); } 100% { box-shadow: 0 0 0 0 rgba(20,204,184,0); } }
.er-insta__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: .65rem; }
.er-insta__item { display: flex; gap: .7rem; align-items: flex-start; color: #fff; text-decoration: none; }
.er-insta__item img { width: 64px; height: 64px; object-fit: cover; flex: none; display: block; }
.er-insta__texto { display: grid; gap: .2rem; min-width: 0; }
.er-insta__legenda { font-size: .9rem; font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.er-insta__item:hover .er-insta__legenda { color: #14CCB8; }
.er-insta__quando { font-size: .75rem; color: #9AA8AE; }
.er-insta--quadro .er-insta__perfil { margin: 0; font-size: .85rem; }
.er-insta--quadro .er-insta__perfil a { color: #14CCB8; }
@media (prefers-reduced-motion: reduce) { .er-insta__aovivo { animation: none; } }

/* Página de links (/links/): tela cheia escura, no visual do Instagram */
.er-links { --er-acento: #14CCB8; max-width: 480px; margin: 0 auto; padding: 1.5rem 0 2.5rem; display: grid; gap: 1.1rem; color: #fff; font-family: Outfit, "Nunito Sans", Arial, sans-serif; }
.er-links a { color: inherit; text-decoration: none; }
.er-links__topo { text-align: center; display: grid; gap: .6rem; justify-items: center; }
.er-links__logo { width: 190px; height: auto; }
.er-links__sub { margin: 0; font-size: .85rem; line-height: 1.5; color: #B9C3C6; }
.er-links__rotulo { margin: 0; font-size: .72rem; font-weight: 600; letter-spacing: .01em; text-transform: none; color: #14CCB8; }
.er-links__video { display: grid; gap: .4rem; background: #1B2124; border-radius: 10px; overflow: hidden; padding-bottom: .9rem; }
.er-links__video img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
.er-links__video .er-links__rotulo, .er-links__video .er-links__titulo { padding: 0 1rem; }
.er-links__titulo { font-weight: 600; line-height: 1.3; }
.er-links__bloco { display: grid; gap: .55rem; }
.er-links__materia { display: flex; gap: .75rem; align-items: center; background: #1B2124; border-radius: 10px; padding: .55rem; font-weight: 600; font-size: .93rem; line-height: 1.3; }
.er-links__materia img { width: 56px; height: 56px; object-fit: cover; border-radius: 6px; flex: none; }
.er-links__botoes { display: grid; gap: .6rem; }
.er-links__botao { display: block; text-align: center; font-weight: 600; padding: .95rem 1rem; border: 2px solid #14CCB8; border-radius: 10px; position: relative; }
.er-links__botao:hover, .er-links__botao:focus-visible { background: #14CCB8; color: #111416; }
.er-links__botao--destaque { background: #14CCB8; color: #111416; }
.er-links__botao--destaque:hover { background: #fff; border-color: #fff; }
.er-links__patrocinio { display: grid; gap: .6rem; justify-items: center; margin-top: .5rem; }
.er-links__patrocinio ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 1.5rem; align-items: center; justify-content: center; flex-wrap: wrap; }
.er-links__patrocinio img { height: 52px; width: auto; filter: brightness(0) invert(1); }
.er-links__patrocinio span { font-weight: 600; }
.er-links__site { text-align: center; margin: 0; font-size: .85rem; color: #9AA8AE; }
.er-links__site a { text-decoration: underline; }

/* Ouça o programa */
.er-programa { display: grid; gap: 2.25rem; --er-acento: #0B7D72; }
.er-programa h2 { margin: 0 0 .9rem; }
.er-programa__olho { margin: 0 0 .4rem; font-size: .8rem; font-weight: 600; letter-spacing: .01em; text-transform: none; color: var(--er-acento); }
.er-programa__intro p { margin: 0 0 .75rem; }
.er-programa__botoes { display: flex; flex-wrap: wrap; gap: .6rem; }
.er-programa__titulo { font-weight: 600; font-size: 1.2rem; margin: .8rem 0 .2rem; }
.er-programa__quando, .er-episodios__quando { color: #5A6569; font-size: .85rem; margin: 0; }
.er-player { position: relative; aspect-ratio: 16/9; background: #111416; overflow: hidden; border-radius: 8px; }
.er-player__capa { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .85; }
.er-player__play { position: absolute; inset: 0; margin: auto; width: 84px; height: 84px; border-radius: 50%; border: 0; background: #14CCB8; cursor: pointer; box-shadow: 0 6px 30px rgba(0,0,0,.4); }
.er-player__play span { display: block; margin-left: 32px; width: 0; height: 0; border-left: 26px solid #111416; border-top: 16px solid transparent; border-bottom: 16px solid transparent; }
.er-player__play:hover, .er-player__play:focus-visible { background: #fff; outline: 3px solid #14CCB8; }
.er-player__aviso { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: .45rem .8rem; font-size: .75rem; color: #C9D1D3; background: linear-gradient(transparent, rgba(0,0,0,.75)); }
.er-player__video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.er-player--spotify { aspect-ratio: auto; background: #F1F4F4; padding: 1.25rem; display: grid; gap: .6rem; justify-items: start; }
.er-player--spotify .er-player__aviso { position: static; background: none; color: #5A6569; padding: 0; }
.er-player--spotify.is-carregado { padding: 0; background: none; }
.er-player__podcast { width: 100%; height: 352px; border: 0; border-radius: 12px; }
.er-episodios { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
.er-episodios a { display: grid; gap: .35rem; color: inherit; text-decoration: none; }
.er-episodios img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 6px; display: block; }
.er-episodios__titulo { font-weight: 600; line-height: 1.3; }
.er-episodios a:hover .er-episodios__titulo { color: var(--er-acento); }
/* Na faixa escura da página inicial */
.er-ouca { display: grid; gap: .8rem; color: #fff; }
.er-ouca__titulo { margin: 0; font-size: .8rem; font-weight: 600; letter-spacing: .01em; text-transform: none; color: #14CCB8; }
.er-ouca__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; grid-template-columns: 1fr; }
@media (min-width: 720px) { .er-ouca__lista { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.er-ouca__lista a { display: grid; grid-template-columns: 120px 1fr; grid-template-rows: auto 1fr; column-gap: .75rem; color: inherit; text-decoration: none; }
.er-ouca__lista img { grid-row: 1 / span 2; width: 120px; aspect-ratio: 16/9; object-fit: cover; border-radius: 4px; }
.er-ouca__ep { font-weight: 600; font-size: .92rem; line-height: 1.3; }
.er-ouca__quando { font-size: .78rem; color: #9AA8AE; }
.er-ouca__lista a:hover .er-ouca__ep { color: #14CCB8; }
.er-ouca__mais { margin: 0; font-weight: 600; font-size: .9rem; }
.er-ouca__mais a { color: #14CCB8; }

/* Entrevista no Endorfina: cortes no perfil, logo acima dos botões de contato */
.er-entrevista { margin: 1.25rem 0 0; padding: 1.1rem; background: #111416; color: #fff; border-radius: 10px; display: grid; gap: .5rem; }
.er-entrevista__rotulo { margin: 0; font-size: .72rem; font-weight: 600; letter-spacing: .01em; text-transform: none; color: #14CCB8; }
.er-entrevista__titulo { margin: 0; font-size: 1.25rem; line-height: 1.25; color: #fff; }
.er-entrevista__data { margin: 0; font-size: .85rem; color: #B9C3C6; }
.er-entrevista__cortes { display: flex; gap: .75rem; overflow-x: auto; scroll-snap-type: x mandatory; margin-top: .4rem; padding-bottom: .25rem; }
.er-entrevista__cortes > .er-player { flex: 0 0 min(42%, 190px); scroll-snap-align: start; }
.er-entrevista__cortes > .er-player.is-carregado { flex-basis: min(88%, 340px); }
.er-entrevista__cortes > .er-player:only-child { flex-basis: min(60%, 260px); }
.er-entrevista__chamada { margin: .3rem 0 0; font-weight: 600; color: #14CCB8; }
.er-player--vertical { aspect-ratio: 9/16; }
.er-player--vertical .er-player__aviso { font-size: .7rem; padding: .4rem .55rem; }
.er-player--vertical .er-player__play { width: 64px; height: 64px; }
.er-player--vertical .er-player__play span { margin-left: 25px; border-left-width: 20px; border-top-width: 12px; border-bottom-width: 12px; }

/* Página de links: entrevista recente no topo */
.er-links__entrevista { display: flex; gap: .85rem; align-items: center; background: #1B2124; border: 2px solid #14CCB8; border-radius: 10px; padding: .75rem; }
.er-links__entrevista img { width: 72px; height: 72px; object-fit: cover; border-radius: 50%; flex: none; }
.er-links__entrevista-texto { display: grid; gap: .2rem; min-width: 0; }
.er-links__linha { font-size: .8rem; color: #B9C3C6; }
.er-links__cta { font-size: .85rem; font-weight: 600; color: #14CCB8; }

/* Agenda Endorfina */
.er-agenda { display: grid; gap: 1rem; --er-acento: #0B7D72; }
.er-agenda h2 { margin: 1rem 0 0; }
.er-agenda__lista { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.er-agenda__intro, .er-agenda__cta { margin: 0; }
.er-ev { background: #fff; border: 1px solid rgba(0,0,0,.12); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; color: #111416; }
.er-ev__foto { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
.er-ev__corpo { display: flex; gap: .9rem; padding: 1rem; align-items: flex-start; }
.er-ev__data { flex: none; width: 64px; text-align: center; background: #111416; color: #fff; border-radius: 8px; padding: .45rem 0; margin: 0; line-height: 1; }
.er-ev__dia { display: block; font-size: 1.6rem; font-weight: 600; }
.er-ev__mes { display: block; font-size: .78rem; font-weight: 600; text-transform: none; letter-spacing: .01em; color: #14CCB8; margin-top: .2rem; }
.er-ev__info { min-width: 0; }
.er-ev__selo { margin: 0 0 .3rem; font-size: .7rem; font-weight: 600; letter-spacing: .01em; text-transform: none; color: #0B7D72; }
.er-ev__titulo { margin: 0 0 .3rem; font-size: 1.1rem; line-height: 1.25; }
.er-ev__titulo a { color: inherit; text-decoration: none; }
.er-ev__titulo a:hover { text-decoration: underline; }
.er-ev__quando, .er-ev__onde { margin: 0; font-size: .9rem; color: #3E4A4F; }
.er-ev__quando::first-letter { text-transform: none; }
.er-ev--compacto .er-ev__corpo { padding: .8rem; }
.er-agenda__lista--anteriores .er-ev { opacity: .8; }
.er-agenda__mais { margin: .6rem 0 0; font-weight: 600; }
.er-ev-box { border: 2px solid #14CCB8; border-radius: 10px; padding: 1rem 1.2rem; margin: 0 0 1.5rem; background: rgba(20,204,184,.06); }
.er-ev-box ul { list-style: none; padding: 0; margin: .3rem 0 .8rem; display: grid; gap: .3rem; }
.er-ev-box__aviso { font-weight: 600; color: #5A6569; }
.er-ev-box__mais { margin: .6rem 0 0; font-size: .9rem; }

/* Seja um Endorfinado */
.er-comunidade { display: grid; gap: 1rem; max-width: 640px; --er-acento: #0B7D72; --er-borda: rgba(0,0,0,.14); }
.er-comunidade__form { display: grid; gap: .75rem; }
.er-comunidade__form label { display: block; font-weight: 600; margin-bottom: .2rem; }
.er-comunidade__form input:not([type=checkbox]), .er-comunidade__form select { width: 100%; padding: .55rem .7rem; border: 1px solid var(--er-borda); border-radius: 6px; font: inherit; }
.er-comunidade__ativ { border: 1px solid var(--er-borda); border-radius: 8px; padding: .8rem 1rem; display: grid; gap: .35rem; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
.er-comunidade__ativ legend { font-weight: 600; padding: 0 .3rem; }
.er-comunidade__ativ label { font-weight: 400; margin: 0; }
.er-comunidade-cta { background: #111416; color: #F3F6F5; border-radius: 10px; padding: 1.3rem 1.4rem; border-left: 6px solid #14CCB8; --er-acento: #14CCB8; }
.er-comunidade-cta p { margin: 0 0 .7rem; }
.er-comunidade-cta__titulo { font-weight: 600; font-size: 1.35rem; color: #14CCB8; }
.er-comunidade-cta .er-btn--primario { color: #111416; }
.er-comunidade__form > p, .er-comunidade__form fieldset { margin: 0; }

/* Concurso cultural no cadastro */
.er-concurso { border: 2px solid #14CCB8; border-radius: 10px; padding: .9rem 1rem; display: grid; gap: .6rem; margin: 0; background: rgba(20,204,184,.06); }
.er-concurso legend { font-weight: 600; padding: 0 .3rem; }
.er-concurso > p { margin: 0; }
.er-concurso textarea { width: 100%; padding: .55rem .7rem; border: 1px solid rgba(0,0,0,.14); border-radius: 6px; font: inherit; }

/* Programação do Endorfina (/programacao/ e próximos convidados em /programa/) */
.er-pp__lista { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; gap: .6rem; }
.er-pp { display: flex; gap: .9rem; align-items: flex-start; background: #fff; border: 1px solid rgba(0,0,0,.12); border-radius: 10px; padding: .75rem; }
.er-pp--passou { opacity: .75; }
.er-pp__corpo { min-width: 0; }
.er-pp__corpo p { margin: 0; }
.er-pp__nome { font-family: var(--wp--preset--font-family--titulo, inherit); font-weight: 600; font-size: 1.1rem; line-height: 1.25; }
.er-pp__nome a { color: inherit; }
.er-pp__tema { color: #3E4A4F; margin-top: .15rem !important; }
.er-pp__meta { font-size: .85rem; color: #5A6569; margin-top: .35rem !important; display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.er-pp__selo { background: #E7ECEC; color: #3E4A4F; border-radius: 20px; padding: .05rem .55rem; font-weight: 700; font-size: .75rem; }
.er-pp__selo--hoje { background: #111416; color: #14CCB8; }
.er-compartilhar { margin: 2.5rem 0 1rem; padding: 1.25rem 0 0; border-top: 1px solid var(--er-borda); }
.er-compartilhar__rotulo { font-weight: 600; margin: 0 0 .75rem; }
.er-compartilhar__botoes { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; }
.er-compartilhar .er-btn[hidden] { display: none; }
.er-cadastro__porque { background: var(--er-suave); border-left: 4px solid var(--er-acento); border-radius: 6px; padding: 1rem 1.1rem; margin: 0 0 1.5rem; }
.er-cadastro__selo { display: inline-block; font-size: .85rem; font-weight: 700; background: var(--er-acento); color: #fff; border-radius: 999px; padding: 2px 12px; margin: 0 0 .6rem; }
.er-cadastro__chamada { font-weight: 700; font-size: 1.25rem; line-height: 1.3; margin: 0 0 .5rem; }
.er-cadastro__porque ul { margin: .75rem 0 0; padding: 0; list-style: none; display: grid; gap: .4rem; }
.er-cadastro__porque li { padding-left: 1.6rem; position: relative; }
.er-cadastro__porque li::before { content: "✔"; position: absolute; left: 0; color: var(--er-acento); font-weight: 700; }
.er-cadastro__mais { border: 1px solid var(--er-borda); border-radius: 6px; padding: .8rem 1rem; margin: 1rem 0; }
.er-cadastro__mais summary { cursor: pointer; font-weight: 600; color: var(--er-acento); }
.er-cadastro__mais[open] summary { margin-bottom: .75rem; }
.er-cadastro__nota, .er-cadastro__depois { font-size: .9rem; color: #5A6569; }
.er-cadastro__enviar { width: 100%; font-size: 1.1rem; padding: .85rem 1.1rem; }

.er-cadastro input:not([type=checkbox]), .er-cadastro select, .er-cadastro textarea { box-sizing: border-box; max-width: 100%; }
/* Comunidade Endorfinados */
.er-rede { max-width: 720px; margin: 0 auto; }
.er-rede__capa { background: #111416; color: #F3F6F5; border-radius: 16px; padding: 2rem 1.5rem; }
.er-rede__capa h2 { color: #fff; font-size: clamp(2rem, 6vw, 2.8rem); line-height: 1.05; margin: .5rem 0 1rem; }
.er-rede__capa p { color: #C9D3D1; }
.er-rede__selo { display: inline-block; background: #14CCB8; color: #111416 !important; font-weight: 700; border-radius: 999px; padding: 4px 12px; font-size: .85rem; margin: 0; }
.er-rede__capa .er-btn { color: #F3F6F5; border-color: #3A4448; }
.er-rede__capa .er-btn--primario { background: #14CCB8; border-color: #14CCB8; color: #111416; }
.er-rede__botoes { display: flex; flex-wrap: wrap; gap: .5rem; }
.er-rede__nota { font-size: .9rem; color: #5A6569; }
.er-rede__capa .er-rede__nota { color: #9FB0AD; }
.er-rede__form { display: grid; gap: .75rem; }
.er-rede__form label { display: block; font-weight: 600; margin-bottom: .2rem; }
.er-rede__form input:not([type=checkbox]):not([type=radio]), .er-rede__form select, .er-rede__form textarea { width: 100%; box-sizing: border-box; font: inherit; padding: .7rem; border: 1px solid #C8D1CF; border-radius: 10px; }
.er-rede__form fieldset { border: 1px solid var(--er-borda); border-radius: 10px; padding: .75rem 1rem; }
.er-rede__opcoes { display: grid; gap: .4rem; }
.er-rede__opcao { font-weight: 400 !important; display: flex !important; gap: .5rem; align-items: center; }
.er-rede__chips { display: flex; flex-wrap: wrap; gap: .4rem; }
.er-rede__chip { font-weight: 600 !important; display: inline-flex !important; gap: .35rem; align-items: center; border: 1px solid #C8D1CF; border-radius: 999px; padding: .45rem .8rem; margin: 0 !important; cursor: pointer; }
.er-rede__chip:has(input:checked) { background: #14CCB8; border-color: #14CCB8; }
.er-rede__largo { width: 100%; font-size: 1.05rem; padding: .85rem; }
.er-rede__topo { display: flex; gap: 1rem; align-items: center; margin: 1rem 0; }
.er-rede__topo h2 { margin: 0; }
.er-rede__topo p { margin: .2rem 0; }
.er-rede__foto { width: 84px; height: 84px; border-radius: 999px; object-fit: cover; background: #C9D3D1; flex-shrink: 0; display: block; }
.er-rede__tags { display: flex; flex-wrap: wrap; gap: .4rem; }
.er-rede__tag { background: #14CCB8; color: #111416; font-weight: 700; font-size: .85rem; border-radius: 999px; padding: 3px 10px; }
.er-rede__selo-ok { display: inline-block; background: #E3F5F2; color: #0B6E6A; font-weight: 700; font-size: .8rem; border-radius: 999px; padding: 3px 10px; }
.er-rede__caixa { background: #fff; border: 1px solid var(--er-borda); border-radius: 14px; padding: 1rem 1.2rem; margin: .8rem 0; }
.er-rede__caixa h3 { margin: 0 0 .3rem; }
.er-rede__provas { list-style: none; padding: 0; margin: 0; }
.er-rede__provas li { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: space-between; align-items: center; padding: .5rem 0; border-bottom: 1px solid #E7ECEB; }
.er-rede__linha { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: .75rem; }
.er-rede__linha p { margin: 0; }
.er-rede__link { background: none; border: 0; color: #A03A2C; text-decoration: underline; cursor: pointer; font: inherit; font-size: .85rem; padding: 0; }
.er-rede__perigo { margin: 2rem 0 1rem; border: 1px solid #E3B9B2; border-radius: 10px; padding: .75rem 1rem; }
.er-rede__perigo summary { cursor: pointer; font-weight: 600; color: #A03A2C; }
.er-rede__menu { display: flex; flex-wrap: wrap; gap: .25rem; margin: 0 0 1rem; border-bottom: 1px solid var(--er-borda); }
.er-rede__menu a { padding: .7rem .9rem; text-decoration: none; color: #3A4448; font-weight: 600; border-bottom: 3px solid transparent; }
.er-rede__menu a[aria-current="page"] { color: #111416; border-bottom-color: #14CCB8; }
.er-rede__menu a:last-child { margin-left: auto; }
.er-rede__grupos { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .75rem; }
.er-rede__grupo-card { display: flex; flex-direction: column; gap: .3rem; background: #fff; border: 1px solid var(--er-borda); border-top: 4px solid #14CCB8; border-radius: 12px; padding: 1rem; text-decoration: none; color: #111416; }
.er-rede__grupo-card span { color: #3A4448; font-size: .95rem; }
.er-rede__grupo-card small { color: #5A6569; }
.er-rede__grupo-topo { background: #111416; color: #F3F6F5; border-radius: 16px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; }
.er-rede__grupo-topo h2 { color: #fff; margin: .2rem 0; }
.er-rede__grupo-topo a { color: #14CCB8; }
.er-rede__grupo-topo .er-rede__nota { color: #9FB0AD; }
.er-rede__grupo-topo .er-btn { color: #F3F6F5; border-color: #3A4448; }
.er-rede__grupo-topo .er-btn--primario { background: #14CCB8; border-color: #14CCB8; color: #111416; }
.er-rede__compor { display: flex; justify-content: space-between; align-items: center; gap: .5rem; }
.er-rede__foto-btn { font-weight: 600 !important; cursor: pointer; }
.er-rede__foto-btn input { max-width: 190px; font-size: .85rem; }
.er-rede__post { background: #fff; border: 1px solid var(--er-borda); border-radius: 14px; padding: 1rem 1.1rem; margin: .75rem 0; }
.er-rede__post header, .er-rede__comentario > div:first-child { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.er-rede__avatar { width: 36px; height: 36px; border-radius: 999px; object-fit: cover; background: #C9D3D1; display: inline-block; }
.er-rede__autor { font-weight: 700; color: #111416; text-decoration: none; }
.er-rede__quando { color: #5A6569; font-size: .85rem; }
.er-rede__post p { margin: .6rem 0; line-height: 1.5; overflow-wrap: anywhere; }
.er-rede__post-foto { width: 100%; max-height: 520px; object-fit: cover; border-radius: 10px; display: block; margin: .5rem 0; }
.er-rede__post footer { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; border-top: 1px solid #E7ECEB; padding-top: .5rem; }
.er-rede__inline { display: inline; margin: 0; }
.er-rede__acao { font: inherit; font-weight: 700; font-size: .9rem; color: #3A4448; background: none; border: 0; padding: .55rem .4rem; cursor: pointer; text-decoration: none; }
.er-rede__acao.is-on { color: #0B6E6A; }
.er-rede__mais { margin-left: auto; position: relative; }
.er-rede__mais summary { cursor: pointer; padding: .4rem .6rem; list-style: none; color: #5A6569; }
.er-rede__mais[open] { flex-basis: 100%; }
.er-rede__comentarios { margin-top: 1rem; }
.er-rede__comentario { border-bottom: 1px solid #E7ECEB; padding: .6rem 0; }
.er-rede__comentario p { margin: .3rem 0; overflow-wrap: anywhere; }
.er-rede__comentarios textarea, .er-rede__form textarea { width: 100%; box-sizing: border-box; font: inherit; padding: .7rem; border: 1px solid #C8D1CF; border-radius: 10px; margin: .5rem 0; }
.er-rede__oculto { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.er-rede__evento { display: flex; flex-direction: column; gap: .2rem; background: #111416; color: #fff; border-radius: 14px; padding: 1rem 1.1rem; text-decoration: none; margin: .75rem 0; }
.er-rede__evento span { color: #14CCB8; font-weight: 700; font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; }
.er-rede__evento small { color: #C9D3D1; }
.er-rede__resultado { display: flex; gap: .75rem; align-items: center; background: #fff; border: 1px solid var(--er-borda); border-radius: 12px; padding: .8rem 1rem; margin: .5rem 0; text-decoration: none; color: #111416; }
.er-rede__resultado > span { flex: 1; display: flex; flex-direction: column; }
.er-rede__resultado > span span { color: #5A6569; font-size: .9rem; }
.er-rede__resultado em { font-style: normal; }
.er-rede__pedido { border-top: 1px solid #E7ECEB; padding: .6rem 0; }
.er-rede__pedido p { margin: .25rem 0; }
.er-rede__compor label select { font: inherit; padding: .4rem; border-radius: 8px; border: 1px solid #C8D1CF; }

.er-rede__menu { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.er-rede__menu a { white-space: nowrap; padding: .65rem .7rem; }
.er-rede__compor { flex-wrap: wrap; }
.er-rede__compor > label:has(select) { flex-basis: 100%; display: flex; align-items: center; gap: .5rem; }
.er-rede__compor > label:has(select) select { flex: 1; min-width: 0; }
.er-rede__foto-btn { display: flex; align-items: center; gap: .4rem; min-width: 0; flex: 1; }
.er-rede__foto-btn input { min-width: 0; max-width: 100%; }