@layer reset {
    
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
/* @-ms-viewport{width:device-width} */
@-o-viewport{width:device-width}
@viewport{width:device-width}

:root {
	/* Fonts */
    --marlide-font: "marlide-display-variable", sans-serif;
    --work-font: "work-sans", sans-serif;

	/* colors */
	--dark-green: rgba(34, 60, 36, 1);
    --green: rgba(97, 120, 57, 1);
	--light-green: rgba(252, 240, 229, 1);
    --orange: rgba(226, 107, 63, 1);
	--dark-blue: rgba(31, 56, 82, 1);
    --light-yellow: rgba(248, 240, 230, 1);
	--white: rgba(255, 255, 255, 1);

	--rates-green-font: rgba(162, 202, 180, 1);
	--rates-light-font: rgba(248, 240, 230, 1);
	--rates-olive-font: rgba(150, 175, 107, 1);

	/* transition */
    --duration: 0.5s;
    --delay: 0.5s;

}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
main, article, aside, figure, footer, header, nav, section, details, summary, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/* background: transparent; */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
sup { font-size: .6em; line-height: 1em; vertical-align: super; }
sub { font-size: .6em; line-height: 1em; vertical-align: sub; }

main, article, aside, figure, footer, header, nav, section, details, summary, figcaption {
	display: block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

textarea,
select,
input,
option,
button {
	background: none;
	font-family: var(--work-font);
	font-weight: 700;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: none;
	padding: 0;
}
select::-ms-expand,
::-ms-clear { display: none; } /* X en campos */

html { /* Se resetea el texto para que este en 10px */
	color: #343434;
	font-size: 62.5%;
	font-family: var(--work-font);
	line-height: 1;
	margin: 0px;
	padding: 0px;
	-webkit-font-smoothing: antialiased;
	/*overflow-wrap: break-word;  Probar
	word-wrap: break-word;
	hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;*/
}
ol, ul { list-style: none; }
ol li { list-style: decimal inside none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
*::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* remember to define focus styles! */
:focus { outline: 0; border: 0px none; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
* { -webkit-tap-highlight-color: transparent; }


@media only screen and (min-width: 1441px) and (max-width: 1919px) {
	html {
		font-size: calc(8px + (10 - 8) * ((100vw - 1441px) / (1919 - 1441)));
	}
}
@media only screen and (min-width: 961px) and (max-width: 1439px) {
	html {
		font-size: calc(8px + (10 - 8) * ((100vw - 961px) / (1439 - 961)));
	}
}
@media only screen
and (max-width : 400px) {
  html { font-size: calc(9px + (10 - 9) * ((100vw - 400px) / 400)); }
}
@media only screen
and (max-width : 320px) {
  html { font-size: calc(7.5px + (10 - 7.5) * ((100vw - 400px) / 400)); }
}
}