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

/* FONTS
Argent CF Bold: font-family: "argent-cf", serif; font-weight: 700; (local ../../fonts/)
Playfair Display: font-family: "Playfair Display", serif; variable wght (local)
Rubric Regular (UI / buttons): local ../../fonts/rubric_regular-webfont.woff2 (--rubric-font)
Meta Pro Book: font-family: "ff-meta-web-pro", sans-serif; font-weight: 500;
Meta Pro Medium: font-family: "ff-meta-web-pro", sans-serif; font-weight: 600;
--- */

@font-face {
	font-family: "argent-cf";
	src: url("fonts/Argent-Bold.otf") format("opentype");
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Playfair Display";
	src: url("fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Playfair Display Italic";
	src: url("fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf") format("truetype");
	font-style: italic;
	font-display: swap;
}


@font-face {
	font-family: "rubric regular";
	src: url("fonts/rubric-regular-old.ttf") format("truetype");
	font-style: normal;
	font-display: swap;
}

:root {
	--argent-font: "argent-cf", serif;
	--meta-pro-font: "ff-meta-web-pro",sans-serif;
	--rubric-font: "rubric regular", sans-serif;
	--playfair-font: 'Playfair Display', serif;
	--playfair-italic-font: 'Playfair Display Italic', serif;
	/* colors */
	--dark-green: rgba(24,44,27,1);
	--dark-green-secondary: rgba(35,55,37,1);
	--light-green: rgba(39,55,39,1);
	--soft-green: rgba(195,191,180,1);
	--light-blue: rgba(147,160,170,1);
	--dark-blue: rgba(125,146,160,1);
	--dark-blue-secondary: rgba(91,114,130,1);
	--dark-blue-end: rgba(98,121,136,1);
	--off-white: rgba(251,248,239,1);
	--beige: rgba(251,248,239,1);
	--dark-beige: rgba(240,237,226,1);
	--dark-beige-o-75: rgba(240,237,226,0.75);
	--blush: rgba(177,164,152,1);
	--rust: rgba(118,73,50,1);
	--white: rgba(255,255,255,1);
	--black: rgba(0,0,0,1);
	--error: rgba(218,78,59,1);
	--warning: rgba(245,222,128,1);
	--success: rgba(92,178,24,1);
	/* transition */
	--general-transition: all .4s ease;
	--transition-delay: .4s;
	--fade-animation: 1.2s; 
	--transition-delay-short: .3s;
}

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:not([type="radio"]):not([type="checkbox"]),
option,
button {
	background: none;
	font-family: var(--meta-pro-font);
	font-weight: 600;
	-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: 4px;
	border: none;
	padding: 0;
}

/* Native radios/checkboxes must not use appearance:none (no visible checked state). */
input[type="radio"],
input[type="checkbox"] {
	font-family: var(--meta-pro-font);
	font-weight: 600;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	accent-color: var(--dark-green);
}
select::-ms-expand,
::-ms-clear { display: none; } /* X en campos */

html { /* Se resetea el texto para que este en 10px */
	color: var(--dark-green);
  font: 62.5% var(--meta-pro-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; color: var(--dark-green); }
a:hover { color: var(--rust); }
* { -webkit-tap-highlight-color: transparent; }


@media only screen
and (min-width : 0)
and (max-width : 429px) {
  html { font-size: calc(7px + (10 - 7) * ((100vw - 300px) / (429 - 300))); }
}