/*

IMPRESSÃO

*/


/* Responsive embeds: fixed-width iframes (old post embeds, $content_width)
   overflow small viewports and force the whole page to scale down. */
.conteudo iframe,
.conteudo embed,
.conteudo object {
	max-width: 100%;
}

.conteudo iframe[src*="youtube"],
.conteudo iframe[src*="vimeo"] {
	aspect-ratio: 16 / 9;
	height: auto;
}


/* "nosso grupo no WhatsApp" heading: longer than the old label, needs a
   wider column and a box that grows with it. */
.newsletter .box {
	height: auto;
	padding-bottom: 30px;
}

.newsletter .novidades {
	width: 420px;
	margin-top: -6px;
}

@media only screen and (max-width: 960px) {
	.newsletter .novidades {
		width: 100%;
	}
}


/* Infinite scroll: the plugin inserts raw post wraps into #autopost; on the
   masonry grid the theme JS lays those posts out via isotope instead, so the
   raw wraps must stay hidden. The fallback pagination is redundant while
   infinite scroll is active. */
.mason .infinite-wrap {
	display: none;
}

body.infinite-scroll .posts .navigation {
	display: none;
}


/* Infinite scroll loader: simple brand-pink spinner under the grid. */
.infinite-loader {
	display: block;
	width: 28px;
	height: 28px;
	margin: 25px auto 35px;
	border: 3px solid var(--color-primary-sand);
	border-top-color: var(--color-primary-olive);
	border-radius: 50%;
	text-indent: 0;
	animation: dq-spin 0.8s linear infinite;
}

@keyframes dq-spin {
	to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
	.infinite-loader {
		animation: none;
	}
}

/* End of the archive: the plugin disables itself but leaves the loader
   spinning; hide it once there is nothing left to load. */
body.infinity-end .infinite-loader {
	display: none;
}

/* Jetpack Carousel prints its skeleton in wp_footer, but when the carousel
   initializes late the matching stylesheet can no longer be enqueued — and
   #jp-carousel-loading-overlay ships without an inline style, so its spinner
   renders at the very bottom of the page. Mirror Jetpack's own default here;
   the carousel JS shows it via inline styles, which override this. */
#jp-carousel-loading-overlay {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* No display rule for .jp-carousel-overlay here: its skeleton ships with an
   inline display:none, and Jetpack's fade-in REMOVES the inline display
   property, counting on stylesheets to leave the overlay visible. A theme
   display:none would permanently hide the opened carousel (scroll locked,
   nothing on screen). */