:root {

  --negro: #000000;

  --blanco: #FFFFFF;

  --trans: transparent;

  --azul: #003B64;

  --amarillo: #E3AB00;

  --beige: #F4F1EA;

  --fuentePrin: 'Helvetica Neue', sans-serif;

  --fuenteSec: 'BenHand';

}







/* Bloque Top

--------------------------------------------- */

.search-top {

  width: 100%;

  padding: 260px 0 160px;

  border-radius: 0px 0px 64px 64px;

  background-color: var(--azul);

  z-index: 3;

  position: relative;

  background-size: cover;

  background-position: center;

}



.search-top span {

  display: block;

  color: var(--beige);

  text-align: center;

  font-family: var(--fuentePrin);

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 120%;

  margin-bottom: 20px;

}



.search-top h2 {

  color: var(--beige);

  text-align: center;

  font-family: var(--fuentePrin);

  font-size: 67px;

  font-style: normal;

  font-weight: 700;

  line-height: 120%;

  overflow-wrap: break-word;

}



@media (max-width:1199px) {

  .search-top {

    padding: 150px 0 130px;

  }



  .search-top h2 {

    font-size: 60px;

  }

}



@media (max-width:991px) {

  .search-top h2 {

    font-size: 55px;

  }

}





@media (max-width:767px) {

  .search-top h2 {

    font-size: 50px;

  }

}



@media (max-width:500px) {

  .search-top h2 {

    font-size: 45px;

  }

}





@media (max-width:350px) {

  .search-top h2 {

    font-size: 38px;

  }

}





@media (max-width:300px) {

  .search-top h2 {

    font-size: 30px;

  }

}





/* Bloque Resulados

--------------------------------------------- */

.search-res {

  background-color: var(--azul);

  border-radius: 0px 0px 64px 64px;

  margin-top: -70px;

  padding-top: 150px;

  padding-bottom: 80px;

  z-index: 2;

  position: relative;

}



.item {

  justify-content: space-between;

  margin-bottom: 80px;

  gap: 3%;

}



.item .col1 {

  width: 440px;

}



.item .col2 {

  width: 69%;

}



.item .miniatura {

  width: 100%;

  height: 231px;

  object-fit: cover;

  object-position: center 30%;

  border-radius: 16px;

}



.item .col2 .tit {

  color: var(--beige);

  font-family: var(--fuentePrin);

  font-size: 41.889px;

  font-style: normal;

  font-weight: 500;

  line-height: 120%;

  margin-bottom: 40px;

}



.item .col2 .txt p,

.item .col2 .txt a,

.item .col2 .txt a:hover,

.item .col2 .txt a:visited,

.item .col2 .txt span {

  margin: 0px;

  color: var(--beige);

  font-family: var(--fuentePrin);

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

  margin-bottom: 30px;

  background-color: var(--trans) !important;

}





.btn-item,

.btn-item:hover,

.btn-item:visited,

.btn-item:active {

  display: inline-block;

  background-color: var(--beige);

  color: var(--azul);

  font-family: var(--fuentePrin);

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  padding: 12px 15px;

  border-radius: 150px;

  text-decoration: none;

}



.nav-pag {

  justify-content: center;

}



.pagination {

  display: table;

}





.pagination .btn-pag {

  width: 48px;

  height: 48px;

  color: var(--blanco);

  font-family: var(--fuentePrin);

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 260%;

  text-align: center;

  display: inline-block;

  border: 1px solid var(--trans);

}





.pagination .btn-actual {

  border: 1px solid var(--blanco);

  border-radius: 100%;

  margin: 0 10px;

}



.pagination .pag-mas {

  color: var(--blanco);

  font-family: var(--fuentePrin);

  font-size: 18px;

  font-weight: 500;

  letter-spacing: 5px;

}



.pagination .btn-flech-final,

.pagination .btn-flech-inicio {

  display: none;

}



.pagination .btn-flech-final,

.pagination .btn-flech-inicio {

  display: none;

}



.pagination .btn-flech-anterior {

  width: 26px;

  height: 26px;

  background-image: url('https://intemares.entorno-desarrollo.es/wp-content/uploads/2023/10/flech-ant-buscar.svg');

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

  display: table-cell;

}



.pagination .btn-flech-siguiente {

  width: 26px;

  height: 26px;

  background-image: url('https://intemares.entorno-desarrollo.es/wp-content/uploads/2023/10/flech-sig-buscar.svg');

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

  display: table-cell;

}



.nav-pag a,

.nav-pag a:hover,

.nav-pag a:visited {

  text-decoration: none;

}



@media (max-width:1699px) {

  .item .col2 .tit {

    font-size: 34px;

  }



  .item {

    gap: 4%;

  }

}



@media (max-width:1199px) {

  .item .col2 .tit {

    font-size: 30px;

  }

}





@media (max-width:991px) {

  .item .col2 .tit {

    font-size: 27px;

  }



  .item .col1 {

    width: 250px;

  }

}



@media (max-width:767px) {

  .item {

    flex-direction: column;

  }



  .item .col1,

  .item .col2 {

    width: 100%;

  }



  .item .miniatura {

    width: 100%;

    height: 250px;

  }



  .btn-item,

  .btn-item:hover,

  .btn-item:visited,

  .btn-item:active {

    font-size: 18px;

  }



}



@media (max-width:500px) {

  .item .col2 .tit {

    font-size: 24px;

    margin-bottom: 30px;

  }



  .btn-item,

  .btn-item:hover,

  .btn-item:visited,

  .btn-item:active {

    font-size: 16px;

    padding: 10px 12px;

  }



  .pagination .btn-pag {

    width: 40px;

    height: 40px;

    font-size: 16px;

    line-height: 240%;

  }



  .pagination .btn-flech-anterior,

  .pagination .btn-flech-siguiente {

    width: 20px;

    height: 20px;

  }



  .pagination .btn-actual {

    margin: 0 6px;

  }



  .item .col2 .txt p,

  .item .col2 .txt a,

  .item .col2 .txt a:hover,

  .item .col2 .txt a:visited,

  .item .col2 .txt span {

    font-size: 16px;

  }

}





@media (max-width:350px) {

  .item .col2 .tit {

    font-size: 18px;

  }



  .item .col2 .txt p,

  .item .col2 .txt a,

  .item .col2 .txt a:hover,

  .item .col2 .txt a:visited,

  .item .col2 .txt span {

    font-size: 14px;

  }



  .btn-item,

  .btn-item:hover,

  .btn-item:visited,

  .btn-item:active {

    font-size: 16px;

  }



  .pagination .btn-pag {

    width: 35px;

    height: 35px;

    font-size: 14px;

    line-height: 240%;

  }



  .num-pag {

    margin: 0px 10px;

    width: 200px;

    text-align: center;

  }



  .pagination .btn-flech-anterior {

    margin-right: 15px;

  }



  .pagination .btn-flech-siguiente {

    margin-left: 15px;

  }

}



@media (max-width:300px) {

.num-pag {

  width: 190px;

}

}