@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');

body {
  color: #777777;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.625em;
  position: relative;
  width: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  height: 100vh;
  /* height: inherited; */
  -webkit-overflow-scrolling: touch;
  /* Needed to work on iOS Safari */
  -moz-scroll-snap-type: y mandatory;
  -webkit-scroll-snap-type: y proximity;
  letter-spacing: 0.1rem;
}

section {
  scroll-snap-align: start end;
  -moz-scroll-snap-align: start end;
  margin-left: 7%;
  margin-right: 7%;
  margin-top: 1%;
}

header{
  position: fixed;
  scroll-snap-align: start end;
  -moz-scroll-snap-align: start end;
  margin-top: -2%;
  margin-left: 7%;
  margin-right: 7%;
  width: 86%;
  padding-top: 1%;
  padding-bottom: 5px;
  border-bottom: 1px solid black;
  background-color: white;
  opacity: 100%;
  z-index: 999;
}
  
footer {
  scroll-snap-align: start end;
  -moz-scroll-snap-align: start end;
  /* height: 100vh; */
}

p{
  font-size: 18px;
  color: black !important;
  text-align: justify;
}

a {
  text-decoration: none !important;
}

center{
  font-size: 16px;
  color: black;
}

h3{
  font-size: 30px !important;
  margin-bottom: 3%;
}

span{
  color: #009C3D;
}

.mgb1{
  margin-bottom: 1%;
}

.mgb5{
  margin-bottom: 5%;
}

.mgb10{
  margin-bottom: 10%;
}

.pdt5{
  padding-top: 5%;
}

.interlineado{
  line-height:1.7em;
}


/* Navegacion */

.nav{
  display: flex;
  justify-content: space-between;
}

.nav__pais{
  display: flex;
  justify-content: right;
  margin-left: 80%;
}

.nav a{
  color: black;
  font-size: 16px;
  text-align: right;
  text-decoration: none;
  margin-top: 2%;
  flex-direction: column;
}

.nav a:hover{
  color: #009C3D;
  font-size: 18px;
}

.nav__logo{
  width: 280px;
  margin-left: 15%;
}

.nav__apartados{
  display: flex;
  justify-content: space-between;
  text-align: center;
  width: 800px;
  padding-top: 20px;
}




/* INICIO */

.inicio__banner{
  width: 100%;
  margin-top: 9%;
}

.inicio__flex{
  display: flex;
  justify-content: space-between;
  gap: 10%;
}

.inicio__texto{
  width: 40%;
}

.inicio__flex2{
  display: flex;
  justify-content: center;
  gap: 7%;
  margin-right: 3.5%;
  margin-top: -7%;
}

.inicio__ej{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.inicio__img{
  width: 220px;
  height: 220px;
  border: 1px solid black;
  margin-bottom: 6%;
}

.inicio__boton{
  background-color: #009C3D  ; 
  font-size: 22px;
  padding: 2% 7%;
  font-style: inherit;
  color: white !important;
  text-decoration: none;
  border-radius: 30px;
  margin-left: 4%;
}

.inicio__a{
  color: black;
  font-size: 16px;
  text-decoration: none;
}

.inicio__a:hover{
  color: #009C3D;
}



/* QUIENES SOMOS */
.qs__flex{
  display: flex;
  gap: 15%;
  padding-top: 12%;
}

.qs__logo{
  padding: 5% 20%;
  border: 1px solid black;
  width: 350px;
}

.qs__parrafo{
  margin: 4% 0%;
}

/* Falta carrusel */
.img_carrusel{
  width: 100%;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  margin-top: 3%;
  margin-bottom: 3%;
}


/* COLECCIONES */
#PRODUCTOS{
  padding-bottom: 2%;
}

.col__titulo{
  margin-bottom: 1%;
  padding-top: 9%;
}

/*  EFECTO AUMENTAR TAMAÑO BOTON*/
.col__flex{
  display: flex;
  justify-content: center;
  gap: 15%;
  margin-left: 5%;
  margin-right: 5%;
}

.col__pr{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
}

.col__img{
  width: 100%;
  border: 1px solid black;
  margin-bottom: 5%;
}

.col__apartados{
  color: black;
  font-size: 16px;
  text-decoration: none;
}

.col__apartados:hover{
  color: #009C3D;
}

.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }

.carousel-inner-mov-col > .item > img,
  .carousel-inner-mov-vol > .item > a > img {
      width: 100%;
      margin: auto;
  }

.col__titulo-sub{
  font-size: 34px;
}

.col__flex-sub{
  display: flex;
  justify-content: space-between;
  margin: 0% 5% 10% 0%;
  padding-top: 5%;
}

.col__img2{
  width: 80%;
  margin-top: 10%;
}

.col__parrafo{
  margin-top: 2%;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.col__texto{
  width: 450px;
  font-size: 18px;
  margin: 5% 0% 8% 0%;
}

.col__botones{
  display: flex;
}

.col__botones a{
  background-color: #009C3D;
  font-size: 20px;
  padding: 2% 15%;
  margin-left: -10%;
  color: white !important;
  border-radius: 30px;
}

.col__botones2{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 5%;
}

.col__botones2 a{
  background-color: #009C3D;
  font-size: 20px;
  padding: 0.5% 4%;
  color: white !important;
  border-radius: 30px;
}

.carrusel-flecha{
  position: absolute;
  top: 45%;
  font-size: 32px;
  left: -33px;
  opacity: 0.5;
}

.carrusel-flecha2{
  position: absolute;
  top: 45%;
  font-size: 32px;
  opacity: 0.5;
  left: 100%;
}

.carrusel-flecha:hover, .carrusel-flecha:focus, 
.carrusel-flecha2:hover, .carrusel-flecha2:focus{
  opacity: 1;
}

.col__market{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 2%;
}

.col__market-img{
  width: 100%;
  margin-bottom: 1%;
  margin-top: 9%;
}

.col__market-titulo{
  font-size: 36px;
  color: #777777;
  margin-bottom: 2%;
}

.col__market-texto{
  margin-bottom: 4%;
}

.col__market-subtitulo{
  font-size: 22px;
  color: #777777;
  margin-bottom: 4%;
}

.col__market-a{
  background-color: #4fb48dd3;
  font-size: 22px;
  padding: 0.5% 4%;
  color: white !important;
  border-radius: 30px;
  text-decoration: none;
}



/* MEDIO AMBIENTE */
.meam{
  display: flex;
  justify-content: space-between;
  padding-top: 10%;
  align-items: center;
}

.meam img{
  width: 80%;
}

.meam__img2{
  display: flex;
  justify-content: right;
}

.meam__flex{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.meam__titulo{
  font-size: 36px;
  color: rgb(64, 212, 231);
}

.meam__texto{
  width: 650px;
}

.meam__boton{
  background-color: rgba(61, 175, 190, 0.89);
  font-size: 22px;
  padding: 1% 4%;
  font-style: inherit;
  color: white !important;
  text-decoration: none;
  border-radius: 30px;
  margin-left: 4%;
}

.meam__titulo2{
  font-size: 36px;
  color: rgb(64, 212, 231);
  display: flex;
  justify-content: center;
}

.meam__banner2{
  position: relative;
  display: inline-block;
}

.meam__banner2 img{
  width: 100%;
  margin-top: -4%;
}

.meam__banner2 p{
  width: 42%;
  position: absolute;
  color: white !important;
  left: 7%;
  top: 37%;
}

.meam__flex2{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2% 1%;
  gap: 2%;
}

.meam__flex2 img{
  width: 120px;
  border: 1px solid rgba(23, 143, 83, 0.705);
  border-radius: 50%;
}

.meam__frasefinal{
  width: 92%;
  margin: 5%;
}

/* INTERNACIONAL */
.internacional{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 15%;
  margin-bottom: 10%;
}

.internacional__img{
  width: 800px;
}

.internacional__texto{
  width: 90%;
}

.internacional__titulo{
  font-size: 40px;
}

.internacional__boton{
  background-color: #009C3D;
  font-size: 22px;
  padding: 1% 3%;
  text-decoration: none;
  color: white !important;
  border-radius: 30px;
}


/* CONTACTO */

.contact{
  display: flex;
  justify-content: space-between;
  padding-top: 12%;
}

.contact__texto{
  width: 550px;
}

.contact__info{
  width: 572px;
  padding: 2%;
  border: 3px solid #009C3D;
}

.mapouter{
  position: relative;
  text-align: right;
  height: 275px;
  width: 600px;
  margin-top: 7%;
  border: 1.5px solid black;
}

.gmap_canvas{
  overflow: hidden;
  background: none !important;
  height: 275px;
  width: 600px;
}

form{
	width:550px;
	border-radius:10px;
	margin:auto;
}

.form__text{
	width:550px;
	padding:3px 10px;
	border:1px solid #f6f6f6;
	border-radius:3px;
	background-color:#07704446;
	margin:8px 0;
	display:inline-block;
  height: 50px;
}

.negro2{
  color: black !important;
}

.flecha{
  width: 85%;
}

.form__boton{
  border: 1px solid #009C3D;
	width:20%;
	padding:3px 4px;
	margin-top:1%;
  margin-left: 440px;
  margin-bottom: 5%;
	border-radius:50px;
	color:#fff;
	background-color: #009C3D;
} 

textarea{
	width:100%;
	height:200px !important; 
	border-radius:3px;		
	margin:8px 0;
  color: #777777 !important;
}

input{
  color: black;
}





/* NAVBAR IDIOMA */

#menu ul ul {
  display:none;
  position:absolute;
  top:100%;
  text-align: right;
  left:0;
  padding:0;
 }
 
 /* items del menu desplegable */
 
 #menu ul ul li {
  float:none;
  width:150px
 }
 
 /* enlaces de los items del menu desplegable */
 
 #menu ul ul a {
  line-height:120%;
  padding:10px 15px;
 }
 
 /* items del menu desplegable al pasar el ratón */
 
 #menu ul li:hover > ul {
  display:block;
 }

.idioma__margen{
  padding-right: 35%;
}

 /* CARRUSEL *//*
.carousel {
  position: relative;
  width: 100%;
  padding: 0px 0px 5px 10px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  margin-bottom: 10%;
}

.carousel img {
  width: 100%;
  /* establecer block para remover el espacio alrededor de las imágenes *//*
  display: block;
}

.arrow {
  position: absolute;
  top: 60px;
  padding: 0;
  font-size: 24px;
  color: #000000;
  display: block;
  text-decoration: none;
}

.prev {
  left: 1px;
}

.next {
  right: 1px;
}

.gallery {
  width: 100%;
  overflow: hidden;
}

.gallery ul {
  height: 130px;
  width: 99999px;
  margin: 0;
  padding: 0;
  list-style: none;
  transition: margin-left 250ms;
  /* eliminando los espacios en blanco entre los li inline-block'ed */
  /* http://davidwalsh.name/remove-whitespace-inline-block *//*
  font-size: 0;
}

.gallery li {
  display: inline-block;
}


/* Movil */

.section__mov{
  max-width: 800px;
  justify-content: center;
  text-align: center;
  margin-top: 10%;
}

.header{
  text-decoration: none;
  position: fixed;
  scroll-snap-align: start end;
  -moz-scroll-snap-align: start end;
  margin-top: -15%;
  margin-left: 6%;
  margin-right: 6%;
  width: 88%;
  padding-top: 1%;
  padding-top: 20px;
  padding-bottom: 10px;
  background-color: white;
  border: 1px solid white;
  opacity: 100%;
  z-index: 999;
}

.header__img{
  max-width: 50%;
}

.header__flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* INICIO MÓVIL */
.inicio__texto{
  font-size: 18px;
  margin-top: 2%;
  width: 100%;
  margin-bottom: 10%;
}

.mov-inicio__carrusel{
  height: 10%;
}

.mov-inicio__banner{
  width: 100%;
  margin-top: 9%;
  border-radius: 20px;
}

.mov-inicio__flex2{
  display: flex;
  justify-content: center;
  gap: 7%;
  margin-right: 2%;

}

.mov-inicio__img{
  width: 100%;
  border: 1px solid black;
  margin-bottom: 2%;
  margin-top: 5%;
}

.mov-inicio__img2{
  width: 50%;
  border: 1px solid black;
  margin-bottom: 2%;
  margin-top: 5%;
}

.mov-inicio__boton{
  background-color: #009C3D;
  font-size: 22px;
  padding: 2% 7%;
  font-style: inherit;
  text-decoration: none;
  color: white !important;
  border-radius: 30px;
}



/* QUIENES SOMOS MÓVIL */

.mov-qs__logo{
  padding: 5% 20%;
  border: 1px solid black;
  width:100%;
}

.mov-qs__parrafo{
  display: flex;
  flex-direction: column;
  justify-content: left;
  margin: 2% 0%;
}

.mov-qs__texto{
  font-size: 18px;
}


/* CARRUSEL MOVIL *//*
.mov-carousel {
  position: relative;
  width: 100%;
  padding: 0px 0px 2px 4px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  margin-bottom: 10%;
}

.mov-carousel img {
  width: 10%;
  /* establecer block para remover el espacio alrededor de las imágenes *//*
  display: block;
}

.arrow {
  position: absolute;
  top: 60px;
  padding: 0;
  font-size: 24px;
  color: #000000;
  display: block;
  text-decoration: none;
}

.prev {
  left: 1px;
}

.next {
  right: 1px;
}

.mov-gallery {
  width: 100%;
  overflow: hidden;
}

.mov-gallery ul {
  height: 10px;
  width: 99999px;
  margin: 0;
  padding: 0;
  list-style: none;
  transition: margin-left 250ms;
  /* eliminando los espacios en blanco entre los li inline-block'ed */
  /* http://davidwalsh.name/remove-whitespace-inline-block *//*
  font-size: 0;
  transition: left(245px);
  transition-duration: 300ms;
}

.gallery li {
  display: inline-block;
}


/* COLECCIONES MÓVIL */
.col__titulo{
  margin-bottom: 1%;
  padding-top: 9%;
}

/*  EFECTO AUMENTAR TAMAÑO BOTON*/
.mov-col__img{
  width: 200%;
  border: 1px solid black;
  margin-bottom: 15%;
  height: 100% !important;
}

.mov-carrusel-flecha{
  position: absolute;
  top: 40%;
  margin-left: -63%;
  font-size: 24px;
  opacity: 0.5;
}

.mov-carrusel-flecha2{
  position: absolute;
  top: 40%;
  font-size: 24px;
  opacity: 0.5;
  left: 100%;
}

.mov-col__img2{
  width: 80%;
  margin-top: 10%;
}

.mov-col__texto{
  width: 100%;
  font-size: 18px;
  margin: 5% 0% 0% 0%;
}

.mov-col__botones{
  display: flex;
  justify-content: center;
  gap: 2%;
}

.mov-col__botones a{
  background-color: #009C3D;
  font-size: 14px;
  padding: 2.5% 4%;
  color: white !important;
  border-radius: 30px;
}

.mov-col__flex{
  display: flex;
  flex-direction: column;
  gap: 30%;
  justify-content: center;
  align-items: center;
}

.mov-col__market{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mov-col__market-img{
  width: 100%;
  margin-bottom: 2%;
}

.mov-col__market-titulo{
  font-size: 28px;
  color: #777777;
  margin-bottom: 4%;
}

.mov-col__market-texto{
  font-size: 18px;
}

.mov-col__market-subtitulo{
  font-size: 22px;
  color: #777777;
}

.mov-col__market-a{
  background-color: #4fb48dd3;
  font-size: 22px;
  padding: 1% 8%;
  color: white !important;
  border-radius: 30px;
  text-decoration: none;
}


/* MEDIO AMBIENTE MÓVIL */
.mov-meam{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20%;
}

.mov-meam img{
  width: 40%;
}

.meam__img3{
  display: flex;
  justify-content: left;
}

.mov-meam__titulo{
  font-size: 40px;
  color: rgb(37, 195, 216);
}

.mov-meam__texto{
  font-size: 18px;
  width: 100%;
  margin-top: 2%;
}

.mov-meam2__img{
  width: 100%;
  border-radius: 15px;
}

.mov-meam2__img2{
  display: flex;
  justify-content: left !important;
  margin: 5% 0 2% 0;
}

.mov-meam2__img2 img{
  width: 30%;
}

.mov-meam2__img3{
  width: 100%;
  margin: 15% 0 10% 0;
}

/* INTERNACIONAL MÓVIL */
.mov-internacional{
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: center;
}

.mov-internacional__img{
  width: 100%;
}

.mov-internacional__texto{
  font-size: 18px;
  width: 100%;
}

.internacional__titulo{
  font-size: 40px;
}

.internacional__boton{
  background-color: #009C3D;
  font-size: 22px;
  padding: 2.5% 5%;
  color: white !important;
  border-radius: 30px;
}

.mov-internacional__titulo{
  font-size: 36px !important;
}


/* CONTACTO MÓVIL */

.mov-contact{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mov-contact__titulo{
  font-size: 40px;
  color: #009C3D;
  margin-top: 7%;
}

.mov-contact__texto{
  font-size: 18px;
  width: 100%;
}

.mov-contact__info{
  width: 100%;
  padding: 2%;
  border: 3px solid #009C3D;
}

.mov-mapouter{
  position: relative;
  text-align: right;
  height: 250px;
  width: 100%;
  margin-top: 7%;
}

.mov-gmap_canvas{
  overflow: hidden;
  background: none !important;
  height: 250px;
  width: 100%;
}

.mov-form{
	width:100%;
	border-radius:10px;
	margin:auto;
}

.mov-form__text{
	width:100%;
	padding:3px 10px;
	border:1px solid #f6f6f6;
	border-radius:3px;
	background-color:#07704446;
	margin:8px 0;
	display:inline-block;
  height: 50px;
}

.mov-form__boton{
  border: 1px solid #009C3D;
	width:30%;
	padding:3px 4px;
  display: flex;
  justify-content: right;
	margin-top:1%;
  margin-bottom: 5%;
	border-radius:50px;
	color:#fff;
	background-color: #009C3D;
} 

textarea{
	width:100%;
	height:200px !important; 
	border-radius:3px;		
	margin:8px 0;
}
input{
  color: black;
}


/* NAVBAR MOVIL */

.mov-header{
  display: flex;
  justify-content: space-between;
  width: 100%;
  height:100%;
}

.mov-nav{
  position: absolute;
  margin-left: 62%;
  left:0;
  top:0;
  width: 50%;
  height:calc(83vh - 50px);
	background-color: #009C3D;
  color: white;
  transform:translateX(100%);
  transition:.4s ease;
  opacity: 90%;
}

.navigation li{
  list-style:none;
  width: 100%;
}

.mov-nav__border-bottom{
  border-bottom: 1px solid rgba(255,255,255,.5);
  margin-left: 10%;
}

.mov-nav__flex {
  display: flex;
  justify-content: center;
  gap: 2%;
  font-size: 15px;
}

.mov-nav__flex-es{
  margin-left: 15%;
}

.mov-nav__flex-en{
  margin-left: 3%;
  margin-right: 15%;
}

.mov-nav__flex2 {
  font-size: 15px;
  margin-left: calc(50% - 25px);
  margin-top: -10%;
}

.navigation{
  margin-left: -10%;
}

.navigation a{
  color:var(--main-color);
  display: block;
  line-height:1.5;
  padding: 8px 10px 15px 0px;
  text-decoration:none;
  transition:.4s ease;
}

.navigation a:hover{
  transform:translateX(20%);
}

#btn-nav{
  display: none;
}

#btn-nav:checked ~ nav{
  transform:translateX(-10%);
}

.btn-nav{
  font-size:30px;
  left:0;
  top:0;
  cursor:pointer;
  transition:.2s ease;
	color: #009C3D !important;
  justify-content: right;
  fill: #009C3D;
}

.btn-nav:hover{
	color: #00681f;
}

.mov-nav__botonblanco{
  color:var(--main-color);
  font-size:30px;
  left:0;
  top:0;
  cursor:pointer;
  transition:.2s ease;
  justify-content: right;
  margin-top: 15%;
  margin-left: 15%;
}

.mov-nav__rs{
  display: flex;
  justify-content: space-around;
  width: 80%;
  margin-left: 15%;
}

.mov-nav__rs img{
  width: 100%;
}


/* CATÁLOGO MÓVIL */

.mov-descarga{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mov-descarga__img{
  width: 80%;
  margin-top: 145%;
  position: absolute;
}

.mov-texto__catalogo{
  font-size: 18px;
  width: 100%;
  margin-top: 5%;
}

.mov-catalogo__img{
  width: 100%;
}



/* FOOTER MOV */

.mov-footer{
  margin-top: 10%;
  height: 15% !important;
}

.mov-footer__flex{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10%;
  margin-left: 30%;
}





.desplegable {
  font-size: 18px;
  letter-spacing: 0.1rem;
  line-height: 2.7rem !important;
}

/* SEGUIR LEYENDO PRODUCTOS SOSTENIBLES 1*/
#morecsspure-trigger-toggle1 { cursor: pointer; }
#morecsspure-element-toggle1 { display:none; }
#morecsspure-element-toggle1:not(:checked) ~ #morecsspure-toggled-element1 { display:none; }
#morecsspure-element-toggle1:not(:checked) ~ #morecsspure-trigger-toggle1 .morecsspure-lesslink { display:none; }
#morecsspure-element-toggle1:checked ~ #morecsspure-abstract1 { display:none; }
#morecsspure-element-toggle1:checked ~ #morecsspure-trigger-toggle1 .morecsspure-morelink { display:none; }
#morecsspure1 .morecsspure-morelink, #morecsspure1 .morecsspure-lesslink { display: block; cursor: pointer; color:#274082; }
#morecsspure1 .morecsspure-morelink:hover, #morecsspure1 .morecsspure-lesslink:hover { text-decoration:underline; }

/* SEGUIR LEYENDO PRODUCTOS SOSTENIBLES 2*/
#morecsspure-trigger-toggle2 { cursor: pointer; }
#morecsspure-element-toggle2 { display:none; }
#morecsspure-element-toggle2:not(:checked) ~ #morecsspure-toggled-element2 { display:none; }
#morecsspure-element-toggle2:not(:checked) ~ #morecsspure-trigger-toggle2 .morecsspure-lesslink { display:none; }
#morecsspure-element-toggle2:checked ~ #morecsspure-abstract2 { display:none; }
#morecsspure-element-toggle2:checked ~ #morecsspure-trigger-toggle2 .morecsspure-morelink { display:none; }
#morecsspure2 .morecsspure-morelink, #morecsspure2 .morecsspure-lesslink { display: block; cursor: pointer; color:#274082; }
#morecsspure2 .morecsspure-morelink:hover, #morecsspure2 .morecsspure-lesslink:hover { text-decoration:underline; }

/* SEGUIR LEYENDO PRODUCTOS SOSTENIBLES 3*/
#morecsspure-trigger-toggle3 { cursor: pointer; }
#morecsspure-element-toggle3 { display:none; }
#morecsspure-element-toggle3:not(:checked) ~ #morecsspure-toggled-element3 { display:none; }
#morecsspure-element-toggle3:not(:checked) ~ #morecsspure-trigger-toggle3 .morecsspure-lesslink { display:none; }
#morecsspure-element-toggle3:checked ~ #morecsspure-abstract3 { display:none; }
#morecsspure-element-toggle3:checked ~ #morecsspure-trigger-toggle3 .morecsspure-morelink { display:none; }
#morecsspure3 .morecsspure-morelink, #morecsspure3 .morecsspure-lesslink { display: block; cursor: pointer; color:#274082; }
#morecsspure3 .morecsspure-morelink:hover, #morecsspure3 .morecsspure-lesslink:hover { text-decoration:underline; }

/* SEGUIR LEYENDO PRODUCTOS SOSTENIBLES 4*/
#morecsspure-trigger-toggle4 { cursor: pointer; }
#morecsspure-element-toggle4 { display:none; }
#morecsspure-element-toggle4:not(:checked) ~ #morecsspure-toggled-element4 { display:none; }
#morecsspure-element-toggle4:not(:checked) ~ #morecsspure-trigger-toggle4 .morecsspure-lesslink { display:none; }
#morecsspure-element-toggle4:checked ~ #morecsspure-abstract4 { display:none; }
#morecsspure-element-toggle4:checked ~ #morecsspure-trigger-toggle4 .morecsspure-morelink { display:none; }
#morecsspure4 .morecsspure-morelink, #morecsspure4 .morecsspure-lesslink { display: block; cursor: pointer; color:#274082; }
#morecsspure4 .morecsspure-morelink:hover, #morecsspure4 .morecsspure-lesslink:hover { text-decoration:underline; }