@charset "UTF-8";
/* CSS Document */




/*

			FUENTES DE REFERENCIA

font-family: 'Josefin Sans', sans-serif;
font-family: 'Lexend Deca', sans-serif;
font-family: 'Pacifico', cursive;
font-family: 'Pattaya', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Questrial', sans-serif;*/



*{
	margin: 0;
	padding: 0;
font-family: 'Lexend Deca', sans-serif;
	font-weight: 200;
	font-size: 22px;
	color: #543e24; 

}

h1 {font-size: 26px;}


h2 {font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 26px;
color: #946299;
text-align: center;}


.a {text-decoration: none;

}


section {padding: 10px 30px; font-family: 'Petit Formal Script', cursive; font-weight: 400;}

quote {font-family: 'Pacifico', cursive; font-size: 26px; text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; min-height: 150px;
}

footer, footer a, footer sup {font-size: 16px;}



.cta-jp {
	
	height: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: #fbcacd;
}

.texto-cta-jp {
	transition: 2s;
	font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 26px;
	text-align: center;

}

.texto-cta-jp a {text-decoration: none;}





.boton-jp {width: 360px; height: 75px; border-radius: 50px; background-color:#c2de9e; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-top: 35px; color: green; box-shadow: 2px 2px 2px #000; text-decoration: none; font-family: 'Lexend Deca', sans-serif;
	font-weight: 400;
	font-size: 22px;
	text-align: center;
}

.boton-jp a {text-decoration: none;}


.banner-tras {transition: 2s; display: flex; justify-content: center; align-items: center; margin-top: 5px; height: 52px; width: 100%; background-position: center; background-repeat: repeat; background-color:#FEF7E7;}


.banner-superior {
	transition: 2s;
	display: flex; justify-content: center; margin-top: 5px; height: 310px; width: 100%; background-size:contain; background-position: center; background-repeat: no-repeat; animation: bannersup 16s ease-in-out infinite; z-index: 100;
	
}

@keyframes bannersup {
	0% {background-image: url("images/banner-up-hrz-jp-2026.jpg")}
	29% {background-image: url("images/banner-up-hrz-jp-2026.jpg")}
	33% {background-image: url("images/banner-up-brown.jpg")}
	62% {background-image: url("images/banner-up-brown.jpg")}
	66% {background-image: url("images/banner-up-minipack-1.jpg")}
	96% {background-image: url("images/banner-up-minipack-1.jpg")}
	100% {background-image: url("images/banner-up-hrz-jp-2026.jpg")}

	
}



.grid-three-orchid {
	transition: 2s;	
	grid-column: 1fr 1fr 1fr 1fr;
	grid-row: 1fr 1fr;
	grid-template-areas:
		"orchi1 orchi2 orchi3 orchi4"
		"campana1 orchi2 campana3 campana4"
		
		;	
}

.grid-jp-evento {
	transition: 2s;	
	grid-column: 1fr 1fr 1fr 1fr;
	grid-row: 1fr 1fr 1fr;
	grid-template-areas:
		"event1 event2 event3 event4"
		"event1 event6 event3 event7"
		"event5 event8 event9 event10"
		
		;	
}


.grid-jp-tematico {
	grid-column: 1fr 1fr 1fr 1fr;
	grid-row: 1fr 1fr 1fr 1fr;
	grid-template-areas:
		"tematico1 tematico2 tematico3 tematico4"
		"tematico5 tematico6 tematico7 tematico8"
		"tematico9 tematico10 tematico11 tematico12"
		"tematico13 tematico14 tematico15 tematico16"
		
		;	
}


.grid-cups-portada {
	transition: 2s;	
	grid-column: 1fr 1fr 1fr 1fr;
	grid-row: 1fr;
	grid-template-areas:
		"cupc1 cupc2 cupc3 cupc4"
		;	
}


.grid-two-orchid,.grid-three-orchid,.grid-jp-evento,.grid-jp-tematico,.grid-four-orchid,.grid-five-orchid,.grid-ocasion,.grid-ramos,.grid-preserva,.grid-cups-portada {
	background-color: #fffff;
	width: 100%;
	padding: 5px;
	display: grid;
	grid-gap: 5px;
	
	
}

#orchi1,#orchi2,#orchi3,#orchi4,#orchi5,#event1,#event2,#event3,#event4,#event5,#event6,#event7,#event8,#event9,#event10,#ramos1,#ramos2,#ramos3,#ramos4,#preserva1,#preserva2,#preserva3,#preserva4,#campana1,#campana3,#campana4,.cupc1,.cupc2,.cupc3,.cupc4 {
transition: 2s;	
}

#orchi1 {
grid-area: orchi1;
}

#orchi2 {
grid-area: orchi2;
}


#orchi3 {
grid-area: orchi3;

}


.cupc1 {
grid-area: cupc1;
}

.cupc2 {
grid-area: cupc2;
}

.cupc3 {
grid-area: cupc3;
}

.cupc4 {
grid-area: cupc4;
}







.orchigral {
	transition: 2s;	
	width: 100%; height: 100%;
		box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
}


.orchigral-vert {
	transition: 2s;	
	height: 100%;
		box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
}


#orchi4 {
grid-area: orchi4;
}
#campana1 {
grid-area: campana1;
}
#campana2 {
grid-area: campana2;
}
#campana3 {
grid-area: campana3;
}
#campana4 {
grid-area: campana4;
}
#event1 {
grid-area: event1;
}
#event2 {
grid-area: event2;
}
#event3 {
grid-area: event3;
}
#event4 {
grid-area: event4;
}
#event5 {
grid-area: event5;
}
#event6 {
grid-area: event6;
}
#event7 {
grid-area: event7;
}
#event8 {
grid-area: event8;
}
#event9 {
grid-area: event9;
}
#event10 {
grid-area: event10;
}



#tematico1 {
grid-area: tematico1;
}
#tematico2 {
grid-area: tematico2;
}
#tematico3 {
grid-area: tematico3;
}
#tematico4 {
grid-area: tematico4;
}
#tematico5 {
grid-area: tematico5;
}
#tematico6 {
grid-area: tematico6;
}
#tematico7 {
grid-area: tematico7;
}
#tematico8 {
grid-area: tematico8;
}
#tematico9 {
grid-area: tematico9;
}
#tematico10 {
grid-area: tematico10;
}
#tematico11 {
grid-area: tematico11;
}
#tematico12 {
grid-area: tematico12;
}
#tematico13 {
grid-area: tematico13;
}
#tematico14 {
grid-area: tematico14;
}
#tematico15 {
grid-area: tematico15;
}
#tematico16 {
grid-area: tematico16;
}





.grid-1 { display: grid;
	margin: 0;
	padding: 25px;
	width: 100%;
	grid-gap: 0px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: 
		"pastel-1 pastel-1 text-1 text-2"
		"pastel-1 pastel-1 text-3 text-4"
}

#pastel-1 {grid-area: pastel-1; display: flex; align-items: center; justify-content: center; background-color: #959595; 
	background-image: url("images/imagen-sonic.jpg");
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	min-height: 350px;
	animation: imagen-uno 6s ease-in-out infinite;
	-webkit-animation:imagen-uno 5.5s ease-in-out infinite;
}

@keyframes imagen-uno {
	
	0% {
		background-image: url("images/imagen-sonic.jpg");
			background-size: 80%;
	}
	
	25% {
		background-image: url("images/imagen-sonic.jpg");
			background-size: 60%;
	}
	
	50% {
		background-image: url("images/imagen-sonic.jpg");
			background-size: 60%;
	}
	
	60% {
				background-image: url("images/imagen-totoro.jpg");
					background-size: 80%;

	}
	
	75% {
				background-image: url("images/imagen-totoro.jpg");
					background-size: 80%;

	}
	
	
	100% {
				background-image: url("images/imagen-totoro.jpg");
							background-size: 70%;


		
		
	}
	
	
}


#tex-1 {
	grid-area: text-1;
	width: 100%;
	height: 100%;
	background-color: #f9dfe0;
	display: flex;
	align-items: center;
	justify-content: center;
font-family: 'Lexend Deca', sans-serif;
	font-weight: 400;
}

#tex-1:hover {
	
	background-color: #fbacb1;
	transform: scale(.95);
	opacity: 0.7;
	
}



#tex-2 {
	grid-area: text-2;width: 100%;
	height: 100%;
	background-color: #fbcacd;
	display: flex;
	align-items: center;
	justify-content: center;
}

#tex-2:hover {
	background-color: #9F6E71;
	transform: scale(1.035);
	color: #F9DFE0;
	opacity: 0.7;
}

#tex-3 {
	grid-area: text-3;
	width: 100%;
	height: 100%;
	background-color: #fde8e5;
	display: flex;
	align-items: center;
	justify-content: center;
			font-family: 'Pattaya', sans-serif;

	


}
#tex-4 {
	grid-area: text-4;
	width: 100%;
	height: 100%;
	background-color: #f9dfe0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	color:#9d4449;

}

#barra-choc-1{
	
	height: 95px;
	width: 105%;
	background:url("images/embarrada-choco.jpg");
	background-position: center;
				background-size:auto;
	animation: escurre-1 6s ease-in-out infinite alternate;
	-webkit-animation:escurre-1 6s ease-in-out infinite alternate;
	position:relative;
	
}

@keyframes escurre-1 {
	0% {top:-20px;}
	50% {top:0px;}
	100% {top:-20px;}
	
	
	
}

@-webkit-keyframes escurre-1 {
	0% {top:-20px;}
	50% {top:0px;}
	100% {top:-20px;}
	
	
	
	
}

.grid-2 {
	
	margin: 0;
	padding: 25px;
	width: 100%;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "foto-1 foto-2 foto-3 foto-4"
	
	
	
}

#foto-1 {
	
	background-color: #684839;
	background-image: url("images/joanti-pastel-friends.jpg");
background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	grid-area: foto-1;
	color: #FBCACD;
font-family: 'Pattaya', sans-serif;
	
}

#foto-2 {
	
	background-color: #a1862f;
	width: 100%;
	height: 100%;
	grid-area: foto-2;
}

#foto-3 {
	
	background-color: #cbb18b;
	width: 100%;
	height: 100%;
	grid-area: foto-3;
}


#foto-4 {
	
	background-color: #fbcacd;
	width: 100%;
	height: 100%;
	min-height: 300px;
	grid-area: foto-4;
}