@font-face{
  font-family: 'titulo';
  src:url(../fuente/Roboto/Roboto-Bold.ttf);
}


@font-face{
  font-family: 'parrafo';
  src:url(../fuente/sans-serif/OpenSans-Regular.ttf);
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body { 
   color: #444444;
   font-size: 12px;
  
}

a {
  color: #428f5d;
  text-decoration: none;
}

a:hover {
  color: #428f5d;
  text-decoration: none;
}

.header{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: space-around;
  gap: 20px;
}

.header .contact-info{
  display: flex;
  justify-content: center;
  align-items: star;
}

.header .social-links{
  display: flex;
  align-items: center;
  gap:4px;
}

.header .social-links a{
  color:black;
  font-weight: bold;
}


.header .social-links .icon-home2{
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  stroke-width: 0;
  stroke: #0d5f2c;
  fill: #000;
  font-size: 1.5em; 
  
}
.header .social-links .icon-mail3{
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  stroke-width: 0;
  stroke: #0d5f2c;
  fill: #000;
  font-size: 1.5em; 
}
.header .social-links .icon-facebook-official{
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  stroke-width: 0;
  stroke: #3b5998;
  fill: #3b5998;
  font-size: 1.5em; 
}

.header .social-links .icon-instagram{
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  stroke-width: 0;
/* stroke: #0d5f2c;
  fill: #000;*/
  font-size: 1.5em; 
}
.menu{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #63aa93;
  transition: all 0.5s;
  z-index: 997;
  height: 86px;
/*  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);*/
}
.navbar {
display: flex;
justify-content: space-around;
flex-direction: row;
column-gap: 25em;
background: #63aa93;
font-family: parrafo;
color: #fff;
font-size: 1.6em;
line-height: 1.5em;
}

 .navbar .navbar-brand{
  display: flex;
  justify-content: center;
  align-items: center;
}
 .navbar .navbar-nav{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
 .navbar .navbar-nav .nav-link{
  color: #fff;
}

.carousel .carousel-inner .carousel-caption {
  margin-top: 5%;
  margin-bottom: 5%;
  background: rgba(230, 230, 230, 0.5);
}

.carousel .carousel-inner .carousel-caption h3{
   font-family: titulo;
    font-size: 2.5em;   
    letter-spacing: 2px;
    margin-top: 25px;
    color: #fff;
}


/*--------------------------------------------------------------
# Sections nosotros-i
--------------------------------------------------------------*/
.nosotros-i{
  padding: 70px 0 60px;
}
.nosotros-i .section-title {
  text-align: center;
  padding-bottom: 30px;
}

.nosotros-i .section-title h2 {
  font-size: 2.25em;
  color: #428f5d;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
  font-family: 'titulo';
  font-weight:500;
  text-align: center;
}

.nosotros-i .section-title h2::before {
  content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #428f5d;
}

.nosotros-i .section-title h2::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #428f5d;
  border-radius: 20px;
  background: #428f5d;
}


.nosotros-i .parrafo p{
  font-family: 'parrafo';
  font-size: 1.5em;
  text-align: justify;
}
.nosotros-i .parrafo h3{
  font-family: 'titulo';
  font-size: 1.5em;
  line-height: 1.5em;
  color:#2C5178;
  text-align: justify;
}
.nosotros-i .parrafo .box-direct{
  text-align: center;
  padding: 40px 20px;
  transition: all ease-in-out 0.3s;
  margin: 0 auto;
}

.nosotros-i .parrafo .box-direct p{
  font-family: 'parrafo';
  font-size: 1.2em;
  font-style: italic;
  text-align: center;
  color:#2C5178;
  font-weight: 500;
}

.nosotros-i .parrafo  .caja-boton{
padding:auto 80%;  
display: flex;
justify-content: center;
align-items: center;
}

.nosotros-i .parrafo  .caja-boton .boton {
border: 1px solid #000; 
padding: 10px 20px; 
background-color: #000; 
color: #ffffff; /*color texto*/
text-decoration: none; 
text-transform: uppercase; 
font-family: 'parrafo'; 
border-radius: 15px; 

}
/*--------------------------------------------------------------
# Sections servicios-i
--------------------------------------------------------------*/
 .section-bg {
  background-color: #125c18;
}
.servicios-i .section-title {
  text-align: center;
  padding-bottom: 30px;
}

.servicios-i .section-title h2 {
  font-size: 2.25em;
  color: #ecf100;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
  font-family: 'titulo';
  font-weight:500;
  text-align: center;
}

.servicios-i .section-title h2::before {
content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #ecf100;
}

.servicios-i .section-title h2::after {
 content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #ecf100;
  border-radius: 20px;
  background: #ecf100;
}
.servicios-i .servicios-item{
  box-sizing: content-box;
  padding: 30px 30px 12px 30px;
  margin: 30px 15px;
  text-align: center;
  min-height: 350px;
  background: #125c18;   
}

.servicios-i .servicios-item .servicios-img {
 width: 350px; 
 margin: 0 auto;
}

.servicios-i .servicios-item h3 {
   font-family: 'titulo';
  font-size: 1.5em;
  font-weight: bold;
  margin: 18px 0 18px 0;
  color: #fff;
}
.servicios-i .servicios-item  .boton-negro {
border: 1px solid #2e518b; /*anchura, estilo y color borde*/
padding: 10px; /*espacio alrededor texto*/
margin: 18px auto;
background-color: #000; /*color botón*/
color: #ffffff; /*color texto*/
text-decoration: none; /*decoración texto*/
text-transform: uppercase; /*capitalización texto*/
font-family: 'titulo'; /*tipografía texto*/
border-radius: 50px; /*bordes redondos*/
}

.servicios-i .servicios-item.quote-icon-left, .servicios-i .servicios-item .quote-icon-right {
  color: #e1f0fa;
  font-size: 1.8em;
}

.servicios-i .servicios-item.quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.servicios-i .servicios-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.servicios-i .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.servicios-i .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #000;
}

.servicios-i .swiper-pagination .swiper-pagination-bullet-active {
  border: 1px solid #fff;
  background-color: #000;
}

/*--------------------------------------------------------------
# Sections investigacion-i
--------------------------------------------------------------*/
.investigacion-i {
  padding: 70px 0 60px;
  width: 100%;
  height: 60vh;
  background: url("../img/bg-2.jpg") center center; 
  background-size: cover;
  position: relative;
}

.investigacion-i .section-title {
  text-align: center;
  padding-bottom: 30px;
}

.investigacion-i .section-title h2 {
  font-family: 'titulo';
  font-weight:500;
  font-size: 2.25em;
  color: #ecf100;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
}

.investigacion-i .section-title h2::before {
content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #ecf100;
}

.investigacion-i .section-title h2::after {
 content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #ecf100;
  border-radius: 20px;
  background: #ecf100;
}

.investigacion-i .texto-item p{
  font-family: 'titulo';
  font-weight:500;
  font-size: 3em;
   color: #fff;
  text-align: center;
}
/*--------------------------------------------------------------
# Sections capacitaciones-i
--------------------------------------------------------------*/
.capacitacion-i{
  background: #80E0C2;
  padding: 70px 0 60px;
}
.capacitacion-i .section-title h2 {
  font-family: 'titulo';
  font-weight:500;
  font-size: 2.25em;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
}

.capacitacion-i .section-title h2::before {
content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #fff;
}

.capacitacion-i .section-title h2::after {
 content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #fff;
  border-radius: 20px;
  background: #fff;
}
.capacitacion-i .section-title p {
  margin-bottom: 0;
    font-family: 'parrafo';
  font-weight:100;
  font-size: 1.5em;
  color:#000;
  text-align: justify;
}
.capacitacion-i .box-image{
    padding: 30px;  
  transition: ease-in-out 0.3s;
}
.capacitacion-i .box-image img {  
  display: block;
  overflow: hidden;
  height: auto;  
  margin: auto;
}
.capacitacion-i .box-button{
  display: flex;
  flex-direction:row;
  align-items:space-evenly;
  padding:2px 10px;
/*  margin: 25px auto;*/
}
.capacitacion-i .box-button .fcc-btn {
  background-color: #000;
  color: white;
  padding: 15px 25px;
}
/*--------------------------------------------------------------
# Sections productos-i
--------------------------------------------------------------*/
.productos-i .section-title h2 {
  font-family: 'titulo';
  font-weight:500;
  font-size: 2.25em;
  color: #ecf100;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
}

.productos-i .section-title h2::before {
content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #ecf100;
}

.productos-i .section-title h2::after {
 content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #ecf100;
  border-radius: 20px;
  background: #ecf100;
}

.productos-i .productos-item{
  box-sizing: content-box;
  padding: 30px 30px 12px 30px;
  margin: 30px 15px;
  text-align: center;
  min-height: 350px;    
}
.productos-i .productos-item .productos-img {
 width: 350px; 
 margin: 0 auto;
}

.productos-i .productos-item h3 {
   font-family: 'titulo';
  font-size: 1.5em;
  font-weight: bold;
  margin: 18px 0 18px 0;
  color: #000;
}

/*--------------------------------------------------------------
# Sections productos2
--------------------------------------------------------------*/
.productos{
  padding: 70px 0 60px;
}
.productos .section-title h2 {
  font-family: 'titulo';
  font-weight:500;
  font-size: 2.25em;
 color: #428f5d;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
}

.productos .section-title h2::before {
content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #428f5d;
}

.productos .section-title h2::after {
 content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #fff;
  border-radius: 20px;
  background: #428f5d;
}

.productos .productos-item{
 box-sizing: content-box;
/*  padding: 30px 30px 12px 30px;*/
padding: 15px 8px 10px 4px;;
 margin: 5px auto;
  text-align: space-between;
  min-height: 350px; 
  width: 750px; 
  background: #D8D2C2;  
}
.productos .productos-item .productos-img {
 width: 550px; 
 margin: 0 auto;
 background: yellow; 
}
.productos .caja-grp-btn{
  padding: 15px auto;
  margin-bottom: 8px;
  display: flex;
  flex-flow: row wrap;
}
.productos .caja-grp-btn .btn-product{
   font-family: 'parrafo';
  color: #FFFFFF !important;
  font-size: 1.5em;
  padding: 5px 15px;
  border-radius: 10px;
  border: 1px solid #428f5d;;
  background: #0D5F2C;
}


.productos .caja-grp-btn .btn-product:active {
  color: #FFFFFF !important;
  background:#fff;
  border: 1px solid #428f5d;
}
.productos .caja-grp-btn .btn-product:hover {
  color: #FFFFFF !important;
  background: #198754;
}
/*--------------------------------------------------------------
# Sections pensamientos
--------------------------------------------------------------*/
.pensamientos .section-bgp {
   background-color: #f6f6f7;
}

.pensamientos .section-title {
  text-align: center;
  padding-bottom: 30px;
}

.pensamientos .section-title h2 {
  font-size: 2.25em;
  color: #428f5d;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
  font-family: 'titulo';
  font-weight:500;
  text-align: center;
}

.pensamientos .section-title h2::before {
content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #428f5d;
}

.pensamientos .section-title h2::after {
 content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #fff;
  border-radius: 20px;
  background: #428f5d;
}
.pensamientos .pensamientos-item{
  box-sizing: content-box;
  padding: 30px 30px 12px 30px;
  margin: 30px 15px;
  text-align: center;
  min-height: 350px;
  background: #fff; 
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
}

.pensamientos .pensamientos-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}

.pensamientos .pensamientos-item p {
  font-family: 'parrafo';
  font-size: 1.5em;  
  margin: 18px 0 18px 0;
  font-style: italic;
  text-align: justify;
  
}
.pensamientos .pensamientos-item p .icon{
    width: 1.5em;
  height: 1.5em;
  stroke-width: 1;
  stroke: #428f5d;
  fill: #428f5d;  
}



.pensamientos .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.pensamientos .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #428f5d;
}

.pensamientos .swiper-pagination .swiper-pagination-bullet-active {
  border: 1px solid #fff;
  background-color: #428f5d;
}



/*--------------------------------------------------------------
# Sections ubicacion-i
--------------------------------------------------------------*/
.ubicacion-i{  
  padding: 70px 0 60px;
}
.ubicacion-i .section-title h2 {
  font-family: 'titulo';
  font-weight:500;
  font-size: 2.25em;
  color: #428f5d;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
}

.ubicacion-i .section-title h2::before {
content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #428f5d;
}

.ubicacion-i .section-title h2::after {
 content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #428f5d;
  border-radius: 20px;
  background: #428f5d
}

.ubicacion-i iframe{
  width: 100% ;
  height:450px;
}
/*--------------------------------------------------------------
# Sections contacto-i
--------------------------------------------------------------*/
.contacto-i{
  padding: 70px 0 60px;
}
.contacto-i .section-title h2 {
  font-family: 'titulo';
  font-weight:500;
  font-size: 2.25em;
  color: #428f5d;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
}

.contacto-i .section-title h2::before {
content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #428f5d;
}

.contacto-i .section-title h2::after {
 content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #428f5d;
  border-radius: 20px;
  background: #428f5d
}
.contacto-i .info {
  padding: 30px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
 
}
.contacto-i .info h3{
   font-family: 'titulo';
  font-weight:500;
  font-size: 1.5em;
  color: #428f5d;
  text-align: center;
}
.contacto-i .info .box-icon{
   display: flex;
  flex-direction: row; 
  align-items: center;
  margin-bottom: 1em;
}
.contacto-i .info .box-icon .icon{
  width: 1.3em;
  height: 1.3em;
  stroke-width: 0;
  stroke: #428f5d;
  fill: #428f5d; 
   margin-bottom: 0;
}

.contacto-i .info .box-icon h4{
  font-family: 'titulo';
  font-weight:500;
  font-size: 1.4em;
  color: #428f5d; 
  margin-left: 1em;
  margin-bottom: 0;
}

.contacto-i .info p{
    font-family: 'parrafo';  
  font-size: 1.2em;
  color: #000;
  text-align: justify;

}
.contacto-i .email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.4);
  padding: 30px;
}
.contacto-i .email-form .form-group {
  margin-bottom: 20px;
}
.contacto-i .email-form input, .contacto-i .email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}
.contacto-i .email-form input:focus, .contacto-i .email-form textarea:focus {
  border-color: #106eea;
}
.contacto-i .email-form input {
  padding: 10px 15px;
}
.contacto-i .email-form textarea {
  padding: 12px 15px;
}
.contacto-i .email-form button[type=submit] {
  background: #0d5f2c;
  border: 0;
  padding: 10px 35px;
  color: #fff;
  transition: 0.4s;
  border-radius: 50px;
}
.contacto-i .email-form button[type=submit]:hover {
   background:  #1d8348;
}

.contacto-i .email-form button[type=reset] {
  background: #0d5f2c;
  border: 0;
  padding: 10px 35px;
  color: #fff;
  transition: 0.4s;
  border-radius: 50px;
}
.contacto-i .email-form button[type=reset]:hover {
   background:  #1d8348;
}

/*--------------------------------------------------------------
# Sections mision
--------------------------------------------------------------*/
.mision{
  padding: 70px 0 60px;
}
.mision .section-title h2 {
  font-family: 'titulo';
  font-weight:500;
  font-size: 2.25em;
  color: #428f5d;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
}

.mision .section-title h2::before {
content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #428f5d;
}

.mision .section-title h2::after {
 content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #428f5d;
  border-radius: 20px;
  background: #428f5d
}
  .mision .cuadro-mision {  
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin:8px auto;
  padding:20px auto;
  row-gap: 5;
}
.mision .cuadro-mision .cuadro-img {
  padding: 5em 1em; 
}
.mision .cuadro-mision .cuadro-texto p{
  font-family: "parrafo";
  font-size:1.6em;  
  text-align:justify;
  color:#506172;
  line-height: 1.7;
  margin:5em 0.5em;
  padding: auto 2em;
  }



/*--------------------------------------------------------------
# Sections vision
--------------------------------------------------------------*/
.vision{
  padding: 70px 0 60px;
}
.vision .section-title h2 {
  font-family: 'titulo';
  font-weight:500;
  font-size: 2.25em;
  color: #428f5d;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
}

.vision .section-title h2::before {
content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #428f5d;
}

.vision .section-title h2::after {
 content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #428f5d;
  border-radius: 20px;
  background: #428f5d
}
  .vision .cuadro-vision {  
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin:8px auto;
  padding:20px auto;
  row-gap: 5;
}
.vision .cuadro-vision .cuadro-img {
  padding: 5em 1em; 
}
.vision .cuadro-vision .cuadro-texto p{
  font-family: "parrafo";
  font-size:1.6em;  
  text-align:justify;
  color:#506172;
  line-height: 1.7;
  margin:5em 0.5em;
  padding: auto 2em;
  }

  /*--------------------------------------------------------------
# Sections principios
--------------------------------------------------------------*/
.principios{
  padding: 70px 0 60px;
}
.principios .section-title h2 {
  font-family: 'titulo';
  font-weight:500;
  font-size: 2.25em;
  color: #428f5d;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
}

.principios .section-title h2::before {
content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #428f5d;
}

.principios .section-title h2::after {
 content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #428f5d;
  border-radius: 20px;
  background: #428f5d
}

.principios .cuadro-principios {  
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin:8px auto;
  padding:20px auto;
  row-gap: 5;
}
.principios .cuadro-principios.cuadro-img {
  padding: 5em 1em; 
}
.principios .cuadro-principios .cuadro-texto ul{
  font-family: "parrafo";
  font-size:1.6em;  
  text-align:justify;
  color:#506172;
  line-height: 1.7;
  margin:5em 0.5em;
  padding: auto 2em;
  }


  /*--------------------------------------------------------------
# Sections directivos
--------------------------------------------------------------*/
.directivos{
  padding: 70px 0 60px;
}
.directivos .section-title h2 {
  font-family: 'titulo';
  font-weight:500;
  font-size: 2.25em;
  color: #428f5d;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
}

.directivos .section-title h2::before {
content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #428f5d;
}

.directivos .section-title h2::after {
 content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #428f5d;
  border-radius: 20px;
  background: #428f5d
}

.directivos  .box-direct{ 
display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: space-around;
  align-items: center;
  margin: auto 15%; 
    }
.directivos .box-direct .caja-img img{
    width: 100%;
    max-width: 750px;
    padding: 12px 18px;
    margin: 8px auto;
    display: block;
}

.directivos  .box-direct .caja-img .texto h3{
    font-family: "parrafo";
    font-size: 1.25em;
    font-style: italic;
    text-align: center;
    color: #506172;
    font-weight: 700;
    }
  .directivos  .box-direct .caja-img .texto p{
    font-family: "parrafo";
    font-size: 1.25em;
    font-style: italic;
    text-align: center;
    color: #506172;
    }


    /*--------------------------------------------------------------
# Sections capacitaciones
--------------------------------------------------------------*/
.capacitaciones{
  padding: 70px 0 auto;
}
.capacitaciones .section-title h2 {
  font-family: 'titulo';
  font-weight:500;
  font-size: 2.25em;
  color: #428f5d;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding: 40px 0;
  margin: 0 0 20px;
}

.capacitaciones .section-title h2::before {
content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #428f5d;
}

.capacitaciones .section-title h2::after {
 content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #428f5d;
  border-radius: 20px;
  background: #428f5d
}
.capacitaciones .cuadro-capacitacion{  
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin:10px auto;
  padding:30px auto;
  row-gap: 5;
}
.capacitaciones .cuadro-capacitacion .seccion-eventos{  
  padding: 6px 12px;
}

.capacitaciones .cuadro-capacitacion .seccion-eventos .titulos{
   display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin:10px auto;
  padding:30px auto;
}
.capacitaciones .cuadro-capacitacion .seccion-eventos .titulos h3{
  font-family: 'titulo';
  font-size: 1.8em;
  font-weight: 700;
  color: #003366;
  padding-bottom: 12px;
}

.capacitaciones .cuadro-capacitacion .seccion-eventos .vineta2{
    font-family: 'parrafo';
    font-size: 1.3em;
    line-height: 2;
    text-align: justify;
}

.capacitaciones .cuadro-capacitacion .seccion-equipo{
 
  padding: 8px 12px;
}

.capacitaciones .cuadro-capacitacion .seccion-equipo .titulos h3{
  font-family: 'titulo';
  font-size: 1.8em;
  font-weight: 700;
  color: #003366;
  padding-bottom: 12px;
}
.capacitaciones .cuadro-capacitacion .seccion-equipo .cuadro-foto {  
  padding: 2em 8em; 
}

.capacitaciones .cuadro-capacitacion .seccion-equipo .cuadro-foto p{
    font-family: 'parrafo';
  font-size: 1.3em;
  line-height: 2.5;
  text-align: justify;
}

.capacitaciones .cuadro-capacitacion .seccion-oferta{
 
  padding: 8px 12px;
}

.capacitaciones .cuadro-capacitacion .seccion-oferta .titulos{
   display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin:10px auto;
  padding:30px auto;
}
.capacitaciones .cuadro-capacitacion .seccion-oferta .titulos h3{
  font-family: 'titulo';
  font-size: 1.8em;
  font-weight: 700;
  color: #003366;
  padding-bottom: 12px;
}
.capacitaciones .cuadro-capacitacion .seccion-oferta .titulos .subtitle{
  font-family: 'titulo';
  font-size: 1.6em;
  font-weight: 700;
  color: #003366;
  padding-bottom: 12px;
}

.capacitaciones .cuadro-capacitacion .seccion-oferta P{
  font-family: 'parrafo';
  font-size: 1.3em;
  line-height: 2.5;
  text-align: justify;
}

.capacitaciones .cuadro-capacitacion .hacemos{ 
  padding: 8px 12px;
}

.capacitaciones .cuadro-capacitacion .hacemos .titulos{
   display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin:10px auto;
  padding:30px auto;
}
.capacitaciones .cuadro-capacitacion .hacemos .titulos h3{
  font-family: 'titulo';
  font-size: 1.8em;
  font-weight: 700;
  color: #003366;
  padding-bottom: 12px;
}

.capacitaciones .cuadro-capacitacion .hacemos P{
  font-family: 'parrafo';
  font-size: 1.3em;
  line-height: 2.5;
  text-align: justify;
}

.capacitaciones .cuadro-capacitacion .hacemos .vineta2{
    font-family: 'parrafo';
    font-size: 1.3em;
    line-height: 2;
    text-align: justify;
}



    /*--------------------------------------------------------------
# Sections servicios
--------------------------------------------------------------*/
.servicios{
  padding: 70px 0 auto;
}
.servicios .section-title h2 {
  font-family: 'titulo';
  font-weight:500;
  font-size: 2.25em;
  color: #428f5d;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding: 40px 0;
  margin: 0 0 20px;
}

.servicios .section-title h2::before {
content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #428f5d;
}

.servicios .section-title h2::after {
 content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #428f5d;
  border-radius: 20px;
  background: #428f5d
}
.servicios .parrafo .titulos{  
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin:10px auto;
  padding:30px auto;
}

.servicios .parrafo .titulos h3{
  font-family: 'titulo';
  font-size: 1.8em;
  font-weight: 700;
  color: #003366;
  padding-bottom: 12px;
}
.servicios .parrafo  p{
  font-family: 'parrafo';
  font-size: 1.3em;
  line-height: 2.5;
  text-align: justify;
}

.servicios .parrafo .titulos h4{
  font-family: 'titulo';
  font-size: 1.6em;
  font-weight: 700;
  color: #000;
  padding-bottom: 12px;
}

.servicios .parrafo .vineta{
  font-family: 'parrafo';
  font-size: 1.3em;  
  margin: 5px;
}

.servicios .parrafo .vineta .plantas-piloto {  
 display: flex; 

}
.servicios .parrafo .vineta .plantas-piloto .caja-img{
  width:100%; 
  max-width: 650px;
  margin: 10px;
  padding: 20px;
  list-style: none; 
  }
/*--------------------------------------------------------------
# seccion cursos
--------------------------------------------------------------*/

.cursos{
  padding: 2rem;
}
.cursos-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 25rem;
}

.cursos-box img {
  width: 100%;
  height: 100%;

}

/*oculto el texto de cada item*/
.cursos-box .cursos-info {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 3;
    transition: all ease-in-out 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cursos-box:hover .cursos-info {
  opacity: 1;
  transition-duration: 1.5s;
  transition-property: all;
}

.cursos-box:hover::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    transition-duration: 1s;
    transition-property: all;
}

.cursos-box::before {
    content: "";
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    left: 30px;
    right: 30px;
    top: 30px;
    bottom: 30px;
    transition: all ease-in-out 0.3s;
    z-index: 2;
    opacity: 0;
}

.cursos-box .cursos-info::after {
    display: block;
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: 35px;
    right: 35px;
    border-bottom: 3px solid #d7dce1;
    border-right: 3px solid #d7dce1;
    transition: all 0.5s ease 0s;
    z-index: 9994;
}


.cursos-box .cursos-info::before {
    display: block;
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    top: 35px;
    left: 35px;
    border-top: 3px solid #d7dce1;
    border-left: 3px solid #d7dce1;
    transition: all 0.5s ease 0s;
    z-index: 9994;
}

.cursos-box .cursos-links {
    text-align: center;
    z-index: 4;
}

.cursos-box .cursos-links a {
    color: #45505b;
    margin: 0 2px;
    font-size: 28px;
    display: inline-block;
    transition: 0.3s;
}

.cursos-box .cursos-links a .icon-plus{
  width: 1em;
  height: 1em;
  stroke-width: 1;
  stroke: #428f5d;
  fill: #428f5d;  
}

.cursos-box .cursos-links a .icon-link{
  width: 1em;
  height: 1em;
  stroke-width: 1;
  stroke: #428f5d;
  fill: #428f5d;  
}
.cursos-box .cursos-links a:hover {
    color: #148af9;
}

/*--------------------------------------------------------------
# Seecion Testimonios
--------------------------------------------------------------*/
.testimonios{
  padding: 70px 0 auto;

}
.testimonios .section-title h2 {
  font-family: 'titulo';
  font-weight:500;
  font-size: 2.25em;
  color: #428f5d;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding: 40px 0;
  margin: 0 0 20px;
}

.testimonios .section-title h2::before {
content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #428f5d;
}

.testimonios .section-title h2::after {
 content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #428f5d;
  border-radius: 20px;
  background: #428f5d
}
.testimonios .box-clientes{
  margin: 40px 0;
   display: flex;
  align-items: stretch;
}
.testimonios .box-clientes .cliente{
  text-align: center;
  margin-bottom: 20px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  padding: 30px 20px;
  background: #fff;
}

.testimonios .cliente img {
  max-width: 60%;
  border-radius: 50%;
  margin: 0 0 30px 0;
}

.testimonios .cliente h3{
   font-family: 'titulo';
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 1.3em;
  color: #428f5d;
}

.testimonios .cliente span {
   font-family: 'parrafo';
  margin: 12px auto;
  font-style: italic;
  display: block;
  font-size: 1.2em;
  color: #506172;
}

.testimonios .cliente p {
  font-family: 'parrafo';
  padding-top: 6px;
  font-size: 1.4em;
  font-style: italic;
  color: #aaaaaa;
}



  /***********************
********* Footer ******
************************/
.footer {
  padding-top: 10px;
/*  padding-bottom: 10px;*/
/*  color: #fff;*/
  background-color: #0D5F2C;
  border-top: 10px #61AA93 solid;
}
.footer p{
  font-family: "parrafo";
  font-size:1.4 em;  
  color: #fff;
  text-align: center;
}
.footer p a  {
  color: #fff;
}
.footer p a:hover {
  color: #45aed6;
}
.footer .copyright{
  display: flex;
   flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
}
.footer .copyright p {
  font-family: "parrafo";
  font-size:1.4 em; 
  color: #fff; 
}