/**
 * LA FOTO DE DALT DE LA PORTADA, RETALLADA A 2:1 AL MOBIL. (15/10/2026)
 *
 * 🔑 Aquest full s'encua NOMES a la portada i NOMES si l'opcio «Foto de la portada en 2:1 al
 *    mobil» esta marcada (`FC_Info_Portada_Foto_2a1`). Per aixo es un fitxer a part i no una
 *    regla dins de `fc-info.css`: un full que es carrega sempre NO es pot apagar amb una
 *    casella, i l'alternativa —una classe al <body>— canviaria l'HTML de TOTES les pagines.
 *
 * ── EL SELECTOR VA PER ESPAI, NO PER CREATIVA ────────────────────────────────────────────
 * `.bsaProContainer-20` es l'espai «Foto Portada Random» d'ADS Pro. NO es fa servir cap
 * `data-item-id`: les 61 creatives roten a cada render i un selector per id valdria per a una
 * sola. Mesurat el 15/10/2026: les 62 imatges de l'espai son TOTES 3:2 (1,497 i una 1,495).
 *
 * ── PER QUE `aspect-ratio` I NO UNA ALCADA FIXA ──────────────────────────────────────────
 * Reserva l'espai des del PRIMER PINTAT: el CLS mesurat es 0. Una alcada en px dependria de
 * l'amplada del viewport i a 360 o a 430 px deixaria una franja o retallaria de mes.
 *
 * 🚫 NO toca el JS d'ADS Pro, ni els enllacos, ni la plantilla de l'espai: el comptatge
 *    d'impressions el fa el PHP en pintar i aqui no es mou res.
 * 🚫 I NO toca res mes de la portada: ni la insignia «Destacada» ni les targetes de sota, que
 *    son `.fc-fires` i `.ect-grid-event`, un altre arbre.
 */

/* El tall: 768 px. L'escriptori comenca a 769, que es el `min-width` del tema fill. */
@media ( max-width: 768px ) {

	.bsaProContainer-20 .bsaProItemInner__html {
		display: block;
		aspect-ratio: 2 / 1;
		overflow: hidden;
		/* El mateix radi que porta la <img> en linia (20px), perque el retall el respecti. */
		border-radius: 20px;
	}

	.bsaProContainer-20 .bsaProItemInner__html > img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}