/* SOBRE
 * O script passou por atualziações para refinar detalhes.
 * Sua esturara segue peguando cada página em partiucular e aplicando as regras CSS individualemtne para corrigir os erros.
 * 
 * Agora, cada "Parágrafo" de código é de uma página, com a estrutura de:
 * - Regras Genéricas, aonde aplicam elas em todos os casos da página.
 * - Divisão em Breakpoints:
 * - - Mobile      : 0    - 320
 * - - Tablet      : 321  - 786
 * - - Desktop MIN : 787  - 1024
 * - - Desktop MAX : 1025 - 1920
 * - - Ultrawide   : 1921 - ...
 * 
 * No final do script, há as regras desenvolvidas no início do projeto. Elas estão em atividade ainda, não sendo substituidas em caso de correções no modelo apresentado anteriormente.
 * */








/**********************************************************************************/
/*BREAKPOINTS*/
/*Mobile
@media (max-width : 786px) {
	#area-banner .area-banner-texts .container .welcome {
		position: auto;
		width: 100%;
		margin-top: 32px;
	}

	

	#brands .container section ul,



}*/



/*Página SOBRE*/

#about-brands .container section ul {
	display: flex;
	flex-direction: row;
	margin-top: 90px;
	gap: 20px;
}

/*Página SEJA UMA REVENDA*/



/*Página CONTATO*/



/* CSS original a baixo */
@media (max-width: 1399px) {

	/* search-bar -> main section */
	#search-bar .container .filter-box .select-box {
		gap: 15px;
	}

	#search-bar .container .filter-box .select-box .select-container {
		gap: 5px;
	}

	#search-area .container .results {
		padding: 0px 55px;
	}

	#search-area .container .results article .product-row {
		column-gap: 5px;
	}

	/* nathor-body -> kids-cycling */
	#nathor-body .container .kids-cycling article:nth-of-type(1) h2 {
		font-size: clamp(20px, 3vw, 34px);
	}

	#nathor-body .container .kids-cycling article:nth-of-type(1) p {
		font-size: clamp(13px, 2vw, 16px);
	}

	#nathor-body .container .kids-cycling article:nth-of-type(2) h2 {
		font-size: clamp(32px, 4vw, 42px);
	}

	/* quem-somos -> industria */
	#quem-somos .container .industria article:nth-of-type(1) h2 {
		font-size: clamp(20px, 3vw, 34px);
		padding-right: 0px;
	}

	#quem-somos .container .industria article:nth-of-type(1) p {
		font-size: clamp(13px, 2vw, 16px);
	}

	#quem-somos .container .industria article:nth-of-type(2) h2 {
		font-size: clamp(32px, 4vw, 42px);
	}

	/* brands */
	#brands .container section h2 {
		font-size: clamp(20px, 3vw, 34px);
		width: clamp(315px, 56vw, 780px);
	}

	#brands .container section p {
		font-size: clamp(13px, 2vw, 16px);
	}

	#brands .container #personagens-slider {
		place-content: start;
	}

	#brands .container #personagens-slider img {
		margin-top: 70px;
		width: clamp(300px, 40vw, 570px);
	}

	#brands .container section ul img {
		width: clamp(92px, 10vw, 200px);
	}

	/* about-brands */
	#about-brands .container section h2 {
		font-size: clamp(20px, 3vw, 34px);
		width: clamp(315px, 56vw, 780px);
	}

	#about-brands .container section p {
		font-size: clamp(13px, 2vw, 16px);
	}

	/*#about-brands .container section ul img { width: clamp(92px, 10vw, 200px); }*/
}

@media (max-width: 1294px) {
	#search-area .container .results article .product-row {
		row-gap: 50px;
	}
}

@media (max-width: 1280px) {
	.area-banner-header .container {
		padding: 0px 5%;
	}

	.area-banner-header .container nav .area-banner-list {
		margin-left: 0;
	}

	.area-banner-header .container nav .area-banner-list li a {
		font-size: 14px;
	}

	#search-area {
		padding: 65px 0px;
	}

	#search-area .container .filter .categoria .aleatorio .categoria-checkbox {
		font-size: clamp(13px, 2vw, 15px);
	}

	#search-area .container .results article .product-row .product-item .product-title a {
		font-size: 14px;
	}
}

@media (max-width: 1220px) {
	#search-bar .container .filter-box {
		justify-content: center;
		flex-direction: column;
		gap: 40px;
		padding: 30px 0;
		height: auto;
	}

	#search-bar .container .filter-box .select-box {
		flex-direction: column;
		align-items: flex-start;
	}

	#search-bar .container .filter-box .select-box .select-container .number {
		width: 20px;
	}

	#search-bar .container .filter-box .warning {
		transform: translateX(-16px);
	}
	
	#search-bar .container .filter-box .bike-ideal {
		width: auto;
		align-items: center;
	}
	
	#search-bar .container .filter-box .bike-ideal h2 {
		margin-top: 10px;
	}

	#options-view-button-1 {
		z-index: 10;
	}

	#options-view-button-2 {
		z-index: 9;
	}

	#options-view-button-3 {
		z-index: 8;
	}

	#options-view-button-4 {
		z-index: 7;
	}

	#search-bar .container .popup {
		bottom: 262px;
	}

	.area-banner-header .container nav {
		background-color: var(--blue);
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		height: 90vh;
		z-index: 1000;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		width: 0;
		max-width: 100%;
		overflow: hidden;
		transition: all .5s ease;
	}

	.area-banner-header .container nav .menu-top-side {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 25px 40px;
	}

	.area-banner-header .container nav .menu-top-side img {
		width: clamp(120px, 17vw, 250px);
	}

	.area-banner-header .container nav .menu-top-side span {
		font-family: 'Montserrat Semibold', sans-serif;
		font-size: clamp(12px, 2vw, 16px);
		font-weight: 500;
		color: var(--white);
		cursor: pointer;
	}

	.area-banner-header .container nav .area-banner-list {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		margin-left: 0px;
		padding: 20px 40px;
	}

	.area-banner-header .container nav .area-banner-list li {
		padding: 15px 0px 15px 0px;
	}

	.area-banner-header .container nav .area-banner-list li a {
		color: var(--white);
	}

	.area-banner-header .container nav .area-banner-list li.produtos {
		padding: 15px 0px 0px 0px;
	}

	.area-banner-header .container nav .area-banner-list li.produtos:hover {
		background-color: inherit;
	}

	.area-banner-header .container nav .area-banner-list li.produtos .dropdown {
		position: static;
		height: auto;
	}

	.area-banner-header .container nav .area-banner-list li.produtos .dropdown ul {
		background-color: var(--blue);
		padding: 15px 30px 0px 30px;
		border-radius: 0;
	}

	.area-banner-header .container nav .area-banner-list li.produtos .dropdown ul li {
		padding: 10px 0px !important;
		position: relative;
	}

	.area-banner-header .container nav .area-banner-list li.produtos .dropdown ul li::before {
		position: absolute;
		content: '';
		border-bottom: 2px solid var(--white);
		height: 2px;
		width: 23px;
		top: 50%;
		left: 0;
		transform: translate(-35px, -50%);
	}

	.area-banner-header .container nav .area-banner-list li.produtos .dropdown ul li a {
		font-family: 'Montserrat Medium', sans-serif;
		color: var(--white);
		font-size: 14px;
		text-transform: uppercase;
	}

	.area-banner-header .container nav .area-banner-list li.produtos .dropdown ul li a:hover {
		color: var(--white);
	}

	.area-banner-header .container nav .area-banner-list li.produtos .dropdown ul li:not(:last-child) {
		border-bottom: 0;
	}

	.area-banner-header .container nav .area-banner-list li.produtos:hover .dropdown {
		height: 300px;
	}

	.area-banner-header .container .area-banner-button {
		display: none;
		margin-bottom: 0;
	}

	.menu-button {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.menu-icon,
	.menu-icon::before,
	.menu-icon::after {
		width: 36px;
		height: 3px;
	}

	.menu-icon::after {
		transform: translate(-18px, -8px);
	}

	.menu-icon::before {
		transform: translate(-18px, 8px);
	}
}

@media (max-width: 1150px) {

	/* footer */
	#footer .container .informations {
		flex-wrap: wrap;
	}

	#footer .container .informations .links {
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 40px;
		flex-wrap: wrap;
		width: 100%;
		text-wrap: nowrap;
	}

	#footer .container .nathor-rights {
		text-align: center;
	}
}

@media (max-width: 990px) {

	/* search-bar */
	#search-bar .container .bikes-categories {
		display: none;
	}

	/* search-area */
	#search-area {
		padding: 0px 0px;
	}

	#search-area .container {
		flex-direction: column;
		padding: 0px 0px;
	}

	/* search-area -> filter */
	#search-area .container .filter {
		display: block;
		width: 100%;
		background-color: var(--light-blue-4);
	}

	#search-area .container .filter .filtros header {
		cursor: pointer;
	}

	#search-area .container .filter #filter-form {
		height: 0px;
		overflow: hidden;
		transition: all .5s ease;
	}

	#search-area .container .filter .filtros-header {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		gap: 20px;
		justify-content: space-between;
		background-color: var(--light-blue);
		height: 75px;
		padding: 0px 12%;
	}

	#search-area .container .filter .filtros .filtros-header header {
		margin-bottom: 0;
	}

	#search-area .container .filter .filtros .filtros-header .search-blue-bar h2 {
		display: block;
	}

	#search-area .container .filter .filtros .filtros-header .search-blue-bar input {
		height: 38px;
		background-color: var(--white);
		color: var(--blue);
		transform: translateX(0px);
	}

	/* search-area -> filter -> categoria */
	#search-area .container .filter .categoria {
		padding: 40px 12% 28px 12%;
		border-bottom: 0;
		position: relative;
		margin-top: 0;
	}

	#search-area .container .filter .categoria::before {
		position: absolute;
		content: '';
		height: 1px;
		width: 78%;
		border-bottom: 1px solid var(--light-blue-3);
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	#search-area .container .filter .categoria h2 {
		font-size: clamp(15px, 3vw, 22px);
		margin-bottom: 20px;
	}

	#search-area .container .filter .categoria .aleatorio {
		display: flex;
		flex-wrap: wrap;
		column-gap: 15px;
		row-gap: 5px;
	}

	#search-area .container .filter .categoria .aleatorio .categoria-checkbox {
		font-family: 'Montserrat Medium', sans-serif;
	}

	/* search-area -> filter -> temas e cores */
	#search-area .container .filter .filtro-temas-e-cores-box {
		display: flex;
		flex-wrap: wrap;
		padding: 15px 12% 0px 12%;
	}

	#search-area .container .filter .temas-e-colecoes {
		flex: 1;
		padding-right: 40px;
		border-bottom: none;
		border-right: 1px solid var(--light-blue-3);
	}

	#search-area .container .filter .temas-e-colecoes h2 {
		font-size: clamp(15px, 3vw, 22px);
		margin-bottom: 20px;
	}

	#search-area .container .filter .cores {
		flex: 1;
		padding-left: 40px;
	}

	#search-area .container .filter .cores h2 {
		font-size: clamp(15px, 3vw, 22px);
		margin-bottom: 20px;
	}

	#search-area .container .filter .cores ul {
		width: 170px;
	}

	#search-area .container .filter .cores ul li label img {
		width: 35px !important;
		height: 35px !important;
		mix-blend-mode: multiply;
	}

	/* search-area -> filter -> limpar-fitro */
	#search-area .container .filter .limpar-filtro {
		padding: 20px 12%;
	}

	#revenda .container {
		flex-direction: column;
		padding: 50px 30px;
	}

	#revenda .container section {
		width: 100%;
	}

	#revenda .container .revenda-nathor {
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 30px;
	}

	#fale-conosco .container {
		flex-direction: column;
		align-items: normal;
		padding: 50px 30px;
		gap: 70px;
	}

	#fale-conosco .container .fale {
		width: 100%;
	}

	#fale-conosco .container .enderecos {
		width: 100%;
	}

	#trabalhe-conosco .container {
		flex-direction: column;
		padding: 50px 30px;
	}

	#trabalhe-conosco .container section {
		width: 100%;
	}

	#trabalhe-conosco .container .trabalhe-na-nathor {
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 30px;
	}

	/* search-area-detail */
	#search-area-detail {
		padding: 0px 0px;
	}

	#search-area-detail .container {
		flex-direction: column;
		padding: 0px 0px;
	}

	/* search-area-detail -> filter */
	#search-area-detail .container .filter {
		display: block;
		width: 100%;
		background-color: var(--light-blue-4);
	}

	#search-area-detail .container .filter .filtros header {
		cursor: pointer;
	}

	#search-area-detail .container .filter .filtros .filtro-produtos-detalhe {
		overflow: hidden;
		height: 0px;
		transition: all .5s ease;
	}

	#search-area-detail .container .filter .filtros-header {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		gap: 20px;
		justify-content: space-between;
		background-color: var(--light-blue);
		height: 75px;
		padding: 0px 12%;
	}

	#search-area-detail .container .filter .filtros .filtros-header header {
		margin-bottom: 0;
	}

	#search-area-detail .container .filter .filtros .filtros-header .search-blue-bar h2 {
		display: block;
	}

	#search-area-detail .container .filter .filtros .filtros-header .search-blue-bar input {
		height: 38px;
		background-color: var(--white);
		color: var(--blue);
		transform: translateX(0px);
	}

	/* search-area-detail -> filter -> categoria */
	#search-area-detail .container .filter .categoria {
		padding: 40px 12% 28px 12%;
		border-bottom: 0;
		position: relative;
		margin-top: 0;
	}

	#search-area-detail .container .filter .categoria::before {
		position: absolute;
		content: '';
		height: 1px;
		width: 78%;
		border-bottom: 1px solid var(--light-blue-3);
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	#search-area-detail .container .filter .categoria h2 {
		font-size: clamp(15px, 3vw, 22px);
		margin-bottom: 20px;
	}

	/* search-area-detail -> filter -> temas e cores */
	#search-area-detail .container .filter .filtro-temas-e-cores-box {
		display: flex;
		flex-wrap: wrap;
		padding: 15px 12% 0px 12%;
	}

	#search-area-detail .container .filter .temas-e-colecoes {
		flex: 1;
		padding-right: 40px;
		border-bottom: none;
		border-right: 1px solid var(--light-blue-3);
	}

	#search-area-detail .container .filter .temas-e-colecoes h2 {
		font-size: clamp(15px, 3vw, 22px);
		margin-bottom: 20px;
	}

	#search-area-detail .container .filter .cores {
		flex: 1;
		padding-left: 40px;
	}

	#search-area-detail .container .filter .cores h2 {
		font-size: clamp(15px, 3vw, 22px);
		margin-bottom: 20px;
	}

	#search-area-detail .container .filter .cores ul {
		width: 170px;
	}

	#search-area-detail .container .filter .cores ul li span img {
		width: 35px !important;
		height: 35px !important;
		mix-blend-mode: multiply;
	}

	/* search-area-detail -> filter -> limpar-fitro */
	#search-area-detail .container .filter .back-button {
		padding: 20px 12%;
	}

	/* search-area-detail -> results */
	#search-area-detail .container .results {
		padding: 40px 30px;
	}
}

@media (max-width: 933px) {

	/* nathor-body -> carousel */
	#nathor-body .container .bike-lists .carousel ul {
		height: 400px;
	}

	/* nathor-body -> kids-cycling */
	#nathor-body .container .kids-cycling {
		flex-direction: column;
	}

	#nathor-body .container .kids-cycling article:nth-of-type(1) {
		width: 100%;
	}

	#nathor-body .container .kids-cycling article:nth-of-type(1) h2 {
		padding-right: 0px;
	}

	#nathor-body .container .kids-cycling article:nth-of-type(2) {
		width: 100%;
		padding: 60px 0px 0px 0px;
		text-align: center;
	}

	#nathor-body .container .kids-cycling article:nth-of-type(2) span {
		margin-top: 55px;
	}

	/* quem-somos -> industria */
	#quem-somos .container .industria {
		flex-direction: column;
	}

	#quem-somos .container .industria article:nth-of-type(1) {
		width: 100%;
	}

	#quem-somos .container .industria article:nth-of-type(2) {
		width: 100%;
		padding: 35px 0px 0px 0px;
		text-align: center;
	}

	/* factory */
	#factory {
		height: 400px;
	}

	/* footer */
	#footer {
		height: auto;
	}

	#footer .container .informations .contacts {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		column-gap: 40px;
		width: 100%;
	}
}

@media (max-width: 768px) {
	#area-banner .area-banner-texts .container .welcome {
		width: fit-content;
		left: 8%;
	}
	
	#search-bar .container .filter-box .select-box {
		flex-direction: row;
	}

	.area-banner-logo,
	.area-banner-list,
	.area-banner-button {
		margin-bottom: 0px;
	}

	.area-banner-header .container {
		height: 100px;
	}

	.area-banner-logo a img {
		width: 170px;
	}

	.menu-button {
		margin-bottom: 10px;
	}

	#brands .container section ul {
		display: flex;
		flex-direction: column;
		margin-top: 45px;
		gap: 20px;
	}

	#brands .container section ul li {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	#brands .container section ul li img {
		width: 70%;
	}


	#nathor-body .container .bike-lists {
		padding: 50px 0px;
	}

	#nathor-body .container .kids-cycling {
		padding: 0px 0px 65px;
	}

	/* area-banner-where-buy */
	#area-banner-where-buy {
		background: url("../img/onde-comprar/banner.png") no-repeat center right;
	}

	#area-banner-where-buy .area-banner-texts .container article>img {
		width: 65px;
	}

	#area-banner-where-buy .area-banner-texts .container article {
		right: auto;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	#search-bar-where-buy .container .list .list-item {
		font-size: 13px;
		padding: 0px 30px;
	}

	/* area-banner-resale */
	#area-banner-resale {
		background: url("../img/banner_revenda.jpg") no-repeat center left;
	}

	#area-banner-resale .area-banner-texts .container article {
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#area-banner-resale .area-banner-texts .container article h2,
	#area-banner-resale .area-banner-texts .container article p {
		text-wrap: nowrap;
	}

	#area-banner-resale .area-banner-texts .container article>img {
		width: 65px;
	}

	#revenda .container .revenda-nathor .porque {
		margin-top: 60px;
	}

	#perguntas-frequentes .container {
		padding: 50px 30px;
	}

	/* area-banner-contact */
	#area-banner-contact {
		background: url("../img/contato/contato-banner.png") no-repeat center;
	}

	#area-banner-contact .area-banner-texts .container article>img {
		width: 65px;
	}

	#search-bar-contact .container section .list .list-item {
		font-size: 13px;
		padding: 0px 4%;
	}

	/* search-area */
	#search-area .container .filter .filtros .search-blue-bar h2 {
		font-size: clamp(15px, 2vw, 18px);
	}

	#search-area .container .filter .filtros-header {
		height: 60px;
	}

	#search-area .container .filter .filtros header h2 {
		font-size: clamp(15px, 2vw, 18px);
	}

	#search-area .container .filter .filtros header img {
		width: 20px;
	}

	#search-area .container .filter .filtros-header {
		padding: 3% 7%;
	}

	#search-area .container .filter .filtros .filtros-header .search-blue-bar input {
		font-size: 14px;
	}

	/* search-area-detail */
	#search-area-detail .container .filter .filtros .search-blue-bar h2 {
		font-size: clamp(15px, 2vw, 18px);
	}

	#search-area-detail .container .filter .filtros-header {
		height: 60px;
	}

	#search-area-detail .container .filter .filtros header h2 {
		font-size: clamp(15px, 2vw, 18px);
	}

	#search-area-detail .container .filter .filtros header img {
		width: 20px;
	}

	#search-area-detail .container .filter .filtros-header {
		padding: 3% 7%;
	}

	#search-area-detail .container .filter .filtros .filtros-header .search-blue-bar input {
		font-size: 14px;
	}

	/* search-area-detail -> results */
	#search-area-detail .container .results header {
		flex-direction: column;
	}

	#search-area-detail .container .results .bike-detail {
		padding: 50px 0px;
	}

	#search-area-detail .container .results .bike-detail .bike-detail-info {
		flex-direction: column;
		padding: 30px 0px 30px;
	}

	#search-area-detail .container .results .bike-detail .bike-detail-info .texts {
		padding-right: 0px;
		border-right: none;
		border-bottom: 2px solid #e2ebf4;
		padding-bottom: 35px;
	}

	#search-area-detail .container .results .bike-detail .bike-detail-info .buttons {
		padding-left: 0px;
		padding-top: 35px;
	}

	#search-area-detail .container .results .bike-detail .bike-detail-info .buttons ul li a {
		padding: 14px 0px 14px 0px;
		width: 100%;
		text-align: center;
	}

	#search-area-detail .container .results .bike-detail .bike-detail-info .buttons ul li.diferenciais a::before {
		left: 50%;
		transform: translate(-310%, -50%);
	}

	#search-area-detail .container .results .bike-detail .bike-detail-info .buttons ul li.onde-comprar a::before {
		left: 50%;
		transform: translate(-420%, -50%);
	}

	#search-area-detail .container .results .bike-detail .bike-detail-info .buttons ul li.video-montagem a::before {
		left: 50%;
		transform: translate(-505%, -50%);
	}

	#search-area-detail .container .results .bike-detail .bike-detail-info .buttons ul li.manual a::before {
		left: 50%;
		transform: translate(-245%, -50%);
	}

	#search-area-detail .container .results .bike-detail .bike-detail-info .informacoes-produto {
		text-align: center;
	}

	#search-area-detail .container .results .bike-detail .bike-detail-bar {
		height: 65px;
		margin: 35px 0px 50px;
	}

	#search-area-detail .container .results .bike-detail .bike-detail-bar ul li .white-arrow img {
		height: 65px;
	}

	#search-area-detail .container .results .bike-detail .bike-detail-descriptions {
		padding: 0px;
	}

	#search-area-detail .container .results .bike-detail .bike-detail-descriptions article .description {
		width: 100%;
	}

	#search-area-detail .container .results .bike-detail .technical-information ul {
		padding: 0px 10px;
	}

	#search-area-detail .container .results .bike-detail .technical-information>p {
		padding-left: 10px;
	}

	#search-area-detail .container .results .bike-detail .technical-information>img {
		margin-top: 30px !important;
		margin-left: 10px !important;
	}

	#search-area-detail .container .results header .route,
	#selected-value-5 {
		font-size: 12px;
	}

	.select-5,
	#options-5 {
		width: 350px;
	}


	#revendas-nathor .container {
		padding: 50px 30px;
	}

	#area-banner-about .area-banner-texts .container article>img {
		width: 65px;
	}

	#search-bar-about .container section .list .list-item {
		font-size: 13px;
		padding: 0px 30px;
	}

	#quem-somos .container {
		padding: 50px 30px 0px;
	}

	#quem-somos .container .industria {
		padding: 50px 0px 65px;
	}

	#cultura-filosofia .container {
		padding: 50px 30px 0px;
	}

	#cultura-filosofia .container .industria {
		padding: 50px 0px 65px;
	}

	#cultura-filosofia .container .industria article:nth-of-type(1) {
		width: 100%;
	}

	#cultura-filosofia .container .industria article:nth-of-type(2) {
		display: none;
	}

	#nossa-historia .container {
		padding: 50px 30px 0px;
	}

	#cultura-filosofia .background-azul .compromisso .row {
		flex-direction: column;
		gap: 0;
	}

	#brands .container {
		justify-content: center;
		padding: 50px 30px;
	}

	#brands .container section {
		width: 100%;
	}

	#brands .container section h2 {
		width: 100%;
	}

	#brands .container section span {
		text-align: center;
	}

	#brands .container section span a {
		margin-right: 0;
	}

	#brands .container section span a::before {
		right: 50%;
		top: -8px;
		transform: translateX(375%);
	}

	#about-brands .container {
		justify-content: center;
		padding: 50px 30px;
	}

	#about-brands .container section {
		width: 100%;
	}

	#about-brands .container section h2 {
		width: 100%;
	}

	#about-brands .container section span {
		text-align: center;
	}

	#footer .container .informations .links {
		text-align: center;
	}

	#search-bar-where-buy .container .list .list-item .select-box {
		flex-direction: column;
		justify-content: center;
		width: 185px;
		height: 0;
		position: absolute;
		top: 39px;
		left: 0px;
		border-radius: 0px 0px 20px 20px;
		z-index: 20;
		background-color: var(--light-blue);
	}

	#search-bar-where-buy .container .list .list-item:not(:first-child)::before {
		border: none;
	}

	#search-bar-where-buy .container .list .list-item.three::after {
		right: 8px;
	}

	.select-8,
	.select-9 {
		width: 80%;
	}
}

@media (max-width: 714px) {
	#search-area .container .results article .product-row {
		justify-content: center;
	}
}

@media (max-width: 725px) {

	/* nathor-body -> carousel */
	#nathor-body .container .bike-lists .carousel {
		display: none;
	}

	/* nathor-body -> bikes-list-bar */
	#nathor-body .container .bike-lists .bikes-list-bar {
		display: none;
	}

	/* factory */
	#factory {
		height: 300px;
	}

	/* footer */
	#footer .container .informations .logo,
	#footer .container .informations .address {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
	}

	#footer .container .informations .address span {
		margin-bottom: -15px;
	}
}

@media (max-width: 500px) {
/* 	#search-bar .container .filter-box .select-box .select-container .number {
		font-size: 16px;
		width: 10px;
	} */
	
/* 	#search-bar .container .filter-box .select-box .select-container #altura-input,
	#search-bar .container .filter-box .select-box .select-container #altura-cavalo-input { 
		width: 75px; 
	} */
	
/* 	#search-bar .container .filter-box .select-box .select-container #altura-input::placeholder,
	#search-bar .container .filter-box .select-box .select-container #altura-cavalo-input::placeholder { 
		font-size: 13px; 
	} */
	
	#search-bar .container .filter-box .bike-ideal h2 {
		margin-top: 5px;
		font-size: 20px;
	}
	
	#search-bar .container .filter-box .bike-ideal > figure > img {
		width: 30px;
	}
	
	#search-bar .container .popup {
		bottom: 366px;
	}
	
	#search-bar .container .popup > p {
		padding: 0px 0px 0px 28px;
		font-size: 12px;
		line-height: 1.3;
	}
	
	#search-bar .container .popup .close-button > p {
		font-size: 10px;
	}
	
	#search-bar .container .popup .close-button img {
		width: 100px;
	}
	
	#search-bar .container .filter-box .select-box {
		flex-direction: column;
	}
	
	.area-banner-header .container nav {
		height: 100vh;
	}

	#revenda .container .cadastro {
		padding: 35px 35px;
	}

	#trabalhe-conosco .container .envie-curriculo {
		padding: 35px 35px;
	}

	/* search-area */
	#search-area .container .filter .temas-e-colecoes {
		border-right: 0px;
	}

	#search-area .container .filter .cores {
		padding-left: 0px;
	}

	#search-area .container .filter .cores ul li label img {
		width: 25px !important;
		height: 25px !important;
	}

	/* search-area-detail */
	#search-area-detail .container .filter .temas-e-colecoes {
		border-right: 0px;
	}

	#search-area-detail .container .filter .cores {
		padding-left: 0px;
	}

	#search-area-detail .container .filter .cores ul li span img {
		width: 25px !important;
		height: 25px !important;
	}

	/* factory */
	#factory {
		height: 200px;
	}

	/* footer */
	#footer .container .informations .logo img {
		width: 250px;
	}

	#footer .container .informations .address {
		font-size: 14px;
		text-align: center;
		text-wrap: nowrap;
	}

	#footer .container .informations .contacts {
		font-size: 13px;
		row-gap: 10px;
	}

	#footer .container .informations .links {
		font-size: 13px;
		column-gap: 25px;
	}

	#footer .container .nathor-rights {
		font-size: 13px;
	}
}


/*ELEMENTOS GLOBAIS*/
/*Header*/
/*GERAL*/
.area-banner-header .container .area-banner-button {
	display: none;
}

/*Mobile*/
@media (max-width : 786px) {}

/*Tablet*/
@media (min-width: 787px) and (max-width : 1024px) {}

/*Desktop*/
@media (min-width: 1025px) and (max-width : 1919px) {}

/*Ultrawide*/
@media (min-width: 1920) {}

/*FOOTER*/

/**********************************************************************************/

/*Páginas Individuais*/


/* # Página INÍCIO */
/* ## GERAL */
/* ### Seção HERO */
#area-banner {
    /* Fundo gradiente */
    background: 
        url('https://nathor.com/wp-content/uploads/2025/02/banner-home-scaled.jpg') no-repeat center bottom,
        linear-gradient(to bottom, #1340B3, #009EDF);
    height: 80vh;
    /* Mantém a imagem no tamanho correto e o gradiente cobrindo tudo */
    background-size: cover;
    background-position: center bottom, center;
}

#about-brands .container section ul img {
    width: clamp(200px, 10vw, 200px);
}

#brands .container section ul {
    display: flex;
    flex-direction: row;
    margin-top: 90px;
    gap: 20px;
}

/* Mobile */
@media (max-width: 768px) {
	/* Seção HERO */
    #area-banner {
		background-size: 1000px, cover;
        background-position: bottom, center;
        background-position-x: -400px;
    }
	#area-banner .area-banner-texts .container .welcome{
		position: unset;
		margin-top: 64px;
		
	}
	#area-banner .area-banner-texts .container{
		display: flex;
    	flex-direction: column;
    	justify-content: flex-start;
	}
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1024px) {
    /*Seção Pesquisar*/
    #search-bar .container .filter-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }
    #search-bar .container .filter-box div.select-box{
    	display: flex;
    	flex-direction: row;
    }
	
	/* search-bar -> popup */
	#search-bar .container .popup {
		width: 100%;
	}
}

/* Desktop */
@media (min-width: 1025px) and (max-width: 1919px) {
    /* Seção HERO */
    #area-banner {
        background-size: cover !important;
        background-position: 0px bottom, center;
		background-position-y: 19px;
    }
    
    /*Seção Pesquisar*/
/*     #search-bar .container section{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
    } */
    #search-bar .container .filter-box div.select-box{
    	display: flex;
    	flex-direction: row;
    }
}

/* Ultrawide */
@media (min-width: 1920px) {
    /* Seção HERO */
    #area-banner {
        background-size: 2000px, cover;
        /* Mantém a imagem no tamanho correto e o gradiente cobrindo tudo */
        background-position: center bottom, center;
    }
}

/* # Página SOBRE */
		#about-brands .container section ul {
		display: flex;
		flex-direction: row;
		margin-top: 45px;
		gap: 20px;
	}

	#about-brands .container section ul img {
		width: clamp(150px, 10vw, 200px);
	}
/* Mobile */
@media (max-width: 768px) {
	#about-brands .container section ul {
		display: flex;
		flex-direction: column;
		margin-top: 45px;
		gap: 20px;
	}
	#about-brands .container section ul li{
		display: flex;
    	justify-content: center;
	}
	#about-brands .container section ul img {
		width: 150px;
	}
	/* search-bar -> popup */
	#search-bar .container .popup {
		width: 100%;
	}
}
/*Tablet*/
@media (min-width: 787px) and (max-width : 1024px) {}

/*Desktop*/
@media (min-width: 1025px) and (max-width : 1920px) {}

/*Ultrawide*/
@media (min-width: 1921) {}

/* # Página ONDE COMPRAR */
/* ## PESQUISAR CIDADE */
@media (max-width: 786) {
	.dropdown-options {
    max-height: 200px; /* Defina a altura conforme necessário */
    overflow-y: auto; /* Habilita a rolagem vertical */
}
}

/*Tablet*/
@media (min-width: 787px) and (max-width : 1024px) {}

/*Desktop*/
@media (min-width: 1025px) and (max-width : 1920px) {}

/*Ultrawide*/
@media (min-width: 1921) {}

/* ## REVENDAS ONLINE */
/*Mobile*/
@media (max-width: 786) {
	#revendas-nathor .container .revendas-online .lojas{
		display: grid;
		justify-content: center !important;
	}
}

/*Tablet*/
@media (min-width: 787px) and (max-width : 1024px) {}

/*Desktop*/
@media (min-width: 1025px) and (max-width : 1920px) {}

/*Ultrawide*/
@media (min-width: 1921) {}