@charset "utf-8";.st0 {
  opacity: 0.7;
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #ABD3B2;
}

.st1 {
  opacity: 0.7;
  fill: none;
  stroke: #73AD7E;
  stroke-width: 1.1404;
  stroke-miterlimit: 10;
}

.st2 {
  fill: #FFFFFF;
}

.st3 {
  opacity: 0.7;
  fill: #ABD3B2;
}

.st4 {
  opacity: 0.7;
  fill: none;
  stroke: #73AD7E;
  stroke-width: 0.9706;
  stroke-miterlimit: 10;
}

.st5 {
  fill: none;
  stroke: #73AD7E;
  stroke-width: 1.1405;
  stroke-miterlimit: 10;
}

.st6 {
  fill: #ABD3B2;
}

.st7 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #ABD3B2;
}

.st8 {
  opacity: 0.27;
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #00984E;
  stroke: #73AD7E;
  stroke-width: 1.1404;
  stroke-miterlimit: 10;
}

.st9 {
  fill: #FAFAFA;
  stroke: #73AD7E;
  stroke-width: 1.1404;
  stroke-miterlimit: 10;
}

.st10 {
  opacity: 0.27;
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #B1B1B1;
  stroke: #73AD7E;
  stroke-width: 1.1404;
  stroke-miterlimit: 10;
}

.st11 {
  fill: #FAFAFA;
  stroke: #73AD7E;
  stroke-width: 1.1404;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.st12 {
  opacity: 0.7;
}

.st13 {
  opacity: 0.27;
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #ABD3B2;
}

.st14 {
  fill: #FAFAFA;
  stroke: #73AD7E;
  stroke-width: 1.1405;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.st15 {
  fill: #FFFFFF;
  stroke: #73AD7E;
  stroke-width: 1.1404;
  stroke-miterlimit: 10;
}

.st16 {
  fill: #73AD7E;
}

.st17 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: none;
  stroke: #73AD7E;
  stroke-width: 1.1404;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.st18 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

/* CSS Document */


/* -------------------------------------------

#PRESETS 

------------------------------------------- */




@font-face {
	font-family : 'Chalet';
	src         : url('/assets/Chalet-NewYorkNineteenSixty-Dv9MIwi1.woff2') format('woff2'),
	url('/assets/Chalet-NewYorkNineteenSixty-DQUCSL_l.woff') format('woff');
	font-weight : normal;
	font-style  : normal;
	font-display: swap;
}

@font-face {
    font-family: 'Gotham-Light';
    src: local('Gotham Light'), local('Gotham-Light'),
        url('/assets/Gotham-Light-DuKDmBb7.woff2') format('woff2'),
        url('/assets/Gotham-Light-CEsvu86U.woff') format('woff'),
        url('/assets/Gotham-Light-B5scwmdv.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Book';
    src: local('Gotham Book'), local('Gotham-Book'),
        url('/assets/Gotham-Book-BoWGDHTp.woff2') format('woff2'),
        url('/assets/Gotham-Book-DdLR0ZsF.woff') format('woff'),
        url('/assets/Gotham-Book-ZCyxYMh1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Bold';
    src: local('Gotham Bold'), local('Gotham-Bold'),
        url('/assets/Gotham-Bold-CflIDncl.woff2') format('woff2'),
        url('/assets/Gotham-Bold-BWbAYoZw.woff') format('woff'),
        url('/assets/Gotham-Bold-DcpGtXiw.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Medium';
    src: local('Gotham Medium'), local('Gotham-Medium'),
        url('/assets/Gotham-Medium-D34tPlii.woff2') format('woff2'),
        url('/assets/Gotham-Medium-CP9GGdMe.woff') format('woff'),
        url('/assets/Gotham-Medium-BITyG9vt.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/* #Modo oscuro */
@media (prefers-scheme: dark) {
	 :root {
		--body-bg   : #333333;
		--body-color: #f5f5f5;
	 }
}


/* #root */ 
:root {


	/* modo claro */
	--body-bg   : #f5f5f5;
	--body-color: #333333;

	/* colores */ 
	--color-web-1-hash: #000;
	--color-web-1-rgb : 0 0 0;
	--color-web-1     : rgb(var(--color-web-1-rgb));
	
	--color-web-2-hash: #45a5c3;
	--color-web-2-rgb : 69 165 195;
	--color-web-2     : rgb(var(--color-web-2-rgb));

	--color-web-3-hash: #74BB73; 
	--color-web-3-rgb : 116 187 115;
	--color-web-3     : rgb(var(--color-web-3-rgb));

	--color-web-4-hash: #06665d;
	--color-web-4-rgb : 6 102 93;
	--color-web-4     : rgb(var(--color-web-4-rgb));

	--color-web-5-hash: #808080;
	--color-web-5-rgb : 128 128 128;
	--color-web-5     : rgb(var(--color-web-5-rgb));

	--color-web-6-hash: #6fbf8f;
	--color-web-6-rgb : 111 191 143;
	--color-web-6     : rgb(var(--color-web-6-rgb));


	--fff-rgb         : 255 255 255;
	--bbb-rgb         : 187 187 187;
	--eee-rgb         : 238 238 238;
	--ddd-rgb         : 221 221 221;
	--ccc-rgb         : 204 204 204;
	--999-rgb         : 153 153 153;
	--666-rgb         : 102 102 102;
	--333-rgb         : 51 51 51;
	--222-rgb         : 34 34 34;
	--111-rgb         : 17 17 17;
	--000-rgb         : 0 0 0;

	--fff             : rgb(var(--fff-rgb));
	--bbb             : rgb(var(--bbb-rgb));
	--eee             : rgb(var(--eee-rgb));
	--ddd             : rgb(var(--ddd-rgb));
	--ccc             : rgb(var(--ccc-rgb));
	--999             : rgb(var(--999-rgb));
	--666             : rgb(var(--666-rgb));
	--333             : rgb(var(--333-rgb));
	--222             : rgb(var(--222-rgb));
	--111             : rgb(var(--111-rgb));
	--000             : rgb(var(--000-rgb));
	--placeholder     : rgb(var(--666));

	--cygnus          : #003F55;

	/* form */
	--msj-ok-tx   : #00ad17;
	--msj-ok-bg   : #e5ffe8;
	--msj-error-tx: #c40000;
	--msj-error-bg: #ffe5e5;
	--msj-info-tx : #a39200;
	--msj-info-bg : #fffbdb;

	/* font's */
	--font-gotham-light : 'Gotham-Light','Open Sans', sans-serif;
	--font-gotham-medium: 'Gotham-Medium','Open Sans', sans-serif;
	--font-gotham-bold  : 'Gotham-Bold','Open Sans', sans-serif;
	--font-gotham-book  : 'Gotham-Book','Open Sans', sans-serif;
	--font-awesone      : 'Font Awesome 6 Free';
	--font-ch           : 'Chalet','Open Sans', sans-serif;;
	
	/* size's */
	--size            : 1.05rem; /* 16px */


	--size-intro-h1   : 8.75rem;
	--size-intro-h2   : 2.5rem;
	--size-intro-h3   : 2.125rem;
	--size-intro-h4   : 1.25rem;

	--size-tx         : 1.188rem;
	--size-small      : .7rem;
	--size-btn        : .9rem;
	--size-idioma     : .8rem;
	--size-menu       : 1rem;
	--size-extracto   : 1.66rem;


	--size-modal-tit  : 2.916rem;
	--size-modal-datos: 1.083rem;

	--size-progress   : 1.25rem;
	--size-ref        : .625rem;
	--size-box        : 1.083rem;

	--size-footer     : 0.875rem;

	--size-1          : 4rem;
	--size-2          : 3.13rem;
	--size-3          : 2.5rem;
	--size-4          : 1.833rem; 
	--size-5          : 1.5rem; 
	--size-6          : 1.083rem;

	--display        : 1.8;

	--display-1      : calc(var(--size-1) * var(--display)); /* 74px */
	--display-2      : calc(var(--size-2) * var(--display)); /* 67px */
	--display-3      : calc(var(--size-3) * var(--display)); /* 54px */
	--display-4      : calc(var(--size-4) * var(--display)); /* 44px */
	--display-5      : calc(var(--size-5) * var(--display)); /* 34px */
	--display-6      : calc(var(--size-6) * var(--display)); /* 28px */

	/* container */
	--container-full: 100%;
	--container-gr  : 1500px;
	--container-md  : 1024px;
	--container-sm  : 900px;

	/* grid */
	--grid-col-1 : 8.333333333%;
	--grid-col-2 : 16.66666667%;
	--grid-col-3 : 25%;
	--grid-col-4 : 33.33333333%;
	--grid-col-5 : ;
	--grid-col-6 : 50%;
	--grid-col-7 : ;
	--grid-col-8 : 66.66666667%;
	--grid-col-9 : 75%;
	--grid-col-10: 83.33333333%;
	--grid-col-11: 91.66666667%;
	--grid-col-12: 100%;

	/* medidas */
	--w-col-header-left  : 1fr;
	--w-col-header-center: 1fr;
	--w-col-header-right : 95px;
	--w-logo             : 100%;

	--w-sidebar          : 300px;

	--h-header           : 90px;
	--h-header-scroll    : 50px;
	--h-cabezal          : 300px;
	--h-btn              : 44px;
	--top-main           : var(--h-header);

	/* separador */
	/* --separador-bg   :; */
	/* --separador-width:; */

	/* radius */
	--radius: 30px;

	/* espacios */
	--espacio-10: 10px;
	--espacio-15: 15px;
	--espacio-20: 20px;
	--espacio-30: 30px;
	--espacio-40: 40px;
	--espacio-50: 50px;
	--espacio-60: 60px;
	--espacio-70: 70px;
	--espacio-80: 80px;
	--espacio-90: 90px;


	/* ratio */
	--ratio-1x1: 100%;
	--ratio-4x3: 75%;
	--ratio-3x4: 133%;
	--ratio    : 0%;

	/* efectos */
	--transition         : all .35s ease-in-out;
	--transition-progress: all .25s ease;


} 

*, 
:before,
:after{
	margin                  : 0;
	padding                 : 0; 
	box-sizing              : border-box;
	position                : relative;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust   : none;
	-ms-text-size-adjust    : none; 
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust   : 100%; 
	-ms-text-size-adjust    : 100%;
}



/* #html - body */
html {
	font-size      : 16px;
	scroll-behavior: smooth;
}
html, body{
	height: 100%
}

body{
	overflow-x      : hidden;
	font-size       : var(--size-tx);
	background-color: var(--fff);
	color           : var(--color-web-5);
	font-family     : var(--font-gotham-light);
}

/* #selection */
::selection{
	background: var(--color-web-1);
	color     : var(--fff);
}
::-moz-selection{
	background: var(--color-web-1);
	color     : var(--fff);
}
::-o-selection{
	background: var(--color-web-1);
	color     : var(--fff);
}
::-ms-selection{
	background: var(--color-web-1);
	color     : var(--fff);
}

main,
header,
section,
form,
aside,
nav,
time,
picture,
figure,
article,
address,
footer,
figcaption{
	width: 100%;
	float: left;
}

/* #img */
img{
	width    : auto;
	max-width: 100%;
	height   : auto
}
figure{
	margin     : 0;
	line-height: 0;
	overflow   : hidden;
}


ul {
	padding-left: 18px;
	margin: 12px 0;
}

/* canvas {
	margin: auto;
} */

/* #tx */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-gotham-light);
	margin     : 0;
	line-height: 1.25;
	font-weight: 100;
}
h1 {
	font-size: var(--size-1);
}
h2 {
	font-size: var(--size-2);
}
h3 {
	font-size: var(--size-3);
}
h4 {
	font-size: var(--size-4);
}
h5 {
	font-size: var(--size-5);
}
h6 {
	font-size: var(--size-6);
}

p {
	font-family: var(--font-gotham-light);
	font-weight: 100;
	margin     : 0;
	padding    : 0;
	line-height: 1.5;
	font-size  : var(--size-tx);
}

ul li { 
	line-height: 1.5;
}

b,
strong {
	font-family: var(--font-gotham-medium);
	font-weight: 500;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size  : 1em;
}
small {
	font-size: var(--size-small); 
}
sub,
sup {
	font-size     : 70%;
	line-height   : 0;
	position      : relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
pre {
	background   : var(--eee);
	font-family  : "Courier 10 Pitch", courier, monospace;
	line-height  : 1.6;
	margin-bottom: 1.6em;
	max-width    : 100%;
	overflow     : auto;
	padding      : 1.6em;
}
code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
	border-bottom: 1px dotted var(--666);
	cursor       : help;
}
mark,
ins {
	background     : #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
a {
	color: var(--000);
}
a:visited {
	color: var(--000);
}
a:hover,
a:focus,
a:active {
	color: var(--000);
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}

address {
	font-style: normal;
}

/* #btn's */
button {
	border    : none;
	cursor    : pointer;
	background: none;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding     : 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
button:focus {
	outline   : none;
	box-shadow: none;
}

.btn {
	width           : auto;
	height          : var(--h-btn);
	background-color: var(--color-web-4);
	color           : var(--fff);
	font-family     : var(--font-gotham-bold);
	font-size       : var(--size-btn);
	border          : 1px solid var(--color-web-4);
	text-align      : center;
	border-radius   : var(--radius);
	transition      : var(--transition);
	display         : inline-flex;
	align-items     : center;
	justify-content : center;
	padding         : 0 35px;
	text-decoration : none;
	cursor          : pointer;
}
.btn:hover {
	background-color: var(--fff) !important;
	color           : var(--color-web-4) !important;
}

/* invertido */
.btn.invertido {
	background-color: var(--fff) !important;
	color           : var(--000) !important;
}
.btn.invertido:hover {
	background-color: var(--000) !important;
	color           : var(--fff) !important;
}

.btn:visited {
	color: var(--fff) !important;
}
.btn:visited:hover {
	color: var(--color-web-4) !important;
}
.btn.invertido:visited {
	color: var(--000) !important;
}
.btn.invertido:visited:hover {
	color: var(--fff) !important;
}


/* hamburg */
.btn--menu {
	display  : none;
	position : fixed;
	top      : 20px;
	right    : 160px;
	margin   : auto;
	width    : 20px;
	height   : 30px;
	cursor   : pointer;
	transform: translateX(0);
	z-index  : 9999;
}

		.btn--menu span {
			position     : absolute;
			top          : 0;
			right        : 0;
			bottom       : 0;
			left         : 0;
			width        : 100%;
			height       : 2px;
			margin       : auto;
			border-radius: 0;
			transition   : background 0s .25s;
			background   : var(--fff);
		}

			.btn--menu span:before,
			.btn--menu span:after {
				position           : absolute;
				width              : inherit;
				height             : inherit;
				content            : '';
				transition-delay   : .25s, 0s;
				transition-duration: .25s, .25s;
				background         : var(--fff);
				border-radius      : 0;
				width              : 100%;
				transform          : translateX(0);
				transition         : all .3s ease;
			}
			.btn--menu span:before {
				top                : -8px;
				transition-property: top, transform;
			}
			.btn--menu span:after {
				bottom             : -8px;
				transition-property: bottom, transform;
			}

		/* hover - activo */
		body.visible--menu #flag + span {
				background: none;
		} 
		body.visible--menu #flag + span:before {
				top: 0;
				transform: rotate(45deg);
		}
		body.visible--menu #flag + span:after {
				bottom: 0;
				transform: rotate(-45deg);
		}
		body.visible--menu #flag + span:before,
		body.visible--menu #flag + span:after {
				transition-delay: 0s, .25s;
		}

		.btn--menu input {
			opacity: 0;
		}


	/* hover */
	.btn--menu:hover {

	}
	.btn--menu:hover span:before,
	.btn--menu:hover span:after {
		transform: translateX(0);
	}



/* scroll */
.btn--scroll-down {
	width              : 45px;
	height             : 45px;
	background-size    : contain;
	background-image   : url(/assets/ico--scroll-down-awkdhtNp.svg);
	background-position: center;
	background-repeat  : no-repeat;
	position           : absolute;
	right              : 0;
	bottom             : 30px;
	left               : 0;
	margin             : auto;
	cursor             : pointer;
}


/* #otros */
progress {
	vertical-align: baseline;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}






/* -------------------------------------------

#CLASS 

------------------------------------------- */

/* #container */
[class*=container--] {
	width    : 100%;
	padding  : 0 30px;
	margin   : auto;
}
.container--full {
	max-width: var(--container-full);
}
.container--gr {
	max-width: var(--container-gr);
}
.container--md {
	max-width: var(--container-md);
}
.container--sm {
	max-width: var(--container-sm);
}

/* #display */
.d--none {
	display: none;
}
.d--grid {
	display: grid;
}
.d--flex {
	display: flex;
}
.d--table {
	display: table;
}
.d--block {
	display: block;
}

/* #grid */
.d--grid {
	grid-template-columns: 1fr;
	grid-column-gap      : 15px;
}
	.d--grid > [class*=col--] {

	}

.d--grid.grid--1 {
	grid-template-columns: repeat(12, 1fr);
}
.d--grid.grid--2 {
	grid-template-columns: repeat(6, 1fr);
}
.d--grid.grid--3 {
	grid-template-columns: repeat(4, 1fr);
}
.d--grid.grid--4 {
	grid-template-columns: repeat(3, 1fr);
}
.d--grid.grid--5 {
	grid-template-columns: repeat(5, 1fr);
}
.d--grid.grid--6 {
	grid-template-columns: repeat(2, 1fr);
}

/* #direction */
.row--reverse {
	flex-direction: row-reverse;
	display       : flex;
}
.column--reverse {
	flex-direction: column-reverse;
	display       : flex;
}

/* #bg */
.bg--1 {
	background-color: var(--color-web-1);
}
.bg--2 {
	background-color: var(--color-web-2);
}
.bg--3 {
	background-color: var(--color-web-3);
}
.bg--4 {
	background-color: var(--color-web-4);
}
.bg--5 {
	background-color: var(--color-web-5);
}
.bg--6 {
	background-color: var(--color-web-6);
}
.bg--fff {
	background-color: var(--fff);
}
.bg--000 {
	background-color: var(--000);
}
.bg--degrade {
	background: rgb(69,165,195);
	background: linear-gradient(73deg, rgba(69,165,195,1) 10%, rgba(91,183,164,1) 45%, rgba(110,198,137,1) 100%);
	filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr="#45a5c3",endColorstr="#6ec689",GradientType=1);
}

/* #color */
.color--1 {
	color: var(--color-web-1) !important;
}
.color--2 {
	color: var(--color-web-2) !important;
}
.color--3 {
	color: var(--color-web-3) !important;
}
.color--4 {
	color: var(--color-web-4) !important;
}
.color--fff {
	color: var(--fff) !important;
}
.color--000 {
	color: var(--000) !important;
}
.color--ok {
	color: var(--msj-ok-tx) !important;
}
.color--error {
	color: var(--msj-error-tx) !important;
}

/* #tx */
.display--1 {
	font-size: var(--display-1) !important;
}
.display--2 {
	font-size: var(--display-2) !important;
}
.display--3 {
	font-size: var(--display-3) !important;
}
.display--4 {
	font-size: var(--display-4) !important;
}
.display--5 {
	font-size: var(--display-5) !important;
}
.display--6 {
	font-size: var(--display-6) !important;
}

/* font */
.font--light {
	font-family: var(--font-gotham-light);
}
.font--medium {
	font-family: var(--font-gotham-medium);
}
.font--bold {
	font-family: var(--font-gotham-bold);
}
.font--book {
	font-family: var(--font-gotham-book);
}



/* #separador */
.cont--separador {
	width          : 100%;
	float          : left;
	height         : 1px;
	margin         : 15px auto;
	text-align     : center;
	display        : flex;
	align-items    : center;
	justify-content: center;
}

	.cont--separador div {
		width           : var(--separador-width);
		height          : 1px;
		background-color: var(--separador-bg);
		margin          : auto;
	}
	

/* #espacios */
.cont--sec [class*=cont--espacio-]{
	width: 100%;
	float: left;
}

.espacio--10 {
	height: var(--espacio-10) !important;
}
.espacio--15 {
	height: var(--espacio-15) !important;
}
.espacio--20 {
	height: var(--espacio-20) !important;
}
.espacio--30 {
	height: var(--espacio-30) !important;
}
.espacio--40 {
	height: var(--espacio-40) !important;
}
.espacio--50 {
	height: var(--espacio-50) !important;
}
.espacio--60 {
	height: var(--espacio-60) !important;
}
.espacio--70 {
	height: var(--espacio-70) !important;
}
.espacio--80 {
	height: var(--espacio-80) !important;
}
.espacio--90 {
	height: var(--espacio-90) !important;
}


/* #cont */
.cont--cont {
	margin : 0;
	padding: 0;
}


/* #section */
.cont--section {
	padding: 70px 0;
}

/* #transition */
.cont--transition {
	transition : var(--transition);
	will-change: auto;
}

/* #radius */
.radius--30 {
	border-radius: var(--radius-30) !important;
}
.radius--20 {
	border-radius: var(--radius-20) !important;
}
.radius--10 {
	border-radius: var(--radius-10) !important;
}
.radius--5 {
	border-radius: var(--radius-5) !important;
}

/* #ratio */
.cont--ratio {
	width   : 100%;
	float   : left;
	position: relative;
	overflow: hidden;
}

	.cont--ratio img {
		position  : absolute;
		top       : 0;
		left      : 0;
		width     : 100%;
		height    : 100%;
		object-fit: cover;
		margin    : auto;
	}

.ratio--1x1 {
	padding-top: var(--ratio-1x1);
}
.ratio--4x3 {
	padding-top: var(--ratio-4x3);
}
.ratio--3x4 {
	padding-top: var(--ratio-3x4);
}


/* #efecto zoom */
.efecto--zoom:hover .cont--ratio img,
.efecto--zoom:hover figure img,
.efecto--zoom:hover picture img {
	transform: scale(1.08);
}
/* #efecto gris */
.efecto--gris:hover .cont--ratio img,
.efecto--gris:hover figure img,
.efecto--gris:hover picture img {
	filter: grayscale(100%);
}
/* #efecto bg */
.efecto--bg .cont--ratio:before,
.efecto--bg figure:before,
.efecto--bg picture:before {
	content         : '';
	width           : 100%;
	height          : 100%;
	position        : absolute;
	top             : 0;
	left            : 0;
	z-index         : 10;
	background-color: var(--000);
	mix-blend-mode  : multiply;
	opacity         : .25;
	transition      : var(--transition);
}
.efecto--bg:hover .cont--ratio:before,
.efecto--bg:hover figure:before,
.efecto--bg:hover picture:before {
	opacity: .75;
}

.efecto--op > div,
.efecto--op > figure,
.efecto--op > article,
.efecto--op > section  {
	opacity     : 0;
	transform   : translateY(80px);
	--transition: all .85s ease;
	transition  : var(--transition);
}
.efecto--op-activo > div,
.efecto--op-activo > figure,
.efecto--op-activo > article,
.efecto--op-activo > section {
	opacity  : 1;
	transform: translateY(0);
}


/* #data */
[data-align="left"] {
	text-align: left !important;
}
[data-align="center"] {
	text-align: center !important;
}
[data-align="right"] {
	text-align: right !important;
}

[hidden] {
	display: none;
}
[data-hidden="true"] {
	display: none;
}
[data-hidden="false"] {
	display: flex;
}


 

/* -------------------------------------------

#COMPONENTES 

------------------------------------------- */


/* #logo */
.cont--logo {
	width    : var(--w-logo);
	transform: translateY(3px);
}
.pg--inicio .cont--logo {
	--w-logo : 290px;
	transform: translateY(40px);
}


	.cont--logo img {
		width: 100%;
	}


/* #menú's' */
.cont--menu {
	height         : 100%;
	display        : flex;
	align-items    : center;
	justify-content: flex-end;
	color          : var(--fff);
	transition     : var(--transition);
}

	.cont--menu a {
		width          : auto;
		display        : flex;
		color          : var(--fff);
		text-decoration: none;
		padding        : 10px 12px;
		text-transform : uppercase;
		cursor         : pointer;
		font-size      : var(--size-menu);
	}

	.cont--menu a.activo {
		font-weight: bold;
	}




	/* #mobile */
	.visible--menu .cont--menu  {
		width           : 100%;
		height          : calc(100vh - var(--h-header));
		top             : var(--h-header);
		background-color: var(--color-web-3);
		padding         : 0;
		margin          : 0;
		display         : flex !important;
		flex-direction  : column;
		justify-content : flex-start;
		z-index         : 9999999;
		position        : fixed;
		left            : 0;
		padding-top     : 40px;
		transform       : translateY(0);

		background      : rgb(69,165,195);
		background      : linear-gradient(73deg, rgba(69,165,195,1) 10%, rgba(91,183,164,1) 45%, rgba(110,198,137,1) 100%);
		filter          : progid:DXImageTransform.Microsoft.gradient(startColorstr="#45a5c3",endColorstr="#6ec689",GradientType=1);
	}

		.visible--menu .cont--menu .sep {
			display: none;
		}

		.visible--menu .cont--menu a {
			font-size: 1.3rem;
			padding  : 20px 15px;
		}







/* #idioma */
.cont--idioma {
	justify-content: end;
}
.cont--idioma,
.cont--idioma a {
	color    : var(--fff);
	font-size: var(--size-idioma);
}

.cont--idioma.desktop {
	display: flex;
}
.cont--idioma.mobile {
	display: none;
}

	.cont--idioma a {
		--radius       : 20px;
		border-radius  : var(--radius);
		padding        : 2px 8px;
		background     : transparent;
		margin-left    : 5px;
		border         : 1px solid var(--fff);
		text-decoration: none;
	}
	.cont--idioma a.activo {
		background-color: var(--fff);
		color           : var(--color-web-3);
	}


/* #modal */
.cont--modal-abrir{
	--transition   : all 1s ease;
	transition     : var(--transition);
}

.cont--modal-cerrar{
	--transition   : all .2s ease;
	transition     : var(--transition);
}
.cont--modal{
	position       : fixed;
	top            : 0;
	left           : 0;
	width          : 100%;
	height         : 100vh;
	display        : flex;
	align-items    : center;
	justify-content: center;
	z-index        : -1;
	opacity        : 0;
	visibility     : hidden;
}

	/* bg */
	.cont--modal:before {
		content         : '';
		width           : 100%;
		height          : 100%;
		position        : absolute;
		top             : 0;
		left            : 0;
		background-color: rgba(var(--color-web-4-rgb) / .75);
		transition      : var(--transition);
	}

	/* content */
	.cont--modal .container--modal {
		width       : 100%;
		max-width   : 960px;
		height      : auto;
		padding     : 0 30px;
		transform   : translateY(-150px);
		margin      : 0;
		opacity     : 0;

		--transition: all 1s ease;
		transition  : var(--transition);
	}

		.content--modal {
			width           : 100%;
			height          : auto;
			max-height      : inherit;
			background-color: var(--fff);
			--radius        : 25px;
			border-radius   : var(--radius);
			padding         : 45px 60px 30px 60px;	
			float           : left;
		}

		/* btn */
		.cont--modal .btn--cerrar {
			position: absolute;
			top     : 15px;
			right   : 15px;
			width   : 30px;
			height  : 30px;
			color   : var(--color-web-3);
		}

		


	/* visible */
	.visible--modal.cont--modal {
		opacity   : 1;
		visibility: visible;
		z-index   : 9999999999;
	}

		.visible--modal.cont--modal .container--modal {
			opacity  : 1;
			transform: translateY(0);
		}



	/* #registro */
	.cont--modal.registro h3 {
		color           : var(--color-web-3);
		margin-bottom   : 15px;
		--size-modal-tit: 1.75rem;
		font-size       : var(--size-modal-tit);
	}

	.cont--modal.registro .d--grid {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap      : 30px;
	}

		/* form */
		.cont--modal.registro form {
			margin-top: 30px;
		}

		.cont--modal.registro form div > .d--grid {
			grid-template-columns: 20px 1fr;
			grid-column-gap      : 20px;
		}
		.cont--modal.registro form div > .d--grid p {
			font-size  : var(--size-small);
			line-height: 1.15;
			color      : #666;
		}

		.cont--modal.registro form input,
		.cont--modal.registro form textarea,
		.cont--modal.registro form select {
			background-color: #e9f6ea;
			border-color    : #e9f6ea;
			color           : var(--color-web-3) !important;
		}

		.cont--modal.registro form select {
			background-image   : url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2026.5.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2010.3%207.1'%20style='enable-background:new%200%200%2010.3%207.1;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%236EC673;}%20%3c/style%3e%3cpolygon%20class='st0'%20points='5.1,5.9%209.2,1.2%201.1,1.2%20'/%3e%3c/svg%3e");
		}

		.cont--modal.registro form select option {
			background-color: var(--fff); 
			color           : var(--color-web-3) !important;
		}

		.cont--modal.registro ::placeholder {
			color           : var(--color-web-3);
		}

		/* autocompletar */
		.cont--modal input:focus:invalid, 
		.cont--modal textarea:focus:invalid{
			background-color: var(--fff);
		}

		/* btn */
		.cont--modal.registro .btn {
			background-color: var(--color-web-3);
			border: 1px solid var(--color-web-3);
		}
		.cont--modal.registro .btn:hover {
			color: var(--color-web-3) !important
		}



	/* #pais */
	.cont--modal.pais {
		align-items    : end;
		justify-content: flex-end;
	}
	.cont--modal.pais .container--modal {
		max-width: 630px;
		right    : 10%;
		bottom   : 10%;
	}

		/* pais */
		.img--pais {
			float    : left;
			max-width: 145px;
			transform: translateX(30px) translateY(-15px);
		}

		.cont--modal.pais .content--modal {
			padding  : 30px;
		}
		.cont--modal.pais .content--modal:before {
			content            : '';
			width              : 20px;
			height             : 20px;
			background-size    : contain;
			background-repeat  : no-repeat; 
			background-position: left bottom;
			background-image   : url(/assets/flecha-modal-BzWNXrGY.svg);
			position           : absolute;
			left               : 0;
			top                : -19px;
			transform          : translateX(145px);
		}

			.cont--modal.pais .content--modal h2 {
				font-size: var(--size-modal-tit);
			}

			.cont--modal.pais .cont--datos h6 {
				font-size  : var(--size-modal-datos);
				font-family: var(--font-gotham-book);
			}



	/* #menú */
	.cont--modal.menu {
		display    : block;
		position   : fixed;
		top        : 0;
		left       : 0;
		width      : 100%;
		height     : 100vh;
		background : var(--fff);
		z-index    : 998;
		border-left: 1px solid var(--000);

		transform  : translateY(-120vh);
		transition : var(--transition);
	}
	
		/* container */
		.cont--modal.menu .container--gr {
			--container     : 1580px;
			height          : 100vh;
			position        : absolute;
			top             : 0;
			left            : 0;
			right           : 0;
			bottom          : 0;
			margin          : auto;
			padding         : 40px 0;
		}	

		.cont--modal.menu .cont--cont.scrollbar {
			overflow        : auto;
			height          : 100vh;
			padding         : 0 40px;
		}	

		.cont--modal.menu .cont--cont.scrollbar::-webkit-scrollbar {
			width: 4px;
		}
		/* Track */
		.cont--modal.menu .cont--cont.scrollbar::-webkit-scrollbar-track {
			background: var(--eee); 
		}
		/* Handle */
		.cont--modal.menu .cont--cont.scrollbar::-webkit-scrollbar-thumb {
			background: var(--000); 
		}
		/* Handle on hover */
		.cont--modal.menu .cont--cont.scrollbar::-webkit-scrollbar-thumb:hover {
			background: var(--666); 
		}


		/* header */
		.cont--modal.menu header {
			margin-bottom  : 40px;
			display        : flex;
			align-items    : center;
			justify-content: space-between;
		}

			/* img */
			.cont--modal.menu header  img {
				max-height: 60px;
			}

			/* button */
			.cont--modal.menu header span {
				font-size: 3rem;
			}


		/* section */

			/* botonera */
			.cont--botonera-mobile {
				display              : grid;
				grid-template-columns: 40px 1fr;
				align-items          : center;
				justify-content      : space-between;
				grid-column-gap      : 15px;
				margin-bottom        : 30px;
			}
				.cont--botonera-mobile span {
					font-size: 2.8rem;
					color    : var(--000);
				}

			.cont--botonera-mobile div {
				display        : flex;
				align-items    : center;
				justify-content: flex-end;
			}


		/* footer */
		.cont--modal.menu footer {
			padding: 60px 0 0 0;
		}

		/* redes */
		.cont--sec-redes {
			text-align: center;
		}
			.cont--sec-redes .cont--redes {
				margin-top: 30px;
			}

		/* address */
		.cont--modal.menu address {
			margin-top: 40px;
			color     : var(--000);
			text-align: center;
		}

			.cont--modal.menu address * {
				color          : var(--000);
				text-decoration: none;
				text-align     : center;
			}



	


/* #cabezal */
.cont--cabezal {
	display        : flex;
	height         : var(--h-cabezal);
	align-items    : center;
	justify-content: center;
	margin-bottom  : 40px;
}

	.cont--cabezal .container--gr {
		position       : absolute;
		top            : 0;
		left           : 0;
		right          : 0;
		height         : 100%;
		display        : inline-flex;
		align-items    : center;
		justify-content: flex-start;
		z-index        : 80;
	}

		/* tit */
		.cont--cabezal h1 span {
			font-weight: 300;
		}
		.archive .cont--cabezal h1 span {
			font-size: var(--size-3);
			color    : var(--000);
		}


		/* img */
		.cont--cabezal figure,
		.cont--cabezal figure img {
			position  : absolute;
			top       : 0;
			left      : 0;
			width     : 100%;
			height    : 100%;
			object-fit: cover;
			z-index   : 10;
		}




/* #tit */
.cont--tit {
	line-height  : 1.35;
	margin-bottom: 60px;
}

	/* colores */
	.cont--tit.color-fff * {
		color: var(--fff) !important;
	}
	.cont--tit.color-000 * {
		color: var(--fff) !important;
	}




/* #scrollbar */
::-webkit-scrollbar {
	width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
	background: var(--eee); 
}
/* Handle */
::-webkit-scrollbar-thumb {
	background: var(--color-web-1); 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: var(--666); 
}



/* #form's */
form section,
.cont--form section {
	margin-bottom: 5px;
}
	
	/* grid */
	.cont--form .d--grid {
		width: 100%;
		float: left;
	}

	/* tx */
	.cont--form * {
		font-family: var(--font-gotham-light);
	}

	form input,
	form textarea,
	form select,
	.cont--form input,
	.cont--form textarea,
	.cont--form select {
		border          : 1px solid #8dcca7;
		background-color: #8dcca7;
		--radius        : 15px;
		border-radius   : var(--radius);
		width           : 100%;
		height          : var(--h-btn);
		padding         : 6px 18px;
		font-family     : var(--font-gotham-medium);
		margin-bottom   : 15px;
		font-size       : 0.833rem;
		color           : var(--fff);
	}
	form textarea,
	.cont--form textarea {
		height       : 130px !important;
		border-radius: var(--radius) !important;
		padding      : 12px !important;
	}
	form textarea {
		height: calc(var(--h-btn) * 4 + 45px) !important;
	}

	form input[type="file"] {
		line-height: 1.7;
	}

	form select,
	.cont--form select {
		color    : var(--fff) !important;
		font-size: 0.833rem;
	}
	select {
		background-image   : url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2026.5.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2010.3%207.1'%20style='enable-background:new%200%200%2010.3%207.1;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cpolygon%20class='st0'%20points='5.1,5.9%209.2,1.2%201.1,1.2%20'/%3e%3c/svg%3e"); /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
		background-repeat  : no-repeat;
		background-position: 96% center;
		background-size    : 13px;
		-webkit-appearance : none;
		-o-appearance      : none;
		appearance         : none;
	}
	select::-ms-expand {
		display: none; /*Evita que se muestre la flecha por defecto en versiones de IE*/
	}

	select option {
		background-color: var(--color-web-6);
		font-family     : var(--font-gotham-medium);
	}

	form input.check--custom {
		display: none;
	}
	form label.check--custom {
		width        : 20px;
		height       : 20px;
		border       : 1px solid var(--color-web-3);
		cursor       : pointer;
		display      : grid;
		border-radius: 3px;
	}
	form label.check--custom.error {
		border : 1px solid var(--msj-error-tx);
	}
	form label.check--custom:before {
		content         : '';
		position        : absolute;
		top             : 0;
		left            : 0;
		right           : 0;
		bottom          : 0;
		width           : 10px;
		height          : 10px;
		background-color: var(--color-web-3);
		margin          : auto;
		opacity         : 0;
	}

	form input.check--custom:checked + label:before {
		opacity: 1;
	}

	::placeholder {
		color      : var(--fff);
		font-family: var(--font-gotham-medium);
		font-size  : 0.833rem
	}



	/* focus */
	input:focus,
	textarea:focus,
	select:focus {
		outline   : none;
		box-shadow: none;
	}
	input:focus:invalid, 
	textarea:focus:invalid{
		border          : 1px solid #f4f4f4 !important;
		outline         : none;
		box-shadow      : none;
		background-color: var(--color-web-3);
	}

	/* autocompletar */
	input:-webkit-autofill,
	input:-webkit-autofill:hover, 
	input:-webkit-autofill:focus,
	textarea:-webkit-autofill,
	textarea:-webkit-autofill:hover,
	textarea:-webkit-autofill:focus,
	select:-webkit-autofill,
	select:-webkit-autofill:hover,
	select:-webkit-autofill:focus {
		-webkit-text-fill-color: var(--fff) !important;
		-webkit-box-shadow     : 0 0 0px 1000px rgba(var(--color-web-6-rgb) / .5) inset !important;
		-webkit-transition             : background-color 2000s ease-in-out 0s !important;
		transition             : background-color 2000s ease-in-out 0s !important;
	}

	/* submit */
	.cont--submit {
		margin-top     : 15px;
		display        : flex;
		align-items    : center;
		justify-content: flex-end;
	}

		.cont--submit p {
			display    : flex;
			align-items: center;
		}

		.cont--submit input[type="submit"],
		.cont--submit button {
			margin-bottom   : 0 !important;
			background-color: var(--color-web-4);
			border-color    : var(--color-web-4);
		}
		.cont--submit input[type="submit"]:hover,
		.cont--submit button:hover {
			color: var(--color-web-4) !important;
		}

		:disabled {
			opacity: .3;
		}


	/* msj's */
	.cont--msj {
		width          : 100%;
		float          : left;
		padding        : 10px 15px;
		font-size      : .85rem;
		font-weight    : bold;
		font-family    : var(--font-gotham-light);
		border-width   : 1px;
		border-style   : solid;
		margin         : 5px 0;
		border-radius  : 15px;
		align-items    : center;
		grid-column-gap: 10px;
		display        : none;
	}

		.cont--msj p {
			font-size: .85rem;
			font-weight: bold;
		}

	/* error */
	.cont--msj.error {
		display         : flex;
		border-color    : var(--msj-error-tx);
		background-color: var(--msj-error-bg);
		color           : var(--msj-error-tx);
	}

	/* ok */
	.cont--msj.ok {
		display         : flex;
		border-color    : var(--msj-ok-tx);
		background-color: var(--msj-ok-bg);
		color           : var(--msj-ok-tx);
	}
	/* info*/
	.cont--msj.info {
		display         : flex;
		border-color    : var(--msj-info-tx);
		background-color: var(--msj-info-bg);
		color           : var(--msj-info-tx);
	}




/* #loading */
#loading {
	position        : fixed;
	top             : 0;
	left            : 0;
	width           : 100%;
	height          : 100%;
	background-color: rgba(255 255 255 / .85);
	z-index         : 99999999999;
	display         : none;
	align-items     : center;
	justify-content : center;
	transition      : var(--transition);
}

	#loading .lds-ring {
		display : inline-block;
		position: relative;
		width   : 50px;
		height  : 50px;
	}
	#loading .lds-ring div {
		box-sizing   : border-box;
		display      : block;
		position     : absolute;
		width        : 64px;
		height       : 64px;
		margin       : 8px;
		border       : 8px solid var(--000);
		border-radius: 50%;
		animation    : lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
		border-color : var(--000) transparent transparent transparent;
	}
	#loading .lds-ring div:nth-child(1) {
		animation-delay: -0.45s;
	}
	#loading .lds-ring div:nth-child(2) {
		animation-delay: -0.3s;
	}
	#loading .lds-ring div:nth-child(3) {
		animation-delay: -0.15s;
	}
	@keyframes lds-ring {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	/* activo */
	#loading.activo {
		display: flex;
	}

		

/* #table */
table {
	border: none;
}

	table td,
	table th {
		border : none;
		padding: 5px 8px;
	}

	table th,
	table tr:nth-child(1) td {
		font-weight: 600 !important;
	}

	table tr:nth-child(even) td {
		background-color: var(--eee);
	}




/* #scroll down */
.scroll--down {
	
}

	/* header */
	.scroll--down .cont--header {
		background: rgb(69,165,195);
		background: linear-gradient(73deg, rgba(69,165,195,1) 10%, rgba(91,183,164,1) 45%, rgba(110,198,137,1) 100%);
		filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr="#45a5c3",endColorstr="#6ec689",GradientType=1);
	}

	/* logo */
	.scroll--down .cont--header .cont--logo {
		transform: translateY(0);
	}


.scroll--up {
	
}
 

/* #graficas */
	
	.cont--grafica {
		--radius     : 15px;
		border       : 2px solid var(--color-web-3);
		border-radius: var(--radius);
		padding      : 30px;
		width: 100%;
	}

	/* home */
	.cont--overall .cont--grafica {
		border   : 2px solid var(--color-web-3);
		max-width: var(--container-sm);
		float    : none;
		margin   : auto;
	}

	/* modal */
	.cont--modal .cont--grafica {
		border : none;
		padding: 0;
	}
	.cont--modal .cont--grafica canvas {
		width : 100% !important;
		height: 100% !important;
	} 


	/* país */
	.grafica--1 {
		padding-top: 0;
	}
	.grafica--1 .cont--grafica {
		width     : 100%;
		text-align: center;
		border    : none;
	}

		.grafica--1 .cont--grafica canvas {
			margin: auto;
		}

		.grafica--1 .cont--ref p {
			--size-ref: .7rem;
			font-size : var(--size-ref);
		}


	.cont--grafica.score {
		max-width : 75%;
		margin    : auto;
		float     : none;
	}


	.grafica--3 .cont--grafica {
		margin: auto;
		float : none;
	}



/* #map */
.cont--mapa {
	transform: translateX(-80px);
}
	/* tx */
	/* .tx--map {
		width   : 160px;
		height  : 60px;
		position: absolute;
		top     : var(--h-header);
		right   : 0;
		transform: translateY(80px);
	} */


	/* btn */
	.btn--pais {
		transition: var(--transition);
		cursor    : pointer;
	}
	.btn--pais:hover {
		opacity: .85;
	}
	.btn--pais.deshabilitado{
		opacity: .5;
		cursor: default;
	}

	/* svg */
	.map--pais {
		transition: var(--transition);
		cursor    : pointer;
	}
	.map--pais.activo:hover,
	.map--pais.activo:hover .fil0,
	.map--pais.activo,
	.map--pais.activo .fil0 {
		transition: var(--transition);
		fill      : var(--fff);
	}

	.map--pais.deshabilitado, .no-aplica{
		opacity: .4;
		cursor : default;
	}

	#Capa_x0020_1 {
		width : 100% !important;
		height: 100% !important;
	}

	/* tooltipo */
	.tooltip--pais {
		fill        : #fff;
		stroke-width: .4;
		stroke      : #fff;
		filter      : drop-shadow(1px 1px 2px #333)
		
	}



/* #datos */
.cont--datos {
	grid-template-columns: 35% 1fr;
	grid-column-gap      : 50px;
	margin               : 30px 0;
	align-items          : center;
}

	.cont--datos span {
		color: var(--color-web-3);
	}
	.cont--datos small {
		color       : var(--color-web-5);
		--size-small: 1.083rem;
		font-size   : var(--size-small);
		margin-top  : 20px;
		display     : block;
	}

	/* potential */
	.cont--potential {
		margin-top: 0;
	}

		.cont--potential * {
			color: var(--color-web-3);
		}

	.cont--datos section.row {
		background-color: var(--fff);
		padding: 15px 0;
	}
	.cont--datos section.row:nth-child(even) {
		background-color: rgba(0, 0, 0, .02);
	}


/* #referencias */
.cont--ref {
	grid-template-columns: repeat(5, 1fr);
	margin               : 30px 0;
}

	.cont--ref i {
		width           : 20px;
		height          : 20px;
		border-radius   : 50%;
		margin-bottom   : 10px;
		display         : grid;
	}

	.cont--ref p {
		width      : 100%;
		float      : left;
		color      : var(--color-web-5);
		font-size  : var(--size-ref);
		line-height: 1.25;
		font-family: var(--font-gotham-book);
	}


/* #iconos */
.cont--iconos {
	padding        : 0 140px;
	margin-top     : 30px;
}

	.cont--iconos img {
		width : 100px;
		margin: 0 5px;
	}



/* #rterminos */
.cont--terminos.d--grid {
	grid-column-gap: 10px !important;
}

	.cont--terminos p {
		font-size: .65rem;
	}
	.cont--terminos a {
		display: inline;
		margin-left: 4px;
	}





/* -------------------------------------------

#LAYOUT'S 

------------------------------------------- */


/* #PAGE */
.cont--page {
	position      : relative;
	width         : 100%;
	min-height    : 100%;
	padding-bottom: 80px;
}



/* #HEADER */
.cont--header {
	position        : fixed;
	top             : 0;
	left            : 0;
	height          : var(--h-header);
	padding         : 0;
	background-color: transparent;
	display         : flex;
	align-items     : center;
	z-index         : 900;
}

	/* container */
	.cont--header .container--gr {
		margin: 0 auto;
		height: 100%;
	}

		/* grid */
		.cont--header .container--gr > .d--grid {
			grid-template-columns: var(--w-col-header-left) var(--w-col-header-center) var(--w-col-header-right);
			grid-column-gap      : 30px;
			align-items          : center;
			height               : 100%;
		}

			/* col */
			.cont--header .container--gr > .d--grid > div {
				height     : 100%;
				display    : flex;
				align-items: center;
			}

			.pg--inicio .col--header-left {
				max-width: 290px;
			}
			.pg--pais .col--header-left {
				max-width: 550px;
			}


			/* #redes */
			.cont--header .cont--redes {
				display        : flex;
				align-items    : center;
				justify-content: flex-end;
			}

				.cont--header .cont--redes i {
					font-size: 1rem;
				}
	

	



/* #MAIN */
.cont--main {
	padding-top: var(--h-header);
	min-height : 100vh;
	z-index    : 800;
}
.pg--inicio .cont--main,
.pg--error .cont--main {
	padding-top: 0 !important;
}
	
	/* CONTENT'S (single - page) */
	.cont--content {
		width           : 100%;
		float           : left;
		padding-bottom  : 0;
		background-color: var(--fff);
	}

		/* cont */
		.cont--content .cont--cont {
			width: 100%;
			float: left;
		}

		/* meta */
		.cont--meta {
			width : 100%;
			float : left;
			margin: 10px 0 15px 0;
		}

		.cont--meta span {
			font-size: 0;
		}

		.cont--meta a {
			color     : var(--000);
			font-size : .9rem;
		}


		/* extracto */
		.cont--extracto {
			margin-bottom: 25px !important;
		}
			.cont--extracto,
			.cont--extracto * {
				font-weight: 100 !important;
				font-size  : var(--size-extracto) !important;
			}


	/* ERROR 404 */
	.pg--error h3 {
		width      : 100%;
		float      : left;
		text-align : left;
		padding    : 30px 0;
		font-size  : 3rem !important;
		font-weight: 600;
	}

	.pg--error .btn {
		margin-top: 60px;
	}

	/* #INTRO */
	.cont--intro {
		height : 100vh;
	}
	.cont--intro .container--gr,
	.cont--intro .d--grid,
	.cont--intro [class*=col--],
	.cont--intro .col--mapa figure {
		height: 100vh;
	}

		.cont--intro div > .d--grid {
			grid-template-columns: 48% 1fr;

		}

			.cont--intro * {
				color: var(--fff);
			}

			.cont--intro .col--tx {
				/*margin-top : 90px;
				padding-top: var(--h-header);*/
				display: flex;
				align-items: center;
			}

			.cont--intro header {
				margin-bottom: 30px;
			}

				.cont--intro header h1 {
					font-family: var(--font-ch);
					line-height: 1;

					font-size  : var(--size-intro-h1);
				}
				.cont--intro header h2 {
					font-family: var(--font-ch);
					font-weight: 100;

					font-size  : var(--size-intro-h2);
				}

			.cont--intro article h3 {
				line-height: 1.1;
				font-family: var(--font-gotham-light);
				font-weight: 100;

				font-size  : var(--size-intro-h3);
			}
			.cont--intro article h4 {
				line-height: 1.35;
				margin-top : 30px;

				font-size  : var(--size-intro-h4);
			}

			/* mapa */
			.cont--intro .cont--mapa {
				text-align : right;
				overflow   : hidden;
				display    : flex;
				align-items: center;
			}

			.cont--intro .cont--mapa svg {
				width    : 100% !important;
				height   : auto !Important;
				float    : right;

			}
			/*.cont--intro .cont--mapa svg g:hover {
				opacity: .5;
			}*/


	/* #Overall */
	.cont--progress {
		width          : 100%;
		max-width      : 350px;
		margin         : auto auto 40px auto;
		float          : none;
		display        : flex;
		align-items    : center;
		justify-content: space-between;
	}

	[data-count-years="3"] {
		max-width      : 300px;
	}
	[data-count-years="4"] {
		max-width      : 350px;
	}
	[data-count-years="5"] {
		max-width      : 400px;
	}
	[data-count-years="6"] {
		max-width      : 450px;
	}
	[data-count-years="7"] {
		max-width      : 500px;
	}
	[data-count-years="8"] {
		max-width      : 550px;
	}
	[data-count-years="9"] {
		max-width      : 600px;
	}
	[data-count-years="10"] {
		max-width      : 650px;
	}

		.cont--progress .progress {
			width           : calc(100% - 55px);
			height          : 7px;
			background-color: var(--color-web-3);
			border-radius   : 10px;
			-webkit-appearance      : none;
			        appearance      : none;
			overflow        : hidden;
			position        : absolute;
			top             : 0;
			left            : 0;
			right           : 0;
			margin          : auto;
		}

		.cont--progress span {
			color     : var(--color-web-3);
			font-size : var(--size-progress);
			padding   : 20px 0 0 0;
			cursor    : pointer;
			transition: var(--transition-progress);

			width     : 75px;
		}
		.cont--progress span:nth-of-type(1) {
			/*transform: translateX(-20px);*/
		}
		.cont--progress span:last-child {
			/*transform: translateX(20px);*/
		}

		.cont--progress span:before {
			content         : '';
			width           : 22px; 
			height          : 22px;
			background-color: var(--color-web-3);
			position        : absolute;
			top             : 0;
			right           : 0;
			left            : 0;
			margin          : auto;
			border-radius   : 50%;
			transform       : translateY(-8px);
			transition      : var(--transition-progress);
		}

		/* activo */
		.cont--progress span.activo,
		.cont--progress span:hover {
			color: var(--color-web-2);
			font-weight: bold;
		}
		/* .cont--progress span.activo {
			font-size: calc(var(--size-progress)* 1.15);
		} */
		.cont--progress span.activo:before,
		.cont--progress span:hover:before {
			background-color: var(--color-web-2);
			transform       : translateY(-8px) scale(1.2);
		}

	
	


	/* #Who we are */

		/* separador */
		.cont--who .cont--separador {
			margin: 40px 0 60px 0;
		}

		/* tx */
		.cont--who h6 strong {
			font-family: var(--font-gotham-medium);
		}

		/* footer */
		.cont--who footer {
			margin-top: 60px;
		}
			.cont--who footer img {
				max-height: 85px;
			}

		.cont--who article:nth-of-type(2) {
			margin-bottom: 40px;
		}



	/* #Methodology */
	.cont--box-ico {
		grid-gap: 80px;
		margin  : 80px 0;
	}

		.cont--box-ico > div {
			height       : 100%;

		}

			.box--ico {
				width           : 100%;
				height          : 100%;
				min-height      : 252px;
				float           : left;
				border          : 2px solid var(--color-web-3);
				padding         : 40px;
				border-radius   : 30px;
				text-align      : center;
				float           : left;
				display         : flex;
				align-items     : center;
				background-color: var(--fff);
			}

			/* ico */
			.box--ico i {
				width           : 140px;
				height          : 140px;
				background-color: var(--fff);
				display         : inline-flex;
				transform       : translateY(-70px);
				position        : absolute;
				top             : 0;
				left            : 0;
				right           : 0;
				margin          : auto;
				border-radius   : 50%;
				overflow        : hidden;
			}

			/* tx */
			.box--ico p {
				margin-top : 50px;
				line-height: 1.5;
				font-size  :var(--size-box);
			}

			.box--ico strong {
				color      : var(--color-web-3);
				font-weight: bold;
			}



	/* #CONTACTO */


		/* form */
		.cont--contacto form {
			margin: 60px 0
		}


			/* datos */
			.cont--contacto footer {
				font-size: var(--size-footer);
			}

				.cont--contacto footer p {
					font-size: var(--size-footer);
				}

				.cont--contacto footer strong {
					font-family: var(--font-gotham-bold);
				}
				.cont--contacto footer a {
					color          : var(--fff);
					text-decoration: none;
				}

				.cont--contacto .font--small {
					font-size: var(--size-small);
				}



	/* #PAIS */

	/* intro */
	.intro--pais .article--intro p {
		font-size: var(--size-tx);
	}

	.intro--pais .cont--datos p {
		font-size    : var(--size-5);
		margin-bottom: 30px;
	}

	.pg--pais .cont--ref {
		padding: 0 100px;
	}




	/* #TERMINOS */
	.cont--section.terminos {
		background-color: var(--fff);
	}

		.cont--section.terminos header {
			margin-top: 60px;
		}

		.cont--section.terminos article p {
			margin-bottom: 12px;
		}

	



/* #FOOTER */
.cont--footer {
	position        : absolute;
	bottom          : 0;
	left            : 0;
	padding         : 40px 0;
	z-index         : 600;
	background-color: transparent;
}
.logonewenergy{
	margin-left: 50px;
}






/* -------------------------------------------

#ACCESIBILIDAD

------------------------------------------- */


:focus,
[tabindex="-1"]:focus {
	outline: 0 !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
}

/* FIX OCULTAR BOTÓN MENÚ */
@media screen and (max-width: 2400px) and (min-width: 1141px){
    
    .btn--menu{
        display: none !important
    }   

    .mobile .btn--menu{
    	display: block !important
    }

}




/* RESPONSIVE HORIZONTAL */




 

/* ----------------------------------------------------------------------*/

/* 1440
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1440px){
	
	/* #root */
	:root {

		/* size's */
		--size            : 1rem; /* 16px */


		--size-intro-h1   : 8.5rem;
		--size-intro-h2   : 2.3rem;
		--size-intro-h3   : 2.1rem;

		--size-tx         : 1.15rem;
		--size-small      : .7rem;
		--size-btn        : .85rem;
		--size-idioma     : .8rem;
		--size-menu       : .95rem;
		--size-extracto   : 1.5rem;


		--size-modal-tit  : 2.8rem;
		--size-modal-datos: 1.083rem;

		--size-progress   : 1.25rem;
		--size-box        : 1.083rem;

		--size-1          : 3.8rem;
		--size-2          : 3rem;
		--size-3          : 2.45rem;
		--size-4          : 1.8rem; 
		--size-5          : 1.45rem; 
		--size-6          : 1.08rem;




		/* medidas */
		--h-btn: 40px;

	}


	/* #btn */
	.btn {
		padding: 0 30px;
	}



	/* #moidal */

	.cont--modal.pais .container--modal {
		right    : 8%;
		bottom   : 8%;
		max-width: 650px;
	}

   
	/* HOME */

		/* #intro */

		/* .cont--intro header h1 {
			
		} */

			/* mapa */
			/* .cont--intro .cont--mapa svg {
				transform: scale(.92);
			} */


   
	
	
	
}






/* ----------------------------------------------------------------------*/

/* 1370
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1370px){


	/* #root */
	:root {

		/* size's */
		--size            : 1rem; /* 16px */


		--size-intro-h1   : 7.2rem;
		--size-intro-h2   : 1.85rem;
		--size-intro-h3   : 1.65rem;
		--size-intro-h4   : 1.1rem;

		--size-tx         : 1.15rem;
		--size-idioma     : .75rem;
		--size-menu       : .9rem;
		--size-extracto   : 1.45rem;


		--size-modal-tit  : 2.6rem;
		--size-modal-datos: 1.05rem;

		--size-progress   : 1.2rem;
		--size-box        : 1.08rem;
		--size-ref        : .6rem;

		--size-1          : 3.6rem;
		--size-2          : 2.9rem;
		--size-3          : 2.35rem;
		--size-4          : 1.7rem; 
		--size-5          : 1.4rem; 
		--size-6          : 1.07rem;


		/* medidas */
		--h-btn: 36px;

	}



	/* #logo */
	.pg--inicio .cont--logo {
		--w-logo: 250px;
	}


	/* #moidal */
	.cont--modal.pais .content--modal {
		padding: 35px 20px 20px 20px;
	}
	.cont--modal.pais .container--modal {
		right    : 0;
		bottom   : 30px;
		max-width: 650px;
	}	

		.cont--modal.pais .content--modal:before {
			transform: translateX(100px);
		}

		.img--pais {
			max-width: 100px;
		}

		.cont--datos {
			margin: 15px 0;
		}

		.cont--modal .cont--ref {
			margin: 15px 0;
		}


	/* #map */
	.cont--mapa {
		transform: translateX(-50px);
	}


	/* #intro */
	.cont--intro .col--tx {
		margin-top: 20px;
	}
	.cont--intro .cont--mapa svg {
		/* transform: scale(.81); */
		top      : 20px;
	}


	/* #iconos */
	.cont--iconos img {
		width: 90px;
	}



}






/* ----------------------------------------------------------------------*/

/* 1200
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1200px){


	

	
	/* HOME */

		/* #intro */
		.cont--intro div > .d--grid {
			grid-template-columns: 45% 1fr;
		}


		.cont--intro .col--tx {
			margin-top: 0;
		}

			/* mapa */
			.cont--intro .cont--mapa {

			}

			.cont--intro .cont--mapa svg {
				/* transform: scale(1); */
				top      : -20px;
			}



}







/* ----------------------------------------------------------------------*/

/* 1023 - 991
 
-------------------------------------------------------------------------*/
@media screen and (min-width: 991px) and (max-width: 1023px) {



}








/* ----------------------------------------------------------------------*/

/* 1024
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1024px){


	/* #root */
	:root {

		/* container */
		--container-2   : 900px;

		/* size's */
		--size            : 1rem; /* 16px */


		--size-intro-h1   : 6.2rem;
		--size-intro-h2   : 1.85rem;
		--size-intro-h3   : 1.45rem;
		--size-intro-h4   : 1rem;

		--size-tx         : 1rem;
		--size-idioma     : .75rem;
		--size-menu       : .85rem;
		--size-extracto   : 1.25rem;


		--size-modal-tit  : 2.95rem;
		--size-modal-datos: 1.05rem;

		--size-progress   : 1.2rem;
		--size-box        : .95rem;

		--size-1          : 3rem;
		--size-2          : 2.5rem;
		--size-3          : 2rem;
		--size-4          : 1.5rem; 
		--size-5          : 1.25rem; 
		--size-6          : 1.02rem;


	}



	/* #HEADER */
	.cont--header .container--gr > .d--grid {
		grid-column-gap    : 15px;
	}
	.pg--inicio .cont--header .container--gr > .d--grid {
		--w-col-header-left: 250px;
	}
	.pg--pais .cont--header .container--gr > .d--grid {
		--w-col-header-left: 365px;
	}


	/* #logo */
	.pg--inicio .cont--logo {
		transform: translateY(0);
	}

	/* #menu */
	.cont--menu a {
		font-size: .8rem;
		padding  : 10px 9px;
	}


	/* #idioma */
	.cont--idioma a {
		font-size: .75rem;
		padding  : 2px 6px;
	}


	/* #graficas */
	.cont--grafica.score {
		max-width: inherit;
	}



	/* #mapa */

	/* tx */
	/* .tx--map {
		width   : 120px;
		height  : 50px;
		transform: translateY(60px);
	} */



	/* HOME */

		/* #intro */
		.cont--intro div > .d--grid {
			grid-template-columns: 46% 1fr;
		}

		.cont--intro header h2 br {
			display: none;
		}

			/* tx */
			.cont--intro .col--tx {
				margin-top: 0;
			}

			/* mapa */
			/* .cont--intro .cont--mapa svg {

			} */

	


}	





/* ----------------------------------------------------------------------*/

/* 990
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 990px){

	/* #root */
	:root {

		/*  medidas */
		--h-header           : 70px;

		--w-col-header-center: 0;
		--w-col-header-right : 90px;


	}



	/* #btn */
	.btn--scroll-down {
		bottom: 60px;
	}


	/* #grid */
	.d--grid.grid--6 {
		grid-template-columns: 1fr;
	}


	/* #modal */

	



	/* #map */
	/* tx */
	/* .tx--map {
		width   : 150px;
		height  : 70px;
		transform: translateY(60px);
	} */

	/* #HEADER */
	.cont--header .container--gr > .d--grid {
		justify-content: space-between;
	}
	.pg--inicio .cont--header .container--gr > .d--grid {
		--w-col-header-left: 220px;
	}
	.pg--pais .cont--header .container--gr > .d--grid {
		--w-col-header-left: 420px;
	}

	.visible--menu .cont--header {
		background: var(--color-web-4) !important;
	}
	
		/* #logo */
		.pg--inicio .cont--logo {
			transform: translateY(3px);
		}

		/* #menu */
		.cont--menu {
			transform: translateY(-1000px);
		}

		.btn--menu {
			display: block;
		}


	

	/* HOME */

		/* #intro */
		.cont--intro {
			height: auto;
		}
		.cont--intro .container--gr,
		.cont--intro .d--grid,
		.cont--intro [class*=col--],
		.cont--intro .col--mapa figure {
			height: auto;
		}
		.cont--intro div > .d--grid {
			grid-template-columns: 1fr;
		}

		.cont--intro .col--tx {
			margin-top: calc(var(--h-header) + 30px);
		}
		
			.cont--intro header h2 br {
				display: none;
			}

				/* mapa */
				.cont--intro .cont--mapa svg {
					/* transform    : scale(.9); */
					top: -60px;
				}



		/* #Who */
		.cont--who footer img {
			max-height: 60px;
		}


		/* #Methodology */
		.box--ico {
			min-height: inherit;
		}





}





/* ----------------------------------------------------------------------*/

/* 768
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 768px){



	:root {
		--size-intro-h1   : 5.4rem;
		--size-intro-h2   : 1.7rem;
		--size-intro-h3   : 1.3rem;
		--size-intro-h4   : 1rem;
	}


	/* #mapa */
	.cont--intro .cont--mapa svg {
		top: -30px;
	}

	/* #btn */
	.btn--scroll-down {
		bottom: 30px;
	}


	/* #graficas */
	.pg--pais .cont--ref {
		padding: 0;
	}


	/* #iconos */
	.cont--iconos {
		padding: 0 120px;
	}


}





/* ----------------------------------------------------------------------*/

/* 680
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 680px){
	

	/* #root */
	:root {

		/* medidas */
		--w-col-header-left  : 200px;

		/* size */
		--size            : .9rem;
		--size-1          : 2.5rem; 
		--size-2          : 2.1rem; 
		--size-3          : 1.6rem; 
		--size-4          : 1.35rem; 
		--size-5          : 1.2rem; 
		--size-6          : 1.1rem;

		--size-modal-tit  : 2.4rem;
		--size-modal-datos: .9rem;

		--size-progress   : .95rem;

	}


	/* #logo */
	.pg--inicio .cont--logo {
		--w-logo: 200px;
	}

	/* #menu */
	.btn--menu {
		right: 30px;
	}

	/* #idioma */
	.cont--idioma.desktop {
		display: none;
	}
	.cont--idioma.mobile {
		display        : flex;
		align-items    : center;
		justify-content: center;
		margin-top     : 30px;
	}

		.cont--idioma.mobile a {
			font-size: .75rem !important;
			padding  : 5px 10px !important;
		}

	/* #extracto */
	.cont--extracto, .cont--extracto * {
		font-size: 1.1rem !important;
	}


	/* #modal */
	.cont--modal.registro .d--grid {
		grid-template-columns: 1fr;
	}

		.cont--modal.registro h6 br {
			display: none;
		}

		.cont--datos small {
			--size-small: .8rem;
		}

	.cont--datos {
		grid-template-columns: 1fr;
	}

		.cont--datos article {
			margin-top: 20px;
			text-align: center;
		}

	.cont--ref i {
		margin-bottom: 5px;
	}


	/* #iconos */
	.cont--iconos {
		padding: 0 80px;
	}

		.cont--iconos img {
			width: 70px;
		}



	/* HOME */

		/* #methodolgy */
		.box--ico i {
			width    : 120px;
			height   : 120px;
			transform: translateY(-60px);
		}




	.cont--progress {
		max-width: inherit !important;
	}





	
}

	@media screen and (max-width: 645px) and (orientation: landscape){ 
		

	}





/* ----------------------------------------------------------------------*/

/* 580
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 580px){
	
	/* #root */
	:root {

		/* medidas */
		--w-col-header-right: 0;

		--h-header          : 50px;

		/* size */
		--size-intro-h1 : 5rem;
		--size-intro-h2 : 1.6rem;
		--size-intro-h3 : 1.25rem;
		--size-intro-h4 : .95rem;

		--size-modal-tit: 2.2rem;

		--size-1        : 2.6rem;
		--size-2        : 2.2rem;
		--size-3        : 1.8rem;
		--size-4        : 1.25rem; 
		--size-5        : 1.15rem; 
		--size-6        : 1rem;

	}



	/* #btn */

	.btn--scroll-down {
		width: 35px;
		height: 35px;
		bottom: 20px;
	}

	.btn--menu {
		top: 12px;
	}


	/* #logo */
	.cont--logo {
		transform: translateY(0) !important;
	}
	.pg--inicio.scroll--down .cont--logo {
		transform : translateY(-5px) !important;
		transition: var(--transition);
	}

	/* #mapa */
	.cont--intro .cont--mapa {
		transform: translateX(0);
	}

		/* .cont--intro .cont--mapa svg {
			transform: scale(1);
		} */

	/* .tx--map {
		width    : 160px;
		height   : 70px;
		transform: translateY(0);
	} */


	/* #modal */
	.cont--modal .container--modal::-webkit-scrollbar {
		width: 3px;
		right: -10px;
	}

	/* Track */
	.cont--modal .container--modal::-webkit-scrollbar-track {
		background: var(--eee); 
	}
	/* Handle */
	.cont--modal .container--modal::-webkit-scrollbar-thumb {
		background: var(--000); 
	}
	/* Handle on hover */
	.cont--modal .container--modal::-webkit-scrollbar-thumb:hover {
		background: var(--666); 
	}


	.cont--modal .container--modal .content--modal {
		width: calc(100% - 10px);
	}

	.cont--modal .container--modal {
		top          : auto !important;
		bottom       : auto !important;
		margin       : auto;
		overflow     : auto;
		max-height   : 100%;
		padding      : 0;
		width        : calc(100% - 40px);
		height       : calc(100% - 40px);
		/*border-radius: 30px;*/
	}

		.cont--modal .content--modal {
			padding: 40px 20px 20px 20px;
			display: inline-table;
		} 


		/* pais */
		.cont--modal.pais .container--modal .content--modal {
			margin-top: 12px;
		}

		.img--pais {
			max-width: 70px;
			transform: translateX(0) translateY(10px);
		}
		.cont--modal.pais .content--modal:before {
			transform: translateX(70px);
		}



	/* #iconos */
	.cont--iconos {
		padding: 0;
	}


	/* #grafica */
	.cont--grafica {
		padding: 15px;
	}
	.grafica--1 .cont--grafica {
		padding: 15px 0 !important;
	}


	/* #ref */
	.cont--ref {
		margin               : 15px 0;
		grid-template-columns: repeat(2, 1fr);
	}
		.cont--ref div {
			margin-bottom: 15px;
		}

		.cont--ref i {
			width: 15px;
			height: 15px;
		}


	/* #section */
	.cont--section {
		padding: 50px 0;
	}



	/* #form */
	form input, 
	form textarea, 
	form select, 
	.cont--form input, 
	.cont--form textarea, 
	.cont--form select {
		margin-bottom: 10px;
	}


	/* #HEADER */
	.pg--inicio .cont--header .container--gr > .d--grid {
		--w-col-header-left: 185px;
	}
	.pg--pais .cont--header .container--gr > .d--grid {
		--w-col-header-left: 250px;
	}


		/* #logo */
		.pg--pais .col--header-left {
			--w-col-header-left: 250px;
			max-width          : var(--w-col-header-left);
		}


		/* #menu */
		.visible--menu .cont--menu a {
			font-size: 1.15rem;
		}




	/* HOME */


		/* 2who */
		.cont--who footer img {
			max-height: 40px;
		}





		


}





/* ----------------------------------------------------------------------*/

/* 480
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 480px){
	
	
	/* #root */
	:root {

		/* medidas */
		--w-col-header-right  : 0;



		/* size */
		--size-intro-h1   : 3.2rem;
		--size-intro-h2   : 1.3rem;
		--size-intro-h3   : 1rem;
		--size-intro-h4   : .9rem;

		--size-1          : 2.4rem;
		--size-2          : 2rem;
		--size-3          : 1.6rem;
		--size-4          : 1.25rem; 
		--size-5          : 1.15rem; 
		--size-6          : .95rem;

		--size-tx         : .9rem;
		--size-idioma     : .7rem;
		--size-menu       : .8rem;
		--size-extracto   : 1.05rem;
		--size-modal-tit  : 2rem;
		--size-modal-datos: .9rem;
		--size-progress   : 1rem;
		--size-box        : .9rem;
		
	}


	/* #logo */
	.pg--inicio .cont--header .container--gr > .d--grid {
		--w-col-header-left: 160px;
	}
	.pg--pais .cont--header .container--gr > .d--grid {
		--w-col-header-left: 240px;
	}


	/* #btn's */
	.btn--scroll-down {
		display: none;
	}


	/* #tit */
	.cont--tit {
		margin-bottom: 40px;
	}


	/* #mapa */
	.cont--intro .cont--mapa {
		margin-top: 30px;
	}

		.tx--map {
			display: none;
		}


	/* HOME */

		/* #intro */
		.cont--intro header {
			margin-bottom: 20px;
		}
		.cont--intro article h4 {
			margin-top: 20px;
		}



		/* #methodolgy */
		.box--ico i {
			width    : 100px;
			height   : 100px;
			transform: translateY(-50px);
		}

	
}





/* ----------------------------------------------------------------------*/

/* 380
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 380px){


	/* containerr */
	[class*=container--] {
		padding: 0 20px ;
	}


	/* #logo */
	.pg--inicio .cont--header .container--gr > .d--grid {
		--w-col-header-left: 150px;
	}
	.pg--pais .cont--header .container--gr > .d--grid {
		--w-col-header-left: 200px;
	}

}







/* RESPONSIVE VERTICAL (si es necesario) */


/* # 700 */
@media screen and (max-device-height: 700px) {  


}