@media screen and (max-width:1300px){
	.main-container {
		max-width: 1100px;
	}
	.g-recaptcha {
		transform:scale(0.90);
		transform-origin:0 0;
	}
}

@media screen and (max-width:1200px){
	.main-container {
		max-width: 1000px;
	}
	.g-recaptcha {
		transform:scale(0.80);
		transform-origin:0 0;
	}
}

@media screen and (max-width:1100px){
	.main-container {
		max-width: 900px;
	}
	.nav-links li a {
		padding: 10px 5px;
		font-size: 8px;
	}
	.g-recaptcha {
		transform:scale(0.70);
		transform-origin:0 0;
	}
}

@media screen and (max-width:900px){
	.home-grid {
		grid-template-columns: 1fr;
	}
	.sidebar.rightPane {
		order: 2;
	}
	.news-feed.leftPane {
		order: 1;
	}
}

@media screen and (max-width:800px){
	.main-container {
		max-width: 100%;
		padding: 0 15px;
	}
	.ward-navbar {
		flex-direction: column;
		height: auto;
		padding: 15px;
		gap: 15px;
	}
	.nav-links {
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}
	.nav-actions {
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}
	.hero-section {
		height: 280px;
		padding: 20px;
	}
	.hero-content h1 {
		font-size: 18px;
	}
	.hero-content p {
		font-size: 12px;
	}
	.g-recaptcha {
		transform:scale(0.60);
		transform-origin:0 0;
	}
}

@media screen and (max-width:600px){
	.nav-links {
		display: none;
	}
	.loginForm {
		flex-direction: column;
	}
	.loginForm .form-group {
		width: 100%;
	}
	.btn span {
		font-size: 8px;
	}
	.hero-content h1 {
		font-size: 14px;
	}
	.cta-button {
		padding: 10px 20px;
		font-size: 10px;
	}
	.g-recaptcha {
		transform:scale(0.42);
		transform-origin:0 0;
	}
}

/* Telas de 425px e menores */
@media screen and (max-width:480px){
	body {
		overflow-x: hidden;
	}
	
	.ward-navbar {
		width: 100%;
		padding: 10px;
		gap: 10px;
		box-sizing: border-box;
	}
	
	.nav-brand a {
		font-size: 12px;
	}
	
	.nav-actions {
		width: 100%;
		flex-direction: column;
		gap: 8px;
	}
	
	.nav-actions .btn {
		width: 100%;
		padding: 8px 10px;
		font-size: 10px;
		box-sizing: border-box;
	}
	
	.nav-actions .btn span {
		font-size: 8px;
	}
	
	.hero-section {
		height: auto;
		min-height: 200px;
		padding: 20px 15px;
	}
	
	.hero-content h1 {
		font-size: 12px;
		line-height: 1.5;
	}
	
	.hero-content p {
		font-size: 10px;
		line-height: 1.4;
	}
	
	.cta-button {
		padding: 8px 15px;
		font-size: 9px;
	}
	
	.main-container {
		padding: 0 10px;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		overflow-x: hidden;
	}
	
	/* Conteúdo principal - My Account e afins */
	.home-grid {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
	}
	
	.leftPane,
	.news-feed {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: auto;
		box-sizing: border-box;
	}
	
	.leftPane h1,
	.leftPane h2,
	.leftPane h3 {
		font-size: 10px !important;
		word-wrap: break-word;
	}
	
	.leftPane p {
		font-size: 11px;
		word-wrap: break-word;
	}
	
	/* Sidebar - Menu lateral */
	.rightPane,
	.sidebar {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	
	/* Footer responsivo */
	.ward-footer {
		padding: 20px 10px;
		width: 100%;
		box-sizing: border-box;
	}
	
	.footer-content p {
		font-size: 9px;
		line-height: 1.4;
	}
	
	.footer-disclaimer {
		font-size: 7px !important;
		line-height: 1.3;
	}
	
	/* Widgets */
	.widget {
		padding: 10px;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	
	.widget h3 {
		font-size: 9px;
	}
	
	/* Tabelas - forçar largura máxima */
	table {
		font-size: 9px;
		width: 100% !important;
		max-width: 100% !important;
		display: block;
		overflow-x: auto;
	}
	
	td, th {
		padding: 5px 3px;
		font-size: 8px;
		white-space: nowrap;
	}
	
	/* Formulários */
	select,
	input[type="text"],
	input[type="password"],
	input[type="submit"],
	button {
		max-width: 100%;
		box-sizing: border-box;
		font-size: 10px;
	}
	
	/* Botões sociais */
	.social-btn {
		font-size: 8px;
		padding: 8px;
	}
}

/* Telas de 375px e menores */
@media screen and (max-width:400px){
	.ward-navbar {
		padding: 8px;
	}
	
	.nav-brand a {
		font-size: 10px;
	}
	
	.nav-actions .btn {
		padding: 6px 8px;
	}
	
	.nav-actions .btn span {
		font-size: 7px;
	}
	
	.hero-content h1 {
		font-size: 10px;
	}
	
	.hero-content p {
		font-size: 9px;
	}
	
	.cta-button {
		padding: 6px 12px;
		font-size: 8px;
	}
	
	/* Conteúdo principal ainda menor */
	.leftPane h1,
	.leftPane h2,
	.leftPane h3 {
		font-size: 9px !important;
	}
	
	.leftPane p {
		font-size: 10px;
	}
	
	/* Tabelas menores */
	td, th {
		padding: 4px 2px;
		font-size: 7px;
	}
	
	.footer-content p {
		font-size: 8px;
	}
	
	.footer-disclaimer {
		font-size: 6px !important;
	}
	
	.widget h3 {
		font-size: 8px;
	}
	
	.widget {
		padding: 8px;
	}
	
	/* Links e botões */
	ul.linkbuttons li a {
		font-size: 9px;
		padding: 8px 4px;
	}
	
	.social-btn {
		font-size: 7px;
		padding: 6px;
	}
}