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

@font-face {
    font-family: 'Brolimo';
    src: url('./fonts/BROLIMO-Normal.eot');
    src: url('./fonts/BROLIMO-Normal.eot?#iefix') format('embedded-opentype'),
        url('./fonts/BROLIMO-Normal.woff2') format('woff2'),
        url('./fonts/BROLIMO-Normal.woff') format('woff'),
        url('./fonts/BROLIMO-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Black Delights';
    src: url('./fonts/BlackDelights.eot');
    src: url('./fonts/BlackDelights.eot?#iefix') format('embedded-opentype'),
        url('./fonts/BlackDelights.woff2') format('woff2'),
        url('./fonts/BlackDelights.woff') format('woff'),
        url('./fonts/BlackDelights.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Brolimo';
    src: url('./fonts/BROLIMO-Normal.eot');
    src: url('./fonts/BROLIMO-Normal.eot?#iefix') format('embedded-opentype'),
        url('./fonts/BROLIMO-Normal.woff2') format('woff2'),
        url('./fonts/BROLIMO-Normal.woff') format('woff'),
        url('./fonts/BROLIMO-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Black Delights';
    src: url('./fonts/BlackDelights.eot');
    src: url('./fonts/BlackDelights.eot?#iefix') format('embedded-opentype'),
        url('./fonts/BlackDelights.woff2') format('woff2'),
        url('./fonts/BlackDelights.woff') format('woff'),
        url('./fonts/BlackDelights.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gothambold';
    src: url('./fonts/GothamPro-Bold.woff2') format('woff2'),
        url('./fonts/GothamPro-Bold.woff') format('woff');  
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothambook';
    src: url('./fonts/GothamPro.woff2') format('woff2'),
        url('./fonts/GothamPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothamlight';
    src: url('./fonts/GothamPro-Light.woff2') format('woff2'),
        url('./fonts/GothamPro-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothammedium';
    src: url('./fonts/GothamPro-Medium.woff2') format('woff2'),
        url('./fonts/GothamPro-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


:root {
	/*fonts */
	--blackdelights-font: 'Black Delights', Arial, helvetica sans-serif;
    --brolimo-font: "Brolimo", Arial, helvetica sans-serif;
    --labelleaurore-font: 'La Belle Aurore', Arial, helvetica sans-serif;
	--syncopate-font: 'Syncopate', Arial, helvetica sans-serif;
	--gotham-light: 'gothamlight', Arial, helvetica sans-serif;
	--gotham-book: 'gothambook', Arial, helvetica sans-serif;
	--gotham-medium: 'gothammedium', Arial, helvetica sans-serif;
	--gotham-bold: 'gothambold', Arial, helvetica sans-serif;
	/* colors */
	--white: rgba(255,255,255,1);
	--black: rgba(0,0,0,1);
	--spanish-moss: rgba(87,92,77,1);
	--forest: rgba(36,46,18,1);
	--limestone: rgba(230,219,208,1);
	--gilded-age: rgba(202,137,49,1);
    --dark-gilded-age: rgb(129, 84, 22);
	--bath-salts: rgba(207,224,195,1);
	--olive: rgba(93,100,44,1);
	--sandstone: rgba(200,179,159,1);
    /* backgrounds */
    --forest-background-o-95: rgba(36, 46, 18, 0.95);
    /* text styles */
    --page-title: 400 15em / 1em var(--brolimo-font);
    --page-title-mobile: 400 6.6em / 1em var(--brolimo-font);
    --page-title-ligatures: discretionary-ligatures;
    --body-copy: 400 1.5em / 1.5em var(--gotham-book);
    --body-copy-letterspacing: .0133em;
    --body-copy-mobile: 400 1.7em / 1.705em var(--gotham-book);
    --body-copy-mobile-letterspacing: .01176em;
    --subheader: 500 2em / 1.5em var(--gotham-medium);
    --subheader-letterspacing: .01em;
    --subheader-mobile: 500 2.3em / 1.478em var(--gotham-medium);
    --subheader-mobile-letterspacing: .00869em;
    /* padding */
    --general-padding-ltr: 0 .25rem;
    --general-padding-mobile-ltr: 0 2rem;
    --general-padding-mobile: 2rem;
    /* Width gallery images */
    --widthMobile: calc((100vw - 8rem) / 2);


    --background-popup: #f1f1f1;
}

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;
    font-weight: unset;
}
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(--gotham-book);
	-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;
}
select::-ms-expand,
::-ms-clear { display: none; } /* X en campos */

html { /* Se resetea el texto para que este en 10px */
	color: #343434;
  font: 62.5% var(--gotham-book);
	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(--gilded-age); display: inline-block; }
* { -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))); }
}

::selection {
	color: var(--white);
	background: var(--gilded-age);
}