/* Media Query para pantallas móviles (max-width: 800px) */
@media (max-width: 800px) {
	html,
	body{
		height:auto;
		min-height:0;
		overflow-x:hidden;
		overflow-y:auto;
	}

	body{
		display:block;
	}

	.wrap{
		width:100%;
		max-width:100%;
		padding:0 16px;
	}

	header{
		float:none;
		padding-top:10px;
		width: 100%;
		
		
		
		
		
		
		.logo,
		.logo_tuv,
		nav,
		ul.lang-selector{
			float:none;
			clear:both;
		}
		.logo{
			display:inline-block;
			img{
				height:34px;
				&.assembled_in_europe{
					height:10px;
					bottom:-20px;
				}
			}
		}
		.logo_tuv{
			margin-left:10px;
			display:inline-block;
			img{ height:34px; }
		}
		ul.lang-selector{
			float:none;
			width:100%;
			justify-content:flex-end;
			margin:14px 0 8px;
			gap:10px;
			
			
			
			
			li a img{ height:18px !important; }
		}
		nav{
			width:100%;
			margin-top:8px;
			gap: 0;
			
			ul{
				margin: 24px 0 12px;
				padding:0;
				display:flex;
				flex-wrap:wrap;
				justify-content: center;
				gap: 6px 16px;
				flex-direction: row;
				li{
					margin-left:0;
					a{ font-size:14px; }
				}
			}
		}
	}

	.main{
		float:none;
        width:100%;
        font-size:16px;
		.placa_induccion{
			margin-bottom:28px;
			h2{ font-size:24px; }
			h3{ font-size:20px; }
			> div:first-child{
				height:auto;
				padding:20px 0;
			}
			.planaflex26,
			.planaflex26 p{
				font-size:20px !important;
			}
			figure{
				margin:0;
				img{
					width:100%;
					height:auto;
					display:block;
				}
				&::after{ inset:0 80% 0 0; }
			}
		}

		.etiquetas{ padding:0; }

		.descubre_plana{
			margin:28px auto;
			> div:first-child{ height:auto; }
			h2{ font-size:24px; }
			p{ font-size:16px; }
		}

		.pg2026_flex{
			width:100%;
			max-width:100%;
			margin:20px auto 28px;
			font-size:16px;
			padding:0;
		}

		.contacta_info{
			font-size:20px;
			line-height:1.35;
		}
	}

	footer{
		float: left;
		width:100%;
		margin-top:36px;
		padding: 26px 0;
		text-align: center;
		min-height: 330px !important;
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		.wrap > div{
			display:flex;
			flex-direction:column;
			align-items:flex-start;
			gap:18px;
			flex-wrap: wrap;
			
			.menu_inferior,
			.menu_inferior ul{
				display:flex;
				flex-wrap:wrap;
				gap:10px 14px;
				justify-content: center;
			}
			.rrss{gap: 12px 30px;justify-content: center;}
		}
        .logo{
			float:none;
            width:100%;
            a{
				float:none;
				display:block;
                width:100%;
            }
        }
	}

	.under_construction{
		font-size:20px;
		img{ height:90px; }
	}
}

@media (max-width: 800px) and (max-height: 760px) {
	header nav ul{
		margin:16px 0 8px;
		gap:6px 12px;
	}

	.main{
		.placa_induccion{ margin-bottom:20px; }
		.descubre_plana{ margin:20px auto; }
		.pg2026_flex{
			margin:14px auto 18px;
			font-size:15px;
		}
		.contacta_info{ font-size:18px; }
	}

	footer{
		margin-top:20px;
		padding:18px 0 calc(18px + env(safe-area-inset-bottom));
		.wrap > div{
			gap:10px;
			.menu_inferior,
			.menu_inferior ul{ gap:6px 10px; }
			.rrss{ gap:8px 16px; }
		}
	}
}