@charset "UTF-8";



@media screen and (max-width: 900px) {
	
	
	
	
	
.container .banner-superior {
	transition: 2s; height: 192px; margin-top: 0px;
	align-content: center
	
	
}
	
	
	
}



@media screen and (max-width: 621px) {
	
	
	
	.banner-tras {}

	

.container .banner-superior {
	transition: 2s; height: 372px; margin-top: 0px;
	animation: bannerres26 16s ease-in-out infinite; z-index: 100;
	background-size:cover;
	
}
	
	
	
	
	.grid-three-orchid {
		transition: 2s;	
	grid-column: 1fr 1fr;
	grid-row: 1fr 1fr 1fr 1fr;
	grid-template-areas:
		"orchi1 orchi2"
		"campana1 orchi2"
		"orchi3 orchi4"
		"campana3 campana4"
		;	
}

	
	.grid-jp-evento {
		transition: 2s;	
	grid-column: 1fr 1fr;
	grid-row: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas:
		"event1 event2"
		"event1 event6"
		"event3 event4"
		"event3 event7"
		"event5 event8"
		"event9 event10"
		;	
}
	
	
	.grid-jp-tematico {
		transition: 2s;
	grid-column: 1fr 1fr 1fr 1fr;
	grid-row: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas:
		"tematico1 tematico1 tematico3 tematico3"
		"tematico1 tematico1 tematico3 tematico3"
		"tematico2 tematico2 tematico4 tematico4"
		"tematico2 tematico2 tematico4 tematico4"
		"tematico5 tematico6 tematico7 tematico8"
		"tematico13 tematico13 tematico15 tematico15"
		"tematico13 tematico13 tematico15 tematico15"
		"tematico16 tematico16 tematico12 tematico12"
		"tematico16 tematico16 tematico12 tematico12"
		"tematico9 tematico14 tematico11 tematico10"
		
		;	
}


	.grid-cups-portada {
	transition: 2s;	
	grid-column: 1fr 1fr;
	grid-row: 1fr 1fr;
	grid-template-areas:
		"cupc1 cupc2"
		"cupc3 cupc4"
		;	
}
	
	#series-pelis {
		transition: 2s;
		font-size: 16px;
		padding: 10px;
	}
	
	#btn-pidepastel {
		transition: 2s;
		font-size: 16px;
		width: 310px;
		
	}
	
	
	section {padding: 10px 30px; font-family: 'Petit Formal Script', cursive; font-weight: 400; font-size: 14px;}
	
	quote {font-family: 'Pacifico', cursive; font-size: 22px; text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; min-height: 150px;
}
	
}





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









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 {
	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;}





.grid-two-orchid,.grid-three-orchid,.grid-jp-evento,.grid-jp-tematico,.grid-four-orchid,.grid-five-orchid,.grid-ocasion,.grid-ramos,.grid-preserva {
	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,#event1,#event2,#event3,#event4,#event5,#event6,#event7,#event8,#event9,#event10,#tematico1,#tematico2,#tematico3,#tematico4,#tematico5,#tematico6,#tematico7,#tematico8,#tematico9,#tematico10,
#tematico11,#tematico12,#tematico13,#tematico14,#tematico15,#tematico16 {
transition: 2s;	
}