:root {
	--color-pasap-primary: #4dd642;
	--color-pasap-primary-light: #00ff00;
	--color-pasap-secondary: #2d3339;
	--color-pasap-secondary-light: #6b7280;
	--color-pasap-secondary-lighter: #f8f8f8;
	--color-pasap-white: #f9f9f9;
	--color-pasap-white-background: #F4F2F2;
	--color-pasap-violet: #5A3FED;

	--color-linkedin: #377abc;
}

/* Fuentes personalizadas para productores */
@font-face {
	font-family: "Oswald";
	src: url("/productores/fonts/Oswald-VariableFont_wght.woff2") format("woff2");
	font-weight: 200 700;
	font-style: normal;
	font-display: swap;
}

/* Estilos base para productores */
.productores-page {
	font-family: "GillSans", sans-serif;
	font-weight: 400;
	background-color: #f0fdf4;
	color: var(--color-pasap-secondary);
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	left: 0 !important;
	right: 0 !important;
	min-height: 100vh;
}

.productores-page * {
	box-sizing: border-box;
}

.productores-page html,
.productores-page body {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: hidden !important;
}

.productores-page body {
	font-family: 'Poppins', sans-serif !important;
	color: var(--color-pasap-secondary) !important;
	background-color: #f0fdf4 !important;
}

html {
	overflow-x: hidden;
}

body {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    overflow-x: hidden;
	font-family: 'Poppins', sans-serif;
	color: var(--color-pasap-secondary);
	background-color: var(--color-pasap-white-background);
}

a {
	text-decoration: none;
	color: inherit;
}

footer {
	float: left;
	width: 100%;
	background-color: var(--color-pasap-secondary);
	color: var(--color-pasap-white);
}