/* movil */
/* VARIABLES */
:root{
  /* colores */
  --azul-ocuro: #00479D;
  --azul-claro-auxiliar: #007EC5;
  --azul-intermedio-blanco: #EEF1FD;
  --Amarillo: #FDED00;
  --gris-oscuro: #888888;
  --gris-intermedio-blanco: #D8D8D8;
  --negro: #000000;
  --blanco: #ffffff;

  /* fuentes */
  --fuente-poppins: 'Poppins', sans-serif;
  --fuente-jost: 'Jost', sans-serif;

}

.titulo-empresa{
  font-family: var(--fuente-jost); 
  font-size: 45px;
  margin: 0%;
  font-weight: 500;
}

.contenido-principal-empresa p{
  font-family: var(--fuente-poppins);
  font-weight: 300;
  line-height: 25px;
  font-size: 13px;
}
.imgfondo::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

/* =============================================================== */.contenido-principal-empresa{
  width: 100%;
  margin: 0px auto;
  min-width: 300px;
}

.seccion-header-empresa{
  width: 100%;
  height: 200px;
  min-width: 300px;
  margin-bottom: -5px;
}

.img-seccion-empresa{
  width: 100%;
  height: 100%;
}

.contenedor-empresa{
  background: #eef1fdd8;
  width: 100%;
  min-width: 300px;
  padding: 10px 0px 0px;
  display: flex;
  flex-direction: column-reverse;
}

.contenedor-img-seccion-empresa{
  width: 100%;
  height: auto;
  margin: 20px 0px -5px;
}

.img-seccion-empresa-seccion{
  width: 100%;
  height: auto;
}


.contenedor-texto-seccion-empresa{
  width: 100%;
  height: auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 10px;
}

.contenedor-texto-seccion-empresa .titulo-empresa{
  margin-bottom: 15px;
  color: var(--azul-claro-auxiliar)
}

.contenedor-texto-seccion-empresa p{
  width: 90%;
}


.contenedor-vision{
  background: #fdec00d0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  padding-bottom: 10px ;
}

.contenedor-texto-vision{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 10px 0px 20px;
}

.contenedor-vision .titulo-empresa{
  color: var(--azul-ocuro);
  margin: 20px 0px 10px;
}

.contenedor-vision p{
  width: 90%;
}

.contenedor-img-vision{
  width: 90%;
  height: auto;
}

.img-seccion-vision{
  width: 100%;
}

.contenedor-mision{
  background: #00479dd7;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
  padding: 10px 0px;
}

.contenedor-img-seccion-mision{
  width: 90%;
  height: auto;
}

.img-seccion-mision{
  width: 100%;
}

.contenedor-texto-mision{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.contenedor-texto-mision .titulo-empresa{
  color: var(--Amarillo);
  margin: 10px 0px 12px;
}

.contenedor-texto-mision p{
  width: 90%;
  text-align: center;
  color: var(--azul-intermedio-blanco);
  margin-bottom: 10px ;
}

.contenedor-equipo{
  background: #00479dd7;
  padding: 20px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display:none;
}

.text-seccion-equipo{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.text-seccion-equipo .titulo-empresa{
  color: var(--Amarillo);
  margin: 10px 0px;
}

.text-seccion-equipo p{
  color: var(--azul-intermedio-blanco);
  width: 90%;
}

.contenedor-seccion-galeria-img{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}

.contenedor-img-equipo{
  width: 90%;
  height: auto;
}

.img-galeria-seccion{
  width: 100%;
  height: auto;
}

/* fin movil */

/* Tablet */
@media (min-width:700px){
  p{
    font-size: 12px;
  }

  .seccion-header-empresa{
    height: 400px;
  }

  .img-seccion-empresa{
    height: 100%;
  }

  .contenedor-empresa{
    flex-direction: row;
    padding: 0px;
    margin-top: 5px;
    height: 330px;
    position: relative;
  }

  .contenedor-img-seccion-empresa{
    margin: 0px;
    width: 500px;
    height: 100%;
    margin-left: 50px;
  }

  .img-seccion-empresa-seccion{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
  }

  .contenedor-vision{
    flex-direction: row;
    height: 330px;
    padding: 0;
  }

  .contenedor-texto-vision{
    width: 55%;
  }

  .contenedor-texto-vision .titulo-empresa{
    margin-bottom: 25px;
  }

  .contenedor-texto-vision p{
    width: 80%;
  }

  .contenedor-img-vision{
    height: 100%;
    margin: 0%;
    width: 45%;
  }

  .img-seccion-vision{
    height: 100%;
    object-fit: cover;
  }

  .contenedor-mision{
    flex-direction: row;
    height: 330px;
    padding: 0%;
  }

  .contenedor-img-seccion-mision{
    height: 100%;
    width: 48%;
  }

  .img-seccion-mision{
    height: 100%;
    object-fit: cover;
  }

  .contenedor-texto-mision{
    width: 52%;
  }

  .contenedor-texto-mision p{
    width: 80%;
  }

  .contenedor-equipo{
    width: 100%;
    height: auto;
    display:none;
  }

  .text-seccion-equipo .titulo-empresa{
    margin: 30px 0px 20px;
  }

  .text-seccion-equipo p{
    margin: 20px 0px 30px; 
    width: 80%;
  }

  .contenedor-seccion-galeria-img{
    width: 90%;
    flex-direction:row;
    flex-wrap: wrap;
  }

  .contenedor-img-equipo{
    width: 43%;
    margin-bottom: 4px;
  }

  .contenedor-img-equipo:nth-child(1),
  .contenedor-img-equipo:nth-child(3),
  .contenedor-img-equipo:nth-child(5){
    margin-right: 5px;
  }

  .contenedor-img-equipo:nth-child(2),
  .contenedor-img-equipo:nth-child(4),
  .contenedor-img-equipo:nth-child(6){
    margin-left: 5px;
  }

}

@media(min-width:1600px){
    .img-seccion-vision{
        height: 100%;
        object-fit: contain;
      }
      
    .img-seccion-mision{
        height: 100%;
        object-fit: contain;
      }
}

/* fin Tablet */

/* Escritorio */
@media (min-width: 900px){

  .seccion-header-empresa{
    width: 100%;
    height: 550px;
    overflow: hidden;
  }

  .contenedor-vision{
    z-index: 100;
  }

  .img-seccion-empresa{
    width: 100%;
  }

  .contenedor-empresa{
    height: 470px;
  }

  .contenedor-img-seccion-empresa{
    width: 900px;
    margin-left: 150px;
  }

  .contenedor-texto-seccion-empresa p{
    width: 70%;
  } 

  .contenedor-vision{
    height: 480px;
  }

  .contenedor-mision{
    height: 480px;
  }
  
  .contenedor-seccion-galeria-img{
    width: 95%;
  }

  .contenedor-img-equipo{
    width: 31%;
    margin-bottom: 3px;
  }

  .contenedor-img-equipo:nth-child(1),
  .contenedor-img-equipo:nth-child(3),
  .contenedor-img-equipo:nth-child(5){
    margin-right: 0px;
  }

  .contenedor-img-equipo:nth-child(2),
  .contenedor-img-equipo:nth-child(4),
  .contenedor-img-equipo:nth-child(6){
    margin-left: 0px;
  }

  .contenedor-img-equipo:nth-child(2),
  .contenedor-img-equipo:nth-child(5){
    margin: 0px 8px;
  }

}

@media (min-width: 1400px){
    .seccion-header-empresa{
        height: 650px;
    }
}
/* fin Escritorio */