/* Estas reglas van después del diseño de escritorio para conservar el panel dentro de la pantalla móvil. */
@media (max-width: 800px) {
	body.woocommerce-account { overflow-x: hidden; }
	.nu-account-page .nu-wrap { width: calc(100% - 32px) !important; max-width: none !important; min-width: 0 !important; }
	.nu-account-page .woocommerce,
	.nu-account-shell { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
	.nu-account-page .nu-account-hero { display: block !important; width: 100%; min-width: 0; margin-bottom: 18px; padding: 28px 24px; border-radius: 18px; }
	.nu-account-page .nu-account-hero h1 { font-size: 34px; }
	.nu-account-page .nu-account-hero p { font-size: 13px; }
	.nu-account-page .nu-account-hero-card { min-width: 0; width: 100%; margin-top: 20px; padding: 16px 18px; }
	.nu-account-page .nu-account-layout { display: block !important; width: 100%; min-width: 0; }
	.nu-account-page .nu-account-menu { position: static; width: 100%; margin: 0 0 18px; }
	.nu-account-page .nu-account-panel { width: 100%; min-width: 0; }
	.nu-account-page .woocommerce-MyAccount-navigation { width: 100% !important; max-width: 100%; padding: 10px; border-radius: 16px; }
	.nu-account-page .woocommerce-MyAccount-navigation:before { padding: 5px 8px 10px; }
	.nu-account-page .woocommerce-MyAccount-navigation ul { display: flex; width: 100%; gap: 5px; overflow-x: auto; padding: 0 0 4px; -webkit-overflow-scrolling: touch; }
	.nu-account-page .woocommerce-MyAccount-navigation li { flex: 0 0 auto; margin: 0; }
	.nu-account-page .woocommerce-MyAccount-navigation li a { padding: 10px 12px; font-size: 11px; white-space: nowrap; }
	.nu-account-page .woocommerce-MyAccount-navigation li a:before { display: none; }
	.nu-account-page .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout { margin: 0; padding: 0; border: 0; }
	.nu-account-page .woocommerce-MyAccount-content { width: 100% !important; min-width: 0; padding: 25px 20px; border-radius: 16px; }
	.nu-account-page .woocommerce-MyAccount-content p { overflow-wrap: anywhere; }
	.nu-account-page .woocommerce table.shop_table { display: block; width: 100%; max-width: 100%; overflow-x: auto; white-space: nowrap; }
}