/* 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; }

/* topo fixo abaixo da barra do painel */
@media (min-width: 601px) { .admin-bar .site-topo { top: 46px; } }

/* faixa do crédito, em verde mais escuro */
.rodape-credito { background: #0b3d26; padding: .75rem 1rem; text-align: center; }
.rodape-credito .feito-por { margin: 0; }

/* campos com borda verde; dentro do papiro ela é marrom (sincronario.css) */
.form-control, .form-select { border-color: #198754; }
.form-control:focus, .form-select:focus { border-color: #146c43; box-shadow: 0 0 0 .2rem rgba(25, 135, 84, .25); }

/* botões principais em verde (formulário de contato e demais) */
.btn-primary { --bs-btn-bg: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-bg: #146c43; --bs-btn-hover-border-color: #146c43; --bs-btn-active-bg: #115c39; --bs-btn-active-border-color: #115c39; --bs-btn-disabled-bg: #198754; --bs-btn-disabled-border-color: #198754; --bs-btn-focus-shadow-rgb: 25, 135, 84; }

/* friso de pirâmides maias, logo acima da faixa do crédito */
.site-rodape > .container { padding-bottom: 4.5rem !important; }
.rodape-credito { position: relative; }
.rodape-credito::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 44px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='44' viewBox='0 0 120 44' shape-rendering='crispEdges'%3E%3Crect x='2.0' y='38' width='68' height='6' fill='%230b3d26'/%3E%3Crect x='8.0' y='32' width='56' height='6' fill='%230b3d26'/%3E%3Crect x='14.0' y='26' width='44' height='6' fill='%230b3d26'/%3E%3Crect x='20.0' y='20' width='32' height='6' fill='%230b3d26'/%3E%3Crect x='26.0' y='14' width='20' height='6' fill='%230b3d26'/%3E%3Crect x='27.0' y='4.399999999999999' width='18' height='9.600000000000001' fill='%230b3d26'/%3E%3Crect x='26.0' y='2.3999999999999986' width='20' height='2' fill='%230b3d26'/%3E%3Crect x='33.0' y='7.759999999999999' width='6.0' height='6.240000000000001' fill='%23198754'/%3E%3Crect x='30.0' y='14' width='12' height='30' fill='%23198754'/%3E%3Crect x='30.0' y='15' width='12' height='1.4' fill='%230b3d26'/%3E%3Crect x='30.0' y='18.2' width='12' height='1.4' fill='%230b3d26'/%3E%3Crect x='30.0' y='21.4' width='12' height='1.4' fill='%230b3d26'/%3E%3Crect x='30.0' y='24.599999999999998' width='12' height='1.4' fill='%230b3d26'/%3E%3Crect x='30.0' y='27.799999999999997' width='12' height='1.4' fill='%230b3d26'/%3E%3Crect x='30.0' y='30.999999999999996' width='12' height='1.4' fill='%230b3d26'/%3E%3Crect x='30.0' y='34.199999999999996' width='12' height='1.4' fill='%230b3d26'/%3E%3Crect x='30.0' y='37.4' width='12' height='1.4' fill='%230b3d26'/%3E%3Crect x='30.0' y='40.6' width='12' height='1.4' fill='%230b3d26'/%3E%3Crect x='30.0' y='43.800000000000004' width='12' height='1.4' fill='%230b3d26'/%3E%3Crect x='70.0' y='38' width='44' height='6' fill='%230b3d26'/%3E%3Crect x='76.0' y='32' width='32' height='6' fill='%230b3d26'/%3E%3Crect x='82.0' y='26' width='20' height='6' fill='%230b3d26'/%3E%3Crect x='83.0' y='16.4' width='18' height='9.600000000000001' fill='%230b3d26'/%3E%3Crect x='82.0' y='14.399999999999999' width='20' height='2' fill='%230b3d26'/%3E%3Crect x='89.0' y='19.759999999999998' width='6.0' height='6.240000000000001' fill='%23198754'/%3E%3Crect x='86.0' y='26' width='12' height='18' fill='%23198754'/%3E%3Crect x='86.0' y='27' width='12' height='1.4' fill='%230b3d26'/%3E%3Crect x='86.0' y='30.2' width='12' height='1.4' fill='%230b3d26'/%3E%3Crect x='86.0' y='33.4' width='12' height='1.4' fill='%230b3d26'/%3E%3Crect x='86.0' y='36.6' width='12' height='1.4' fill='%230b3d26'/%3E%3Crect x='86.0' y='39.800000000000004' width='12' height='1.4' fill='%230b3d26'/%3E%3Crect x='86.0' y='43.00000000000001' width='12' height='1.4' fill='%230b3d26'/%3E%3C/svg%3E") left bottom / 120px 44px repeat-x; pointer-events: none; }

/* espaço em branco acima do rodapé em todas as páginas */
.site-conteudo > .container { padding-bottom: 5rem !important; }

/* ondas em espiral saindo do verde do rodapé, em toda a largura */
.site-rodape { position: relative; }
.site-rodape::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='18' viewBox='0 0 32 18'%3E%3Crect y='15' width='32' height='3' fill='%23198754'/%3E%3Cpath d='M12 1.8000000000000007C19 1.8000000000000007 20 15 32.5 15.5L32.5 18H13V14.0C18.5 14.0 19.6 6.4 12 1.8000000000000007Z' fill='%23198754'/%3E%3Cpath d='M12.95 8.71L12.96 8.89L12.94 9.07L12.89 9.26L12.79 9.45L12.66 9.63L12.50 9.79L12.29 9.93L12.06 10.04L11.80 10.11L11.52 10.14L11.23 10.12L10.93 10.05L10.64 9.92L10.37 9.75L10.11 9.53L9.89 9.26L9.70 8.95L9.57 8.60L9.49 8.22L9.47 7.82L9.51 7.41L9.62 7.01L9.80 6.61L10.04 6.24L10.35 5.90L10.71 5.60L11.13 5.36L11.59 5.19L12.09 5.08L12.61 5.05L13.13 5.11L13.66 5.25L14.17 5.47L14.64 5.78L15.07 6.17L15.45 6.62L15.76 7.14L15.98 7.71L16.12 8.33L16.16 8.96L16.10 9.61L15.95 10.26L15.68 10.88L15.32 11.46L14.87 12.00L14.33 12.46L13.71 12.84L13.03 13.13L12.31 13.31L11.55 13.38L10.78 13.33L10.01 13.16L9.27 12.87L8.57 12.47L7.93 11.95L7.37 11.34L6.91 10.63L6.55 9.85L6.31 9.01L6.21 8.14L6.23 7.25L6.40 6.36L6.71 5.49L7.15 4.67L7.72 3.92L8.40 3.25L9.19 2.69L10.06 2.26L11.01 1.96L12.00 1.80C19 1.8000000000000007 20 15 32.5 15.5' fill='none' stroke='%23198754' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") left bottom / 32px 18px repeat-x; pointer-events: none; }
.site-conteudo > .container { padding-bottom: 7rem !important; }

/* um pouco mais de margem no texto do rodapé e no crédito */
.site-rodape > .container { padding-top: 2.75rem !important; }
.rodape-credito { padding: 1.25rem 1rem .75rem; }

/* menus suspensos em verde, no lugar do azul padrão */
.dropdown-menu { --bs-dropdown-link-active-bg: #198754; --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-hover-bg: #e3f4ea; --bs-dropdown-link-hover-color: #146c43; }
.dropdown-item:focus-visible { outline-color: #198754; }

/* espaço em branco entre o topo preto e o conteúdo, em todas as páginas */
.site-conteudo > .container { padding-top: 3rem !important; }

/* celular: texto das páginas mais afastado das bordas laterais; o que precisa de largura continua largo */
@media (max-width: 767px) {
	.entry-content { padding-inline: 1.1rem; }
	.entry-content .sincro-tz, .entry-content .sincro-tz-legenda, .entry-content .table-responsive, .entry-content .sincro-papiro { margin-inline: -1.1rem; }
}

/* nome no topo: respeita o nome de exibição escolhido, sem esticar a barra */
.sincro-conta-nome {
	display: inline-block;
	max-width: 11rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}