/*
Theme Name: RTEC Kadence
Theme URI: https://rtec.studio
Template: kadence
Description: Child theme do Kadence para o RTEC Studio — identidade visual editorial acolhedora para conteúdo sobre leitura infantil destinado a pais, responsáveis e educadores.
Version: 1.0.0
Author: RTEC Studio
Text Domain: rtec-kadence
*/

/* ==========================================================================
   1. PALETA — custom properties (identidade provisória do RTEC Studio)
   ========================================================================== */
:root {
	--rtec-azul-profundo: #183B4E;
	--rtec-azul-secundario: #2F6173;
	--rtec-terracota: #A65338;
	--rtec-marfim: #FFF9F0;
	--rtec-branco: #FFFFFF;
	--rtec-texto: #24313A;
	--rtec-texto-secundario: #5F6B73;
	--rtec-bordas: #E7DDD1;

	--rtec-azul-profundo-hover: #122E3D;
	--rtec-azul-secundario-hover: #264E5E;
	--rtec-terracota-hover: #8F4529;

	--rtec-sombra-suave: 0 1px 3px rgba(24, 59, 78, 0.08), 0 4px 14px rgba(24, 59, 78, 0.06);
	--rtec-sombra-suave-hover: 0 2px 6px rgba(24, 59, 78, 0.10), 0 8px 22px rgba(24, 59, 78, 0.08);
	--rtec-raio: 10px;
}

/* ==========================================================================
   2. ALINHAMENTO COM A PALETA DO KADENCE
   (as regras do Kadence são emitidas em `:root`; `:root:root` garante
   precedência sem alterar arquivos do tema pai)
   ========================================================================== */
:root:root {
	--global-palette1: #A65338;   /* primária — botões (terracota)        */
	--global-palette2: #2F6173;   /* secundária — links (azul médio)      */
	--global-palette3: #183B4E;   /* títulos (azul profundo)              */
	--global-palette4: #24313A;   /* texto principal                      */
	--global-palette5: #5F6B73;   /* texto secundário                     */
	--global-palette6: #E7DDD1;   /* bordas                               */
	--global-palette7: #FFF9F0;   /* fundo alternado (marfim)             */
	--global-palette8: #FFFFFF;   /* fundo de áreas de leitura            */
	--global-palette9: #183B4E;   /* fundo escuro — rodapé                */
	--global-bg-color: #FFF9F0;   /* fundo geral marfim                   */
}

/* ==========================================================================
   3. TIPOGRAFIA E BASE
   ========================================================================== */
body {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 17px;
	line-height: 1.7;
	color: var(--rtec-texto);
	background-color: var(--rtec-marfim);
	word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title,
.wp-block-heading,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3 {
	font-family: Georgia, "Times New Roman", serif;
	color: var(--rtec-azul-profundo);
	line-height: 1.25;
	font-weight: 700;
}

.entry-title a,
.entry-title a:visited {
	color: var(--rtec-azul-profundo);
}

p { margin: 0 0 1.25em; }

/* ==========================================================================
   4. LINKS
   ========================================================================== */
a {
	color: var(--rtec-azul-secundario);
	text-decoration: underline;
	text-decoration-color: rgba(47, 97, 115, 0.35);
	text-underline-offset: 3px;
	transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

a:hover,
a:focus {
	color: var(--rtec-azul-secundario-hover);
	text-decoration-color: var(--rtec-azul-secundario-hover);
}

/* ==========================================================================
   5. ACESSIBILIDADE — foco visível (nunca ocultar outline)
   ========================================================================== */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.wp-block-button__link:focus-visible,
.page-numbers:focus-visible,
.main-navigation a:focus-visible,
.site-footer a:focus-visible {
	outline: 2px solid var(--rtec-terracota);
	outline-offset: 3px;
	border-radius: 4px;
}

/* ==========================================================================
   6. BOTÕES
   ========================================================================== */
.button,
.wp-block-button__link,
button,
input[type="submit"],
input[type="button"] {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	color: #FFFFFF;
	background-color: var(--rtec-terracota);
	border: 1px solid var(--rtec-terracota);
	border-radius: 999px;
	padding: 0.7em 1.6em;
	text-decoration: none;
	display: inline-block;
	transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.button:hover,
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background-color: var(--rtec-terracota-hover);
	border-color: var(--rtec-terracota-hover);
	color: #FFFFFF;
	transform: translateY(-1px);
}

.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline > .wp-block-button__link {
	background-color: transparent;
	color: var(--rtec-terracota);
	border-color: var(--rtec-terracota);
}

.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background-color: var(--rtec-terracota);
	color: #FFFFFF;
}

/* ==========================================================================
   7. CABEÇALHO
   ========================================================================== */
.site-header {
	background-color: var(--rtec-branco);
	border-bottom: 1px solid var(--rtec-bordas);
}

.site-header-row-container-inner {
	background-color: var(--rtec-branco);
}

.site-branding .site-title {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.6rem;
	color: var(--rtec-azul-profundo);
	margin: 0;
}

.site-branding .site-description {
	font-size: 0.95rem;
	color: var(--rtec-texto-secundario);
	margin-top: 0.25rem;
}

/* Símbolo da marca no cabeçalho: [símbolo] RTEC Studio */
.site-branding a.brand img.custom-logo {
	height: 44px;
	width: auto;
	max-height: 44px;
}

/* Navegação principal */
.main-navigation .primary-menu > .menu-item > a {
	color: var(--rtec-texto);
	font-weight: 500;
	padding: 0.75rem 1rem;
	text-decoration: none;
	transition: color 0.15s ease, background-color 0.15s ease;
}

.main-navigation .primary-menu > .menu-item > a:hover,
.main-navigation .primary-menu > .menu-item > a:focus {
	color: var(--rtec-terracota);
}

.main-navigation .primary-menu > .current-menu-item > a,
.main-navigation .primary-menu > .current_page_item > a {
	color: var(--rtec-terracota);
}

/* Submenus */
.main-navigation ul.sub-menu {
	background-color: var(--rtec-branco);
	border: 1px solid var(--rtec-bordas);
	border-radius: var(--rtec-raio);
	box-shadow: var(--rtec-sombra-suave);
	padding: 0.4rem;
}

.main-navigation ul.sub-menu a {
	color: var(--rtec-texto);
	text-decoration: none;
	border-radius: 6px;
}

.main-navigation ul.sub-menu a:hover {
	background-color: var(--rtec-marfim);
	color: var(--rtec-terracota);
}

/* ==========================================================================
   8. ÁREAS DE CONTEÚDO E ARTIGOS
   ========================================================================== */
.site-content .content-container {
	max-width: 1290px;
}

.content-bg {
	background-color: var(--rtec-branco);
}

/* Largura de leitura confortável (720–780px) */
.single .entry-content,
.page .entry-content,
.entry-content,
.single-content {
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}

.entry-header .entry-title {
	font-size: 2.2rem;
	line-height: 1.2;
	margin: 0 0 0.5em;
}

.entry-meta {
	color: var(--rtec-texto-secundario);
	font-size: 0.95rem;
}

/* Imagens destacadas */
.entry .post-thumbnail,
.entry .entry-content img,
.entry-content .wp-block-image img {
	border-radius: var(--rtec-raio);
	box-shadow: var(--rtec-sombra-suave);
}

/* Separação entre seções e conteúdo fluido */
.entry-content > * + * {
	margin-top: 1.5em;
}

/* ==========================================================================
   9. CARDS (grid de posts / colunas)
   ========================================================================== */
.entry.entry.content-bg.loop-entry,
.post-grid-item .entry {
	background-color: var(--rtec-branco);
	border: 1px solid var(--rtec-bordas);
	border-radius: var(--rtec-raio);
	box-shadow: var(--rtec-sombra-suave);
	overflow: hidden;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
	height: 100%;
}

.entry.entry.content-bg.loop-entry:hover,
.post-grid-item .entry:hover {
	box-shadow: var(--rtec-sombra-suave-hover);
	transform: translateY(-3px);
}

.loop-entry .entry-content-wrap {
	padding: 1.5rem;
}

.loop-entry .entry-title {
	font-size: 1.35rem;
	margin: 0 0 0.5rem;
}

.loop-entry .entry-summary {
	color: var(--rtec-texto-secundario);
	font-size: 1rem;
}

/* ==========================================================================
   10. PAGINAÇÃO
   ========================================================================== */
.pagination .page-numbers,
.pagination .nav-links > * {
	color: var(--rtec-texto);
	background-color: var(--rtec-branco);
	border: 1px solid var(--rtec-bordas);
	border-radius: 8px;
	min-width: 2.5rem;
	height: 2.5rem;
	line-height: 2.4rem;
	text-align: center;
	display: inline-block;
	margin: 0 0.2rem;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.pagination .page-numbers.current {
	background-color: var(--rtec-terracota);
	border-color: var(--rtec-terracota);
	color: #FFFFFF;
}

.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
	background-color: var(--rtec-marfim);
	border-color: var(--rtec-azul-secundario);
	color: var(--rtec-azul-secundario);
}

/* ==========================================================================
   11. FORMULÁRIOS NATIVOS
   ========================================================================== */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea,
select {
	font-family: inherit;
	font-size: 1rem;
	color: var(--rtec-texto);
	background-color: var(--rtec-branco);
	border: 1px solid var(--rtec-bordas);
	border-radius: 8px;
	padding: 0.6em 0.9em;
	max-width: 100%;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
	border-color: var(--rtec-azul-secundario);
	box-shadow: 0 0 0 3px rgba(47, 97, 115, 0.35);
	outline: none;
}

input::placeholder,
textarea::placeholder {
	color: var(--rtec-texto-secundario);
}

/* ==========================================================================
   12. RODAPÉ
   ========================================================================== */
.site-footer {
	background-color: var(--rtec-azul-profundo);
	color: rgba(255, 249, 240, 0.85);
}

.site-footer-row-container-inner {
	background-color: var(--rtec-azul-profundo);
}

.site-footer a {
	color: #FFF9F0;
	text-decoration-color: rgba(255, 249, 240, 0.4);
}

.site-footer a:hover,
.site-footer a:focus {
	color: #FFFFFF;
	text-decoration-color: #FFFFFF;
}

.site-footer .site-title {
	color: #FFF9F0;
}

.site-footer .widget-title,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4 {
	color: #FFF9F0;
}

.site-footer .footer-widget-area {
	font-size: 0.98rem;
}

#colophon.site-footer .footer-navigation .footer-menu-container .menu-item > a {
	color: #FFF9F0;
	text-decoration: none;
	padding: 0.4rem 0.8rem;
}

#colophon.site-footer .footer-navigation .footer-menu-container .menu-item > a:hover,
#colophon.site-footer .footer-navigation .footer-menu-container .menu-item > a:focus,
#colophon.site-footer .footer-navigation .footer-menu-container .menu-item.current-menu-item > a,
#colophon.site-footer .footer-navigation .footer-menu-container .menu-item.current_page_item > a {
	color: #FFFFFF;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.site-footer .site-info {
	color: rgba(255, 249, 240, 0.75);
	font-size: 0.92rem;
	padding: 1.2rem 0;
}

/* Rodapé inferior: links no topo e marca ("© 2026 RTEC Studio") abaixo,
   centralizada. O Kadence dispõe nav + site-info em linha; a seção passa a
   ser coluna com os itens centralizados em todos os tamanhos de tela. */
#colophon .site-footer-bottom-section-1 {
	flex-direction: column;
	align-items: center;
}

#colophon .site-footer-bottom-section-1 .footer-widget-area {
	margin-left: 0;
}

#colophon .site-footer-bottom-section-1 .site-info {
	justify-content: center;
	margin-top: 0.5rem;
}

/* ==========================================================================
   13. COMPONENTES DA HOME (blocos Gutenberg nativos com classes próprias)
   ========================================================================== */

/* Hero */
.rtec-hero {
	background-color: var(--rtec-branco);
	border: 1px solid var(--rtec-bordas);
	border-radius: calc(var(--rtec-raio) + 4px);
	box-shadow: var(--rtec-sombra-suave);
	padding: clamp(2.5rem, 6vw, 4.5rem) clamp(1.5rem, 5vw, 3.5rem);
	text-align: center;
	max-width: 860px;
	margin: 0 auto;
}

.rtec-hero h1,
.rtec-hero .wp-block-heading {
	font-size: clamp(2rem, 4.5vw, 2.9rem);
	margin: 0 0 0.75rem;
}

.rtec-hero p {
	font-size: 1.125rem;
	color: var(--rtec-texto-secundario);
	max-width: 640px;
	margin: 0 auto 1.5rem;
}

.rtec-hero .wp-block-buttons {
	justify-content: center;
	gap: 1rem;
}

/* Seções */
.rtec-section {
	max-width: 860px;
	margin: 0 auto;
}

.rtec-section .wp-block-heading {
	font-size: clamp(1.6rem, 3vw, 2.1rem);
	margin-bottom: 0.75rem;
}

.rtec-section p {
	font-size: 1.0625rem;
	color: var(--rtec-texto-secundario);
}

/* Cards da home */
.wp-block-columns.rtec-cards {
	gap: 1.5rem;
}

.wp-block-column.rtec-card {
	background-color: var(--rtec-branco);
	border: 1px solid var(--rtec-bordas);
	border-radius: var(--rtec-raio);
	box-shadow: var(--rtec-sombra-suave);
	padding: 1.75rem;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.wp-block-column.rtec-card:hover {
	box-shadow: var(--rtec-sombra-suave-hover);
	transform: translateY(-3px);
}

.wp-block-column.rtec-card h3,
.wp-block-column.rtec-card .wp-block-heading {
	font-size: 1.3rem;
	margin: 0 0 0.6rem;
}

.wp-block-column.rtec-card p {
	font-size: 1rem;
	color: var(--rtec-texto-secundario);
	margin-bottom: 1rem;
}

.wp-block-column.rtec-card .wp-block-buttons {
	margin-top: auto;
}

/* Divisórias suaves entre seções da home */
.rtec-section-divider {
	border: none;
	border-top: 1px solid var(--rtec-bordas);
	margin: 0;
}

/* ==========================================================================
   14. RESPONSIVO
   ========================================================================== */

/* ==========================================================================
   17. REDES SOCIAIS NA HOME
   ========================================================================== */
.rtec-social {
	text-align: center;
	background: var(--rtec-marfim);
	border: 1px solid var(--rtec-bordas);
	border-radius: var(--rtec-raio);
	box-shadow: var(--rtec-sombra-suave);
	padding: 2rem;
}

.rtec-social > p {
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
}

.rtec-social .wp-block-buttons {
	justify-content: center;
	gap: 0.75rem;
}

.rtec-social-share-title {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 1rem;
	margin-top: 1.75rem;
	margin-bottom: 0.75rem;
}

.rtec-social-share .wp-block-button__link {
	font-size: 0.95rem;
	padding: 0.55em 1.15em;
}

@media screen and (max-width: 540px) {
	.rtec-social {
		padding: 1.5rem 1rem;
	}

	.rtec-social .wp-block-button {
		width: 100%;
	}

	.rtec-social .wp-block-button__link {
		display: block;
		width: 100%;
	}
}

/* ==========================================================================
   17.5. CAIXA DE AUTORIA (final de cada artigo, antes dos relacionados)
   ========================================================================== */
.rtec-author-box {
	max-width: 780px;
	margin: 2.5rem auto 0;
	padding: 1.5rem;
	background-color: var(--rtec-marfim);
	border: 1px solid var(--rtec-bordas);
	border-radius: var(--rtec-raio);
}

.rtec-author-box > h2 {
	font-size: 1.15rem;
	margin: 0 0 0.6rem;
	color: var(--rtec-azul-profundo);
}

.rtec-author-box .rtec-author-name {
	margin: 0 0 0.35rem;
	font-size: 1rem;
	color: var(--rtec-texto);
}

.rtec-author-box .rtec-author-bio {
	margin: 0;
	font-size: 0.95rem;
	color: var(--rtec-texto-secundario);
	line-height: 1.6;
}

.rtec-author-box .rtec-author-bio a {
	font-weight: 500;
}

@media screen and (max-width: 540px) {
	.rtec-author-box {
		padding: 1.25rem 1rem;
		margin-top: 2rem;
	}
}

/* ==========================================================================
   18. ARTIGOS RELACIONADOS (final de cada artigo)
   ========================================================================== */
.rtec-related-articles {
	max-width: 780px;
	margin: 3rem auto 0;
	padding: 1.5rem 0 0;
	border-top: 1px solid var(--rtec-bordas);
}

.rtec-related-articles > h2 {
	font-size: 1.35rem;
	margin-bottom: 0.75rem;
}

.rtec-related-articles ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.rtec-related-articles li {
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--rtec-bordas);
}

.rtec-related-articles li:last-child {
	border-bottom: none;
}

.rtec-related-articles a {
	font-weight: 500;
	text-decoration: none;
}

.rtec-related-articles a:hover {
	text-decoration: underline;
	color: var(--rtec-terracota);
}

.rtec-related-articles time {
	font-size: 0.85rem;
	color: var(--rtec-texto-secundario);
}


@media screen and (max-width: 1023px) {
	.site-branding .site-title { font-size: 1.4rem; }
	.entry-header .entry-title { font-size: 1.9rem; }
}

@media screen and (max-width: 767px) {
	body { font-size: 17px; }
	.entry-header .entry-title { font-size: 1.65rem; }
	.loop-entry .entry-content-wrap { padding: 1.25rem; }
	.wp-block-columns.rtec-cards { flex-direction: column; }
	.rtec-hero { padding: 2rem 1.25rem; }
	.rtec-hero p { font-size: 1.0625rem; }
	.main-navigation .primary-menu > .menu-item > a { font-size: 1rem; }
	.site-branding a.brand img.custom-logo { height: 38px; max-height: 38px; }
}

@media screen and (max-width: 480px) {
	body, p, .entry-content, input, textarea, select, .button, .wp-block-button__link {
		font-size: 16px; /* nunca abaixo de 16px em mobile */
	}
	.site-branding .site-title { font-size: 1.3rem; }
}

/* ==========================================================================
   15. ESPAÇAMENTO ENTRE A ÁREA DE TÍTULO E O CONTEÚDO — páginas internas
   (A página "Sobre" é a referência. O Kadence aplica margin-top de 2–5rem em
    #primary; na Sobre o vão ficava maior que o desejado. Zerada para todas
    as páginas públicas — Sobre, Artigos, Contato e políticas — com exceção
    da página inicial, que mantém o layout próprio. Nas páginas de conteúdo o
    espaçamento passa a ser o padding do .entry-content-wrap: 32px desktop /
    24px mobile; na grade de Artigos, o padding-top equivalente de 32px.)
   ========================================================================== */
body:not(.home).page #primary.content-area,
body.blog #primary.content-area {
	margin-top: 0;
}

body.blog #archive-container {
	padding-top: 32px;
}

/*
   O vão visual real é causado pela altura mínima de 200px que o Kadence
   define no `.entry-header` das áreas de título (`.entry-hero .entry-header
   { min-height: 200px }`), que centraliza o H1 e deixa ~88–91px entre o H1
   e o conteúdo. Reduzida nas páginas internas:
     - desktop (>=768px): min-height 120px → H1 até o conteúdo ≈ 48px;
     - celular  (<768px): min-height  83px → H1 até o conteúdo ≈ 32px.
   Mantém centralização e respiro do título. Home e 404 não são afetadas.
   Sem margem negativa e sem !important.
   ========================================================================== */
body:not(.home).page .entry-hero.page-hero-section .entry-header,
body.blog .entry-hero.post-archive-hero-section .entry-header {
	min-height: 120px;
}

@media screen and (max-width: 767px) {
	body:not(.home).page .entry-hero.page-hero-section .entry-header,
	body.blog .entry-hero.post-archive-hero-section .entry-header {
		min-height: 83px;
	}
}

/* ==========================================================================
   16. PÁGINA 404 E PESQUISA
   ========================================================================== */
.rtec-404 .entry-content {
	text-align: center;
}

.rtec-404-message {
	font-size: 1.125rem;
	color: var(--rtec-texto-secundario);
	max-width: 640px;
	margin: 0 auto 1.75rem;
}

.rtec-404-actions {
	margin: 0 auto 2rem;
}

.rtec-404-home {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	background-color: var(--rtec-terracota);
	border: 1px solid var(--rtec-terracota);
	border-radius: 999px;
	padding: 0.7em 1.6em;
	text-decoration: none;
	display: inline-block;
	transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.rtec-404-home:hover,
.rtec-404-home:focus {
	background-color: var(--rtec-terracota-hover);
	border-color: var(--rtec-terracota-hover);
	color: #FFFFFF;
	transform: translateY(-1px);
}

.rtec-search-form {
	max-width: 480px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: flex-end;
	justify-content: center;
	text-align: left;
}

.rtec-search-form .rtec-search-label {
	flex: 0 0 100%;
	font-weight: 600;
	color: var(--rtec-texto);
	margin-bottom: 0;
}

.rtec-search-form .search-field {
	flex: 1 1 200px;
	min-width: 0;
}

.rtec-search-form .search-submit {
	flex: 0 0 auto;
	cursor: pointer;
}

/*
   O Kadence estiliza `.search-form .search-submit[type=submit]` como um botão
   transparente e absoluto sobreposto ao campo (texto invisível, largura 50px),
   o que faz o botão "Pesquisar" parecer apenas uma lupa dentro do campo.
   Restaurado o botão visível terracota com texto, lado a lado com o campo em
   telas largas e empilhado em telas pequenas. Rótulo acessível, `name="s"` e
   o retorno HTTP 404 / noindex são preservados (nada aqui altera o template).
   ========================================================================== */
.rtec-search-form .search-submit[type="submit"] {
	position: static;
	z-index: auto;
	overflow: visible;
	width: auto;
	color: #FFFFFF;
	background-color: var(--rtec-terracota);
	border: 1px solid var(--rtec-terracota);
	border-radius: 999px;
	padding: 0.7em 1.6em;
	box-shadow: none;
}

.rtec-search-form .search-submit[type="submit"]:hover,
.rtec-search-form .search-submit[type="submit"]:focus {
	color: #FFFFFF;
	background-color: var(--rtec-terracota-hover);
	border-color: var(--rtec-terracota-hover);
	box-shadow: none;
}

.rtec-search-form input.search-field {
	padding-right: 0.9em;
}

@media screen and (max-width: 540px) {
	.rtec-search-form {
		align-items: stretch;
	}
	.rtec-search-form .search-field {
		flex-basis: 100%;
	}
	.rtec-search-form .search-submit[type="submit"] {
		width: 100%;
	}
}

/* Acessibilidade: respeita preferência por menos movimento */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}