/* Scss Document */
.div_filtro_p {
  padding-top: 10vw;
  display: block;
  position: relative; }

.div_bg_nosotros {
  width: 100%;
  height: 30vw;
  background-image: url(../imagenes/fondo-quienessomos.jpg);
  background-position: left top;
  background-size: cover;
  position: absolute;
  display: block;
  top: 0;
  box-sizing: border-box; }

.div_nosotros {
  width: 80%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 3vw;
  background-color: white;
  border-top-left-radius: 1vw;
  border-top-right-radius: 1vw;
  display: block;
  font-size: 1vw;
  color: #4c4c4c;
  position: relative;
  z-index: 90;
  box-shadow: 0 0 1vw 0 #364760; }

.tit_nosotros1 {
  display: block;
  text-align: center;
  margin-bottom: 3vw;
  font-size: 3vw;
  font-family: 'metropolis Extra Bold';
  color: #3B438C; }

.tit_nosotros2 {
  display: block;
  text-align: center;
  margin-bottom: 1vw;
  font-size: 1.5vw;
  font-family: 'metropolis Extra Bold';
  color: #152133; }

.tit_nosotros3 {
  display: block;
  text-align: center;
  margin-bottom: 3vw;
  font-size: 2vw;
  font-family: 'metropolis Extra Bold';
  color: #4c4c4c; }

.tit_nosotros4 {
  display: block;
  margin-bottom: 0.5vw;
  font-size: 1.5vw;
  font-family: 'metropolis Extra Bold';
  color: #3B438C; }

.txt_nosotros1 {
  width: 55%;
  margin: 0 auto 3vw auto;
  display: block;
  font-size: 1vw;
  color: #4c4c4c;
  text-align: center;
  line-height: 1.5vw; }

.img_nosotros {
  width: 100%;
  display: block;
  margin-bottom: 3vw; }

.img_nosotros2 {
  width: 100%;
  display: block; }

.grid_nosotros {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5vw;
  box-sizing: border-box; }

.div_dedicatoria {
  width: 80%;
  box-sizing: border-box;
  padding: 3vw 0;
  text-align: center;
  background-color: #3b438c;
  color: white;
  font-size: 1vw;
  margin: 0 auto;
  display: block;
  z-index: 90;
  position: relative; }

.tit_dedicatoria {
  display: block;
  font-size: 2vw;
  font-family: 'metropolis Extra Bold';
  color: white;
  text-align: center;
  margin-bottom: 1vw; }

.hr_nosotros {
  width: 100%;
  background-color: #dddddd;
  height: 0.2vw;
  display: block;
  margin: 1.5vw 0; }

.text_nosotros_ubi {
  display: block;
  text-align: center;
  font-size: 1.2vw;
  margin: 2vw 0;
  font-family: 'metropolis Semi Bold'; }

@media screen and (max-width: 800px) {
  .div_filtro_p {
    padding-top: 40px; }

  .div_bg_nosotros {
    width: 100%;
    height: 250px; }

  .div_nosotros {
    width: 90%;
    padding: 20px;
    background-color: white;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    font-size: 16px;
    box-shadow: 0 0 0 0; }

  .tit_nosotros1 {
    margin-bottom: 30px;
    font-size: 20px; }

  .tit_nosotros2 {
    margin-bottom: 16px;
    font-size: 20px; }

  .tit_nosotros3 {
    margin-bottom: 30px;
    font-size: 20px; }

  .tit_nosotros4 {
    display: block;
    margin-bottom: 8px;
    font-size: 20px;
    font-family: 'metropolis Extra Bold';
    color: #3B438C;
    padding-top: 40px;
    text-align: justify; 
  }

  .txt_nosotros1 {
    width: 90%;
    margin: 0 auto 30px auto;
    font-size: 16px;
    line-height: 20px; }

  .img_nosotros {
    margin-bottom: 30px; }

  .grid_nosotros {
    width: 100%;
    grid-template-columns: repeat(1, 1fr); }

  .div_dedicatoria {
    width: 90%;
    box-sizing: border-box;
    padding: 30px 0;
    font-size: 16px;
    margin: 0 auto; }

  .tit_dedicatoria {
    display: block;
    font-size: 24px;
    font-family: 'metropolis Extra Bold';
    color: white;
    text-align: center;
    margin-bottom: 16px; }

  .hr_nosotros {
    width: 100%;
    background-color: white;
    height: 3px;
    display: block;
    margin: 10px 0; }

  .text_nosotros_ubi {
    font-size: 20px;
    margin: 10px 0 20px 0; } }