@font-face {
  font-family: 'grafit';
  src: url(grafity.ttf);
}


.bold {
	font-weight: bolder
	}

.header {
	padding: 0 !important
	}

.header .logo h1 {
	color: #ffe3b3;
	}

.font-grafity-hero {
	font-family: 'grafit';
	font-size: 3em;
	color: #ff7d17; 
	text-shadow: 0px 0px 10px black;
	}

.inicio-subtitulo {
	background-color: rgba(255,255,15,0.8);
	padding-right: .5em;
	padding-left: .5em;
	font-size: 1.5em;
	border-radius: 10px;
	}

.img-sombra {
	box-shadow: -2px 2px 5px black;
	}

.sombrita {
	box-shadow: 0px 0px 10px #aaaaaa;
	}

.membername {
	font-size: 12px
	}


.team .member .member-info {
	border-radius: 10px;
	box-shadow: 0px 0px 5px #aaaaaa;
 	}
.team .member h4 {
	font-size: 12px;
	}

.team .member, .team .member .pic {
   border-radius: 10px !important;
   }

.portfolio-titulo {
	/* position: absolute; */
	}

.portfolio-titulo h4 {
   color: black;
	text-shadow: 0 0 2px black
   }

/*
h2.aos-init.aos-animate {
	font-family: 'grafit';
	}
*/

.meet-team-img {
  position: relative;
  overflow: hidden;
}
.meet-team-img::before {
  content: "";
  display: block;
  padding-top: 70%;
}
.meet-team-img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.meet-team-img:hover .meet-team-overlay {
  visibility: visible;
  transform: translateY(0);
}
.meet-team-img .meet-team-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  transform: translateY(100%);
  transition: all 0.4s ease-in-out;
  background-color: rgba(0, 0, 0, 0.6);
}
.meet-team-img .meet-team-overlay .social .btn:hover {
  background-color: var(--bs-primary) !important;
}

.scroll-top {
	z-index: 10 !important;
	}


.hero:before {
	background: color-mix(in srgb, #ffffff, transparent 90%);
	}

.hero img {
	/* object-fit: contain */
	}

.portafolio-titulo {
	background-color: rgba(0, 0, 0, 0.5);
	#background-color: rgba(255, 255, 255, 0.5);
	color: #ff4a17;
	padding: 5%;
	border-radius: 2em;
	border: 1px solid #000000;
	box-shadow: 0 0 15px rgba(255, 193, 7, 0.4);	
	}

.portafolio-titulo:hover {
	box-shadow: 0 0 15px rgba(255, 193, 7, 0.8);
	cursor: pointer
	}

.portafolio-titulo-text {
	color: #ff4a17;

	}

.galeria {
	padding: 0 !important;
	margin: 0 !important;
	}

.herocustom {
	position: absolute;
	padding: 0 !important;
	margin: 0 !important;
	top: 0;
	}


audio {
  filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
}



.gallery-item {
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.gallery-item:hover {
    transform: scale(1.02);
}

.gallery-item img {
    transition: transform 0.5s ease;
    object-fit: contain;
    height: 100%;
}

.gallery-overlay {
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(2px);
}

.gallery-item:hover .gallery-overlay {
    opacity: 1;
}

.overlay-content {
    transform: translateY(20px);
    transition: transform 0.3s ease;
}

.gallery-item:hover .overlay-content {
    transform: translateY(0);
}

/* Efecto adicional para la imagen al hacer hover */
.gallery-item:hover img {
    transform: scale(1.1);
}

.modal-gallery, #modalImage {
	height: 100vh;
	}

/* Responsive */
@media (max-width: 768px) {
    .gallery-item img {
        xheight: 100%;
    }
    
    .overlay-content h5 {
        font-size: 1rem;
    }
    
    .overlay-content p {
        font-size: 0.875rem;
    }
}

.contact .info-item i.limpio {
	border: none !important;
	display: inline;
	border-radius: none;
	width: auto;
	height: auto;
	color: black !important;
	}