/*
Theme Name: FMA
Theme URI: https://fma.com.pe/
Description: Child theme mínimo de Hello Elementor para la nueva web de FMA Servicios Industriales.
Author: FMA Servicios Industriales
Author URI: https://fma.com.pe/
Template: hello-elementor
Version: 0.1.1
Text Domain: fma-elementor-child
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
	font-family: "Poppins";
	src: url("assets/fonts/poppins-latin-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("assets/fonts/poppins-latin-500.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("assets/fonts/poppins-latin-600.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("assets/fonts/poppins-latin-700.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("assets/fonts/poppins-latin-800.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Manrope";
	src: url("assets/fonts/manrope-latin-200-800.woff2") format("woff2");
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}

:root {
	--fma-font-display: "Poppins", "Helvetica Neue", Arial, sans-serif;
	--fma-font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;
}

html,
body {
	font-family: var(--fma-font-body);
}

.icon {
	display: inline-block;
	flex: 0 0 auto;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.icon-arrow-up-right {
	-webkit-mask-image: url("assets/icons/arrow-up-right.svg");
	mask-image: url("assets/icons/arrow-up-right.svg");
}

.icon-arrow-left {
	-webkit-mask-image: url("assets/icons/arrow-left.svg");
	mask-image: url("assets/icons/arrow-left.svg");
}

.icon-arrow-right {
	-webkit-mask-image: url("assets/icons/arrow-right.svg");
	mask-image: url("assets/icons/arrow-right.svg");
}

button,
input,
select,
textarea {
	font-family: inherit;
}