/* CTA de instalación de la PWA (secciones 18-19, 22, 45). Todo con
   --fuente-ui, nunca la condensada -es texto funcional (sección 46). */

.pwa-cta {
	font-family: var( --fuente-ui );
	max-width: 420px;
}

.pwa-cta__titulo {
	font-weight: 700;
	font-size: 15px;
	margin: 0 0 4px;
}

.pwa-cta__texto {
	font-size: 13px;
	opacity: 0.75;
	margin: 0 0 10px;
}

.pwa-cta__boton {
	min-height: 44px;
}

.pwa-cta__ios-paso {
	font-size: 13px;
	margin: 0 0 4px;
}

.pwa-cta__no-soportado {
	font-size: 13px;
	opacity: 0.65;
	margin: 0;
}

/* Footer: bloque discreto junto a los demás enlaces de site-footer__contacto. */
.pwa-cta--footer {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgba(247, 244, 234, 0.15);
}

/* Home: tarjeta editorial de baja intensidad, nunca compitiendo con el Hero. */
.pwa-cta--home {
	margin: 0 auto;
	padding: 20px;
	border: 2px solid var( --indf-negro );
	border-radius: var( --radio );
	text-align: left;
}

.seccion-pwa {
	padding: 12px 0 40px;
	display: flex;
	justify-content: center;
}

/* Mi Indiferentes: hereda el espaciado de .mi-indiferentes__seccion, sin
   duplicar sus reglas -solo ajusta el ancho de las líneas de texto. */
.pwa-cta--mi-indiferentes {
	max-width: none;
}