/* Sincronário – tema */
@font-face { font-family: Futura; src: url(../fonts/futura.ttf) format('truetype'); font-display: swap; }

:root {
	--bs-font-sans-serif: Futura, "Century Gothic", "Trebuchet MS", system-ui, sans-serif;
	--bs-primary: #198754; --bs-primary-rgb: 25, 135, 84;
	--bs-link-color: #157347; --bs-link-color-rgb: 21, 115, 71;
	--bs-link-hover-color: #0b3d1f; --bs-link-hover-color-rgb: 11, 61, 31;
}

body { background: #0f5132; display: flex; flex-direction: column; min-height: 100vh; }

.site-topo { background: #000; box-shadow: 0 2px 12px rgba(0, 0, 0, .35); }
.site-topo .navbar-brand img { height: 44px; width: auto; }
.site-topo .nav-link { color: #ccc; letter-spacing: .02em; }
.site-topo .nav-link:hover, .site-topo .nav-link.active { color: #fff; }

.site-conteudo { background: #fff; flex: 1; }
.admin-bar .sincro-cal-topo { --sincro-topo: 32px; }
.sincro-cal-topo { --sincro-topo: 0px; }
@media (min-width: 992px) { .sincro-cal-topo { top: calc(68px + var(--sincro-topo)) !important; } }

.pagina-titulo { font-size: clamp(1.4rem, 3vw, 2rem); text-align: center; padding-bottom: .75rem; margin-bottom: 1.5rem; border-bottom: 1px solid #000; box-shadow: 0 14px 10px -14px rgba(0, 0, 0, .4); }
.entry-content { font-size: 1.05rem; line-height: 1.7; }
.entry-content img { max-width: 100%; height: auto; }
.entry-content h2, .entry-content h3 { margin-top: 1.75rem; }
.entry-content iframe { max-width: 100%; }

.cartao .card-img-top { aspect-ratio: 16/9; object-fit: cover; }

.site-rodape { background: #198754; color: #fff; }
.site-rodape a { color: #fff; }
.site-rodape img { max-height: 48px; width: auto; }

/* crédito */
.feito-por { margin: 1.25rem 0 .25rem; }
.feito-por a { display: inline-flex; align-items: center; gap: .45rem; padding: .35rem .8rem; border-radius: 999px; color: #fff; font-size: .88rem; text-decoration: none; transition: box-shadow .2s, background .2s; }
.feito-por strong { color: #f08a24; }
.feito-por a:hover { background: rgba(240, 138, 36, .12); box-shadow: 0 0 14px rgba(240, 138, 36, .45); }
.feito-por img { width: 20px; height: 20px; max-height: none; }