@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Tomorrow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&display=swap');
:root {
  --color-azul: #171b35;
  --color-marron:#171b35;
  --verde-fluo: #93c021;
  --verde: #365826;
  --gris-agenda:#171b35;
}
h1, h2, h3, h4{color: var(--color-azul); margin: 0.75rem 0 0.5rem;}
.g-content {/* margin: 0.625rem; padding: 0.938rem;*/ margin: 0; padding: 0;}

#g-header{margin: 0 20px; z-index: 10;}
#g-header .g-main-nav .g-toplevel > li{margin: 0 10px;}
#g-header .g-main-nav .g-toplevel > li > .g-menu-item-container{ font-family: "Saira", sans-serif; font-size:17px; line-height:100%;padding:18px; }

#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module){background:#9ec421; border-radius:20px; background: linear-gradient(90deg, #9ec421 1%, #9ec421 18%, #66c947 99.5%);}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover { background: linear-gradient(90deg, #9ec421cc 10%, #9ec421cc 28%, #66c947cc 89.5%);}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active{background:#d3e051;}

#g-header .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content{padding:0 25px;}
#g-header .g-main-nav{ padding:24px 0 18px 0; }
#menu-9040-particle{padding-right: 20px;}

#g-navigation{ padding: 0 0 1rem 0; background:linear-gradient(-180deg, #ffffff 1%, #d6e7a6FF 30%, #d6e0b7FF 100%);}
#g-main{ padding:0; background:linear-gradient(90deg, #0b6c27 1%, #287d0e 30%, #529358 100%); }
#g-main{ background-image:url("images/trama-verde-004.jpg"); background-repeat: no-repeat; background-position: top; background-size: cover; }

.btn-redes{  }

#redes-foro{ 
  margin:0.25rem 0; 
  padding:2.5rem; 
  background-color: transparent;
  opacity: 1;
  background-image:  radial-gradient(#efefef00 1.5px, transparent 1.5px), radial-gradient(#9e9e9e 1.5px, #21212100 1.5px);
  background-size: 20px 20px;
  background-position: 0 0,14px 2px;
 }
.fs{background: linear-gradient(90deg, #079393 30%, #196d73 99.9%);}
.e500{background: linear-gradient(90deg, #c3001c 30%, #ea8427 99.9%);}
.wi{background: linear-gradient(90deg, #568b2c 30%, #006367 99.9%);}

a.fs, a.e500, a.wi{padding: 15px 20px; margin: 15px; border-radius: 10px; color: #ffffff; font-family: "Saira", sans-serif; font-weight:600; font-size:22px; }
a.fs:hover, a.e500:hover, a.wi:hover {color: #ffffff85;}

.organizan h3{text-align: center; font-size: 48px; font-family: "Saira", sans-serif; color: #a3e300; font-weight: 700; letter-spacing: -0.015em;}
.organizan div div{background: #FFFFFA; padding: 10px; border-radius: 20px;}
.organizan{margin-bottom: 2.5rem; }
/*.organizan div img{margin: 20px 10px;}*/

/* ----------------    DE QUE SE TRATA MAIN CONTENT ------------ */


.item-page-main-content h1{font-size: 24px; font-weight: 500;letter-spacing: 0.075em; padding-top: 2rem; }
.item-page-main-content h2{font-family: "Saira", sans-serif; font-size: 46px; letter-spacing: -0.025em;}
.item-page-main-content h1, .item-page-main-content h2{color: #ffffff; text-align: center; }
.item-page-main-content p{color: #ffffff; font-size: 20px; font-weight: 500;}

.bloques-3 {padding: 2rem 0;}
.bloques-3 h3{color: #a3e300; font-size: 30px;text-align: center; font-family: "Saira", sans-serif; font-weight: 600; mix-blend-mode: plus-lighter;}
.bloques-3 p{
  text-align: center; 
  color: #ffffff; 
  font-family: "Poppins", sans-serif; 
  font-weight: 400; 
  font-size: 18px; 
  line-height: 130%; 
  letter-spacing: 0.045em; 
  padding: 1rem 1.125rem; 
  background:#053a1295; 
  border: 1px solid #068426;
  border-radius: 15px;
  box-shadow: 5px 4px 4px #21212140;
}

.plus, div#n2-ss-4item1{mix-blend-mode: plus-lighter;}

#video h3.g-title{font-family: "Saira", sans-serif; font-weight: 600; font-size: 36px; text-align: center;}

/*  ---------------     AGENDA  ----------------- */
#g-Agenda{background: #B7F702; background-image:url("images/trama-verde-003.jpg"); background-repeat: no-repeat; background-position: top; background-size: 110% 100%;}



#agenda-core .g-content{padding-bottom: 1rem;}

#agenda-core h3.g-title, #agenda-top h3.g-title, #agenda-top h2{text-align: center; font-family: "Poppins", sans-serif; color: #FFFFFA; font-size: 1.75rem; margin: 0.75rem 0 0.5rem}
#agenda-core h3{color: var(--verde);}
#agenda-top h2{padding: 0 5%;}

#agenda-top h3.g-title{font-size: 46px; font-weight: 700; margin: 1.75rem 0 0.5rem 0;}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]{margin-bottom: 0.75rem;}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]{border-radius: 8px; padding:25px 1rem;}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading], 
[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading]{font-size: 22px;font-family:"Poppins", sans-serif; }

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel]>[data-rlta-element=panel-content]{font-size: 20px; color:#0C1B3A;}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:hover{background-color:#dbff4cCC;}


/*  -------------     PARTNERS    ----------- */ 
#partners{background: #FFFFFA; padding-top: 1.5rem;}
#partners h3.g-title{text-align: center; font-family: "Poppins", sans-serif; font-size: 1.75rem;  color: var(--color-azul);}

/* --------------      FOOTER     -----------   */
#g-footer {padding-bottom: 25px; border-bottom: 4px solid #b7f702;}
#g-footer .g-container{padding: 0 3%; margin-bottom: 15px;}
#g-footer strong, #g-footer a{color: #FFFFFA;}
#g-footer h3{color: #FFFFFA; font-family: "Saira", sans-serif; }
#g-footer .g-social a{background: none; border: none;}
#g-footer .g-social a .fa{color: #b7f702;}

/*  ---------  MOBILE --------- */
@media only all and (max-width: 30rem){
  #g-header {margin: 0 60px;}
  #g-navigation a{display: block;}
  #redes-foro{padding: 1rem 10px;}
  #redes-foro a.fs, a.e500, a.wi{margin: 0 15px;}
  .item-page-main-content h2{font-size: 40px; line-height: 120%;}
  .bottom-content .uk-width-1-3{width: 100%;}
  #agenda-core .g-content-array{margin:0 0.938rem}
  #agenda-core h3.g-title, #agenda-top h3.g-title, #agenda-top h2{margin: 0.75rem 0.25rem 0.5rem;}
  .g-offcanvas-toggle{padding-top:20px;}
  #g-offcanvas .g-content{margin: 0.65rem; padding: 1rem;}
  #g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container{margin: 1rem; border: 1px solid #9ec421; border-radius: 25px; text-align: center; background:#9ec421; border-radius:20px; background: linear-gradient(90deg, #9ec421 1%, #9ec421 18%, #66c947 99.5%);}
  #g-Agenda{background-size: contain; background-repeat: repeat-y;}
  #agenda-top h2{line-height: 120%;}
  #Footer-b ul{margin: 0 1rem;}
  #Footer-b ul li{list-style: none;}
}