/* Estilos personalizados */
body {
  /* font-family: 'Nothing You Could Do', cursive; */
  font-family: 'Urbanist', sans-serif;
}

.h1{
  font-weight: 800;
  letter-spacing: 1.5px;
}
.fullscreen-section {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
}

.fullscreen-video {
    position: relative;
    min-height: 100vh;
}

.fullscreen-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btn-ver-mas {
  background-color: rgba(0,0,0,1);
  color: white;
   padding: 15px;
  margin-top: 15px;
  letter-spacing: 2px;
}

.img-redes {
  filter: grayscale(0);
}

.img-redes:hover {
  filter: drop-shadow(1);
  filter: grayscale(1);
}


.sombra {
  filter: drop-shadow(1);
}

.pg_activa {
  background-color: #000;
  color:#fff;
  border: 1px solid lightsalmon;

}

.pg_inactiva {
  background-color: #ccc;
  color:#fff;
}

.bg-servicio{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
  cursor: pointer; /* Cambiar el cursor al hacer hover */
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);

  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);

  filter: brightness(75%);

}

.bg-servicio:hover {
  filter: brightness(100%);
  transform: scale(1.1); /* Escalar la imagen al hacer hover (puedes ajustar el valor según tus necesidades) */
  display: flex;
  justify-content: center;
  align-items: center;
}



.bg-sillas{
  background-image: url(../imgs/servicios/sillas.png);
}

.bg-audio{
  background-image: url(../imgs/servicios/audio.png);
}

.bg-estructuras{
  background-image: url(../imgs/servicios/toldos.png);
}

.bg-cristaleria{
  background-image: url(../imgs/servicios/cristaleria.png);
}

.bg-brincolines{
  background-image: url(../imgs/servicios/lounge.png);
}

.bg-lounge{
  background-image: url(../imgs/servicios/lounge.png);
}

.bg-mesas{
  background-image: url(../imgs/servicios/mesas.png);
}

.bg-toldos{
  background-image: url(../imgs/servicios/toldos.png);
}

.bg-manteleria {
  background-image: url(../imgs/servicios/toldos.png);
}

#articulo-big{
  width: 100%;
  min-height: 500px;
  /* border:1px solid blue; */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.bloque-scroll {
  height: 400px;
  overflow: auto;
}

footer li, #menu_interior a {
  letter-spacing: 3px;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}