.primera_vista {
    display: flex;
    width: 100%;
    padding-bottom: 50px;
    border-bottom: 1px solid black;
}
.primera_vista p{
    margin-bottom: 20px;
}
#r p {
    color: black !important;
    line-height: 29px !important;
    font-family: 'open sans', sans-serif !important;
    font-size: 15px !important;
    text-align: left !important;
}
.boton_contacto_principal {
    padding-inline: 60px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: black;
    text-decoration: none;
    outline: 1px solid black;
    display: block;
    width: fit-content;
    border-radius: 4px;
    transition: 200ms;
}

/* abajo */
  .swiper {
      width: 100%;
      margin-left: auto;
      /* border-radius: 4px; */
      height: 214px;
      outline: 1px solid rgba(0,0,0,1);

  }
  .swiper-button-next:after, .swiper-button-prev:after{
      color: rgb(255, 255, 255);
      padding: 10px;
  }
  .swiper-slide img{
      width: 100%;
      object-fit: cover;
      height: 100%;
      position: absolute;
      /* border-radius: 4px; */
  }
  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
      width: 13px;
      height: 13px;
      cursor: pointer;
      outline: 1px solid rgba(0,0,0,0);
      background: white;
      opacity: 0.5;
  }
  .swiper-pagination-bullet-active{
      background: rgb(255, 255, 255) !important;
      opacity: 1 !important;
  }
  .swiper .swiper-slide span{
    text-align:center;
    background: rgba(45, 32, 32, 0.45); 
    padding: 4px;
    font-size:17px;
    backdrop-filter:blur(20px); 
    opacity: 1 !important; 
    border-bottom: 1px solid rgb(0, 0, 0);
    font-family: 'open sans';
    color: white;
    font-weight: 500;
    z-index: 100;
    position: relative;
    display: block;
  }

@media (max-width: 800px) {
    .primera_vista {
        flex-direction: column;
        flex-wrap: wrap;
        border: none;
        padding-bottom: 0;
    }
    .mitad ul{
        margin-top: 15px;
    }
    .swiper {
        margin-top: 30px;
        border: 1px solid black;
    }
    .primera_vista .contenedor_vista {
        width: 100% !important;
        margin: 0! important;
        padding: 0! important;
    }
}