/* ==========================================================================
   Iconos
   - SVG en línea (PHP): .sico-svg
   - En bloques: Grupo vacío con clases "sico-icon sico-i-NOMBRE"
     (tamaño con font-size: el icono mide 1em x 1em y usa el color del texto)
   ========================================================================== */

.sico-svg {
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: currentColor;
	vertical-align: middle;
	flex-shrink: 0;
}

.sico-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	flex-shrink: 0;
	background-color: currentColor;
	-webkit-mask: var(--sico-icon) center / contain no-repeat;
	mask: var(--sico-icon) center / contain no-repeat;
}

.sico-i-phone1 { --sico-icon: url(../icons/phone1.svg); }
.sico-i-email1 { --sico-icon: url(../icons/email1.svg); }
.sico-i-placeholder { --sico-icon: url(../icons/placeholder.svg); }
.sico-i-instagram-2 { --sico-icon: url(../icons/instagram-2.svg); }
.sico-i-arrow-right { --sico-icon: url(../icons/arrow-right.svg); }
.sico-i-quote { --sico-icon: url(../icons/quote.svg); }
.sico-i-flash { --sico-icon: url(../icons/flash.svg); }
.sico-i-flash-1 { --sico-icon: url(../icons/flash-1.svg); }
.sico-i-link { --sico-icon: url(../icons/link.svg); }
.sico-i-review { --sico-icon: url(../icons/review.svg); }
.sico-i-home1 { --sico-icon: url(../icons/home1.svg); }
.sico-i-store { --sico-icon: url(../icons/store.svg); }
.sico-i-factory { --sico-icon: url(../icons/factory.svg); }
.sico-i-helmet { --sico-icon: url(../icons/Helmet.svg); }
.sico-i-idea { --sico-icon: url(../icons/idea_generate.svg); }
.sico-i-apartment1 { --sico-icon: url(../icons/apartment1.svg); }
.sico-i-clock-1 { --sico-icon: url(../icons/clock-1.svg); }
.sico-i-support1 { --sico-icon: url(../icons/support1.svg); }
.sico-i-wallet1 { --sico-icon: url(../icons/wallet1.svg); }
.sico-i-diploma { --sico-icon: url(../icons/diploma.svg); }
.sico-i-star { --sico-icon: url(../icons/star.svg); }