/*
Theme Name: Soropositivo — Soledad Filho
Theme URI: https://soropositivo.org/
Description: Tema filho seguro do Soledad para as personalizações do Soropositivo.Org.
Author: Cláudio Santos de Souza
Author URI: https://soropositivo.org/
Template: soledad
Version: 1.1.0
Text Domain: soropositivo-soledad-filho
*/

/**
 * PERSONALIZAÇÕES DO SOROPOSITIVO.ORG
 *
 * Este arquivo reúne as correções visuais verificadas para o site.
 * Não copie para cá o style.css inteiro do tema Soledad.
 */

/**
 * BANNERS RETANGULARES — 1456 × 180 PX
 *
 * O arquivo enviado ao WordPress deve ter, no mínimo, 1456 × 180 px e manter
 * essa proporção panorâmica. No site, o banner ocupa a largura disponível até
 * o limite de 1456 px e diminui proporcionalmente em tablets e celulares.
 *
 * Uso recomendado no editor:
 * 1. Selecione o bloco Imagem ou a figura que contém o banner.
 * 2. Em Avançado > Classes CSS adicionais, informe:
 *    soropositivo-banner-retangular
 *
 * Os quatro arquivos "anuncie-aqui-familia" também são reconhecidos pelo nome,
 * mesmo que a classe ainda não tenha sido informada no bloco.
 */
.soropositivo-banner-retangular,
figure.soropositivo-banner-retangular,
.wp-block-image.soropositivo-banner-retangular {
	width: 100%;
	max-width: 1456px;
	margin: clamp(16px, 3vw, 32px) auto;
	padding: 0;
	overflow: hidden;
	line-height: 0;
}

.soropositivo-banner-retangular > a {
	display: block;
	width: 100%;
}

.soropositivo-banner-retangular img,
img.soropositivo-banner-retangular,
img[src*="anuncie-aqui-familia-"] {
	display: block;
	width: 100%;
	max-width: 1456px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	aspect-ratio: 1456 / 180;
	object-fit: contain;
}

@media (max-width: 767px) {
	.soropositivo-banner-retangular,
	figure.soropositivo-banner-retangular,
	.wp-block-image.soropositivo-banner-retangular {
		margin-top: 14px;
		margin-bottom: 14px;
	}
}