/* RESET
-------------------------------------------------- */
@import url("../fonts/stylesheet.css");
html, button, input, select, textarea {color: #000; padding: 0;}
body {background-color: #fff; max-width: 100%; overflow-x: hidden;font-family: 'Red Hat Display', sans-serif;}
::-webkit-input-placeholder {color: #5e5e5e; opacity: 1 !important;}
:-moz-placeholder {color: #5e5e5e; }
::-moz-placeholder {color: #5e5e5e; }
:-ms-input-placeholder {color: #5e5e5e; }
input[placeholder], [placeholder], *[placeholder] {color: #5e5e5e;}
iframe{border: 0; background-color: transparent!important;}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-right: 50px;padding-left: 50px;}

header{background-color: transparent;max-width: 100vw; overflow-x: hidden;}
	.navbar,.navbar-iso{border-radius: 0;transition: all 800ms ease;}
		.navbar{padding: 55px 0;max-width: 100vw; overflow-x: hidden;}
			.navbar-brand{position: relative;z-index: 99; max-width: 105px;}
			.navbar-iso{max-width: 21px;}
				.navbar-brand>img,
				.navbar-iso>img{width: 100%;height: auto;}
					.navbar-iso:hover>img{filter: invert(.5);}
		
	/* Scrolled */
	.navbar.scrolled{background-color: #1d1d1b; padding: 15px 0;}

/* HERO */
.hero{max-height: 80vh; display: block; position: relative; overflow: hidden; background-color: #000;}
	.hero img{width: 100%;height: auto; min-height: 500px;object-fit: cover;}
	.hero .down-arrow{position: absolute; left: 50%; bottom: 50px; z-index: 2; transform: translateX(-50%); color: #fff;transition: all 400ms ease; padding: 40px 0;}
		.hero .down-arrow:hover{bottom: 40px;}
	.hero>.hero-caption{position: absolute; top: 0;left: 0; z-index: 1; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 30px;}
		.hero>.hero-caption h1{font-size: 56px; text-align: center; color: #fff; text-transform: uppercase;
			/*font-family: 'Futura Hv BT';*/
			font-family: 'FuturaPT-Bold';
			font-weight: 700;font-style: normal;}
/* Subhero */
	.hero>.hero-caption h2,
	.hero>.hero-caption h3{font-size: 30px; text-align: center; color: #fff; text-transform: uppercase;
font-family: 'FuturaPT-Medium';
font-weight: 700;
line-height: 1.5;
font-style: normal;}
.hero>.hero-caption h2 span{font-family: 'FuturaPT-Bold';}
.hero>.hero-caption h3{text-transform: none; font-size: 29px;font-family: 'FuturaPT-Book';}
.hero.thankyou>.hero-caption h1{text-transform: none;font-size: 56px;}
/* About */

.about,.creamos,.clientes{position: relative; padding: 90px 0 95px; background: #fff;}
	.about{background-color: #f9f9f9;}
	.about .d-flex{gap:32px;align-items: center; flex-direction: column;}
	.about-title,.about-text{color: #000; line-height: 1;}
		.about-title{font-family: 'FuturaPT-Medium';}
		.about-text{line-height: 1.5; font-weight: 400;letter-spacing: -0.92px; font-family: 'FuturaPT-Book';}
			.about-title>strong{display: block;}
	@media (max-width: 1530px) {
		.about-text>br{display: none;}
	}
	@media (max-width: 1024px) {
		.hero img{width: 100%;height: 500px;object-fit: cover; margin: 0 auto;}
	}
	@media (min-width: 991px) {
		.about .d-flex{flex-direction: row;gap:62px;}
	}
	
/*Contacto*/
.contacto{background-color: #f9f9f9; padding: 50px 0; border-top: 1px solid #000;}
.form-control,.btn-secondary,.dropdown-menu,.show > .btn-secondary.dropdown-toggle,.btn-secondary:hover,.btn-default {background-color: #fff; border-radius: 0;color: #000; text-align: left; text-transform: uppercase;font-weight: 500;border: none; margin-bottom: 20px; padding: 10px 12px; font-size: 14px; line-height: 1.5; height: 50px;
	font-family: 'FuturaPT-Bold';}
textarea.form-control{height: 180px;}
.form-control:focus{box-shadow: none; border-color: #000;}

.btn-secondary::after{position: absolute; top: 18px; right: 10px;border:none!important;width: 20px;height: 12px;background: url(../img/arrow.svg); transition: all .4s ease;}
.btn-secondary[aria-expanded="true"]::after{transform: rotate(-180deg);}

.dropdown-menu{width: 100%; height: auto;	box-shadow: 0 5px 5px 0 rgba(0,0,0,.5); }
.show > .btn-secondary.dropdown-toggle:focus {box-shadow: none;}
.btn-default{background-color: #000; color: #fff; text-align: center;}
.btn-default:hover{background-color: #1d1d1b;color: #fff;}
.contacto p{color: #aaa;}
.form-control::placeholder {color: #000;opacity: 1;}
/* filigrana */
.form-group.fili{
	position: relative;
}
.form-group.fili::after{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	display: inline-block;
	color: rgba(0,0,0,.3);
	text-transform: uppercase;
	content:"Opcional";
	font-family: 'FuturaPT-Bold';
	padding: 10px 24px;
  	font-size: 14px;
  	line-height: 1.5;

}
/* Image grid */
#creamos{background-color: #F9F9F9;}
.image-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 0;position: relative;}
.image-grid__caption{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.37); color: #fff;display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 30px;}
.image-grid__caption h2{text-transform: uppercase; text-align: center;font-family: 'Futura Hv BT'; font-weight: 500;}
.image-grid .item{position: relative;overflow: hidden;}
.image-grid .item img{aspect-ratio: 1/1; object-fit: cover; width: 100%;}
@media (max-width: 991px) {
	.image-grid{
		grid-template-columns: repeat(2,1fr);
	}
}
@media (max-width: 768px) {
	.contacto h3{font-size: 16px;font-family: 'FuturaPT-Medium';}
}
.contacto .container{
	max-width: 840px;
}
/* Creamos */
.creamos .d-flex{gap: 64px;align-items: center;max-width: 1000px;margin: 0 auto;}
@media (max-width: 991px) {
	.creamos .d-flex{gap: 48px; flex-direction: column;}
	.creamos h3,.creamos h4{text-align: center;}
}

.creamos h3{font-family: 'FuturaPT-Medium';}
.creamos h4{font-family: 'FuturaPT-Book';}
/* FIESTAS */
.fiestas{position: relative;background-color: #000;color: #fff;text-align: center;padding: 97px 0;}
.fiestas.container{max-width: 12840px;}
.fiestas-grid{width: 100%;overflow: hidden;padding-top: 50px;display: grid;grid-template-columns: repeat(5,1fr);gap: 32px;}
	.fiestas-grid .grid-item{position: relative;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
		.fiestas-grid .grid-item .circle{width: 190px;height: 190px;overflow: hidden;border-radius: 50rem;margin-bottom: 32px;border: 15px solid transparent;position: relative;transition: all .8s ease-in-out;border: 14px solid transparent;}
			.fiestas-grid .grid-item .circle img{width: 100%;height: 100%;aspect-ratio: 1;object-fit: cover;transition: all .6s ease-in-out;}
.fiestas-grid .grid-item:nth-child(1) .circle{background: linear-gradient(135deg, #F8601D, #7A2F8C) padding-box,linear-gradient(135deg, #F8601D, #7A2F8C) border-box;}
.fiestas-grid .grid-item:nth-child(2) .circle{background: linear-gradient(135deg, #F80612 , #F916F5 ) padding-box,linear-gradient(135deg, #F80612 , #F916F5 ) border-box;}
.fiestas-grid .grid-item:nth-child(3) .circle{background: linear-gradient(135deg, #5D96CF , #C22FAF ) padding-box,linear-gradient(135deg, #5D96CF , #C22FAF ) border-box;}
.fiestas-grid .grid-item:nth-child(4) .circle{background: linear-gradient(135deg, #6A9525 , #0E81F7 ) padding-box,linear-gradient(135deg, #6A9525 , #0E81F7 ) border-box;}
.fiestas-grid .grid-item:nth-child(5) .circle{background: linear-gradient(135deg, #D4327C , #0A15F5 ) padding-box,linear-gradient(135deg, #D4327C , #0A15F5 ) border-box;}
.fiestas-grid .grid-item .circle:hover{transform: rotate(360deg);}
.fiestas-grid .grid-item .circle:hover img{transform: scale(1.1) rotate(-360deg);}
@media (max-width: 1240px) {
	.fiestas-grid{grid-template-columns: repeat(2,1fr);}
	.fiestas-grid .grid-item:nth-child(3){grid-column: span 2;}
}
@media (max-width: 500px) {
	.fiestas-grid{grid-template-columns: repeat(1,1fr);}
	.fiestas-grid .grid-item:nth-child(3){grid-column: span 1;}

}
.fiestas h2,.fiestas h5{
	font-family: 'FuturaPT-Medium';
}
/* Mensaje */
.mensaje{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: linear-gradient(56deg, #F00 -1.95%, #F0F 101.24%);display: none;padding: 50px;border-radius: 0px;}
.mensaje .message-inner{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;}
.mensaje p{color: #fff;font-size: 20px;line-height: 1.5; max-width: 570px;}
	.mensaje p.large{font-size: 36px; line-height: 1.5;}
	.mensaje .separator{width: 576px;height: 1px;background-color: #fff; margin: 30px auto;}
	.mensaje .btn,.btn{display: flex; align-items: center; font-size: 13px; text-transform: uppercase; gap: 10px; border: none!important; border-radius: 0px;}
	.mensaje .btn.btn-default,.btn.btn-default{
		/*background: #000; border-radius: 0; color: #fff; */
	}
		.mensaje .btn svg path{fill: #3ed95f;}
			.mensaje .btn:hover, form .btn:hover{background: rgba(0, 0, 0, 0.50);color: #fff;}

	.btn.whatsapp{background-color: #fff; color: #000; min-width: 200px; padding: 15px 35px;transition: all .5s ease;	justify-content: center;}
		.btn.whatsapp>svg{width: 20px;height: 20px; transition: all .8s ease;}
			.btn.whatsapp:hover>svg>path{fill: #25D366;transition: all .5s ease-in-out;}
		.btn.whatsapp:hover{color: #25D366;}
	.btn.btn-secondary{color: #000; background: #fff;}

	.btn.spotify{background: #fff; color: #000; text-transform: uppercase; font-size: 12px; font-weight: 600; }
	/* CLIENTES */
.clientes .container{max-width: 1140px;}
.clientes h2{font-weight: 500;font-family: 'Futura Hv BT'; margin-bottom: 40px;}
.clientes img.img-responsive{width: 100%; max-width: 100%; height: auto;}
.grid-clientes{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap:60px;margin-bottom: 40px;}
.grid-clientes>img{transition: all .5s ease-in-out;}
@media (min-width: 991px) {
	.grid-clientes img:nth-child(1),
	.grid-clientes img:nth-child(10){
		margin-left:75px;
	}
	.grid-clientes img:nth-child(4),
	.grid-clientes img:nth-child(13){
		margin-right:75px;
	}
}
@media (max-width: 991px) and (min-width:768px) {
	.grid-clientes img:nth-child(5),
	.grid-clientes img:nth-child(12),
	.grid-clientes img:nth-child(19){
		margin-left:75px;
	}
	.grid-clientes img:nth-child(7),
	.grid-clientes img:nth-child(14),
	.grid-clientes img:nth-child(17){
		margin-right:75px;
		background-color: #fc0;
	}
}
/* footer */
footer{position: relative; background: #000; padding: 100px 0; color: #fff;}
	.footer-container{display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 0 0px;}
	footer a{color: #fff; position: relative; padding-left: 30px; background-repeat: no-repeat; background-position: left center;}
		footer a:hover{color: #fc0;}
		footer a.icon-email{background-image: url(../img/email.png);}
		footer a.icon-instagram{background-image: url(../img/instagram.png);}


.hero.thankyou{
	position: relative;
	width: 100%;
	height: calc(100vh - 320px);
	background: #f9f9f9;
	border-radius: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hero.thankyou>.hero-caption{
	position: relative;
	background: linear-gradient(56deg, #F00 -1.95%, #F0F 101.24%);
	padding: 0 50px;
	border-radius: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}
header.tk{
	position: relative;
}
header.tk .navbar-brand > img,
header.tk .navbar-iso > img {
	filter: invert(1);
}