/* CUSTOM STYLES */
/* FRCTVIII 8.9 */
.f_custom_ver::after {content:'Custom v1.00'}
/* * {outline:1px dotted red} */

/* FONTS */

/* besley-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Besley';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/besley-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/besley-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/besley-v22-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/besley-v22-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/besley-v22-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/besley-v22-latin-regular.svg#Besley') format('svg'); /* Legacy iOS */
}

/* besley-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Besley';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/besley-v22-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/besley-v22-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/besley-v22-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/besley-v22-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/besley-v22-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/besley-v22-latin-italic.svg#Besley') format('svg'); /* Legacy iOS */
}

/* besley-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Besley';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/besley-v22-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../fonts/besley-v22-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/besley-v22-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/besley-v22-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/besley-v22-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/besley-v22-latin-800.svg#Besley') format('svg'); /* Legacy iOS */
}

/* besley-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Besley';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/besley-v22-latin-800italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/besley-v22-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/besley-v22-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/besley-v22-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/besley-v22-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/besley-v22-latin-800italic.svg#Besley') format('svg'); /* Legacy iOS */
}



  



/* VARS */
:root {

	/* SCROLL */
	/* scrollbar-color: rgb(var(--first-color)) rgb(var(--second-color)); */

	/* COLORS */
	--clr-shadow-black:hsl(0, 0%, 94%);
	--clr-figcaption: var(--clr-primary-black-10);

	/* FONT-FAMILIES */
	--ff-primary: 'Besley';
	--ff-body:var(--ff-primary);
	--ff-primary-heading:var(--ff-primary);
	--ff-secondary-heading:var(--ff-primary);
	--ff-tertiary-heading:var(--ff-primary);
	--ff-quaternary-heading:var(--ff-primary);
	--ff-quinary-heading:var(--ff-primary);
	--ff-senary-heading:var(--ff-primary);

	/* FONT-SIZES */
	/* 
	--fs-3xs: clamp(0.78rem, calc(0.77rem + 0.03vw), 0.80rem);
	--fs-2xs: clamp(0.94rem, calc(0.92rem + 0.11vw), 1.00rem);
	--fs-xs: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.25rem);
	--fs-s: clamp(1.35rem, calc(1.28rem + 0.37vw), 1.56rem);
	--fs-m: clamp(1.62rem, calc(1.50rem + 0.58vw), 1.95rem);
	--fs-l: clamp(1.94rem, calc(1.77rem + 0.87vw), 2.44rem);
	--fs-xl: clamp(2.33rem, calc(2.08rem + 1.25vw), 3.05rem);
	--fs-2xl: clamp(1.4756rem, 0.4301rem + 5.2277vw, 6.3113rem);
	--fs-3xl: clamp(1.5744rem, 0.0957rem + 7.3932vw, 8.4131rem);
	*/

	/* https://fluidtypography.com/#usarusFluidTypographyGetStarted */

	/* 480px - 1600px */

	/* 4xs 12 12 1.4 1.4
	font-size: clamp(0.75rem, 0vw + 0.75rem, 0.75rem);
	line-height: clamp(1.05rem, 0vw + 1.05rem, 1.05rem); */
	--fs-4xs: clamp(0.75rem, 0vw + 0.75rem, 0.75rem);

	/* 3xs 20 - 22 1.4 1.4
	font-size: clamp(1.25rem, 0.179vw + 1.196rem, 1.375rem);
	line-height: clamp(1.75rem, 0.25vw + 1.675rem, 1.925rem); */
	--fs-3xs: calc(.9 * clamp(1.25rem, 0.179vw + 1.196rem, 1.375rem);)

	/* 2xs 26 32  1.4  1.4
	font-size: clamp(1.25rem, 0.536vw + 1.089rem, 1.625rem);
	line-height: clamp(1.75rem, 0.75vw + 1.525rem, 2.275rem); */
	--fs-2xs: clamp(1.25rem, 0.536vw + 1.089rem, 1.625rem);

	/* xs
	32 36 1.3 1.4
	font-size: clamp(2rem, 0.357vw + 1.893rem, 2.25rem);
	line-height: clamp(2.6rem, 0.786vw + 2.364rem, 3.15rem); */
	--fs-xs:  clamp(2rem, 0.357vw + 1.893rem, 2.25rem);

	/* s 
	34 46 1.25 1.3
	font-size: clamp(2.125rem, 1.071vw + 1.804rem, 2.875rem);
	line-height: clamp(2.656rem, 1.545vw + 2.193rem, 3.738rem); */
	--fs-s:clamp(2.125rem, 1.071vw + 1.804rem, 2.875rem);

	/* m 
	44 60 1.1 1.3
	font-size: clamp(2.75rem, 1.429vw + 2.321rem, 3.75rem);
	line-height: clamp(3.025rem, 2.643vw + 2.232rem, 4.875rem); */
	--fs-m: clamp(2.75rem, 1.429vw + 2.321rem, 3.75rem);

	/* l 
	52 80 1.1 1.1
	font-size: clamp(3.25rem, 2.5vw + 2.5rem, 5rem);
	line-height: clamp(3.575rem, 2.75vw + 2.75rem, 5.5rem); */
	--fs-l: clamp(3.25rem, 2.5vw + 2.5rem, 5rem);

	/* xl 
	62 96 1.1 1.1
	font-size: clamp(3.875rem, 3.036vw + 2.964rem, 6rem);
	line-height: clamp(4.263rem, 3.339vw + 3.261rem, 6.6rem); */
	--fs-xl: clamp(3.875rem, 3.036vw + 2.964rem, 6rem);

	/* 2xl 
	76 130 1 1.1
	font-size: clamp(4.75rem, 4.821vw + 3.304rem, 8.125rem);
	line-height: clamp(4.75rem, 5.982vw + 2.955rem, 8.938rem); */
	--fs-2xl: clamp(4.75rem, 4.821vw + 3.304rem, 8.125rem);

	/* 3xl 
	82 160 1 1.1
	font-size: clamp(5.125rem, 6.964vw + 3.036rem, 10rem);
	line-height: clamp(5.125rem, 8.393vw + 2.607rem, 11rem); */
	--fs-3xl: clamp(5.125rem, 6.964vw + 3.036rem, 10rem);

	/* 4xl 
	90 200 1 1.1
	font-size: clamp(5.625rem, 9.821vw + 2.679rem, 12.5rem);
	line-height: clamp(5.625rem, 11.607vw + 2.143rem, 13.75rem); */
	--fs-4xl: clamp(5.625rem, 9.821vw + 2.679rem, 12.5rem);


	/* HEADINGS SIZES */

	--fs-primary-heading:var(--fs-xl);
	--fs-secondary-heading:var(--fs-l);
	--fs-tertiary-heading:var(--fs-m);
	--fs-quaternary-heading:var(--fs-s);
	--fs-quinary-heading:var(--fs-xs);
	--fs-senary-heading:var(--fs-2xs);

	/* LINE-HEIHTS */
	--lh-100:0.7;
	--lh-200:0.8;
	--lh-300:0.9;
	--lh-400:1.0;
	--lh-500:1.2;
	--lh-600:1.4;
	--lh-700:1.8;
	--lh-800:2.5;
	--lh-900:3.5;

	/* --lh-primary-heading:var(--lh-500);
	--lh-secondary-heading:var(--lh-500);
	--lh-tertiary-heading:var(--lh-500);
	--lh-quaternary-heading:var(--lh-500);
	--lh-quinary-heading:var(--lh-500);
	--lh-senary-heading:var(--lh-500); */

	/* LETTER SPACINGS */
	--ls-100:.01rem;
	--ls-200:.02rem;
	--ls-300:.03rem;
	--ls-400:.04rem;
	--ls-500:.05rem;
	--ls-600:.06rem;
	--ls-700:.07rem;
	--ls-800:.08rem;
	--ls-900:.09rem;

	/* FONT-WEIGHTS */
	--fw-regular:400;
	--fw-bold:800;
	--fw-body:var(--fw-regular);
	--fw-primary-heading:var(--fw-bold);
	--fw-secondary-heading:var(--fw-bold);
	--fw-tertiary-heading:var(--fw-bold);
	--fw-quaternary-heading:var(--fw-regular);
	--fw-quinary-heading:var(--fw-bold);
	--fw-senary-heading:var(--fw-bold);

	/* MAX-WIDTHS */
	--mw-100: 26ch;
	--mw-200: 32ch;
	--mw-300: 29.375rem;
	--mw-400: 47.5rem;
	--mw-500: 67.9375rem;
	--mw-600: 78.75rem;
	--mw-700: 90rem;
	--mw-800: 100rem;
	--mw-900: 118.75rem;

	/* GLIGHTBOX BUTTONS */
	--glightbox-clr-close:red;
	--glightbox-clr-arrows:var(--clr-primary-black-40);

	/* F-BUTTONS */
	--btn-hover:.6;	
	/* 
	--btn-br:var(--br-000);
	--btn-border-width:3px;
	--btn-bs:var(--bs-100);
	--btn-clr-primary:transparent;
	--btn-clr-secondary:var(--clr-primary-white);
	--btn-ff:var(--ff-primary);
	--btn-p-block:var(--space-xs);
	--btn-p-inline:var(--space-s);
	--btn-fs:var(--fs-xs);
	--btn-fw:var(--fw-bold);
	--btn-capitalize:uppercase;
	--btn-background:var(--clr-trans-black-20);

	--btn-transition:none;
	--btn-lh:var(--lh-300);
	--btn-ls:var(--ls-200); 
	*/

	/* HEADER WIDTH */
	--mw-header:var(--mw-700-p-xs-m);
	--mw-footer-widgets:var(--mw-800-p-m);
	--mw-footer:var(--mw-800-p-m);
	--mw-catalog:var(--mw-800-p-xl);

	/* MAIN MENU SETTINGS */
	--main-menu-font-family:var(--ff-primary);
	--main-menu-size:var(--fs-3xs);
	--main-menu-p-block:var(--space-3xs);
	--main-menu-color:var(--clr-primary-black);
	--main-menu-bg-color-hover:transparent;
	--main-menu-bg-color:transparent;
	--main-menu-color-hover:var(--clr-primary-dark-2);
	--main-menu-weight:var(--fw-regular);
	--main-menu-opacity-hover:.6;
	--main-menu-current-opacity-hover:.6;

	/* SUB-MENU SETTINGS */
	--sub-menu-font-family:var(--ff-primary);
	--sub-menu-size:var(--fs-2xs);
	--sub-menu-p-inline:var(--space-xs);
	--sub-menu-p-block:var(--space-s);
	--sub-menu-color:var(--clr-primary);
	--sub-menu-color-hover:var(--clr-primary-white);
	--sub-menu-bg-color:var(--clr-primary-white);
	--sub-menu-bg-color-hover:var(--clr-primary);
	--sub-menu-opacity-hover:1;
	--sub-menu-weight:var(--fw-regular);
	--sub-menu-weight-hover: var(--fw-regular);
	--sub-menu-color-current:var(--clr-primary-white);
	--sub-menu-bg-color-current:var(--clr-primary);
	--sub-menu-color-current-hover:var(--clr-primary-white);
	--sub-menu-bg-color-current-hover:var(--clr-primary);
	--sub-menu-weight-current:var(--fw-regular);
	--sub-menu-weight-current-hover:var(--fw-regular);
	--sub-menu-current-opacity-hover:1;

	/* CONTACT */
	--cf7-fields-border:0;
	--cf7-fields-color:var(--clr-iag-gold);
	--cf7-fields-font-size:var(--fs-3xs);
	--cf7-fields-m-block:1px;
	--cf7-fields-text-br:var(--br-000);
	--cf7-fields-textarea-br:var(--br-000);
	--cf7-fields-text-p:var(--space-2xs) var(--space-m) calc(1.3 * var(--space-2xs));
	--cf7-fields-textarea-p:var(--space-s) var(--space-m);
	--cf7-text-background:var(--clr-iag-black);
	--cf7-textarea-background:var(--clr-iag-black);
	--cf7-fields-ff:var(--ff-body);	
	--cf7-fields-fw:var(--fw-regular);
	--cf7-fields-lh:var(--lh-500);
	--cf7-submit-bg:var(--clr-iag-black);
	--cf7-submit-br:var(--br-000);
	--cf7-submit-color:var(--clr-iag-gold);
	--cf7-submit-ff:var(--ff-secondary);
	--cf7-submit-fs:var(--fs-3xs);
	--cf7-submit-fw:var(--fw-bold);
	--cf7-submit-p:var(--space-2xs) var(--space-m);
	--cf7-submit-text-transform:uppercase;
	--cf7-submit-m-block:var(--space-3xs) var(--space-s);
	--cf7-submit-disable-bg:var(--clr-iag-black-02);
	--cf7-response-bg:var(--clr-primary-white);
	--cf7-response-br:var(--br-000);
	--cf7-response-border-color:var(--clr-iag-black);
	--cf7-response-border-style:solid;
	--cf7-response-border-width:0;
	--cf7-response-color:var(--clr-iag-gold);
	--cf7-response-ff:var(--ff-body);
	--cf7-response-fs:var(--fs-body);
	--cf7-response-fw:var(--fw-bold);
	--cf7-response-p:var(--space-s);
	--cf7-response-m:0 0 var(--space-s);
	--cf7-response-text-transform:none;
	--cf7-tip-bg:transparent;
	--cf7-tip-br:var(--br-000);
	--cf7-tip-border-color:var(--clr-primary);
	--cf7-tip-border-style:solid;
	--cf7-tip-border-width:0;
	--cf7-tip-color:var(--clr-iag-light-gold);
	--cf7-tip-ff:var(--ff-body);
	--cf7-tip-fs:calc(1.2 * var(--fs-4xs));
	--cf7-tip-fw:var(--fw-body);
	--cf7-tip-ls:var(--ls-500);
	--cf7-tip-p:var(--space-3xs);
	--cf7-tip-text-transform:uppercase;
	--cf7-tip-z:1;
	--cf7-tip-bottom:27%;
	--cf7-tip-left:auto;
	--cf7-tip-right:var(--space-3xs);
	--cf7-tip-top:auto;
	--cf7-privacy-fs:calc(1.3 * var(--fs-4xs));
	--cf7-privacy-color:var(--clr-iag-black);
	--cf7-privacy-ff:var(--ff-body);
	--cf7-privacy-ls:var(--ls-100);
	--cf7-privacy-lh:var(--lh-500);
	--cf7-privacy-fw:var(--fw-semibold);
	--cf7-privacy-m-block:var(--space-xs);
	--cf7-privacy-link-color:var(--clr-iag-black);
	--cf7-privacy-link-hover-color:var(--clr-iag-dark-02);

	/* SPECIAL VARS */
	--b-white-s:8px solid var(--clr-primary-white);
	--b-white-m:16px solid var(--clr-primary-white);
}

/* MENU BUTTON (F-BTN SETTINS OVERRIDE) */
#genesis-mobile-nav-primary {font-size:var(--fs-xs);padding:0;text-transform:uppercase;}
button.menu-toggle {border-radius:0}

/* UTILITY CLASSES */
/* FONT-WEIGHTS */
.fw-bold {font-weight:var(--fw-bold)}
.fw-regular {font-family:var(--fw-regular)}


/* GLOBAL BTNS */
.f_btn {font-family:var(--ff-secondary);}
a.global_btn_neg,
a.global_btn {letter-spacing:var(--ls-700)}


/* GENERAL */
a:hover {opacity:.7;}
.ff-primary {font-family:var(--ff-primary)}
.neg p {color:var(--clr-primary-white)}
p {font-size:var(--fs-3xs);line-height:var(--lh-200)}
.site-inner {overflow-x:hidden;}

/* SITE HEADER */
.site-header {background-color:var(--clr-roam-blue)}
.site-header > .wrap {justify-content: center}

.fx_photo .f_image {border:3px solid var(--clr-roam-grey);border-radius:var(--br-900);}
.fx_photo .f_image:before {content:'';border-radius:var(--br-900);box-shadow: inset 0 0 30px 10px rgb(0,0,0);display:block;height:100%;position:absolute;top:0;left:0;width:100%;z-index:10;}


/* CURRENT PROJECTS */
.ver-video video {position:relative;width:63px}
.ver-video > .f_sc_wrap {display:flex;}
.ver-video figcaption {
    color:var(--clr-roam-grey);
	font-weight: inherit;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	margin-left: 20px;
	text-align:left;
	font-style:italic;
}

.gslide-desc {color:var(--clr-primary-white);}

.play_icon {display:none}




@media (max-width: 60rem) {
	    .site-inner {overflow-x:hidden;}
}

@media (min-width: 60rem) {
	    .f_custom_html_9970_5_2  > .f_sc_wrap {transform:rotate(-90deg);}
}




/** RRSS MENU */
.footer-widgets-1 {align-items:center;display:flex;flex-flow:column;margin-top:var(--space-xl)}
#media_image-2 {margin-bottom:var(--space-m)}
#menu-rrss-icons {display:flex;gap:var(--space-s);}
.rrss {--size:30px;font-size:0;gap:var(--space-s);width:var(--size);height:var(--size);border-radius:50vmax;align-items:center;justify-content:center;display:flex;}
.rrss.facebook {background-image:url('../images/icon-facebook.svg');background-repeat:no-repeat;background-position:center}
.rrss.x {background-image:url('../images/icon-x.svg');background-repeat:no-repeat;background-position:center}
.rrss.youtube {background-image:url('../images/icon-youtube.svg');background-repeat:no-repeat;background-position:center}
#menu-footer-widget {display:flex;justify-content: space-between;}
@media (max-width: 60rem) {
	#menu-footer-widget {flex-direction:column;gap:var(--space-2xs);}
}

/* WIDGETS MENU */
.footer-widgets {background-color:var(--clr-roam-blue);}
.footer-widgets-2 {padding-bottom:var(--space-l)}
.footer-widgets-2 ul li a {color:var(--clr-roam-grey);font-size:calc(.8 * var(--fs-3xs));font-weight:var(--fw-semibold);letter-spacing:var(--ls-300);line-height:var(--lh-400);text-transform:none;}
.widget_menu_phone:before {--size:20px;content:'';display:inline-block;background-image:url('../images/icono-telefono.svg');background-repeat:no-repeat;background-position:center;width:var(--size);height:var(--size);margin-right:var(--space-3xs);vertical-align:middle;}
.widget_menu_email:before {--size:20px;content:'';display:inline-block;background-image:url('../images/icono-email.svg');background-repeat:no-repeat;background-position:center;width:var(--size);height:var(--size);margin-right:var(--space-3xs);vertical-align:middle;}
.widget_menu_address:before {--size:20px;content:'';display:inline-block;background-image:url('../images/icono-direccion.svg');background-repeat:no-repeat;background-position:center;width:var(--size);height:var(--size);margin-right:var(--space-3xs);vertical-align:middle;}
.widget_menu_phone:before ,
.widget_menu_email:before,
.widget_menu_address:before {mix-blend-mode:plus-lighter}


/* SITE-FOOTER */
body.menu-open .site-header {
    background-color:var(--clr-primary-white);
    transition:all ease .2s
}
.site-footer {
    background-color:var(--clr-roam-blue);
    color:var(--clr-roam-grey)
}
.site-footer > .wrap {padding-top:var(--space-xs)}
.site-footer,
.site-footer a {color:var(--clr-roam-grey);font-weight:var(--fw-semibold);margin-inline:0}
.site-footer > .wrap {border-top:1px solid var(--clr-roam-grey);display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-l);}
.site-footer p {flex:1;text-align:left;}
.site-footer nav {flex:1;text-align:right;}
.site-footer li:not(:last-child) a::after { content: " / "; margin: 0 .25em; }
@media (max-width: 60rem) {
	.site-footer > .wrap {flex-direction:column-reverse}
}
@media (max-width: 30rem) {
	.nav-secondary {width:100%}
	#menu-footer {
	    display:flex;
	    flex-flow:column;
	    margin-bottom:var(--space-m);
	    text-align:left;
	}
	.site-footer > .wrap {justify-content:flex-start}
	.site-footer li:not(:last-child) a::after { content: "";margin:0}
	.site-footer p {font-size:calc(1.1 * var(--fs-4xs));width:100%}
}

	/* PROGRESS BAR */
	/* .progress-container {
		position:fixed;
		width: 100%;
		height: 10px;
		top: 0;
		left: 0;
		background:var(--clr-roam-grey) ;
		z-index: 100;
		transform:translateY(-10px);
		transition: all ease .2s;
	} */

	.scrolled .progress-container {
		transform:translateY(63px);transition: all ease .2s;
	}

	/* .progress-bar {
		height: 2px;
		background:var(--clr-iag-gold);
		width: 0%;
	} */


	/* BACK TO TOP */
	.back-to-top {
		background-color: var(--clr-primary-white);
		bottom: 20px;
		color: var(--clr-iag-gold);
		display: none;
		font-size: 24px;
		height: 40px;
		line-height: 40px;
		position: fixed;
		right: 20px;
		text-align: center;
		width: 40px;
		z-index: 100;
	}

	.scrolled .back-to-top {
		display: block;
	}

	.triangle {
		--size: 10px;
		--angle: .8;
		border-bottom: var(--size) solid var(--clr-roam-grey);
		border-left: calc(var(--angle) * var(--size)) solid transparent;
		border-right: calc(var(--angle) * var(--size)) solid transparent;
		height: 0;
		width: 0;
		position: absolute;
		left: calc(50% - (var(--angle) * var(--size)));
		top: calc(60% - var(--size));
	}

/* ANIMACIÓN PARA FLECHA DE SCROLL */
.fx-arrow {
  animation: scrollBounce 2s ease-in-out infinite;
  transition: opacity 0.5s ease;
}

.scrolled .fx-arrow {
    opacity: 0;
}

@keyframes scrollBounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0);
  }
}