/* ==========================================================================
   Post individual: progresso, cabeçalho, sumário, compartilhar.
   ========================================================================== */

.aut-progresso {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 60;
	height: 3px;
	pointer-events: none;
}

.admin-bar .aut-progresso {
	top: var(--wp-admin--admin-bar--height, 32px);
}

.aut-progresso span {
	display: block;
	height: 100%;
	background: var(--aut-realce);
	transform: scaleX(0);
	transform-origin: 0 50%;
}

.aut-artigo__cabecalho h1 {
	margin: 0.7em 0 0.45em;
	font-size: clamp(2.1rem, 1.5rem + 2.4vw, 3.25rem);
	line-height: 1.1;
	letter-spacing: -0.02em;
}

.aut-ouvir {
	margin-top: 1rem;
}

.aut-ouvir[hidden] {
	display: none;
}

.aut-player {
	margin-top: 1.25rem;
	max-width: 34rem;
}

.aut-player__titulo {
	margin: 0 0 0.5rem;
	font-weight: 600;
}

.aut-player audio {
	display: block;
	width: 100%;
}

.aut-player__opcoes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.6rem;
}

.aut-player [aria-pressed="true"] {
	border-color: var(--aut-realce);
	color: var(--aut-realce);
}

.aut-artigo__resumo {
	margin: 0 0 1.25rem;
	color: var(--aut-texto-2);
	font-size: clamp(1.2rem, 1.1rem + 0.4vw, 1.4rem);
	line-height: 1.5;
}

.aut-artigo__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0;
	margin: 0;
	padding: 1rem 0 0;
	border-top: 1px solid var(--aut-linha);
	list-style: none;
	color: var(--aut-texto-2);
	font-family: var(--aut-fonte-ui);
	font-size: 0.9rem;
}

/* Separador no fim do item: ao quebrar linha, o "·" não abre a linha seguinte */
.aut-artigo__meta li:not(:last-child)::after {
	content: "·";
	margin-inline: 0.55rem;
}

.aut-artigo__capa {
	margin: 0 auto 2.5rem;
}

.aut-artigo__capa img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--aut-raio-g);
}

/* Sumário recolhível */
.aut-sumario {
	margin-bottom: 2.5rem;
	padding: 1.1rem 1.4rem;
	border: 1px solid var(--aut-linha);
	border-radius: var(--aut-raio-g) var(--aut-raio-g) var(--aut-raio-g) 6px;
	background: var(--aut-superficie);
	font-family: var(--aut-fonte-ui);
}

.aut-sumario summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 600;
	list-style: none;
	cursor: pointer;
}

.aut-sumario summary::-webkit-details-marker {
	display: none;
}

.aut-sumario summary::after {
	content: "";
	width: 9px;
	height: 9px;
	margin-right: 4px;
	border-right: 2px solid var(--aut-link);
	border-bottom: 2px solid var(--aut-link);
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}

.aut-sumario[open] summary::after {
	transform: rotate(-135deg);
}

.aut-sumario ol {
	margin: 0.9rem 0 0.2rem;
	padding-left: 1.25rem;
	font-size: 0.95rem;
}

.aut-sumario li + li {
	margin-top: 0.35rem;
}

.aut-sumario .aut-sumario__n3 {
	margin-left: 1rem;
	list-style: circle;
}

.aut-sumario a {
	color: var(--aut-texto-2);
	text-decoration: none;
}

.aut-sumario a:hover {
	color: var(--aut-link);
	text-decoration: underline;
}

.aut-artigo__conteudo :is(h2, h3) {
	scroll-margin-top: 90px;
}

/* Compartilhar */
.aut-compartilhar {
	margin-top: 3rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--aut-linha);
}

.aut-compartilhar p {
	margin: 0 0 0.75rem;
	font-family: var(--aut-fonte-ui);
	font-size: 0.95rem;
	font-weight: 600;
}

.aut-compartilhar ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.aut-compartilhar li + li {
	margin-top: 0;
}

.aut-relacionados .aut-titulo-secao {
	margin-bottom: 1.5rem;
}

.aut-artigo__meta li + li {
	margin-top: 0;
}

/* --------------------------------------------------------------------------
   CTAs dentro do post (markup do automatizando-core)
   -------------------------------------------------------------------------- */

.aut-cta {
	margin-block: 2.25rem;
	font-family: var(--aut-fonte-ui);
}

.aut-cta--leve {
	padding: 1rem 1.25rem;
	border-left: 4px solid var(--aut-realce);
	border-radius: 0 var(--aut-raio) var(--aut-raio) 0;
	background: var(--aut-suave);
}

.aut-cta--leve p {
	margin: 0;
	font-size: 1rem;
	line-height: 1.5;
}

.aut-cta--leve strong {
	font-weight: 600;
}

.aut-cta--leve a {
	font-weight: 600;
	white-space: nowrap;
}

/* CTA completo no formato do balão da marca */
.aut-cta--completo {
	position: relative;
	margin-bottom: calc(2.25rem + 36px);
	padding: 1.75rem 1.75rem 1.5rem;
	border-radius: 32px 32px 0 20px;
	background: var(--aut-marca);
	color: #cfe3dc;
}

.aut-cta--completo::after {
	/* rabinho do balão, sem SVG extra no conteúdo */
	content: "";
	position: absolute;
	right: 0;
	bottom: -35px;
	width: 70px;
	height: 36px;
	background: var(--aut-marca);
	clip-path: path("M0 0H70V26C70 31.6 66.3 36 60.3 36C55.9 36 53.1 33.5 51.9 30.3C42.8 12.5 22.5 0 0 0Z");
}

.aut-cta__titulo {
	margin: 0 0 0.35rem;
	color: #fff;
	font-family: var(--aut-fonte-titulos);
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.25;
}

.aut-cta__texto {
	margin: 0 0 1.1rem;
	font-size: 1rem;
	line-height: 1.55;
}

.aut-cta__acao {
	margin: 0;
}

.aut-prosa .aut-cta a.aut-botao {
	text-decoration: none;
}

/* Botão fixo discreto, só no celular */
.aut-cta-fixo {
	display: none;
}

@media (max-width: 760px) {
	.aut-cta-fixo {
		position: fixed;
		right: 16px;
		bottom: calc(16px + env(safe-area-inset-bottom));
		z-index: 45;
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		padding: 0.55rem 1rem;
		border-radius: 999px 999px 4px 999px;
		background: var(--aut-botao);
		box-shadow: 0 6px 20px rgb(0 0 0 / 0.2);
		color: #fff;
		font-family: var(--aut-fonte-ui);
		font-size: 0.9rem;
		font-weight: 600;
		text-decoration: none;
	}

	/* espaço para o botão não cobrir o fim da página */
	.single-post .aut-rodape__base {
		padding-bottom: 5rem;
	}
}

/* ==========================================================================
   Redesign: título largo em duas linhas, sem linhas finas nem caixas desenhadas
   ========================================================================== */

.aut-artigo__cabecalho {
	padding-block: clamp(3rem, 8vh, 5.5rem) clamp(2rem, 5vh, 3.5rem);
}

.aut-artigo__cabecalho h1 {
	max-width: 36ch;
	margin: 0.5em 0 0.4em;
	font-size: clamp(2rem, 1.3rem + 2.6vw, 3.5rem);
	font-weight: 500;
	line-height: 1.05;
	letter-spacing: -0.035em;
}

.aut-artigo__resumo {
	max-width: 52ch;
	color: var(--aut-texto);
	font-size: var(--i-lead);
	line-height: 1.35;
}

.aut-artigo__meta {
	padding-top: 0;
	border-top: 0;
	font-size: var(--i-pequeno);
}

.aut-artigo__meta a {
	color: var(--aut-link);
	font-weight: 500;
}

.aut-sumario {
	border: 0;
	border-radius: 8px;
	background: var(--aut-suave);
}

.aut-compartilhar {
	padding-top: 0;
	border-top: 0;
}

.aut-compartilhar p {
	font-size: var(--i-corpo);
	font-weight: 500;
}

.aut-relacionados .aut-titulo-secao {
	font-size: var(--i-titulo);
}

@media (max-width: 599px) {
	.aut-artigo__cabecalho h1 {
		font-size: 1.75rem;
	}
}