@font-face {
	font-family: 'Candara';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/Candara.otf');
	font-display: block;
}

@font-face {
	font-family: 'Abuget';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/Abuget.otf');
	font-display: block;
}


body {
	font-family: Candara,Arial,sans-serif;
}

h1 {
	font-family: Abuget,"Times New Roman",Times,serif;
}

main {
	padding-top: 80px !important;
	padding-bottom: 46px !important;
}

#logoHome {
	min-height: 64px;
}

#logoHome img {
	width: 64px;
	height: 64px;
}

#mainLogo img{
	max-height: 80vh;
	max-width: 100%;
}

@media (max-width:600px) {
	#mainLogo img{
		content: url('http://mar-sedenno-interiorismo.com/img/logos/logoInicioAzul-transp-mobile.webp');
	}
}

input, textarea {
	caret-color: #c3e4e9;
}

input::placeholder, textarea::placeholder {
	font-style: italic;
}

hr.text-primary {
	border-style: dashed;
}

.navbar-brand, .nav-link {
	cursor: pointer;
}

.nav-link, .linkContact {
	border-bottom: 2px solid #0000;
}

.nav-link.active {
	cursor: text;
	border-bottom: 2px solid #0009;
}

.nav-link:hover:not(.active), .linkContact:hover {
	border-bottom: 2px solid #0007;
}

.productIcon{
	padding: 1.25rem;
	background: center / contain no-repeat url("../img/logos/logo600-fondo.png");
}

.productIcon, .productIcon i, .projectMain{
	filter: drop-shadow(0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1));
}



/* ANIMACIONES */

.fadeIn {
	pointer-events: auto;
	animation: fadeIn 2s;
}

@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1; visibility: visible;}
}

.fadeOut {
	pointer-events: none;
	animation: fadeOut 2s;
}

@keyframes fadeOut {
	from {opacity: 1}
	to {opacity: 0; visibility: hidden;}
}

@media (min-width:600px) {
	.contZoom {
		overflow: hidden;
	}

	.zoom {
		transition: transform .5s;
	}

	.zoom:hover {
		transform: scale(1.25);
		z-index: -1;
	}
}

.ownerData-facebook, .ownerData-pinterest, .ownerData-linkedin, .ownerData-instagram{
	background: inherit;
	transition: all 0.5s;
	transform: scale(0.9);
}

.ownerData-facebook:hover, .ownerData-pinterest:hover, .ownerData-linkedin:hover, .ownerData-instagram:hover{
	transform: scale(1);
}

.ownerData-facebook:hover {
	color: #1877f2 !important;
}

.ownerData-pinterest:hover {
	color: #e60023 !important;
}

.ownerData-linkedin:hover {
	color: #0a66c2 !important;
}

.ownerData-instagram:hover {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}



/* Swiper */

.swiper {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.swiper-button-prev:hover, .swiper-button-next:hover {
	opacity: 1 !important;
}


/* Card gallery */

.card.rounded-circle.overflow-hidden img {
	object-fit: cover; 
	object-position: center;
}

#modalGallery .modal-title {
	font-size: 3rem !important;
}

#modalGallery .modal-title:first-letter {
	text-transform: uppercase;
}

.projectContainer .card{
	width: 8rem;
	height: 8rem;
}