/*
 * Iconos PNG del portal (img.ida-icon) y su repuesto local.
 * Se carga en todas las paginas publicas junto a assets/js/icon-fallback.js.
 */

img.ida-icon {
	display: inline-block;
	max-width: none;
	object-fit: contain;
	vertical-align: middle;
}

/*
 * Algunos templates agregan la clase "dashicons" al <img> (para heredar
 * posicionamiento de reglas ".xxx .dashicons"). Se anulan las reglas de fuente
 * de dashicons.css para que no colapsen ni distorsionen la imagen.
 */
img.ida-icon.dashicons {
	font-family: inherit !important;
	font-size: inherit;
	line-height: 1;
	text-align: initial;
	transition: none;
}

/* El tile de 44px del encabezado de seccion: el PNG de 22px va centrado. */
img.ida-icon.ida-section-header__icon {
	box-sizing: border-box;
	padding: 11px;
	object-fit: contain;
}

/* Estado de repuesto (SVG local o embebido). */
img.ida-icon.ida-icon--fallback {
	opacity: 0.85;
}

.ida-icon-placeholder {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	vertical-align: middle;
	line-height: 1;
}

.ida-icon-placeholder--svg svg {
	display: block;
	width: 100%;
	height: 100%;
}

.ida-icon-placeholder.dashicons {
	font-family: dashicons !important;
}