:root {
	/*colores*/
  --blue: #00a7e1;
  --darkblue: #026782;
  --green: #3aaa35;
  --green2: #3fbc5c;
  --green3: #95e391;
  --white: #ffffff;
  --gray: #706f6f;
  --gray2: #c2c2c2;
  --brown: #635241;
	
	--blue:#000000;
	--blue:#000000;
	--purp:#000000;
	--purp:#000000;
	--purp:#000000;
	--purp:#000000;

}


/*FONDO*/
.line-bt-blue{border-top: 2px solid var(--blue);}
.line-bottom-blue{border-bottom: 2px solid var(--blue);}
.bg-blue{background-color: var(--blue);}
.bg-blue2{background-color: var(--darkblue);}
.bg-white{background-color: var(--white);}
.bg-gray{background-color: var(--gray2);}
.bg-green{background-color: var(--green);}
.bg-green-op1{background-color: rgba(58,170,53,0.8)}
.bg-green-op2{background-color: rgba(58,170,53,0.6)}
.bg-green-op3{background-color: rgba(58,170,53,0.4)}
.bg-green2{background-color: var(--green2);}
.bg-brown{background-color: var(--brown);}
.bg-deg{

background: rgba(0,163,222,1);
background: -moz-linear-gradient(top, rgba(0,163,222,1) 0%, rgba(0,163,222,1) 7%, rgba(0,163,222,0) 95%, rgba(0,163,222,0) 99%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,163,222,1)), color-stop(7%, rgba(0,163,222,1)), color-stop(95%, rgba(0,163,222,0)), color-stop(99%, rgba(0,163,222,0)));
background: -webkit-linear-gradient(top, rgba(0,163,222,1) 0%, rgba(0,163,222,1) 7%, rgba(0,163,222,0) 95%, rgba(0,163,222,0) 99%);
background: -o-linear-gradient(top, rgba(0,163,222,1) 0%, rgba(0,163,222,1) 7%, rgba(0,163,222,0) 95%, rgba(0,163,222,0) 99%);
background: -ms-linear-gradient(top, rgba(0,163,222,1) 0%, rgba(0,163,222,1) 7%, rgba(0,163,222,0) 95%, rgba(0,163,222,0) 99%);
background: linear-gradient(to bottom, rgba(0,163,222,1) 0%, rgba(0,163,222,1) 7%, rgba(0,163,222,0) 95%, rgba(0,163,222,0) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3de', endColorstr='#00a3de', GradientType=0 );

  
}

.bg-img-1{
background-image: url("/wp-content/uploads/2021/11/head_rsc.png");
background-repeat: no-repeat;
background-position: bottom right;
}


.bg-img-2{
background-image: url("/wp-content/uploads/2021/11/mundoSOS-1.png");
background-repeat: no-repeat;
background-position: 12% 100%;
}


.bg-img-3{
background-image: url("/wp-content/uploads/2021/12/bg_espigas.jpg");
background-repeat: no-repeat;
}

.bg-img-4{
background-image: url("/wp-content/uploads/2021/12/kraft.jpg");
background-repeat: no-repeat;
}

.bg-grid-1{
background-image: url("/wp-content/uploads/2021/12/bg-grid-branding.png");
background-repeat: no-repeat;
background-position: top right;
}

.bg-grid-2{
background-image: url("/wp-content/uploads/2021/12/bg-grid-sos.png");
background-repeat: no-repeat;
background-position: top right;
}

.bg-grid-3{
background-image: url("/wp-content/uploads/2021/12/bg-grid-business.png");
background-repeat: no-repeat;
background-position: top right;
}

.bg-sos{
background-image: url("/wp-content/uploads/2021/12/bg-leaves.png");
background-repeat: no-repeat;
background-position: bottom right;
}




.parallax {
  /* The image used */
  background-image: url("/wp-content/uploads/2021/12/counter-background.jpg");
  /* COntenido centrado horizontal y vertcalmente */
  display: flex; align-items: center; justify-content: center;
  /* Set a specific height */
  min-height: 400px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-branding {
  /* The image used */
  background-image: url("/wp-content/uploads/2021/12/parallax-branding.jpg");
  /* COntenido centrado horizontal y vertcalmente */
  display: flex; align-items: center; justify-content: center;
  /* Set a specific height */
  min-height: 400px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.parallax-business {
  /* The image used */
  background-image: url("/wp-content/uploads/2021/12/parallax-business.jpg");
  /* COntenido centrado horizontal y vertcalmente */
  display: flex; align-items: center; justify-content: center;
  /* Set a specific height */
  min-height: 400px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-sos {
  /* The image used */
  background-image: url("/wp-content/uploads/2021/12/parallax-eco.jpg");
  /* COntenido centrado horizontal y vertcalmente */
  display: flex; align-items: center; justify-content: center;
  /* Set a specific height */
  min-height: 400px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-about {
  /* The image used */
  background-image: url("/wp-content/uploads/2021/12/parallax-about.jpg");
  /* COntenido centrado horizontal y vertcalmente */
  display: flex; align-items: center; justify-content: center;
  /* Set a specific height */
  min-height: 400px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



/*TRIANGULOS*/
.triangulo {
     width: 15px; 
     height: 15px;
     border-top: 15px solid var(--blue);
     border-left: 15px solid transparent;
     border-right: 15px solid transparent;
     border-bottom: 15px solid transparent; 

}

.triangulo-gris {
     width: 15px; 
     height: 15px;
     border-top: 15px solid var(--gray);
     border-left: 15px solid transparent;
     border-right: 15px solid transparent;
     border-bottom: 15px solid transparent; 

}

.triangulo-verde {
     width: 15px; 
     height: 15px;
     border-top: 15px solid var(--green);
     border-left: 15px solid transparent;
     border-right: 15px solid transparent;
     border-bottom: 15px solid transparent; 

}