/* BARRA */

.bg_barra {
  width: 100%;
  height: 68px;
}

.bg_barra img {
  width: 100%;
  height: 100%;
}

/* SECCION QUIENES SOMOS */

.seccion_quienes {
  display: flex;
  justify-content: space-evenly;
  align-items: center;

  width: 100%;
  height: 552px;
}

.quienes_informacion {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45%;
}

.quienes_informacion_contenedor {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 28px;
  width: 550px;
  height: 305px;
}

.quienes_informacion_contenedor h2 {
  font-family: arial;
  font-size: 25px;
  color: #32375f;
}

.quienes_informacion_contenedor p {
  font-family: arial;
  font-size: 16px;
  color: #656565;
  text-align: justify;
}

.quienes_imagen {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45%;
}

.quienes_imagen_contenedor {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px 0;
  border: 16px solid transparent;
  background-image: linear-gradient(to right, #32375f, #47aad4),
    linear-gradient(to right, #32375f, #47aad4);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}

.quienes_imagen img {
  width: 438px;
  height: 293px;
  border-radius: 20px 0;
}

/* SECCION MISION VISION */

.seccion_mision_vision {
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center center;
  background-image: url(../../rg/bg/bg_nosotros_2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 335px;
}

.mision {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 22px;

  width: 35%;
}

.mision h2 {
  font-family: Arial;
  font-size: 30px;
  color: #e6e6e6;
}

.mision_informacion {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.mision_informacion img {
  width: 83px;
  height: 83px;
}

.mision_informacion p {
  font-family: Arial;
  font-size: 17.1px;
  color: #e6e6e6;
  text-align: justify;
}

.mision_vision_linea {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15%;
  height: 100%;
}

.mision_vision_linea img {
  width: 86px;
  height: 182px;
}

.vision {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 22px;
  width: 35%;
}

.vision h2 {
  font-family: Arial;
  font-size: 30px;
  color: #e6e6e6;
}

.vision_informacion {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.vision_informacion img {
  width: 83px;
  height: 83px;
}

.vision_informacion p {
  font-family: Arial;
  font-size: 16.5px;
  color: #e6e6e6;
  margin-bottom: 30px;
}

.seccion_valores {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* SECCION VALORES */

.seccion_valores {
  display: flex;
  justify-content: space-evenly;
  align-items: center;

  width: 100%;
  height: 552px;
}

.valores_informacion {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 45%;
}

.valores_informacion_contenedor {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 25px;
  width: 550px;
  height: 390px;
}

.valores {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
  height: 50%;
}

.valores h2 {
  font-family: arial;
  font-size: 28px;
  color: #32375f;
}

.valores_lista {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.valores_lista li {
  font-size: 20px;
  font-family: Arial;
  color: #656565;

  /* viñetas */
  list-style-type: none;
  padding-left: 30px;
  background-image: url(../../rg/icons/vineta.svg);
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: left;
}

.valor_agregado {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;

  width: 100%;
  height: 50%;
}

.valor_agregado h2 {
  font-family: arial;
  font-size: 28px;
  color: #32375f;
}

.mission_lista {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.mission_lista li {
  font-size: 20px;
  font-family: Arial;
  width: 100%;
  height: 40px;
  color: #656565;

  /* viñetas */
  list-style-type: none;
  padding-left: 30px;
  background-image: url(../../rg/icons/vineta.svg);
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: left top 5px;
}

.valores_imagen {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45%;
}

.valores_imagen_contenedor {
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px 0;
  border: 16px solid transparent;
  background-image: linear-gradient(to right, #32375f, #47aad4),
    linear-gradient(to right, #32375f, #47aad4);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}

.valores_imagen img {
  max-width: 100%;
  object-fit: cover;
  aspect-ratio: 16 / 9;
  width: 438px;
  height: 293px;
  border-radius: 20px 0;
}

@media (min-width: 1025px) and (max-width: 1280px) {
}
@media (min-width: 768px) and (max-width: 1024px) {
  .quienes_informacion_contenedor p {
    font-size: 18px;
  }
  .quienes_imagen_contenedor {
    width: 100%;
  }
  .quienes_imagen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .mision_informacion p {
    font-size: 15px;
  }
  .vision_informacion p {
    font-size: 15px;
  }
  .valores_lista li {
    font-size: 18px;
  }
  .mission_lista li {
    font-size: 18px;
    height: auto;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .seccion_quienes {
    flex-direction: column;
    height: auto;
    padding: 20px;
  }
  .quienes_informacion {
    width: 100%;
  }
  .quienes_informacion_contenedor p {
    font-size: 16px;
  }
  .quienes_imagen_contenedor {
    width: 100%;
  }
  .quienes_imagen {
    width: 60%;
  }
  .quienes_imagen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .mision_informacion {
    flex-direction: column;
  }
  .vision_informacion {
    flex-direction: column;
  }
  .mision_informacion img {
    width: 50px;
    height: 50px;
  }
  .vision_informacion img {
    width: 50px;
    height: 50px;
  }
  .mision_vision_linea img {
    width: auto;
    height: 100%;
  }
  .mision_informacion p {
    font-size: 12px;
  }
  .vision_informacion p {
    font-size: 12px;
    text-align: justify;
  }
  .valores_informacion {
    width: 100%;
  }
  .seccion_valores {
    height: auto;
    padding: 20px;
    flex-direction: column;
  }
  .valores {
    width: 45%;
  }
  .valor_agregado {
    width: 55%;
  }
  .valores_informacion .valores_informacion_contenedor {
    flex-direction: row;
    width: 100%;
    height: auto;
    gap: 10px;
  }
  .valores_imagen {
    width: 60%;
    padding-top: 20px;
  }

  .valores_imagen img {
    width: 100%;
    height: 100%;
  }
  .valores_lista li {
    font-size: 16px;
  }
  .mission_lista li {
    font-size: 16px;
    height: auto;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .seccion_quienes {
    flex-direction: column;
    height: auto;
    padding: 20px;
  }
  .quienes_informacion {
    width: 100%;
  }
  .quienes_informacion_contenedor {
    width: 100%;
    height: auto;
    align-items: center;
  }
  .quienes_informacion_contenedor h2 {
    font-size: 16px;
  }
  .quienes_informacion_contenedor p {
    font-size: 12px;
  }
  .quienes_imagen {
    width: 80%;
    padding-top: 20px;
  }
  .quienes_imagen_contenedor {
    width: 100%;
    border: 10px solid transparent;
  }
  .quienes_imagen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .seccion_mision_vision {
    flex-direction: column;
    height: auto;
    padding: 20px;
  }
  .mision {
    width: 100%;
  }
  .mision h2 {
    font-size: 16px;
  }
  .vision {
    width: 100%;
  }
  .vision h2 {
    font-size: 16px;
  }
  .mision_informacion {
    flex-direction: column;
  }
  .vision_informacion {
    flex-direction: column;
  }
  .mision_informacion img {
    width: 50px;
    height: 50px;
  }
  .vision_informacion img {
    width: 50px;
    height: 50px;
  }
  .mision_vision_linea img {
    width: auto;
    height: 100%;
    transform: rotate(-90deg);
  }
  .mision_informacion p {
    font-size: 12px;
  }
  .vision_informacion p {
    font-size: 12px;
    text-align: justify;
  }
  .valores_informacion {
    width: 100%;
  }
  .seccion_valores {
    height: auto;
    padding: 20px;
    flex-direction: column;
  }
  .valores {
    width: 100%;
    align-items: center;
  }
  .valores h2 {
    font-size: 16px;
  }
  .valor_agregado {
    width: 100%;
    align-items: center;
  }
  .valor_agregado h2 {
    font-size: 16px;
  }
  .valores_informacion .valores_informacion_contenedor {
    flex-direction: column;
    width: 100%;
    height: auto;
    gap: 10px;
  }
  .valores_imagen {
    width: 60%;
    padding-top: 20px;
  }
  .valores_lista {
    width: 100%;
  }
  .valores_imagen img {
    width: 100%;
    height: 100%;
  }
  .valores_lista li {
    font-size: 12px;
  }
  .mission_lista li {
    font-size: 12px;
    height: auto;
  }
  .valores_imagen {
    width: 80%;
    padding-top: 20px;
  }
  .valores_imagen_contenedor {
    width: 100%;
    border: 10px solid transparent;
  }
  .valores_imagen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}