/*
Theme Name: Automotive S/A
Theme URI: https://www.automotivesa.com.br
Description: Tema de blocos do portal Automotive S/A. Todas as páginas, seções, textos, cores e fontes são editáveis em Aparência > Editor. Inclui campos de preço e ficha técnica para lançamentos, assinatura para artigos de opinião e blocos próprios do portal.
Version: 2.5.1
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: automotive-sa
Tags: block-patterns, full-site-editing, news, blog, black-and-white
*/

/*
 * Os estilos gerais (cores, fontes, tamanhos) estão no theme.json e podem ser
 * trocados em Aparência > Editor > Estilos. Este arquivo cuida dos detalhes
 * que o editor não oferece como opção.
 */

body { -webkit-font-smoothing: antialiased; }
:where(.wp-site-blocks) :focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }
img { height: auto; }
.wp-block-post-title a, .wp-block-heading a { text-decoration: none; }
.wp-block-post-title a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }

/* ---------- Cabeçalho ---------- */
.asa-cabecalho a { color: inherit; }
.asa-cabecalho .asa-data, .asa-topo-links { font-size: 13px; color: var(--wp--preset--color--cinza-medio); margin: 0; }
.asa-topo-links a { color: var(--wp--preset--color--cinza-medio); margin-left: 18px; }
.asa-topo { border-bottom: 1px solid #2A2A2A; }
.asa-logo-invertido img { filter: invert(1); }
.asa-menu { border-top: 1px solid #2A2A2A; }
.asa-menu .wp-block-navigation-item__content { padding: 14px 0 12px; border-bottom: 3px solid transparent; }
.asa-menu .wp-block-navigation-item__content:hover { text-decoration: none; border-bottom-color: var(--wp--preset--color--cinza-medio); }
.asa-menu .current-menu-item > .wp-block-navigation-item__content { border-bottom-color: #FFFFFF; }
.asa-menu .wp-block-navigation__responsive-container.is-menu-open { background: #0A0A0A; color: #FFFFFF; }

/* ---------- Rótulos e etiquetas ---------- */
.is-style-asa-rotulo, .wp-block-post-terms.is-style-asa-rotulo a, .wp-block-query-title.is-style-asa-rotulo {
	display: inline-block; background: var(--wp--preset--color--destaque); color: #FFFFFF;
	font-family: var(--wp--preset--font-family--archivo); font-weight: 800; text-transform: uppercase;
	letter-spacing: .06em; padding: .25em .55em; line-height: 1.15;
}
.wp-block-post-terms.is-style-asa-rotulo { background: none; padding: 0; }
.wp-block-post-terms.is-style-asa-rotulo .wp-block-post-terms__separator { display: none; }
.wp-block-post-terms.is-style-asa-rotulo a + .wp-block-post-terms__separator + a { display: none; }
.is-style-asa-chapeu, .wp-block-post-terms.is-style-asa-chapeu {
	font-family: var(--wp--preset--font-family--archivo); font-size: 12px; font-weight: 800;
	text-transform: uppercase; letter-spacing: .1em; color: var(--wp--preset--color--cinza-texto);
}
.wp-block-post-terms.is-style-asa-chapeu a { color: inherit; }
.is-style-asa-preco {
	display: inline-block; align-self: flex-start; width: fit-content; background: #0A0A0A; color: #FFFFFF;
	font-family: var(--wp--preset--font-family--archivo); font-size: 13px; font-weight: 800; padding: 4px 8px; line-height: 1.25;
}
.is-style-asa-condensado { font-family: var(--wp--preset--font-family--archivo) !important; font-weight: 800; font-stretch: 85%; letter-spacing: -.01em; }
.wp-block-group.is-style-asa-borda { border: 3px solid #0A0A0A; }

/* ---------- Títulos de seção ---------- */
.asa-secao-titulo { border-top: 4px solid currentColor; padding-top: 14px; }
.asa-secao-titulo h2, .asa-secao-titulo h1, .asa-secao-titulo .wp-block-query-title {
	font-family: var(--wp--preset--font-family--archivo); font-weight: 800; font-stretch: 62%;
	text-transform: uppercase; letter-spacing: .01em; line-height: .95; margin: 0;
	font-size: clamp(40px, 6vw, 76px);
}
.asa-secao-titulo .asa-ver-tudo { font-family: var(--wp--preset--font-family--archivo); font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; margin: 0; }
.asa-secao-titulo .asa-ver-tudo a { color: inherit; }

.asa-secao-titulo .asa-titulo-busca { font-size: clamp(28px, 4vw, 44px); text-transform: none; font-stretch: 85%; }
.asa-editoria-cabecalho .wp-block-term-description p { margin: 0; font-family: var(--wp--preset--font-family--source-serif); max-width: 760px; }

/* ---------- Manchete ---------- */
.asa-manchete-foto .wp-block-post-featured-image { margin: 0; }
.asa-manchete-foto .wp-block-post-featured-image img { width: 100%; object-fit: cover; }
.asa-manchete-foto .wp-block-post-featured-image:not(:has(img)) { aspect-ratio: 21 / 9; background: var(--wp--preset--color--foto); }
.asa-manchetes > li { border-top: 4px solid #E2E2E2; padding-top: 14px; transition: border-color .2s; }
.asa-manchetes > li .wp-block-post-title a { color: #6B6B6B; transition: color .2s; }
.asa-manchetes:not(.asa-js) > li:first-child, .asa-manchetes.asa-js > li.is-ativa { border-top-color: #0A0A0A; }
.asa-manchetes:not(.asa-js) > li:first-child .wp-block-post-title a, .asa-manchetes.asa-js > li.is-ativa .wp-block-post-title a, .asa-manchetes > li .wp-block-post-title a:hover { color: #0A0A0A; }
/* Miniatura usada só para trocar a foto grande; fica invisível na página */
.asa-manchetes .asa-manchete-miniatura { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden; clip: rect(0 0 0 0); margin: 0 !important; }
.asa-manchete-foto .wp-block-post-featured-image img { transition: opacity .25s ease; }
.asa-manchete-foto .wp-block-post-featured-image img.asa-trocando { opacity: .15; }
.editor-styles-wrapper .asa-manchetes .asa-manchete-miniatura { position: static !important; width: 120px !important; height: auto !important; clip: auto; opacity: .6; }

/* ---------- Grades de matérias ---------- */
.wp-block-post-featured-image:not(:has(img)) { background: var(--wp--preset--color--foto); }
.asa-card { display: flex; flex-direction: column; gap: 10px; height: 100%; }
.asa-card > * { margin: 0 !important; }
.asa-card .wp-block-post-featured-image { margin-bottom: 6px !important; }
.asa-grade-destaque { grid-auto-flow: dense; }
@media (min-width: 782px) {
	.asa-grade-destaque > li:first-child { grid-column: span 2; grid-row: span 2; }
	.asa-grade-destaque > li:first-child .wp-block-post-title { font-size: var(--wp--preset--font-size--destaque) !important; }
	.asa-grade-destaque > li:first-child .wp-block-post-featured-image { aspect-ratio: 4 / 3 !important; }
	.asa-grade-destaque > li:first-child .wp-block-post-featured-image img { aspect-ratio: 4 / 3 !important; }
}
.asa-grade-destaque > li:not(:first-child) .asa-specs, .asa-grade-destaque > li:not(:first-child) .wp-block-post-excerpt { display: none; }
.asa-grade-destaque > li:first-child .asa-so-grade { display: none; }
.asa-secao-lancamentos .asa-grade-destaque > li:not(:first-child) .asa-specs-linha { display: none; }
.asa-lista-texto > li { border-top: 1px solid var(--wp--preset--color--cinza-linha); padding-top: 16px; }
.asa-lista-linhas > li { border-bottom: 1px solid var(--wp--preset--color--cinza-linha); padding: 24px 0; }
.asa-lista-linhas .asa-linha { display: flex; flex-wrap: wrap; gap: 20px 28px; align-items: flex-start; }
.asa-lista-linhas .asa-linha .wp-block-post-featured-image { flex: 0 1 300px; min-width: 220px; margin: 0; }
.asa-lista-linhas .asa-linha > .wp-block-group { flex: 1 1 300px; min-width: 0; }

/* ---------- Opinião ---------- */
.asa-faixa-escura a { color: #FFFFFF; }
.asa-faixa-escura .is-style-asa-chapeu, .asa-faixa-escura .asa-autor { color: var(--wp--preset--color--cinza-medio); }
.asa-opiniao-lista > li { border-top: 1px solid #3A3A3A; padding-top: 18px; }
.asa-opiniao-pagina > li { border-bottom: 1px solid var(--wp--preset--color--cinza-linha); padding-bottom: 28px; }
@media (min-width: 782px) {
	body:not(.paged) .asa-opiniao-pagina > li:first-child { grid-column: 1 / -1; border-bottom-width: 3px; border-bottom-color: #0A0A0A; }
	body:not(.paged) .asa-opiniao-pagina > li:first-child .wp-block-post-title { font-size: clamp(32px, 4vw, 48px) !important; max-width: 960px; }
}

/* ---------- Blocos do portal ---------- */
.asa-data { margin: 0; }
.asa-trilha { font-size: 13px; color: var(--wp--preset--color--cinza-texto); display: flex; flex-wrap: wrap; gap: 8px; }
.asa-trilha a { color: inherit; }
.asa-contagem { margin: 0; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--cinza-texto); }
.asa-faixa-escura .asa-contagem, .asa-faixa-escura .asa-trilha { color: var(--wp--preset--color--cinza-medio); }
.asa-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.asa-chips a { min-height: 40px; padding: 0 16px; border: 1px solid currentColor; display: inline-flex; align-items: center; font-size: 14px; font-weight: 700; color: inherit; }
.asa-chips a:hover, .asa-chips a[aria-current="page"] { background: #0A0A0A; color: #FFFFFF; border-color: #0A0A0A; text-decoration: none; }
.asa-autor { margin: 0; font-size: 14px; }
.asa-autor span { color: var(--wp--preset--color--cinza-texto); margin-left: 6px; }
.asa-tempo { margin: 0; font-size: 13px; color: var(--wp--preset--color--cinza-texto); }
.asa-compartilhar { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.asa-compartilhar .asa-rede { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #0A0A0A; cursor: pointer; transition: background-color .2s ease, color .2s ease; }
.asa-compartilhar .asa-rede svg { width: 20px; height: 20px; fill: currentColor; }
.asa-compartilhar .asa-rede:hover, .asa-compartilhar .asa-rede:focus-visible { background: #0A0A0A; color: #FFFFFF; text-decoration: none; }
.asa-share-rotulo { margin-right: 8px; font: 800 13px var(--wp--preset--font-family--archivo); letter-spacing: .1em; text-transform: uppercase; }
.asa-share-aviso { position: absolute; right: 0; top: calc(100% + 6px); z-index: 5; padding: 6px 10px; background: #0A0A0A; color: #FFFFFF; font: 600 12px var(--wp--preset--font-family--archivo); white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .2s ease; }
.asa-share-aviso.is-visivel { opacity: 1; }
.asa-compartilhar--rotulo .asa-share-aviso { right: auto; left: 0; }
.asa-compartilhar-fim { padding: 16px 0; border-top: 1px solid var(--wp--preset--color--cinza-linha); border-bottom: 1px solid var(--wp--preset--color--cinza-linha); }
/* Os botões de compartilhar do Jetpack ficam ocultos, porque o tema já tem os seus. */
.sharedaddy.sd-sharing-enabled { display: none !important; }
.asa-specs { margin: 0; display: grid; border-top: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; font-family: var(--wp--preset--font-family--archivo); }
.asa-specs > div { padding: 12px 14px; border-left: 1px solid #C9C9C9; display: flex; flex-direction: column-reverse; gap: 2px; }
.asa-specs > div:first-child { padding-left: 0; border-left: 0; }
.asa-specs dd { margin: 0; font-size: 24px; font-weight: 800; font-stretch: 88%; }
.asa-specs dt { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--wp--preset--color--cinza-texto); }
.asa-specs-linha { margin: 0; font-size: 14px; font-weight: 600; color: var(--wp--preset--color--grafite); font-family: var(--wp--preset--font-family--archivo); }
.asa-ficha { font-family: var(--wp--preset--font-family--archivo); border: 3px solid #0A0A0A; }
.asa-ficha h2 { margin: 0; background: var(--wp--preset--color--destaque); color: #FFFFFF; font-family: var(--wp--preset--font-family--archivo); font-size: 15px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; padding: 10px 18px; }
.asa-ficha dl { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.asa-ficha dl > div { padding: 14px 18px; border-bottom: 1px solid var(--wp--preset--color--cinza-linha); }
.asa-ficha dl > div:nth-child(odd) { border-right: 1px solid var(--wp--preset--color--cinza-linha); }
.asa-ficha dt { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--wp--preset--color--cinza-texto); }
.asa-ficha dd { margin: 4px 0 0; font-size: 20px; font-weight: 700; color: #0A0A0A; line-height: 1.3; }
.asa-credito { margin: 0; font-size: 13px; color: var(--wp--preset--color--cinza-texto); }
.asa-assinatura { font-family: var(--wp--preset--font-family--archivo); border-top: 3px solid #0A0A0A; padding-top: 18px; display: flex; flex-direction: column; gap: 4px; }
.asa-assinatura strong { font-size: 17px; }
.asa-assinatura span { font-size: 15px; color: var(--wp--preset--color--cinza-texto); }
.asa-assinatura small { margin-top: 12px; font-size: 13px; line-height: 1.5; color: var(--wp--preset--color--cinza-texto); }
.asa-relacionadas { border-top: 3px solid #0A0A0A; }
.asa-relacionadas h2 { margin: 0; padding: 14px 0 4px; font-family: var(--wp--preset--font-family--archivo); font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.asa-relacionadas article { display: flex; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--wp--preset--color--cinza-linha); }
.asa-relacionadas .asa-rel-img { flex: none; width: 96px; line-height: 0; }
.asa-relacionadas .asa-rel-img img { width: 96px; height: 96px; object-fit: cover; }
.asa-relacionadas article > div { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.asa-relacionadas h3 { margin: 0; font-size: 18px; line-height: 1.25; font-weight: 600; }
.asa-preco-mini { align-self: flex-start; background: #0A0A0A; color: #FFFFFF; font: 800 12px var(--wp--preset--font-family--archivo); padding: 3px 7px; }
.asa-newsletter { display: flex; flex-direction: column; gap: 8px; }
.asa-newsletter label { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.asa-nl-row { display: flex; flex-wrap: wrap; gap: 8px; }
.asa-nl-row input { flex: 1 1 220px; min-width: 0; min-height: 52px; border: 1px solid #0A0A0A; padding: 0 16px; font-size: 16px; color: #0A0A0A; background: #FFFFFF; }
.asa-nl-row button { min-height: 52px; cursor: pointer; border: 0; }
.asa-newsletter--coluna .asa-nl-row { flex-direction: column; }
.asa-newsletter--coluna .asa-nl-row input { flex: none; border-color: #FFFFFF; }
.asa-faixa-escura .asa-newsletter--coluna button, .asa-faixa-escura .asa-nl-row button { border: 1px solid #FFFFFF; }
.asa-nl-aviso { margin: 0; padding: 8px 12px; background: #FFF4D6; color: #0A0A0A; font-size: 13px; line-height: 1.4; }

/* Newsletter do WordPress.com, com o mesmo visual do formulário do tema */
.asa-nl-wpcom .asa-nl-rotulo { margin: 0; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.asa-nl-wpcom .wp-block-jetpack-subscriptions, .asa-nl-wpcom .wp-block-jetpack-subscriptions__container { margin: 0 !important; padding: 0 !important; width: 100%; }
.asa-nl-wpcom form { display: block !important; margin: 0 !important; width: 100%; }
.asa-nl-wpcom form, .asa-nl-wpcom .wp-block-jetpack-subscriptions__form-elements { gap: 8px; }
.asa-nl-wpcom .wp-block-jetpack-subscriptions__form-elements, .asa-nl-wpcom form:not(:has(.wp-block-jetpack-subscriptions__form-elements)) { display: flex !important; flex-wrap: wrap; align-items: stretch; width: 100%; }
.asa-nl-wpcom form p { margin: 0 !important; padding: 0 !important; }
.asa-nl-wpcom form p:has(input[type="email"]) { flex: 1 1 220px; min-width: 0; }
.asa-nl-wpcom input[type="email"] { box-sizing: border-box; width: 100% !important; min-height: 52px; margin: 0 !important; border: 1px solid #0A0A0A !important; border-radius: 0 !important; padding: 0 16px !important; font-size: 16px !important; font-family: inherit; color: #0A0A0A; background: #FFFFFF; }
.asa-nl-wpcom button[type="submit"], .asa-nl-wpcom input[type="submit"] { min-height: 52px; margin: 0 !important; padding: 0 28px !important; border: 0 !important; border-radius: 0 !important; cursor: pointer; background: #0A0A0A !important; color: #FFFFFF !important; font-family: var(--wp--preset--font-family--archivo) !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: .02em; }
.asa-nl-wpcom button[type="submit"]:hover, .asa-nl-wpcom button[type="submit"]:focus-visible { background: #2B2B2B !important; }
.asa-newsletter--coluna.asa-nl-wpcom .wp-block-jetpack-subscriptions__form-elements, .asa-newsletter--coluna.asa-nl-wpcom form:not(:has(.wp-block-jetpack-subscriptions__form-elements)) { flex-direction: column; }
.asa-newsletter--coluna.asa-nl-wpcom form p:has(input[type="email"]) { flex: none; }
.asa-newsletter--coluna.asa-nl-wpcom button[type="submit"] { width: 100%; }
.asa-faixa-escura .asa-nl-wpcom input[type="email"] { border-color: #FFFFFF !important; }
.asa-faixa-escura .asa-nl-wpcom button[type="submit"] { border: 1px solid #FFFFFF !important; }
.asa-nl-wpcom .success, .asa-nl-wpcom .error, .asa-nl-wpcom .wp-block-jetpack-subscriptions__subscount { font-size: 14px; }

/* ---------- Fale conosco (formulário do WordPress.com) ---------- */
.wp-block-post-content .contact-form, .wp-block-post-content .wp-block-jetpack-contact-form { display: flex; flex-direction: column; gap: 16px; max-width: 640px; margin-left: 0 !important; }
.wp-block-post-content .contact-form .grunion-field-wrap, .wp-block-post-content .contact-form .grunion-field-wrap + .grunion-field-wrap { margin: 0 0 16px; }
.wp-block-post-content .contact-form .grunion-label-required { margin-left: 6px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--wp--preset--color--cinza-texto); }
.wp-block-post-content .contact-form label, .wp-block-post-content .wp-block-jetpack-contact-form label { display: block; margin-bottom: 6px; font-family: var(--wp--preset--font-family--archivo); font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.wp-block-post-content .contact-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .wp-block-post-content .contact-form select, .wp-block-post-content .contact-form textarea { box-sizing: border-box; width: 100%; min-height: 50px; border: 1px solid #0A0A0A; border-radius: 0; padding: 12px 14px; font-size: 16px; font-family: inherit; background: #FFFFFF; color: #0A0A0A; }
.wp-block-post-content .contact-form textarea { min-height: 180px; }
.wp-block-post-content .contact-form button[type="submit"], .wp-block-post-content .contact-form input[type="submit"] { min-height: 52px; padding: 0 32px; border: 0; border-radius: 0; background: #0A0A0A; color: #FFFFFF; font-family: var(--wp--preset--font-family--archivo); font-size: 15px; font-weight: 700; cursor: pointer; }

/* ---------- Matéria ---------- */
.wp-block-post-content > * + * { margin-block-start: 24px; }
.wp-block-post-content h2 { font-size: 30px; margin-block-start: 40px; }
.wp-block-post-content h3 { font-size: 24px; margin-block-start: 32px; }
.wp-block-post-content a { text-decoration: underline; text-underline-offset: 3px; }
.wp-block-post-content blockquote cite { font-family: var(--wp--preset--font-family--archivo); font-style: normal; font-size: 14px; font-weight: 700; color: var(--wp--preset--color--cinza-texto); }
.asa-tags .wp-block-post-terms__separator { display: none; }
.asa-tags a { display: inline-block; font-size: 13px; font-weight: 700; padding: 8px 12px; background: #F1F1F1; margin: 0 6px 6px 0; }

/* ---------- Rodapé ---------- */
.asa-rodape a { color: #FFFFFF; }
.asa-rodape .asa-rodape-titulo { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--wp--preset--color--cinza-medio); }
.asa-rodape .asa-rodape-lista p { margin: 0; }

/* ---------- Paginação ---------- */
.wp-block-query-pagination a, .wp-block-query-pagination .page-numbers { min-width: 44px; min-height: 44px; padding: 0 12px; border: 1px solid #0A0A0A; display: inline-flex; align-items: center; justify-content: center; }
.wp-block-query-pagination .page-numbers.current { background: #0A0A0A; color: #FFFFFF; }

@media (max-width: 781px) {
	.asa-topo-links { display: none; }
	.asa-ficha dl { grid-template-columns: minmax(0, 1fr); }
	.asa-ficha dl > div:nth-child(odd) { border-right: 0; }
	.asa-specs dd { font-size: 19px; }
	.asa-specs > div { padding: 10px 8px; }
}

/* Sem espaço branco entre cabeçalho, conteúdo e rodapé */
.wp-site-blocks > * + * { margin-block-start: 0; }

/* ---------- Movimento ---------- */
/* Zoom suave na foto ao passar o mouse sobre a notícia */
.wp-block-post-featured-image { overflow: hidden; }
.wp-block-post-featured-image img { transition: transform .6s cubic-bezier(.2, .7, .2, 1); will-change: transform; }
.wp-block-post-template > li:hover .wp-block-post-featured-image img,
.wp-block-post-template > li:focus-within .wp-block-post-featured-image img,
.asa-relacionadas article:hover img { transform: scale(1.045); }
/* A foto grande da manchete não tem zoom */
.asa-manchete-foto .wp-block-post-featured-image img { transform: none !important; }
.asa-relacionadas .asa-rel-img { overflow: hidden; }
.asa-relacionadas .asa-rel-img img { transition: transform .6s cubic-bezier(.2, .7, .2, 1); }

/* Sublinhado que cresce sob o título */
.wp-block-post-title a, .asa-relacionadas h3 a, .asa-perfil h2 a, .asa-equipe h3 a {
	text-decoration: none !important;
	background-image: linear-gradient(currentColor, currentColor);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 0 2px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transition: background-size .35s ease, color .2s;
}
.wp-block-post-template > li:hover .wp-block-post-title a,
.wp-block-post-title a:hover, .wp-block-post-title a:focus-visible,
.asa-relacionadas article:hover h3 a, .asa-perfil h2 a:hover, .asa-equipe article:hover h3 a { background-size: 100% 2px; }

/* Seta no "Ver tudo" */
.asa-ver-tudo a::after { content: "→"; display: inline-block; margin-left: 8px; transition: transform .25s ease; }
.asa-ver-tudo a:hover { text-decoration: none; }
.asa-ver-tudo a:hover::after { transform: translateX(4px); }

/* Barra de leitura nas matérias */
.asa-progresso { position: fixed; top: 0; left: 0; right: 0; height: 4px; background: var(--wp--preset--color--destaque); transform-origin: 0 50%; transform: scaleX(0); z-index: 9999; pointer-events: none; }
body.admin-bar .asa-progresso { top: 32px; }
@media (max-width: 782px) { body.admin-bar .asa-progresso { top: 46px; } }

/* Imagens surgem com leve esmaecimento ao carregar */
@keyframes asa-surge { from { opacity: 0; } to { opacity: 1; } }
.wp-block-post-featured-image img { animation: asa-surge .5s ease both; }

/* ---------- Autores ---------- */
.asa-perfil { display: flex; flex-wrap: wrap; gap: 24px 32px; align-items: center; }
.asa-perfil-foto { flex: none; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: var(--wp--preset--color--cinza-claro); display: flex; align-items: center; justify-content: center; font: 800 44px var(--wp--preset--font-family--archivo); color: var(--wp--preset--color--cinza-texto); }
.asa-perfil-foto img { width: 100%; height: 100%; object-fit: cover; }
.asa-perfil-texto { flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.asa-perfil-cargo { margin: 0; font: 800 12px var(--wp--preset--font-family--archivo); letter-spacing: .1em; text-transform: uppercase; color: var(--wp--preset--color--cinza-texto); }
.asa-perfil h1, .asa-perfil h2 { margin: 0; font-family: var(--wp--preset--font-family--source-serif); font-weight: 600; line-height: 1.1; }
.asa-perfil h1 { font-size: clamp(34px, 4.6vw, 52px); }
.asa-perfil h2 { font-size: 24px; }
.asa-perfil h2 a { color: inherit; }
.asa-perfil-bio { margin: 0; font-family: var(--wp--preset--font-family--source-serif); font-size: 18px; line-height: 1.55; color: var(--wp--preset--color--grafite); max-width: 760px; }
.asa-perfil-redes { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 4px 0 0; padding: 0; list-style: none; font-size: 14px; font-weight: 700; }
.asa-perfil-redes a { color: inherit; border-bottom: 1px solid currentColor; }
.asa-perfil-redes a:hover { text-decoration: none; opacity: .7; }
.asa-perfil--caixa { border-top: 3px solid #0A0A0A; padding-top: 24px; align-items: flex-start; }
.asa-perfil--caixa .asa-perfil-foto { width: 88px; height: 88px; font-size: 28px; }
.asa-perfil--caixa .asa-perfil-bio { font-size: 16px; }
.asa-equipe { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 40px 32px; }
.asa-equipe article { display: flex; flex-direction: column; gap: 10px; }
.asa-equipe .asa-perfil-foto { width: 120px; height: 120px; font-size: 36px; margin-bottom: 6px; }
.asa-equipe h3 { margin: 0; font-family: var(--wp--preset--font-family--source-serif); font-size: 24px; font-weight: 600; }
.asa-equipe h3 a { color: inherit; }
.asa-equipe p { margin: 0; }
.asa-equipe .asa-perfil-bio { font-size: 16px; }
.asa-equipe .asa-equipe-link { font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.asa-autor a { color: inherit; border-bottom: 1px solid transparent; }
.asa-autor a:hover { text-decoration: none; border-bottom-color: currentColor; }

@media (prefers-reduced-motion: reduce) {
	.wp-block-post-featured-image img, .asa-relacionadas .asa-rel-img img { transition: none; animation: none; transform: none !important; }
	.asa-progresso { display: none; }
}

/* ---------- Altura da foto da manchete ----------
 * A foto acompanha a altura da tela, para que os títulos das manchetes
 * apareçam sem rolar. Para mudar, ajuste os três valores de --asa-manchete-altura
 * (mínimo, proporção da tela e máximo).
 */
/* Cabeçalho mais compacto, para sobrar altura para a foto da manchete */
.asa-cabecalho > * + * { margin-block-start: 0 !important; }
.asa-cabecalho > .wp-block-group:has(.wp-block-site-logo) { padding-top: 14px !important; padding-bottom: 14px !important; }
.asa-cabecalho .asa-busca .wp-block-search__inside-wrapper { min-height: 0; }
.asa-cabecalho .asa-busca .wp-block-search__input { min-height: 32px; }
.asa-menu .wp-block-navigation-item__content { padding: 11px 0 9px; }
@media (max-width: 781px) {
	.asa-cabecalho > .wp-block-group:has(.wp-block-site-logo) { row-gap: 14px; }
	.asa-cabecalho .asa-menu { padding: 8px 0 12px; }
}

:root { --asa-manchete-altura: clamp(240px, calc(100vh - 410px), 560px); }
.asa-manchete-foto .wp-block-post-featured-image { width: 100%; max-width: 100%; height: var(--asa-manchete-altura); }
.asa-manchete-foto .wp-block-post-featured-image a { display: block; width: 100%; height: 100%; }
.asa-manchete-foto .wp-block-post-featured-image img { aspect-ratio: auto !important; height: 100% !important; width: 100% !important; max-width: 100%; object-fit: cover; }
/* Títulos das manchetes um pouco menores, para caberem na primeira tela */
.asa-manchetes .wp-block-post-title { font-size: clamp(24px, 2.3vw, 34px) !important; }
@media (max-width: 781px) {
	:root { --asa-manchete-altura: clamp(200px, 56vw, 340px); }
}

/* ---------- Redes sociais em ícones ---------- */
.asa-redes.wp-block-social-links { gap: 14px !important; margin: 0; }
.asa-redes .wp-social-link { transition: opacity .2s ease, transform .2s ease; }
.asa-redes .wp-social-link:hover { opacity: .7; transform: translateY(-1px); }
.asa-redes .wp-social-link a { padding: 0; }
.asa-rodape .asa-redes.wp-block-social-links { gap: 18px !important; }

/* ---------- Busca ---------- */
.asa-busca .wp-block-search__inside-wrapper {
	background: #1A1A1A; border: 1px solid #333333 !important; border-radius: 999px;
	padding: 4px 4px 4px 18px !important; transition: border-color .2s ease, background-color .2s ease;
}
.asa-busca .wp-block-search__inside-wrapper:hover { border-color: #5A5A5A !important; }
.asa-busca .wp-block-search__inside-wrapper:focus-within { border-color: #FFFFFF !important; background: #222222; }
.asa-busca .wp-block-search__input { background: transparent; border: 0 !important; color: #FFFFFF; min-height: 36px; padding: 0 !important; font-size: 14px; outline: none; }
.asa-busca .wp-block-search__input::placeholder { color: #9A9A9A; }
.asa-busca .wp-block-search__button {
	background: #FFFFFF; color: #0A0A0A; border: 0; border-radius: 999px; width: 36px; height: 36px; min-width: 36px;
	padding: 0 !important; margin-left: 8px; display: inline-flex; align-items: center; justify-content: center; transition: transform .2s ease;
}
.asa-busca .wp-block-search__button:hover { transform: scale(1.06); }
.asa-busca .wp-block-search__button svg { fill: #0A0A0A; width: 18px; height: 18px; min-width: 18px; }
.asa-busca-clara .wp-block-search__inside-wrapper { background: #FFFFFF; border-color: #C9C9C9 !important; }
.asa-busca-clara .wp-block-search__inside-wrapper:hover { border-color: #0A0A0A !important; }
.asa-busca-clara .wp-block-search__inside-wrapper:focus-within { background: #FFFFFF; border-color: #0A0A0A !important; box-shadow: 0 0 0 3px rgba(10, 10, 10, .08); }
.asa-busca-clara .wp-block-search__input { color: #0A0A0A; font-size: 16px; min-height: 42px; }
.asa-busca-clara .wp-block-search__input::placeholder { color: #6B6B6B; }
.asa-busca-clara .wp-block-search__button { background: #0A0A0A; width: 42px; height: 42px; }
.asa-busca-clara .wp-block-search__button svg { fill: #FFFFFF; }
@media (max-width: 781px) {
	.asa-cabecalho .asa-busca { width: 100% !important; }
	.asa-cabecalho .asa-busca .wp-block-search__inside-wrapper { width: 100% !important; }
}

/* ---------- Cabeçalho compacto e translúcido ao rolar a página ---------- */
header.wp-block-template-part { position: relative; z-index: 100; }
body.asa-compacto .asa-cabecalho {
	position: fixed; top: 0; left: 0; right: 0; z-index: 100;
	display: flex; align-items: center; gap: 36px;
	padding: 0 max(var(--wp--style--root--padding-right, 24px), calc((100% - 1280px) / 2)) !important;
	background-color: rgba(10, 10, 10, .72) !important;
	-webkit-backdrop-filter: blur(16px) saturate(160%);
	backdrop-filter: blur(16px) saturate(160%);
	border-bottom: 1px solid rgba(255, 255, 255, .12);
	animation: asa-desce .32s ease-out;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	body.asa-compacto .asa-cabecalho { background-color: rgba(10, 10, 10, .94) !important; }
}
body.admin-bar.asa-compacto .asa-cabecalho { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { body.admin-bar.asa-compacto .asa-cabecalho { top: 0; } }
body.asa-compacto .asa-cabecalho > * { margin: 0 !important; max-width: none !important; }
body.asa-compacto .asa-cabecalho .asa-topo,
body.asa-compacto .asa-cabecalho .asa-busca { display: none !important; }
body.asa-compacto .asa-cabecalho > .wp-block-group:has(.wp-block-site-logo) { flex: none; padding: 12px 0 !important; }
body.asa-compacto .asa-cabecalho .wp-block-site-logo img { width: 150px !important; height: auto; }
body.asa-compacto .asa-cabecalho .asa-menu { flex: 1 1 auto; min-width: 0; border-top: 0; padding: 0 !important; }
body.asa-compacto .asa-menu .wp-block-navigation-item__content { padding: 19px 0 16px; }
@keyframes asa-desce { from { transform: translateY(-100%); opacity: 0; } to { transform: none; opacity: 1; } }
/* Com o menu do celular aberto, o desfoque sai para o menu ocupar a tela inteira */
html.has-modal-open body.asa-compacto .asa-cabecalho { -webkit-backdrop-filter: none; backdrop-filter: none; animation: none; }
@media (max-width: 781px) {
	body.asa-compacto .asa-cabecalho { justify-content: space-between; gap: 16px; }
	body.asa-compacto .asa-cabecalho > .wp-block-group:has(.wp-block-site-logo) { padding: 10px 0 !important; }
	body.asa-compacto .asa-cabecalho .wp-block-site-logo img { width: 130px !important; }
	body.asa-compacto .asa-cabecalho .asa-menu { flex: none; }
}
/* Menu do celular com fundo translúcido */
.asa-menu .wp-block-navigation__responsive-container.is-menu-open {
	background-color: rgba(10, 10, 10, .84) !important;
	-webkit-backdrop-filter: blur(18px) saturate(150%);
	backdrop-filter: blur(18px) saturate(150%);
}
@media (prefers-reduced-motion: reduce) {
	body.asa-compacto .asa-cabecalho { animation: none; }
}


/* ---------- Faixa da newsletter com vidro fosco claro ---------- */
section#newsletter { position: relative; overflow: hidden; isolation: isolate; background: #EFEFEF; padding-top: var(--wp--preset--spacing--70) !important; padding-bottom: var(--wp--preset--spacing--70) !important; }
section#newsletter::before, section#newsletter::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; filter: blur(60px); pointer-events: none; }
section#newsletter::before { width: min(520px, 70vw); height: 300px; left: 6%; top: -70px; background: rgba(10, 10, 10, .30); }
section#newsletter::after { width: min(480px, 65vw); height: 280px; right: 4%; bottom: -100px; background: rgba(10, 10, 10, .22); }
section#newsletter > .is-style-asa-borda {
	background: rgba(255, 255, 255, .55);
	-webkit-backdrop-filter: blur(22px) saturate(140%);
	backdrop-filter: blur(22px) saturate(140%);
	border: 1px solid rgba(255, 255, 255, .8);
	box-shadow: 0 10px 40px rgba(0, 0, 0, .08);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	section#newsletter > .is-style-asa-borda { background: rgba(255, 255, 255, .9); }
}
section#newsletter input[type="email"] { background: #FFFFFF; border-color: rgba(10, 10, 10, .25) !important; }
@media (max-width: 781px) {
	section#newsletter > .is-style-asa-borda { padding: 28px 22px !important; }
}
