/*---------------------------------------
*        PAGINA NOSOTROS
*----------------------------------------
*/
@media (min-width:768px) {
   .nosotros ._barra-busqueda {
      height: 80px;
      position: sticky;
      top: 0;
   }
   .nosotros ._barra-busqueda .search-container {
      bottom: 0;
   }
}

.contenedor {
   padding: 0 20px;
}
.nosotros-main .titulo {
   padding: 20px 0;
}
@media (min-width:1024px) {
   .nosotros-main {
      display: grid;
      grid-template-columns: repeat(2,1fr);
   }
   div:nth-child(1) {
      grid-column: 1/3;
   }
   div:nth-child(2) {
      grid-column: 1/2;
   }
   div:nth-child(3) {
      grid-column: 2/3;
   }
   .nosotros-main ._contenido {
      padding: 0 20px;
   }

}
.nosotros-main .titulo h3{
   font-size: 40px;
   text-align: center;
   font-weight: 800;
}


.nosotros-img {
   z-index: -2;
   border-radius: 50px;
   object-fit: cover;
   width: 100%;
   height: 400px;
   background-image: url('../../img/update-servicios/PLATINUM/nosotros-hallpa.png');
   background-repeat: no-repeat;
   background-size: cover;

  /* Máscara con degradado en todos los contornos */
  -webkit-mask-image: radial-gradient(circle, black 70%, transparent 100%);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;

  mask-image: radial-gradient(circle, black 70%, transparent 100%);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}

.nosotros-main .subtitulo {
   margin: 30px 0;
}

.nosotros-main .subtitulo h3{
   font-size: 30px;
   text-align: left;
   font-weight: 400;
}

.nosotros-main .subtitulo span{
   font-size: 32px;
   font-weight: 800;
}
.nosotros-main .texto-nosotros p{
   text-align: justify;
}

.generalidades {
   margin: 30px 0;
}
@media (min-width:768px) {
   .generalidades {
      display: grid;
      align-items: center;
      justify-content: center;
      grid-template-columns: repeat(2,1fr);
      margin: auto;
   }
   .generalidades div:nth-child(1) {
      grid-column: 1/2;

   }
   .generalidades div:nth-child(2) {
      grid-column: 2/3;
      padding-left: 20px;
   }
   .generalidades div:nth-child(3){
      grid-column: 1/3;
   }
   .mision {
      border-right: 1px solid #000;
   }
   .valores {
      padding-top: 30px;
   }

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

}
.mision h3,.vision h3 {
   font-size: 32px;
   font-weight: 800;
}
.mision p, .vision p {
   padding: 20px 0;
}
.valores h3 {
   font-size: 20px;
   text-align: center;
}

.valores .valor {
   text-align: center;
   padding: 20px 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.valores .valor .icon {
   background-image: url("../../img/update-servicios/ICONOS/point-icon.png");
   height: 90px;
   width: 90px;
   background-repeat: no-repeat;
   background-size: cover;
   object-fit: cover;
}
.valores .valor p {
   margin-top: 20px;
}

.slogan-nosotros {
   margin-bottom: 100px;
   background-image: linear-gradient(
      rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)
   ), url("../../img/image-3.jpg");
   color: white
}
.slogan-nosotros p {
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   padding: 100px 0;
   line-height: 30px;
}
