/* general */
@font-face {
  font-family: 'Gill Sans';
  src: url('../font/GillSans.otf') format('opentype'),
    url('../font/GillSansMedium.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'Gill Sans', sans-serif;
  background-color: #000000;
  user-select: none;
}

h1,
h2,
h3,
p {
  font-family: 'Gill Sans', sans-serif;
}

img {
  -webkit-user-drag: none; /* Safari */
  -khtml-user-drag: none; /* Konqueror HTML */
  -moz-user-drag: none; /* Old versions of Firefox */
  -o-user-drag: none; /* Old versions of Opera */
  user-drag: none; /* Standard syntax */
}

.bg-cement {
  background-color: #656565;
}

.bg-black {
  background-color: #000000;
}

.text-cement {
  color: #656565;
}

.text-orange {
  color: #b7b7b7;
}

.opacity-40 {
  opacity: 0.4
}

.opacity-60 {
  opacity: 0.6
}

.fw-600 {
  font-weight: 600;
}

.btn.btn-wood {
  background-color: #c9a47e;
  color: #fff;
  border-color: #c9a47e;
}

.btn.btn-wood:hover {
  background-color: #70573e;
  color: #fff;
  border-color: #70573e;
}

.text-size-5 {
  font-size: 3rem;
  line-height: 1rem;
}

.input {
  border: 1px solid rgb(32, 32, 32);
  border-radius: 3px;
  padding: 10px;
  width: 100%;
  background-color: gray;
}

.adelanteDeTodo {
  z-index: 9999;
}

.h-80 {
  height: 80vh;
}

.testimonios {
  background-image: url('../images/abstract-g21d9c2eac_1920.jpg');
  animation: slide 25s linear infinite;
}

.imgContacto {
  transition: all 0.3s ease;
}

.btnEnviar {
  background-color: #9c6a3a;
  border: none;
}

.btnEnviar:hover {
  background-color: #cd945c;
  border: none;
}

/* Estilos para los enlaces en la lista */
ul.nav a {
  color: #fff;
  text-decoration: none;
}

/* Estilos para los enlaces en el hover */
ul.nav a:hover {
  color: #cd945c;
}

/* Estilos para el icono y el texto en el enlace */
ul li a {
  color: #fff;
  text-decoration: none;
}

/* Estilos para el cambio de color en el hover */
ul li a:hover {
  color: #cd945c;
}



@keyframes slide {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 100% 0;
  }
}


@media (min-width: 1200px) {
  .px-xl-15 {
    padding-left: 15rem;
    padding-right: 15rem;
  }

  .px-xl-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .px-xl-7 {
    padding-left: 7rem;
    padding-right: 7rem;
  }
}

.subtitulo3 {
  font-size: 1.15rem;
  font-weight: 400;
  color: #646262;
  margin-bottom: 20px;
}

/* carousel inicial */
.carousel {
  height: 30vh;
}

.tamanio-carousel {
  height: 30vh;
}

.carousel-redes {
  position: absolute;
  top: 33vh;
  left: 65vw;
  transform: translateY(-50%);
  z-index: 10;
  /*background-color: rgba(0, 0, 0, 0.7);*/
  color: white;
  padding-left: 10px;
}

.carousel-texto {
  position: absolute;
  top: 25vh;
  left: 5vw;
  transform: translateY(-50%);
  z-index: 10;
  /*background-color: rgba(0, 0, 0, 0.7);*/
  padding: 20px;
  color: white;
  padding-left: 10px;
}

.carousel-texto h1 {
  font-size: 1.2rem;
}

.carousel-texto h4 {
  font-size: 0.8rem;
}

.carousel-texto h1,
.carousel-texto h4 {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.imgContactoCarousel {
  width: 80px;
}

@media (min-width: 768px) {
  .carousel-redes {
    position: absolute;
    top: 88vh;
    left: 82vw;
    transform: translateY(-50%);
    z-index: 10;
    /*background-color: rgba(0, 0, 0, 0.7);*/
    color: white;
  }

  .carousel-redes i {
    font-size: calc(1.275rem + .3vw) !important;
  }

  .carousel-texto {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 10;
    /*background-color: rgba(0, 0, 0, 0.7);*/
    padding: 20px;
    color: white;
    padding-left: 100px;
  }

  .carousel {
    height: 85vh;
  }

  .tamanio-carousel {
    height: 85vh;
  }

  .carousel-texto h1 {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  .carousel-texto h4 {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  }

  .carousel-texto {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    z-index: 10;
    /*background-color: rgba(0, 0, 0, 0.7);*/
    padding: 20px;
    color: white;
    padding-left: 10px;
  }

  .imgContactoCarousel {
    width: 150px;
  }
}

/* carousel ambientes */
.carousel-ambientes {
  height: 250px;
}

/* testimonios */
.rating {
  display: inline-block;
  font-size: 1.2rem;
}

.rating .fa {
  color: yellow;
}

.card-zoom:hover {
  transform: scale(1.08);
  transition: transform 0.5s ease;
}

/* proyectos */
#proyectos img {
  max-height: 400px;
  transition: transform 0.3s ease-in-out;
}

h1 .text-white {
  color: #fff;
}

.col-12 {
  overflow: hidden;
}

.img-hover {
  position: relative;
}

.img-hover .oscurecer {
  transition: opacity 0.3s ease-in-out;
}

.img-hover:hover .oscurecer {
  transform: scale(1.2);
  opacity: 0.2;
}

.overlay {
  background-color: #ffffffda;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  text-align: center;
  color: #000000;
  padding: 0;
  margin: 0;
  width: 90%;
  height: 85%;
}

.img-hover:hover .overlay {
  opacity: 1;
}

/* Estilo para la barra de desplazamiento */
::-webkit-scrollbar {
  width: 5px;
  background-color: #1d1d1d;
}

/* Estilo para el cursor de la barra de desplazamiento */
::-webkit-scrollbar-thumb {
  background-color: #cd9c67;
  border-radius: 5px;
}

/*modal
.modal-dialog {
  width: 90%;
}
*/


/* NAVBAR Y HAMBURGESA */
.offcanvas-container {
  display: none;
}

.offcanvas-container.visible {
  display: block;
}

.offcanvas {
  max-width: 80%;
}

/* Estilos para centrar los enlaces horizontal y verticalmente */
#hamburgesaNav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* Centrar verticalmente los enlaces */
  align-items: center;
  /* Centrar horizontalmente los enlaces */
  height: 100%;
  /* Establecer la altura para ocupar el espacio disponible */
}

/* Estilos para los elementos de la lista */
#hamburgesaNav li {
  list-style: none;
  /* Eliminar el estilo de lista por defecto */
}

/* Estilos para los enlaces dentro de los elementos de la lista */
#hamburgesaNav li a {
  color: #fff;
  text-decoration: none;
  font-size: 1.25rem;
  /* Tamaño de fuente (puedes ajustarlo según tus preferencias) */
  padding: 0.75rem 0;
  /* Espaciado vertical y horizontal de los enlaces */
}


/* loading */
.loading-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  /* Puedes cambiar el color de fondo si lo deseas */
  z-index: 9999;
}

/* Agregamos una animación de fade al texto adicional */
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fade-in {
  animation: fadeIn 1s ease-in-out;
}

/* sweetAlert */
.swal-button {
  background-color: #cd945c;
  border: none;
  transition: background-color 0.3s; /* Agregamos transición para suavizar el hover */
}

.swal-button:hover {
  background-color: #9c6a3a;
  border: none;
}