/**********************************************************/
/************************* CUSTOM *************************/
/**********************************************************/

/************************** MENÚ **************************/

.fullscreen-menu {
  transition: 0.5s;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.9);
}

.esconder {
  opacity: 0;
  visibility: hidden;
}

.btn-cerrar {
  top: 10px;
  right: 10px;
}

.menu-item a {
  padding: 0;
  color: #000 !important;
  transition: filter 0.3s;
  font-size: 4vw;
}

@media (max-width: 767px) {
  .menu-item a {
    font-size: 8vw;
  }
}

/************************* HOVER DE CATEGORÍAS *************************/

@media (min-width: 768px) {
  .hover-cols>.hover-col {
    width: 25%;
  }

  /* cuando hay hover, todos se achican */
  .hover-cols:hover>.hover-col {
    width: 22%;
  }

  /* el activo crece */
  .hover-cols>.hover-col:hover {
    width: 34%;
  }

  .hover-col img {
    width: 300px !important;
  }

  /* contenedor de la card */
  .hover-col .bg-gris-claro {
    overflow: hidden;
    /* CLAVE: recorte */
    position: relative;
  }

  /* imagen */
  .hover-col img {
    transform: translateX(25%) scale(1.3);
    /* recorte inicial */
    transition: 0.5s;
  }

  /* cuando el bloque se expande */
  .hover-col:hover img {
    transform: translateX(10%) scale(1);
  }
}

/************************* GENERAL *************************/

body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  background-image: url("/wp-content/themes/bootstrap-5/img/bglineas.jpg");
}

footer,
.bglineas-oscuro {
  background-image: url("/wp-content/themes/bootstrap-5/img/bglineas_oscuro.jpg");
}

.bglineas-blancas {
  background-image: url("/wp-content/themes/bootstrap-5/img/bglineas_blancas.jpg");
}

body,
footer,
.bglineas-oscuro,
.bglineas-blancas {
  background-repeat: repeat-y;
  background-size: contain;
}

.bg-gris,
.page-template-page-inicio .navbar,
.page-template-page-servicios .navbar,
.page-template-page-equipo .navbar {
  background-color: #eaeaea;
}

.bg-gris-claro {
  background-color: #D6D6D6;
}

.bg-gris-oscuro {
  background-color: #757575;
}

.invertir {
  filter: invert(1);
}

.navbar-brand img {
  width: 200px;
}

.hvr-underline-from-center:before {
  background: #000;
  height: 1px;
}

footer .hvr-underline-from-center:before {
  background: #fff;
}

.page-template-page-oficinas main,
.page-template-page-hablemos main {
  margin-top: -74px;
}

.fs-4vw {
  font-size: 4vw;
}

.fs-5vw {
  font-size: 5vw;
}

.fs-10vw {
  font-size: 10vw;
}

.fs-15vw {
  font-size: 15vw;
}

.fs-25vw {
  font-size: 25vw;
}

.w-35 {
  width: 35% !important
}

.texto-horas {
  line-height: 16px;
}

.text-amarillo {
  color: #FFC500;
}

.text-morado {
  color: #BD8AF2;
}

.text-rojo {
  color: #FF0011;
}

.text-verde {
  color: #00D363;
}

.text-azul {
  color: #0079FB;
}

.text-naranja {
  color: #FF8C00;
}

.lista-proyectos-izq img,
.lista-proyectos-der img,
.lista-equipo-item img,
.img-reciente-home,
.galeria-proyecto img,
.foto-oficina {
  object-fit: cover;
}

.lista-equipo-item img {
  filter: grayscale(100%);
  transition: 0.5s;
}

.lista-equipo-item:hover img {
  filter: grayscale(0%);
}

.img-reciente-home {
  height: 500px;
}

.img-reciente-home-impar {
  height: 400px;
}

.lista-proyectos-izq img {
  height: 500px;
}

.lista-proyectos-der img {
  height: 400px;
}

.lista-equipo-item img {
  height: 400px;
}

.galeria-proyecto img {
  height: 500px;
}

.vh-99 {
  height: 99vh;
}

.banner-noticia {
  height: 600px;
}

.page-template-page-hablemos .navbar-brand,
.page-template-page-oficinas .navbar-brand {
  filter: brightness(0) invert(1);
}

.page-template-page-hablemos .navbar,
.page-template-page-oficinas .navbar,
.page-template-page-hablemos .navbar button,
.page-template-page-oficinas .navbar button {
  color: #fff !important;
}

.marquee-wrapper {
  overflow: hidden;
  white-space: nowrap;
}

.marquee {
  display: inline-block;
  padding-left: 100%;
  animation: scroll-left 25s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.relojes {
  width: 70vw;
}

.foto-oficina {
  height: 45vw;
}

.video-75 {
  width: 75%;
}

.banner-home img, .banner-home video {
  height: 80vh;
}

.btn-ver-mas-banner {
  bottom: 50px;
  right: 50px;
}

.subtitulo-banner, .titulo-banner {
  left: 50px;
}

.subtitulo-banner {
  bottom: 100px;
}

.titulo-banner {
  bottom: 50px;
}

.btn-ver-proyecto {
  left: 0;
  right: 0;
  width: fit-content;
  transition: 500ms;
}

.lista-proyectos-izq:hover .btn-ver-proyecto,
.lista-proyectos-der:hover .btn-ver-proyecto,
.btn-ver-proyecto-banner {
  opacity: 0.8 !important;
}

.lista-proyectos-izq .btn-ver-proyecto {
  top: 230px;
}

.lista-proyectos-der .btn-ver-proyecto {
  top: 180px;
}

.proyecto-slider {
  width: 50%;
}

.custom-select{
  border-radius: 18px;
  padding: 4px 40px 4px 15px;
  margin-top: 5px;
  cursor: pointer;

  appearance: none;          /* estándar */
  -webkit-appearance: none;  /* Safari/Chrome */
  -moz-appearance: none;     /* Firefox */

  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE3IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNS43NSAwLjc1TDguMjUgOC4yNUwwLjc1IDAuNzUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: right 0.70rem center;
  background-size: 12px;
}

.custom-select-header{
  display: inline;
}

.custom-select-header select{
  border-radius: 8px;
  padding: 4px 10px;
  margin-top: 5px;
  cursor: pointer;

  appearance: none;          /* estándar */
  -webkit-appearance: none;  /* Safari/Chrome */
  -moz-appearance: none;     /* Firefox */

  font-size: 13px;

  background-color: transparent;
}

@media (max-width: 767px) {
  .img-reciente-home {
    height: 300px;
  }

  .lista-proyectos-izq img,
  .lista-proyectos-der img {
    height: 300px;
  }

  .lista-proyectos-izq .btn-ver-proyecto,
  .lista-proyectos-der .btn-ver-proyecto {
    top: 130px;
  }

  .galeria-proyecto img {
    height: 300px;
  }

  .lista-equipo-item img {
    height: 200px;
  }

  .filtro-proyectos a {
    display: inline-block;
  }

  .foto-oficina {
    height: 100vw;
  }

  .banner-noticia {
    height: 300px;
  }

  .page-template-page-oficinas main,
  .page-template-page-hablemos main {
    margin-top: -125px;
  }

  .subtitulo-oficina-banner, .subtitulo-banner, .titulo-banner {
    left: 40px;
  }

  .titulo-banner {
    bottom: 20px;
  }

  .subtitulo-banner {
    bottom: 60px;
  }

  .subtitulo-oficina-banner {
    bottom: 92px;
  }

  .proyecto-slider {
    width: 100%;
  }
}