@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: 16px;
}
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: 90%;left: 50%;width: 100%;transform: translate(-50%,-50%);z-index: 1040;height: calc(100vh - 2rem);}
#fullview > section > .txt.center {transform: translate(0%,-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-c			{text-align: center;}
.ta-l			{text-align: left;}
.text-white		{color: var(--white);}
.text-center	{text-align: center;}
.d-block		{display: block;}
/* numbers */
.int-label .int{
	font-family: var(--font-secondary);
	font-size: 2.5rem;
	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: 1px dashed var(--green);border-radius: 1rem;padding: 0.1rem 0.5rem;font-family: var(--fp-BoldItalic);font-size: 0.9rem;margin: 0 0.2rem;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: 18vh;height: 18vh;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	{height: 56vh;top: -23vh;right: -142vh;}
.tierra.t-07	{bottom: -3%;height: 85vh;left: -102vh;}

.tierra.t-23	{height: 20%;top: -14%;left: 10%;}
.tierra.t-26	{height: 20%;top: 48%;left: -9%;}
.tierra.t-34	{height: 24%;top: 47%;right: -20%;}

.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: 1rem;
	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;
}
.splide__arrow{background: transparent;width: 1.3rem;height: 1.3rem;}
.splide__arrow svg{width: 1.3rem;height: 1.3rem;}
.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{width: 100%;}
.modal-bg{background:url(../tierra/modal_background.jpg)no-repeat center/cover;height: auto;color: var(--green);} 
.modal.memorias video{max-width: 100%;max-height: none !important;} 

/* Modal Estrategias */
#modalEstrategias{padding-top: 3.5rem;padding-left: .5rem;padding-right: .5rem;padding-bottom: 2.5rem;}
#modalEstrategias .main-content iframe{width: 100%;height: 100%;margin: 0 auto;display: block;overflow: hidden;}
#modalEstrategias h4{position: absolute;top: .5rem;left: 1.5rem;line-height: 1;}
#modalEstrategias .splide{height: 100%;}
#modalEstrategias .splide .splide__track{height: 100%;}
#modalEstrategias .main-content{max-height: calc(50vh - 9rem);overflow: hidden;height: 100%;padding: 0;position: relative;}
#modalEstrategias .main-content .audio-player{position: absolute;bottom: 0.4rem;left: 50%;transform:translate(-50%,0%);}
#modalEstrategias .info {margin-top: 0.7rem;margin-left: 0rem;margin-right: 0rem;}
#modalEstrategias .info > *{display: flex;flex-direction: column;justify-content: flex-start;align-items: baseline;margin-bottom: 0.4rem;padding: 0 1rem;}
#modalEstrategias .info .label{flex: 0 40%;text-align: left;display: inline-block;margin-right: 1rem;vertical-align: middle;}
#modalEstrategias .info .label + * {color: #000;font-size: 0.8rem;flex: 0 60%;}
#modalEstrategias .info .proyecto em{font-size: 0.8rem;display: inline-block;vertical-align: top;}
#modalEstrategias .info .social-icons a{margin: 0 0.5rem;display: inline-block;}
#modalEstrategias .info .contacto{flex-direction: row;margin-bottom: 2rem;align-items: center;}
#modalEstrategias .info .contacto > *{flex: 0 auto;margin-right: 0;}
#modalEstrategias .splide__pagination{bottom: -1.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);}
#modalEstrategias .splide__arrow{top: unset;bottom: -2.5rem;}
#modalEstrategias .splide__arrow--prev{left: 30%;}
#modalEstrategias .splide__arrow--next{right: 30%;}
/* 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: 80%;padding: 0.3rem;border-radius: 2.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(50vh - 50vw);left: 100%;width: 70vw;}
@keyframes intro_barca {0% { left:100%;} 100% { left: calc(60% - 10rem);}}
.main-logo{max-width: 40vw;top: 3rem;left: 3rem;transform: none !important;}
.main-title{display:none;top: 60%;left: 50%;transform: translate(-50%,-50%);max-width: 70vw;width: 100%;}
/********************************************/
/* 				INTRO TEXT SECTION 			*/
/********************************************/
#introText .algas-svg-1{top: -9rem;height: 11rem;rotate: 65deg;left: -5rem;}
#introText .algas-svg-2{top: -11rem;height: 11rem;right: -6rem;rotate: -49deg;}
#introText .intro-text{top: 50%;left: 0;max-width: 100vw;font-size: 1.1rem;color: #fff;text-align: left;padding: 2rem;}
#introText .pez-2-1{bottom: -11vh;left: 62vw;height: 20vh;}
#introText .pez-2-1-2{top: 1vh;left: 4vw;height: 11vh;transform: rotateY(180deg) !important;}
/********************************************/
/* 				RECURSO SECTION				*/
/********************************************/
#recursos .txt-1{top: 50%;right: 0%;max-width: 70vw;transform: translate(0%,-70%);}
#recursos .txt-1 .fs-3{text-align: left !important;font-size: 1.3rem !important;}
#recursos .barca-2{top: 35%;left: 21%;height: 19vh;transform: translate(-50%,-50%) rotateZ(260deg) !important;}
#recursos .stat-1{bottom: 10%;color: var(--green);left: 0%;display: flex;align-items: center;flex-wrap: wrap;padding: 0 0.5rem;justify-content: center;}
#recursos .stats .fs-2{flex: 0 100%;margin-bottom: 0.6rem;text-align: center;margin-right: 0 !important;}
#recursos .alga.verde-claro{bottom: 27%;left: 0;height: 9rem;}
#recursos .planta.naranja-2{bottom: 28%;left: 0%;height: 8rem;}
#recursos .alga.naranja{bottom: 30%;right: -1%;width: 27vw;}
#recursos .planta-1-ocre{top: -7rem;right: -2rem;height: 11rem;}
#recursos .planta-2-verde{top: -8rem;right: 1rem;height: 13rem;}
/********************************************/
/* 			CUENTAS CLARAS SECTION	 		*/
/********************************************/
/* graficas */
.cuentasClaras .txt-1{max-width: 100%;text-align: center;flex: 0 100%;padding: 0;}
.cuentasClaras .pez1{width: 5rem;top: 3%;right: -10%;transform-origin: -70% -70%;}
.cuentasClaras .pez-2-1{width: 7rem;bottom: 35%;right: -13%;}
.cuentasClaras {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: stretch;}
.cuentasClaras h2 {text-align: left;margin-bottom: 0.5em;font-weight: normal;font-size: 1.3rem;}
.cuentasClaras ul li{display: flex;min-height: 3.2rem;flex-wrap: wrap;margin-bottom: 1rem;}
.cuentasClaras ul li > *{display:inline-block;}
.cuentasClaras .name {font-size: 1.1em;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: block;font-size: 1.3rem;margin-top: 1rem;text-align: center;}
.cuentasClaras .total > *{margin: 0 .5rem;}
.cuentasClaras .total span{font-family:var(--font-secondary);font-size: 1.4em;font-weight: normal;display: block;width: 100%;}
.cuentasClaras .dataper .value{display: none;}
/* ingresos */
#ingresos {flex: 0 100%;position: relative;padding: 0 !important;}
#ingresos > p{line-height: 1;}
#ingresos .bar {margin-right: 0.5rem;}
#ingresos .dataper {padding-left:1rem;align-self: center;}
#ingresos .legend{padding-bottom: 0.2em;text-align: left;flex: 0 100%;}
#ingresos .bar .fill{height: 4vh;width: 100%;background-color: var(--orange);}


/* egresos */
#egresos {flex: 0 100%;padding: 0 !important;}
#egresos > p{line-height: 1;}
#egresos ul li{justify-content: flex-start;}
#egresos .bar {margin-right: 0.5rem;}
#egresos .bar .fill{height: 4.5vh;width: 100%;background-color: var(--dark-orange);}
#egresos .legend{padding-bottom: 0.2em;text-align: left;flex: 0 100%;}
#egresos .dataper {align-self: center;}
#egresos .data{text-align: right;}


/********************************************/
/* 			VA SUBIENDO SECTION				*/
/********************************************/
#vaSubiendo  .content{padding: 0 !important;}
#vaSubiendo .planta-2-verde-claro{bottom: 1rem;left: -2rem;rotate: 34deg;height: 10rem;}
#vaSubiendo .planta-1-naranja{bottom: 0rem;left: -1rem;rotate: 38deg;height: 8rem;}
#vaSubiendo .pez-2-1{bottom: -2rem;right: 1rem;width: 5.5rem;}
#vaSubiendo .pez-2-1-2{bottom: -1rem;right: 2rem;width: 7rem;}
#vaSubiendo .pez-1-1{top: 6%;left: 4rem;width: 12vh;}
#vaSubiendo .algas-svg{bottom: 1rem;right: -6rem;height: 10rem;rotate: -64deg;}
#chart-02 {align-self: center !important;}
#chart-02 h2{text-align: right;margin-bottom: 2rem;max-width: 11rem;margin-left: auto;}
#chart-02 h3{font-weight: normal;margin-bottom: 2rem;font-size: 1.5rem;text-align: center;}
#chart-02 .data{height:0%;display: inline-flex;flex-wrap: nowrap;flex-direction: column;width: calc((100% / 4) - 2rem);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: 100%;margin: 0 auto;height: 20rem;display: flex;justify-content: center;align-items: flex-end;}
/********************************************/
/* 		SECTION nos organizamos			*/
/********************************************/
#nosOrganizamos .content .row{justify-content: unset;align-items: center;}
#nosOrganizamos .content .col-8{width: 100% !important;flex: 0 100%;}
#nosOrganizamos h2{width: 100%;margin-bottom: 3rem;font-size: 1.8rem;}
#nosOrganizamos h3{font-size: 1.2rem;margin-bottom: 1rem !important;}
#nosOrganizamos .planta-2-verde-claro{bottom: -2rem;right: -6rem;rotate: -55deg;height: 30vh;}
#nosOrganizamos .planta-1-naranja{bottom: 0rem;right: -2rem;rotate: -47deg;height: 25vh;}
#nosOrganizamos .planta-1-verde-oscuro{bottom: -1rem;left: -1rem;rotate: 35deg;height: 23vh;}
/********************************************/
/* 		SECTION libertadDemocracia			*/
/********************************************/
.libertadDemocracia h2, .autonomiaDerechos h2{font-size: 1.7rem;text-align: center;font-weight: normal;}
#libertadMapa .mapa .png-map, #autonomiaMapa .mapa .png-map{position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
#libertadMapa .mapa, #autonomiaMapa .mapa{position: relative;width: 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(20%,-50%);right: 0;min-width: 10rem;}
.mapa .tooltip .depto{font-family:var(--font-secondary);font-weight: normal;font-size: 1.1rem;}
.libertadDemocracia .ff-secondary, .autonomiaDerechos .ff-secondary{font-size: 1.3rem;text-align: center;margin-top: 0;}
/* #mapaCol1 .mapa-col path[data-name="Cauca"]{opacity: 1;} */
/********************************************/
/* 				SECTION estrategias_1		*/
/********************************************/
#estrategias_m_1 .title{font-size:1.2rem;}
#estrategias_m_1 .tierra.t-11_m	{transform: translate(20%,0%);right: -5%;height: 90%;top: 0%;z-index: 1;}
#estrategias_m_1 .tierra.t-14_m	{transform: translate(-26%,50%) scale(0.9,0.9);left: 0%;bottom: 34%;height: 100%;z-index: 1;}
#estrategias_m_1 .guitarra{top: 11%;right: -3.5rem;max-width: 7rem;}
#estrategias_m_1 .olla{bottom: 13%;right: -2rem;max-width: 8rem;}
#estrategias_m_1 .microfono{top: calc(50% - 5rem);left: 20%;transform: translate(-50%,-50%) rotateY(180deg)!important;max-width: 15vh;}
#estrategias_m_1 .txt-1{top: 5%;left: 5%;max-width: 90%;}
#estrategias_m_1 .btn.musica{top: 21%;right: 6%;}
#estrategias_m_1 .btn.cuidado-colectivo{bottom: 39%;right: 40%;}
#estrategias_m_1 .btn.comunicaciones{top: 33%;left: 36%;}
#estrategias_m_1 .planta-1-verde{bottom: calc(50% - 6rem);right: 1rem;height: 8rem;z-index: 0;}
#estrategias_m_1 .planta-1-naranja{top: 39%;left: 19rem;height: 8rem;z-index: 0;}
#estrategias_m_1 .fotografia-1{left: 4rem;bottom: -7%;max-width: 18vh;}
#estrategias_m_1 .tambora-2{max-width: 8rem;bottom: calc(0% - 4rem);left: calc(45% + 4rem);}
#estrategias_m_1 .btn.dialogos-diversos{bottom: 3%;left: 8%;}
#estrategias_m_1 .btn.artivismo{bottom: 5%;right: 3%;}
/********************************************/
/* 				SECTION estrategias 2 				*/
/********************************************/
#estrategias_m_2 .tierra.t-11_m	{transform: translate(20%,0%) rotateX(180deg);right: -5%;height: 90%;top: 8%;}
#estrategias_m_2 .tierra.t-14_m	{transform: translate(-28%,50%) rotateX(180deg) scale(0.9,0.9);left: 0%;bottom: 64%;height: 100%;}

#estrategias_m_2 .planta-2-verde-claro{top: 2rem;left: -2rem;rotate: 104deg;}
#estrategias_m_2 .planta-1-naranja{top: -2rem;left: -1rem;rotate: 107deg;}
#estrategias_m_2 .tambora{top: 36%;right: -8%;max-width: 4.5rem;}
#estrategias_m_2 .btn.tejiendo-redes{top: 36%;right: 22%;}
#estrategias_m_2 .leyendo{right: -7%;top: 14%;max-width: 14vh;}
#estrategias_m_2 .leyendo-1{top: 8%;left: 3rem;width: 12vh;}
#estrategias_m_2 .hojas{max-width: 8rem;bottom: -4%;right: -11%;transform: translate(-50%,-50%) rotateY(180deg) !important;}
#estrategias_m_2 .rata{bottom: calc(30% - 4rem);left: 5rem;max-width: 10rem;}
#estrategias_m_2 .btn.inv-doc{top: 16%;left: 5%;}
#estrategias_m_2 .btn.formacion{top: 4%;right: 27%;}
#estrategias_m_2 .btn.atencion-vbg{bottom: 30%;left: 6%;}
#estrategias_m_2 .btn.cuidando-territorio{bottom: 11%;right: 27%;}

/********************************************/
/* 			SECTION dudas curiosidades 		*/
/********************************************/
#dudasCuriosidades .ps-5{padding-left: 1.5rem !important;}
#dudasCuriosidades .pez-2-1{bottom: 0rem;left: 0rem;transform: rotateY(180deg) !important;width: 9rem;}
#dudasCuriosidades .planta-2-verde-claro{bottom: 2rem;right: -4rem;rotate: -36deg;width: 12rem;}
#dudasCuriosidades .planta-1-naranja{bottom: 0rem;right: -2rem;rotate: -43deg;width: 9rem;}
#dudasCuriosidades .txt-1{max-width: 60vw;}
#dudasCuriosidades .nadando{top: 71%;left: 60%;width: 76vw;}
#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;text-align: center;}
#dudasCuriosidades .reto span{margin-top: 0rem;display: block;font-size: 1rem !important;max-width: 9rem;}
#dudasCuriosidades .fw-bold-i{max-width: 15rem;margin-bottom: 1.5rem !important;}
#dudasCuriosidades .col-4{text-align: center;margin-top: -4rem;}
#spl_cat-slide02 .row{align-items: flex-start;padding-top: 6rem;}
#spl_cat-slide03 .row{justify-content: center;}
#spl_cat-slide03 .row.ps-5{padding-left: 0 !important;}
/********************************************/
/* 				SECTION tejerAprender 				*/
/********************************************/
#tejerAprender .txt-1{top: calc(50% - 1.5em);left: 5%;max-width: 90vw;}
#tejerAprender .content .splide{max-width: 100%;margin-bottom: 1rem;}
#tejerAprender .stats{color: var(--green);display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
#tejerAprender .stats > p{line-height: 1.1;flex: 0 100%;margin-right: 0 !important;text-align: center;}
#tejerAprender .stats > *{margin: 0;}
#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: 21%;right: 0;height: 28vh;}
#tejerAprender .planta.naranja-2{bottom: 26%;right: -3%;height: 21vh;}
#tejerAprender .alga.naranja{top: 16%;right: 53%;width: 7rem;rotate: 222deg;}
.modal.memorias iframe{max-height: 25vh !important;margin: 0 auto;display: block;width: 100%;}
#tejerAprender .splide__arrow svg path{fill: var(--dark-green);}
#tejerAprender .tierra.t-03{right: unset;left: 20%;height: 24rem;top: -11%;}
#tejerAprender .tierra.t-07{left: -114%;}
#tejerAprender p.ff-secondary{text-align: center;}
#spl_memories{padding: 0;}
.modal.memorias{height: 100%;}
.modal.memorias .row > *{padding: 0;}
.modal.memorias .ff-secondary {font-size: 1.3rem !important;}
#spl_memories-slide02 .stats > .border-dg {flex: 0 calc(50% - 1rem);margin: 0 .5rem;margin-bottom: .5rem;text-align: center;}
/********************************************/
/* 				SECTION justiciaEconomica 				*/
/********************************************/
#justiciaEconomica .content .splide{top: 15%;left: 0%;}
#justiciaEconomica #spl_justicia{padding: 1rem;background: url(../tierra/modal_background.jpg)no-repeat center/cover;}
#justiciaEconomica .ig-organizaciones {margin-top: 1rem;}
#justiciaEconomica .ig-organizaciones ul{list-style-type: none;}
#justiciaEconomica .ig-organizaciones ul li{margin: 0.2rem 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;}
#justiciaEconomica .splide__arrow--prev{left: -2rem;}
#justiciaEconomica .splide__arrow--next{right: -2rem;}
#justiciaEconomica .fs-3.ta-r{font-size: 1.4rem !important;}
/********************************************/
/* 				SECTION fondoMovimiento 				*/
/********************************************/
#fondoMovimiento .manglar{bottom: 57%;width: 40%;}
#fondoMovimiento .manglar.back.left{left: 4%;transform: translate(-50%, 0%) rotateY(180deg);bottom: 19%;display: none;}
#fondoMovimiento .manglar.front.left{left: 0%;transform: translate(-50%, 50%);height: 45vh;width: auto;}
#fondoMovimiento .manglar.back.right{right: 4%;transform: translate(50%, 0%);bottom: 21%;display: none;}
#fondoMovimiento .manglar.front.right{right: 12%;transform: translate(50%, 0%) rotateY(180deg);bottom: 19%;display: none;}
#fondoMovimiento .txt-1{text-align: right;color: var(--green);position: absolute;left: 50%;transform: translate(-50%,40%);width: 100%;top: 0;}
#fondoMovimiento #spl_fondo{margin-bottom: 2rem;}
#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: 1.3rem;color: var(--green);text-align: right;max-width: 11rem;margin-left: auto;}
#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: column;justify-content: space-evenly;position: absolute;bottom: 0;left: 50%;width: 100%;transform: translate(-50%,0);align-items: flex-start;}
#fondoMovimiento .content .items-wrapper .item{flex: 0 100%;margin-bottom: 0.2rem;width: 100%;text-align: left;}
#fondoMovimiento .content .row > *{padding: 0;}
#spl_fondo-slide03 .items-wrapper {align-items: flex-end !important;}
#spl_fondo-slide03 .items-wrapper p{text-align: left;}
#fondoMovimiento .content #spl_fondo-slide03 .items-wrapper .item{width: 70vw;margin-bottom: 0.9rem}
/********************************************/
/* 				SECTION construimos 				*/
/********************************************/
#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;max-height: 50vh;overflow: hidden;}
#construimos .content .splide img{max-width: 100%;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 donar 				*/
/********************************************/
#donar .txt-1{top: calc(50% - 6rem);left: 50%;max-width: 16rem;transform: translate(-50%,-50%) !important;width: 100%;}
#donar .txt-2{top: unset;left: 0%;bottom: 20%;width: 100%;text-align: center;}
#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.5rem;cursor: pointer;width: 100%;max-width: 17rem;text-align: center;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;}

#alert_landscape{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 90000;
	background: #000000ed;
	width: 100vw;
	height: 100vh;
}
#alert_landscape p{
	font-size: 2rem;
	color: #ffffffde;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
	text-align: center;
}
/********************************************/
/* 			orientation : landscape			*/
/********************************************/
@media only screen and (orientation:landscape){
	#alert_landscape{
		display: block !important;
	}
}