@media only screen and (max-width: 520px) {

	:root{
		--wp--preset--font-size--small: 12px;
		--wp--preset--font-size--medium: 14px;
		--wp--preset--font-size--x-large: 32px;
	}

	.animate-scroll-lateral {
	  position: absolute;
	  z-index: 999;
	  bottom: 10%;
	  left: 50%;
	  transform: translate(-50%, 0);
	  animation:
	    scroll-lateral 1.5s ease-in-out infinite,
	    fade-out 1s ease forwards;
	  animation-delay: 0s, 5s;
	  display: block;
	}

	@keyframes scroll-lateral {
	  0%   { transform: translate(-50%, 0); }
	  25%  { transform: translate(calc(-50% - 10px), 0); }
	  50%  { transform: translate(-50%, 0); }
	  75%  { transform: translate(calc(-50% + 10px), 0); }
	  100% { transform: translate(-50%, 0); }
	}

	@keyframes fade-out {
	  to { opacity: 0; visibility: hidden; }
	}

	header {
		padding: 30px 20px;
	}

	header .title{
		font-size: 15px;
	}

	header .logo {
		width: 70px;
		transform: translate(-50%, 5px);
	}

	header .pagination-secciones .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		margin: 3px !important;
		padding: 4px;
	}

	#inicio {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#inicio .bloques {
		flex-direction: column;
		gap: 10px;
		font-size: 20px;
	}

	#inicio .bloques figure{
		display: none;
	}

	#inicio .bloques span.titulo_menu{
	    display: block;
	}

	#contenido-horizontal .bloques{
		flex-direction: column;
	}

	#contenido-horizontal{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#contenido-horizontal > figure {
		aspect-ratio: 16/9 !important;
		height: auto;
	}

	#contenido-horizontal > figure video {
		object-fit: contain;
	}

	#contenido-horizontal .navegacion{
		padding-left: 0;
		padding-top: 0;
		padding-right: 0;
	}

	#contenido-horizontal .navegacion .nav-portfoleo-horizontal {
		width: 100%;
	}

	#contenido-horizontal .navegacion .nav-portfoleo-horizontal .swiper-slide,
	#contenido-vertical .nav-portfoleo-vertical .swiper-slide{
		font-size: 16px;
	}

	#drops div.destacado {
		gap: 10px;
		padding-bottom: 20px;
		flex-direction: column;
	}

	#drops .galeria_productos{
		gap: 0;
	}

	.popup {
		padding: 20px;
	}

	.popup .cont_popup {
		flex-direction: column;
	}

	.popup .cont_popup > * {
		width: 100%;
		height: 50%;
	}

	.popup .cont_popup .desc_popup .cont_desc{
	    max-width: 100%;
	}

	.popup .cont_popup .desc_popup {
		padding: 25px;
		overflow-x: scroll;
		justify-content: start;
	}

	.popup .cont_popup .desc_popup h2, .popup .cont_popup .desc_popup p {
		width: 100%;
	}

	.popup .close-popup.interior {
		right: 30px;
		top: 30px;
	}

	.transicion img {
		display: none;
	}
	.transicion img:first-child {
		display: block;
		padding: 0;
		margin: 0;
	}

	#contenido-vertical .bloques{
		flex-direction: column;
	}

	#contenido-vertical .bloques > figure:first-child{
		display: none;
	}

	#contenido-vertical .bloques .central {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  padding: 0;
	  height: fit-content;
	  padding-bottom: 30px;
	  z-index: 2;
	}

	#contenido-vertical .play-video span.play{
		top: auto;
		bottom: 10%;
	}

	.play-video img{
		opacity: 0.3;
	}

	.nav-portfoleo-vertical .swiper-slide{
		width: auto !important;
	}

	#reserva {
		flex-direction: column;
		overflow-x: scroll;
	}

	#reserva .left {
		width: 100%;
	}

	#reserva .formulario {
		max-width: none;
		margin-bottom: 25px;
		padding: 20px;
	}

	#reserva #menu-legal {
		transform: none;
		writing-mode: unset;
		gap: 10px;
		display: flex;
		justify-content: end;
	}

}

@media only screen and (orientation: landscape) and (max-height: 580px) { /*Móvil horizontal*/

	div#aviso-movil-horizontal {
		position: fixed;
		inset: 0;
		display: flex;
		background-color: black;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 18px;
		z-index: 9999;
	}

	.giro-movil {
	  display: block;
	  width: 50px;
	  position: absolute;
	  top: 20%;
	  left: 50%;
	  z-index: 999;
	  animation: girar-movil 4s ease-in-out infinite;
	  transform-origin: center center;
	  transform: rotate(-90deg);
	}

	@keyframes girar-movil {
	  0%, 100% { transform: translate(-50%, -50%) rotate(0deg); }
	  40%, 60% { transform: translate(-50%, -50%) rotate(-90deg); }
	}

}


@media only screen and (max-height: 580px) { /*Móvil horizontal*/

/*	#contenido-horizontal > figure video {
		object-fit: cover;
	}

	#drops {
		padding-top: 100px;
		flex-direction: row;
		gap: 50px;
		justify-content: space-between;
	}

	#drops div.destacado {
		padding-bottom: 0;
		flex-direction: row;
		width: 100% !important;
		text-wrap: nowrap;
		height: 100%;
		justify-content: start;
	}

	#drops div.destacado .datos_producto,
	#drops div.destacado h2 {
		margin-bottom: 0;
	}

	#drops .galeria_productos {
		width: auto;
		height: 100%;
	}

	#drops .galeria_productos figure{
		width: 200px !important;
		height: 200px !important;
	}

	.carousel_productos {
		height: auto;
		max-width: 100%;
		width: 220px;
	}

	.popup .cont_popup{
		flex-direction: row;
	}

	.popup .cont_popup > * {
		width: 50%;
		height: 100%;
	}

	#reserva {
		padding: 0;
		flex-wrap: wrap;
		justify-content: start;
	}

	#reserva .left{
		position: sticky;
		top: 0;
	}

	#reserva {
	  display: flex;
	  flex-wrap: wrap;
	  width: 100%;
	  padding-top: 0;
	  gap: 25px;
	  overflow-x: scroll;
	  align-items: start;
	}

	#reserva > div:first-child {
	  flex: 0 0 auto;
	}

	#reserva > div:nth-child(2) {
	  flex: 1 1 auto;
	  max-width: 400px;
	}

	#reserva > div:nth-child(3) {
	  flex: 0 0 100%;
	}

	#reserva .formulario{
		padding-top: 100px;
		padding-right: 20px;
	}

	#reserva #menu-legal {
		transform: none;
		writing-mode: unset;
		gap: 10;
		display: flex;
		justify-content: end;
	}*/

}