@font-face {font-family: 'Merriweather';src: url('../fonts/Merriweather-Regular.woff2') format("woff2");font-weight: regular;font-style: normal;}
@font-face {font-family: 'Merriweather-Light';src: url('../fonts/Merriweather-Light.woff2') format("woff2");font-weight: 300;font-style: normal;}
@font-face {font-family: 'Merriweather-Bold';src: url('../fonts/Merriweather-Bold.woff2') format("woff2");font-weight: 700;font-style: normal;}
@font-face {font-family: 'Merriweather-BoldItalic';src: url('../fonts/Merriweather-BoldItalic.woff2') format("woff2");font-weight: 700;font-style: italic;}
@font-face {font-family: 'Merriweather-Black';src: url('../fonts/Merriweather-Black.woff2') format("woff2");font-weight: 900;font-style: normal;}
@font-face {font-family: 'homebreaksregular';src: url('../fonts/homebreaks-webfont.woff2') format('woff2'),url('../fonts/homebreaks-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
/* GLOBAL */
*, *::before, *::after {box-sizing: border-box;}
:root{
	--white: #fff;
	--green: #0b704e;
	--orange: #fb8b01;
	--dark-orange:#f05427;
	--brown:#c14a29;
	--dark-green:#0f391c;
	--font-primary:'Merriweather', serif;
	--fp-Light:'Merriweather-Light';
	--fp-Bold:'Merriweather-Bold';
	--fp-BoldItalic:'Merriweather-BoldItalic';
	--fp-Black:'Merriweather-Black';
	--font-secondary:'homebreaksregular';
	font-size: 20px;
}
body{
    margin: 0;
    font-family: var(--font-primary);
    color: var(--white);
}
/* position properties */
#fullview.stop-scroll{height: 100vh;overflow: hidden;}
#fullview>*{
	overflow: visible !important;
}
#fullview > section {
	position: relative;
}
#fullview > section > *:not(.video-wrapper) {
	position: absolute;
}
#fullview > section > .btn {z-index: 1040;}
#fullview > section > .personaje {transform: translate(-50%,-50%);z-index: 1039;}
#fullview > section > .content{top: 50%;max-width: 95%;left: 50%;width: 100%;transform: translate(-50%,-50%);z-index: 1040;height: calc(100vh - 6rem);}
#fullview > section > .txt.center {transform: translate(-50%,-50%);z-index: 1041;
}
#fv-dots{z-index: 1041;}
.justify-content-start{justify-content: start;}
.justify-content-center{justify-content: center;}
.justify-content-end{justify-content: end;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.align-items-stretch{align-items: stretch;}
.align-content-start{align-content: start;}
.align-content-center{align-content: center;}
.align-content-end{align-content: end;}

.align-self-start{align-self: flex-start !important;}
.align-self-center{align-self: center !important;}
.align-self-end{align-self: flex-end !important;}
/* font-size */
.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw);}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}
.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}
/* text properties */
.ff-secondary	{font-family: var(--font-secondary)!important;font-weight: normal;}
.fw-light		{font-family: var(--fp-Light);}
.fw-bold		{font-family: var(--fp-Bold);}
.fw-bold-i		{font-family: var(--fp-BoldItalic);}
.fw-black		{font-family: var(--fp-Black);}
.fc-dg			{color:var(--dark-green);}
.ta-r			{text-align: right;}
.ta-l			{text-align: left;}
.text-white		{color: var(--white);}
.text-center	{text-align: center;}
/* numbers */
.int-label .int{
	font-family: var(--font-secondary);
	font-size: 4rem;
	text-align: center;
}
/* padding */
.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}
/* margin */
.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}
/* borders */
.border-dg	{border: 2px dashed var(--green);border-radius: 1rem;padding: .5rem 1rem;font-family: var(--fp-BoldItalic);font-size: 1.4rem;margin: 0 1rem;background-color: var(--orange);color: #fff;}
.border-w	{border: 2px dashed var(--white); border-radius: 1rem;padding: .5rem 1rem;font-family: var(--fp-BoldItalic);font-size: 1.5rem;margin: 0 1rem;}
.thumbnail	{border-radius: 100%;overflow: hidden;width: 13rem;height: 13rem;margin: 0 auto;padding: 0.5rem;}
/*  video properties */
#fullview > section > .video-wrapper video {
	/** Simulationg background-size: cover */
	object-fit: cover;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	}
.video-wrapper {
	/* Telling our absolute positioned video to be relative to this element */
	position: relative;
	width: 100vw;
	height: 100vh;  
	/* Will not allow the video to overflow the  */
	overflow: hidden;
	/* Centering the container's content vertically and horizontally */
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* png images */
.tierra			{position: absolute;z-index: 0;}
.tierra.t-03	{width: 100%;top: -13%;right: -20%;}
.tierra.t-07	{bottom: -3%;width: 116%;left: -24%;}
.tierra.t-11	{transform: translate(50%,0);right: 16rem;height: calc(90% * 3);bottom: 35%;}
.tierra.t-14	{transform: translate(-50%,0);left: 35%;bottom: 70%;height:calc(90% * 3.2);}
.tierra.t-23	{height: 20%;top: -14%;left: 10%;}
.tierra.t-26	{height: 50%;top: 20%;left: -2%;}
.tierra.t-34	{height: 50%;top: 17%;right: -10%;}

.algas.br	{right: 0;bottom: 0;}
.algas.bl	{left: 0;bottom: 0;}
.algas.tr	{right: 0;top: 0;}
.algas.tl	{left: 0;bottom: 0;}
/* buttons */
.btn {
	font-family: var(--font-secondary);
	background-color: var(--dark-green);
	cursor: pointer;
	z-index: 1030;
	color: var(--white);
	font-size: 1.3rem;
	border-radius: 0.5rem;
	padding: .2rem 1rem;
	outline: 3px dashed var(--dark-green);
	outline-offset: 5px;
	border-width: 0;
	line-height: 1;
	transition: all .5s ease-in-out;
	text-decoration: none;
}
.btn:hover {scale: 1.1;}
.splide__arrow{background: transparent;width: 2.5rem;height: 2.5rem;}
.splide__arrow svg{width: 2rem;height: 2rem;}
.splide__arrow svg path{fill: var(--orange);}
.splide__arrow:disabled{opacity: 0;pointer-events: none;}

.h-100{height: 100% !important;}
.row {display: flex;height: 100%;flex-wrap: wrap;flex-direction: row;}
.row > * {padding: 0 1.5rem;}
.row > .col-8{flex: 0 55%;}
.row > .col-4{flex: 0 45%;}
.row > .col-10{flex: 0 70%;}
.row > .col-2{flex: 0 30%;}
.splide .splide__track img{max-width: 100%;}
.modal{max-width: 1200px;}
.modal-bg{background:url(../tierra/modal_background.jpg)no-repeat center/cover;height: 90%;color: var(--green);} 
.modal.memorias video{max-width: 100%;max-height: none !important;} 

/* Modal Estrategias */
#modalEstrategias{padding-top: 2.5rem;}
#modalEstrategias .main-content iframe{width: 100%;height: 100%;margin: 0 auto;display: block;overflow: hidden;}
#modalEstrategias h4{position: absolute;top: .5rem;left: 4.5rem;}
#modalEstrategias .splide{height: 100%;}
#modalEstrategias .splide .splide__track{height: 100%;}
#modalEstrategias .main-content{max-height: calc(100% - 7rem);overflow: hidden;height: 100%;padding: 0 3rem;position: relative;}
#modalEstrategias .main-content .audio-player{position: absolute;bottom: 1rem;left: 50%;transform:translate(-50%,0%);}
#modalEstrategias .info {margin-top: 1rem;margin-left: 3rem;margin-right: 3rem;}
#modalEstrategias .info > *{display: flex;flex-direction: row;justify-content: end;align-items: baseline;}
#modalEstrategias .info .label{flex: 0 40%;text-align: right;display: inline-block;margin-right: 1rem;vertical-align: middle;}
#modalEstrategias .info .label + * {color: #000;font-size: 0.7rem;flex: 0 60%;}
#modalEstrategias .info .proyecto em{font-size: 0.65rem;display: inline-block;vertical-align: top;}
#modalEstrategias .info .social-icons a{margin: 0 0.5rem;display: inline-block;}
#modalEstrategias .splide__pagination{bottom: -0.5em;}
#modalEstrategias .splide__pagination__page{background: var(--brown);}
#modalEstrategias .splide__pagination__page.is-active{background: var(--dark-green);}
#modalEstrategias .splide__arrow svg path{fill:var(--dark-green);}

/* icon-scroll */
.icon-scroll {display:none;width: 1.5rem;height: 2.5rem;bottom: 0.3rem;box-shadow: inset 0 0 0 1px #fff;border-radius: 25px;transform: translate(-50%,0%);background-color: #0000004d;}
.icon-scroll,.icon-scroll:before {position: absolute;left: 50%;}
.icon-scroll:before {content: '';width: .4rem;height: .4rem;background: #fff;transform: translate(-50%,0%);top: 8px;border-radius: 4px;animation-duration: 1.5s;animation-iteration-count: infinite;animation-name: scroll;}
@-moz-keyframes scroll {0% {opacity: 1;}100% {opacity: 0;transform: translate(-50%,1.5rem);}}
@-webkit-keyframes scroll {0% {opacity: 1;}100% {opacity: 0;transform: translate(-50%,1.5rem);}}
@-o-keyframes scroll {0% {opacity: 1;}100% {opacity: 0;transform: translate(-50%,1.5rem);}}
@keyframes scroll {0% {opacity: 1;}100% {opacity: 0;transform: translate(-50%,1.5rem);}}

/* audio player */
.audio-player{display:flex;background-color: #F68824;min-width: 10rem;padding: .5rem;border-radius: 0.8rem;align-items: center;}
.audio-player .control-btn{flex: 0 1.7rem;height: 1.7rem;border: none;cursor: pointer;}
.audio-player .control-btn.play-btn{background: url(../svg/play.svg)no-repeat center/cover;}
.audio-player .control-btn.pause-btn{background: url(../svg/pause.svg)no-repeat center/cover;}
.audio-player .progress-bar{
	flex:0 auto;
	width: calc(100% - 4rem);
	margin-left: 1rem;
	appearance: none;
	border: none;
	outline: none;
	box-shadow: none;
	padding: 0;
	background: 0;
	}
  .audio-player .progress-bar::-webkit-slider-thumb {appearance: none;}
  .audio-player .progress-bar::-webkit-slider-runnable-track {background: #FAAA68;border-radius: .1rem;height:.5rem;}
  .audio-player .progress-bar::-moz-range-trackk {background: #FAAA68;border-radius: .1rem;height:.5rem;}
  .audio-player .progress-bar::-webkit-slider-thumb {
	width: 1rem; height: 1rem;
	border-radius: 50%;
	border: 0;
	background: var(--brown);
	margin-top: -.25rem;
  }
  .audio-player .progress-bar::-moz-range-thumb {
	width: 1rem; height: 1rem;
	border-radius: 50%;
	border: 0;
	background: var(--brown);
	margin-top: -.25rem;
  }
/********************************************/
/* 				INTRO SECTION  				*/
/********************************************/
#intro {background-color: #f8d579;}
#intro video{top:100%;}
@keyframes intro_rio {from { top:100%;} to { top: 0%;}}
#intro .barca{top: calc(50% - 41%);left: 100%;width: 30rem;}
@keyframes intro_barca {0% { left:100%;} 100% { left: calc(90% - 30rem);}}
.main-logo{max-width: 13rem;top: 1rem;left: 1rem;transform: none !important;}
.main-title{display:none;top: 65%;left: 50%;transform: translate(-50%,-50%);max-width: 30rem;width: 100%;}
/********************************************/
/* 				INTRO TEXT SECTION 			*/
/********************************************/
#introText .algas-svg-1{top: -12rem;height: 20rem;rotate: 65deg;left: -8rem;}
#introText .algas-svg-2{top: -15rem;height: 20rem;right: -8rem;rotate: -49deg;}
#introText .intro-text{top: 50%;left: 50%;max-width: 35rem;font-size: 1.4rem;color: #fff;text-align: center;}
#introText .pez-2-1{bottom: -5rem;left: 82%;width: 18rem;}
#introText .pez-2-1-2{top: 5rem;left: 4%;width: 9rem;transform: rotateY(180deg) !important;}
/********************************************/
/* 				RECURSO SECTION				*/
/********************************************/
#recursos .txt-1{top: 50%;right: 15%;max-width: 35rem;transform: translate(0%,-50%);}
#recursos .barca-2{top: 40%;left: 21%;max-width: 30rem;transform: translate(-50%,-50%) rotateZ(260deg) !important;}
#recursos .stat-1{bottom: 10%;color: var(--green);left: 5%;display: flex;align-items: center;}
#recursos .alga.verde-claro{bottom: 35%;left: 0;}
#recursos .planta.naranja-2{bottom: 35%;left: -9%;}
#recursos .alga.naranja{bottom: 21%;right: 7%;width: 9rem;transform: rotateZ(41deg);}
#recursos .planta-1-ocre{top: -20rem;right: -2rem;height: 23rem;}
#recursos .planta-2-verde{top: -18rem;right:5rem;height: 20rem;}
/********************************************/
/* 			CUENTAS CLARAS SECTION	 		*/
/********************************************/
/* graficas */
#cuentasClaras .txt-1{max-width: 100%;text-align: center;flex: 0 100%;}
#cuentasClaras .pez1{width: 10rem;top: 10%;left: 10%;transform-origin: -70% -70%;}
#cuentasClaras .pez-2-1{width: 7rem;bottom: 1%;right: -2%;}
#cuentasClaras {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: stretch;}
#cuentasClaras h2 {text-align: center;margin-bottom: 1em;font-weight: normal;}
/* #cuentasClaras > *{flex:0 50%;} */
#cuentasClaras ul li{display: flex;min-height: 3.2rem;}
#cuentasClaras ul li > *{display:inline-block;}
#cuentasClaras .name {font-size: 0.9em;font-family: 'Merriweather-Bold';}
#cuentasClaras .percent{font-size: 1em;font-family: 'Merriweather-Bold';}
#cuentasClaras .date, #cuentasClaras .value{font-size: 0.65em;font-family: 'Merriweather-Light';display: none !important;}
#cuentasClaras .legend{min-width: 40%;}
#cuentasClaras .total{display: flex;align-content: center;align-items: center;font-size: 1.3rem;margin-top: 1rem;justify-content: center;}
#cuentasClaras .total > *{margin: 0 .5rem;}
#cuentasClaras .total span{font-family:var(--font-secondary);font-size: 1.4em;font-weight: normal;}
/* ingresos */
#ingresos {flex: 0 50%;position: relative;}
#ingresos .bar {padding: 0rem 0 1rem .8rem;}
#ingresos .dataper {padding-left:1rem;}
#ingresos::after{content:"";position: absolute;top: 0;left: 100%;width:2px;height: 100%;border-right:3px dashed #fff;}
#ingresos .legend{border-right:2px solid #fff;padding-right: 1em;text-align: right;}
#ingresos .bar .fill{height:100%;width: 100%;background-color: var(--orange);}
/* #ingresos li:nth-child(1) .bar{width: 39%;}
#ingresos li:nth-child(2) .bar{width: 25%;}
#ingresos li:nth-child(3) .bar{width: 15%;}
#ingresos li:nth-child(4) .bar{width: 14%;}
#ingresos li:nth-child(5) .bar{width: 10%;}
#ingresos li:nth-child(6) .bar{width: 6%;} */

/* egresos */
#egresos {flex: 0 50%;}
#egresos ul li{justify-content:end;min-height: 3.8rem;}
#egresos{text-align: right;}
#egresos .bar {padding: 0.2rem .8rem 1.3rem 0;}
#egresos .bar .fill{height:100%;width: 100%;background-color: var(--dark-orange);}
#egresos .legend{border-left:2px solid #fff;padding-left: 1rem;text-align: left;}
#egresos .dataper {padding-right:1rem;}
#egresos .data{text-align: right;}
/* #egresos li:nth-child(1) .bar{width: 39%;}
#egresos li:nth-child(2) .bar{width: 29%;}
#egresos li:nth-child(3) .bar{width: 12%;}
#egresos li:nth-child(4) .bar{width: 8%;}
#egresos li:nth-child(5) .bar{width: 4%;} */

/********************************************/
/* 			VA SUBIENDO SECTION				*/
/********************************************/
#vaSubiendo .planta-2-verde-claro{top: 29rem;left: -2rem;rotate: 34deg;}
#vaSubiendo .planta-1-naranja{bottom: 2rem;left: -3rem;rotate: 38deg;}
#vaSubiendo .pez-2-1{bottom: 11rem;right: -1rem;width: 6rem;}
#vaSubiendo .pez-2-1-2{bottom: 5rem;right: 5rem;width: 7rem;}
#vaSubiendo .pez-1-1{bottom: 44vh;left: 5rem;width: 7rem;}
#vaSubiendo .algas-svg{bottom: 2rem;right: -7rem;height: 17rem;rotate: -64deg;}
#chart-02 h2{text-align: center;margin: 2rem;}
#chart-02 h3{font-weight: normal;margin-bottom: 2rem;font-size: 2rem;text-align: center;}
#chart-02 .data{height:0%;display: inline-flex;flex-wrap: nowrap;flex-direction: column;width: calc((100% / 4) - 6rem);align-items: flex-end;margin: 0 1rem;justify-content: center;max-width: 3.5rem;}
#chart-02 .data .year{font-family: 'Merriweather-Bold';font-size: 1.3rem;text-align: center;width: 100%;}
#chart-02 .data .total{font-size: 2rem;font-family: 'Merriweather-Bold';width: 100%;text-align: center;}
#chart-02 .data:nth-child(1) .bar{background-color: var(--orange);width: 100%;height:100%;}
#chart-02 .data:nth-child(2) .bar{background-color: var(--dark-orange);width: 100%;height:100%;}
#chart-02 .data:nth-child(3) .bar{background-color: var(--brown);width: 100%;height:100%;}
#chart-02 .data:nth-child(4) .bar{background-color: var(--dark-green);width: 100%;height:100%;}
#chart-02 .bars{max-width: 90%;margin: 0 auto;height: 20rem;display: flex;justify-content: center;align-items: flex-end;}
/********************************************/
/* 		SECTION libertadDemocracia			*/
/********************************************/
#nosOrganizamos .content{padding: 5rem;}
#nosOrganizamos h2{width: 100%;}
#nosOrganizamos .planta-2-verde-claro{bottom: 0rem;right: -4rem;rotate: -55deg;}
#nosOrganizamos .planta-1-naranja{bottom: 7rem;right: -3rem;rotate: -47deg;}
#nosOrganizamos .planta-1-verde-oscuro{bottom: -3rem;left: -3rem;rotate: 35deg;}
/********************************************/
/* 		SECTION libertadDemocracia			*/
/********************************************/
#libertadDemocracia .mapa .png-map, #autonomiaDerechos .mapa .png-map{position: absolute;top: 0;left: 0;height: 100%;z-index: 0;}
#libertadDemocracia h2, #autonomiaDerechos h2{margin-bottom: 3rem;font-size: 2.4rem;}
#libertadDemocracia .mapa, #autonomiaDerechos .mapa{position: relative;height: 100%;}
.mapa-col{position: relative;display: block;width: 100%;height: auto;}
.mapa-col path{fill: #fbb040;opacity: 0.5;transition: opacity .5s ease-in-out;mix-blend-mode: multiply;}
.mapa-col path.no-info{opacity: 0;}
.mapa-col path:hover{opacity: 0.7;fill: var(--dark-orange);}
#anchor{position: fixed;top: 100%;left: 100%;transform: translate(-50%,-100%);max-width: 1.5rem;pointer-events: none;opacity: 0;z-index: 100009;}
.mapa .tooltip{position: absolute;top: 22%;transform: translate(0%,-50%);right: 0;min-width: 10rem;}
.mapa .tooltip .depto{font-family:var(--font-secondary);font-weight: normal;font-size: 1.3rem;}
/* #mapaCol1 .mapa-col path[data-name="Cauca"]{opacity: 1;} */
/********************************************/
/* 				SECTION estrategias_1		*/
/********************************************/
#estrategias_1 .guitarra{top: 22%;right: 5%;max-width: 11rem;}
#estrategias_1 .olla{top: 50%;right: -8%;max-width: 11rem;}
#estrategias_1 .microfono{bottom: -129px;left: 12%;transform: translate(-50%,-50%) rotateY(180deg)!important;max-width: 14rem;}
#estrategias_1 .txt-1{top: 15%;left: 15%;max-width: 40rem;}
#estrategias_1 .btn.musica{top: 30%;right: 26%;}
#estrategias_1 .btn.cuidado-colectivo{bottom: 25%;right: 3%;}
#estrategias_1 .btn.comunicaciones{bottom: 10%;left: 16%;}
#estrategias_1 .planta-1-verde{bottom: calc(50% - 6rem);left: -2rem;height: 13rem;}
#estrategias_1 .planta-1-naranja{top: 0rem;right: 17rem;height: 9rem;}
/********************************************/
/* 				SECTION estrategias 2 				*/
/********************************************/
#estrategias_2 .planta-2-verde-claro{top: 2rem;left: -2rem;rotate: 104deg;}
#estrategias_2 .planta-1-naranja{top: -2rem;left: -1rem;rotate: 107deg;}
#estrategias_2 .leyendo-1{top: 20%;left: 28%;}
#estrategias_2 .fotografia-1{right: -7rem;bottom: 3%;max-width: 14rem;}
#estrategias_2 .tambora-2{max-width: 16rem;bottom: 2rem;left: 8rem;}
#estrategias_2 .tambora{bottom: -6rem;right: 8rem;max-width: 8rem;}
#estrategias_2 .btn.inv-doc{top: 24%;left: 38%;}
#estrategias_2 .btn.dialogos-diversos{bottom: 39%;right: 14%;}
#estrategias_2 .btn.artivismo{bottom: 30%;left: 14%;}
#estrategias_2 .btn.tejiendo-redes{bottom: 4%;right: 27%;}
/********************************************/
/* 				SECTION estrategias_3 				*/
/********************************************/
#estrategias_3 .leyendo{left: 10%;bottom: 9%;max-width: 12rem;}
#estrategias_3 .hojas{max-width: 13rem;bottom: -15%;right: 25%;transform: translate(-50%,-50%) rotateY(180deg) !important;}
#estrategias_3 .rata{bottom: -9rem;left: 28rem;max-width: 23rem;}
#estrategias_3 .btn.formacion{bottom: 24%;left: 5%;}
#estrategias_3 .btn.atencion-vbg{bottom: 9%;left: 27%;}
#estrategias_3 .btn.cuidando-territorio{bottom: 10%;right: 19%;}
/********************************************/
/* 			SECTION dudas curiosidades 		*/
/********************************************/
#dudasCuriosidades .pez-2-1{bottom: 0rem;left: 0rem;transform: rotateY(180deg) !important;width: 13rem;}
#dudasCuriosidades .planta-2-verde-claro{bottom: -1rem;right: -3rem;rotate: -36deg;width: 14rem;}
#dudasCuriosidades .planta-1-naranja{bottom: -1rem;right: 3rem;rotate: -43deg;width: 12rem;}
#dudasCuriosidades .txt-1{max-width: 60vw;}
#dudasCuriosidades .nadando{top: 50%;left: 70%;width: 36vw;}
#dudasCuriosidades .thumbnail .image{background: url(../PNG/PORTADA_EL_RETO.png)no-repeat center/300px;height: 100%;width: 100%;border-radius: 50%;transition: all .8s ease-in-out;}
#dudasCuriosidades .thumbnail:hover .image{background-size: 400px;}
#dudasCuriosidades .btn.investigacion{position: absolute;pointer-events: none;left: -3rem;rotate: -90deg;top: 60%;}
#dudasCuriosidades .reto{text-decoration: none;}
#dudasCuriosidades .reto span{margin-top: 1rem;display: block;}
/********************************************/
/* 				SECTION 11 				*/
/********************************************/
#tejerAprender .txt-1{top: calc(50% - 1.5em);left: 50%;max-width: 30rem;}
#tejerAprender .content .splide{max-width: 100%;margin-bottom: 1rem;}
#tejerAprender .stats{color: var(--green);display: flex;align-items: center;}
#tejerAprender .stats > p{line-height: 1.1;}
#tejerAprender .stats > *{margin: 0 1.5rem;}
#tejerAprender a{color:#fff !important; text-decoration: none;}
#tejerAprender #mujeres .splide__slide img {width: 100%;height: 100%;object-fit: cover;}
#tejerAprender .alga.verde-claro{bottom: 35%;left: 0;}
#tejerAprender .planta.naranja-2{bottom: 35%;left: -9%;}
#tejerAprender .alga.naranja{bottom: 21%;right: 7%;width: 9rem;transform: rotateZ(41deg);}
.modal.memorias iframe{max-height: 70% !important;margin: 0 auto;display: block;width: 100%;}
#tejerAprender .splide__arrow svg path{fill: var(--dark-green);}
/********************************************/
/* 				SECTION 12 				*/
/********************************************/
#justiciaEconomica .content .splide{top: 15%;left: 0%;}
#justiciaEconomica #spl_justicia{padding: 2rem;background: url(../tierra/modal_background.jpg)no-repeat center/cover;}
#justiciaEconomica .ig-organizaciones {margin-top: 2rem;}
#justiciaEconomica .ig-organizaciones ul{list-style-type: none;}
#justiciaEconomica .ig-organizaciones ul li{margin: .5rem 0;}
#justiciaEconomica .ig-organizaciones ul li a{text-decoration: none;color: var(--white);display: inline-flex;align-items: center;}
#justiciaEconomica .ig-organizaciones ul li a img{max-width: 1.5rem;}
#justiciaEconomica .ig-organizaciones ul li a span{margin: 0 1rem;}
/********************************************/
/* 				SECTION 13 				*/
/********************************************/
#fondoMovimiento .manglar{bottom: 22%;width: 40%;}
#fondoMovimiento .manglar.back.left{left: 4%;transform: translate(-50%, 0%) rotateY(180deg);bottom: 19%;}
#fondoMovimiento .manglar.front.left{left: 11%;transform: translate(-50%, 0%);}
#fondoMovimiento .manglar.back.right{right: 4%;transform: translate(50%, 0%);bottom: 21%;}
#fondoMovimiento .manglar.front.right{right: 12%;transform: translate(50%, 0%) rotateY(180deg);bottom: 19%;}
#fondoMovimiento .txt-1{text-align: right;color: var(--green);position: absolute;left: 50%;transform: translate(-50%,100%);display: inline-block;}
#fondoMovimiento #spl_fondo{padding-bottom: 1rem;}
#fondoMovimiento .content .splide p {font-family: var(--fp-BoldItalic);font-size: 1.1rem;}
#fondoMovimiento .content .splide .splide__pagination{bottom: 0rem;}
#fondoMovimiento .content .splide .splide__arrow--prev{top:unset;bottom: -3rem;left: calc(50% - 5rem);}
#fondoMovimiento .content .splide .splide__arrow--next{top:unset;bottom: -3rem;right: calc(50% - 5rem);}
#fondoMovimiento .content .total{font-family: var(--font-secondary);font-size: 3rem !important;vertical-align: middle;}
#fondoMovimiento .content  h5{font-family: var(--fp-Light);font-weight: normal;font-size: 2rem;color: var(--green);}
#fondoMovimiento .content .splide .splide__track li {text-align: center;}
#fondoMovimiento .content p{line-height: 1; margin-bottom: .5rem;}
#fondoMovimiento .content audio{width: 100%;}
#fondoMovimiento .content small{font-size: 0.7rem;font-weight: normal;font-family: var(--fp-Light);}
#fondoMovimiento .content .items-wrapper{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-evenly;position: absolute;bottom: 0;left: 50%;width: 100%;transform: translate(-50%,0);}
#fondoMovimiento .content .items-wrapper .item{flex: 0 calc(33.333333% - 4rem);}
/********************************************/
/* 				SECTION 14 				*/
/********************************************/
#construimos .txt-1{top: 3rem;left: 15%;}
#construimos .content .splide{top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #fff;border-radius: 1.5rem;padding: 1rem 2rem;}
#construimos .content .splide img{max-width: 150px;margin: 0 auto;display: block;}
#construimos .content .splide .splide__arrow{width: 1.5rem;height: 1.5rem;}
#construimos .content .splide .splide__arrow--prev{left: 0rem !important;}
#construimos .content .splide .splide__arrow--next{right: 0rem !important;}
#construimos .content .splide .splide__pagination{bottom: 0.5em !important;}
#construimos .content .splide .splide__pagination__page.is-active{background-color: var(--dark-green);}
/********************************************/
/* 				SECTION 15 				*/
/********************************************/
#donar .txt-1{top: 25%;left: 50%;}
#donar .txt-2{top: unset;left: 50%;bottom: 25%;}
#donar .cta{top: 50%;left: 50%;transform-origin: 0 0;transform: translate(-50%,-50%);background-color: var(--orange);border: 0;padding: .5rem 1rem;border-radius: .7rem;font-family: var(--font-secondary);color: var(--white);font-size: 1.6rem;cursor: pointer;transition: scale .5s ease-in-out;}
#donar .cta:hover{scale:1.1;}
#copyright{bottom: 1rem;text-align: center;left: 0;width: 100%;font-size: 0.7rem;}

/********************************************/
/* 				s < 767 					*/
/********************************************/
@media screen and (max-height:899px) and (orientation:landscape){
	.mapa-col{width: auto;height: 100%;}
}
/********************************************/
/* 				s <= 1365					*/
/********************************************/
@media screen and (min-height:900px) and (orientation:landscape){
	#libertadDemocracia .mapa .png-map, #autonomiaDerechos .mapa .png-map{height: auto;width: 100%;}
}

/********************************************/
/* 				s <= 1366 				*/
/********************************************/
@media only screen and (max-width:1366px){
	:root{font-size: 16px;}
	.content{max-width: 1140px;}
	.content p{font-size: 1.2rem;}
	.btn{font-size: 1.7rem;}
	#vaSubiendo .content{padding: 3rem;}
}
/********************************************/
/* 				s > 1920 				*/
/********************************************/
@media only screen and (min-width:1920px){
	:root{font-size: 18px;}
	#fullview > section > .content{max-width: 1440px;height: calc(100vh - 12rem);}
	.content p{font-size: 1.2rem;}
	.btn{font-size: 1.7rem;}

	#intro .barca{top: calc(50% - 30%);}
	#tejerAprender .txt-1{max-width: 60rem;}
}