body  													{font-family: "Montserrat", serif; font-size: 16px; color: #282828; font-weight: 500; line-height: 26px; letter-spacing: -.5px;}
/* <> Gerais*/
:focus 													{outline: none;}
.background-attrs										{background-size: cover; background-repeat: no-repeat; background-position: center;}
h1														{color: #282828; font-size: 38px; font-weight: 700; line-height: 32px; letter-spacing: -3px;}
h2														{color: #282828; font-size: 24px; font-weight: 700; line-height: 25px letter-spacing: -3px;}
h3 														{letter-spacing: -1px;}
.btn-white-default 										{background-color: transparent !important; color: #230140 !important; border: 2px solid #230140 !important;}
.btn-white-default:hover								{background-color: #282828 !important; color: #fff !important; border: 2px solid #282828 !important;}
a.btn-default, button.btn-default						{background-color: #282828; transition: all 200ms linear 0s; padding: 13.5px 31px; color: #fff !important; border: 2px solid #282828 !important; border-radius: 6px; font-weight: 600; text-transform: uppercase; font-size: 13px; letter-spacing: -.5px;}
a.btn-default-sec										{background-color: transparent; transition: all 200ms linear 0s; padding: 13.5px 31px; color: #282828 !important; border: 2px solid #282828 !important; border-radius: 6px; font-weight: 600; text-transform: uppercase; font-size: 13px; letter-spacing: -.5px;}
a.btn-default:hover, button.submit-button:hover  		{background-color: #282828;}
.form-label 											{font-size: 15px; font-weight: 600; margin-bottom: 3px; display: block;} 
.form-label span                                        {font-weight: 500;}
input.form-control, select.form-control				  	{font-weight: 500;background-color: #fff !important; border-radius: 5px !important; height: 46px !important; padding: 4px 17px !important; width: 100% !important; border: solid 2px #282828 !important;font-size: 13px;}
textarea.form-control                                   {font-weight: 500;background-color: #fff !important; border-radius: 5px !important; padding: 4px 17 !important; width: 100% !important; border: solid 2px #282828 !important; font-size: 13px;}
input.form-control:focus, 
textarea.form-control:focus  							{border: 1px solid #282828;}	
input.input-border, textarea.input-border				{border: 1px solid #d5d5d5;}	
textarea.form-control 									{border-radius: 30px; resize: none;}	
.form-control::placeholder                              {color: #b4b4b4; opacity: 1; font-size: 13px; font-weight: 500;}
.nice-select .option 									{line-height: 32px; min-height: 32px;}
.nice-select.open .list 								{max-height: 325px; overflow-y: auto;}
.no-padding 											{padding: 0px;}
/* </> Gerais  */

.index #Header                                          {padding-top: 50px; background-color: #f5f5f7;}
.template #Header                                       {padding-top: 50px; background-color: #fff;}
.logo-header 											{padding: 15px 65px; text-align: center; padding-right: 97px;}
.logo-header img										{display: inline-block;}
.menu-header 											{text-align: right; padding-right: 70px;}
.menu-header ul 										{padding-left: 0px; margin-top: -9px; margin-bottom: 0px;}
.menu-header ul li 										{display: inline-block;}
.menu-header ul li a.link  								{padding: 15px 30px; color: #282828; text-decoration: none; font-weight: 600; font-size: 17px; margin-left: 10px;}
.menu-header ul li.whats-header 						{position: relative; top: 22px;}
.menu-header ul li.whats-header a 						{max-width: 50px; display: inline-block; border: 2px solid #282828; border-radius: 6px; padding: 10px; margin-right: 30px; margin-left: 185px; position: relative; top: -1px;}
.carousel-fade .carousel-inner .item 					{transition-property: opacity;}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right 			{opacity: 0;}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right 				{opacity: 1;}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right 			{left: 0;transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control 						{z-index: 2;}
.carousel-indicators [data-bs-target]					{border-radius: 4px; border: 2px solid transparent; width: 16px; height: 16px; background-color: inherit;}
.carousel-indicators .active							{border: 2px solid #282828 !important;}
.carousel-indicators [data-bs-target]::after 			{content: ""; width: 6px; height: 6px; background-color: #626263; display: block; border-radius: 50%; margin: 0 auto;}
.dados-banner                                           {position: relative; left: -36px;}
.redes-linguas 											{position: absolute; right: 81px; width: 30px; top: 120px; z-index: 9999999;}
#Banner 												{position: relative; background-color: #f5f5f7; padding-bottom: 20px; margin-bottom: 120px;}
.redes-linguas a  										{display: block;}
.redes-linguas a.redes 									{background-color: #282828; width: 31px; height: 31px; padding: 7px; border-radius: 6px; margin-top: 15px;}
.redes-linguas a.linguas 								{color: #282828; text-decoration: none; font-weight: 400; text-decoration: none; margin-left: 4px;}
.redes-linguas a.linguas.active							{font-weight: 700;}
.redes-linguas a.first-lingua 							{margin-top: 95px;}
#Banner .carousel-item 									{height: 780px; width: 100%;}
#Banner .carousel-item .imagem-single-carousel 			{background-position: center; background-size: cover; background-repeat: no-repeat; height: 780px;}
.carousel-indicators 									{position: absolute; right: 71px; bottom: inherit; left: inherit; z-index: 999999; display: block; justify-content: center; padding: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; top: 490px;}
.carousel-item img 										{padding-right: 75px; margin-top: 50px;}
.carousel 												{margin-top: 50px;}
.carousel-caption 										{position: relative; right: 0; bottom: 0; left: 0; padding-top: 4.25rem; padding-bottom: 1.25rem; color: #fff; text-align: left;}
.carousel-caption h5 									{color: #282828; font-size: 85px; font-weight: 600; line-height: 82px; padding-right: 160px; letter-spacing: -3px;}
.carousel-caption p 									{color: #282828; font-size: 17px; font-weight: 500; margin: 20px 0px;}
.carousel-caption a.btn-default 						{text-transform: inherit; font-size: 15px; padding: 13px 60px; margin-top: 60px;}
.carousel-caption p.preco-caption 						{font-size: 35px; font-weight: 600; line-height: 35px; letter-spacing: -1.5px;}
.carousel-caption p.preco-caption span					{font-size: 16px; font-weight: 500; display: block; letter-spacing: 0px;}
.carousel-control-next, .carousel-control-prev 			{position: absolute; top: inherit; bottom: 84px; display: block; width: 60px; height: 60px; border: 2px solid #282828 !important; border-radius: 6px !important; padding: 0; color: #282828; text-align: center; background: 0 0; border: 0; opacity: 1; transition: opacity .15s ease; z-index: 9999 !important; right: 72px !important; left: inherit !important; padding: 16px;}
.carousel-control-prev 									{right: 145px !important;}
.carousel-control-next 									{background-color: #282828;}
.carousel-control-next img								{filter: invert(1) brightness(200%);}
h1.title 												{font-size: 80px; font-weight: 600; line-height: 78px;}
h2.title 												{font-size: 50px; font-weight: 700;}
.texto-index 											{font-size: 25px; font-weight: 500; line-height: 34px; float: right; padding-left: 40px; margin-top: 50px;}
.texto-index span										{float: right;}
.texto-index b											{font-weight: 700;}
.container-index 										{padding: 0 90px;}
.bloco-categoria 										{background-color: #f5f5f7; padding: 0 15px; border-radius: 16px; padding: 30px 60px; padding-left: 85px; margin-top: 100px; padding-bottom: 10px;}
.bloco-categoria h2.title 								{margin-top: 62px;}
.bloco-categoria p 										{font-size: 20px; font-weight: 700; margin: 20px 0;}
.bloco-categoria span									{font-size: 16px; font-weight: 500; display: block;}
.bloco-categoria p.preco-categoria						{font-size: 25px; font-weight: 700; margin-top: 30px;}
.bloco-categoria p.preco-categoria span 				{font-size: 15px; font-weight: 500; margin-top: 10px;}
.bloco-categoria a.btn-default 							{margin-top: 95px;}
.bloco-categoria .infos-categoria-index 				{padding-right: 55px;}
.carousel-modulos 										{position: relative; overflow: hidden; min-height: 600px;}
.carousel-modulos .carousel 							{position: relative; overflow: hidden; min-height: 620px; width: 100%; left: 0; padding-top: 330px; padding-left: 550px; margin-top: -43px;}
.carousel-modulos .carousel__item 						{height: 510px; width: 650px; overflow: hidden; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; position: absolute; transform: translate(-50%, -50%) scale(0.1); z-index: 0; transition: all 0.2s linear; background-color: #fff; border-radius: 35px; padding-left: 30px; padding-right: 30px; padding-top: 40px; padding-bottom: 20px;}
.carousel-modulos .carousel__item img 					{margin: 0 auto; margin-top: 60px;}
.carousel-modulos .carousel__item--main 				{transform: translate(-50%, -50%) scale(1); z-index: 2; cursor: pointer;}
.carousel-modulos .carousel__item--left 				{transform: translate(-131%, -50%) scale(0.9); padding-left: 30px; padding-right: 30px; padding-top: 38px; padding-bottom: 20px; background-color: #e1e2e5; z-index: 1; width: 410px; height: 270px;}
.carousel-modulos .carousel__item--right 				{transform: translate(31%, -50%) scale(0.9); padding-left: 30px; padding-right: 30px; padding-top: 40px; padding-bottom: 20px; background-color: #e1e2e5; z-index: 1; width: 410px; height: 270px;}
.carousel-modulos .carousel__item--left img,
.carousel-modulos .carousel__item--right img 			{filter: grayscale(50%); margin: 0 auto; object-fit: cover;}
.carousel-modulos .carousel__item--main > .carousel__text{opacity: 1; padding-left: 30px;}
.carousel-modulos .carousel__item:hover img 			{filter: grayscale(0%);}
.carousel__text 										{position: relative; bottom: 0; z-index: 4; opacity: 0; transition: opacity 0.2s; width: 100%; text-align: left; color: #282828;}
.carousel__text h3 										{font-weight: 700; margin-top: 50px; margin-bottom: 2px; font-size: 25px;}
.carousel__text p 										{font-weight: 500; font-size: 15px; margin-top: 1px; margin-bottom: 0;}
.carousel__btns 										{position: absolute; display: flex; gap: 1rem; bottom: 33px; right: 3px;}
.carousel__btn 											{background-color: transparent; height: 50px; width: 50px; border-radius: 6px; border: 2px solid #282828; color: #282828; cursor: pointer;}
.carousel__btn svg 										{margin: 0 auto; height: 15px; width: 13px; position: relative; left: 0px;}
.carousel__btn:hover 									{color: #aaa;}
.carousel__btn.leftBtn 									{display: none;}
.carousel__btn.rightBtn 								{display: none;}
.carousel__btn svg.play-button 							{margin: 0 auto; height: 13px; width: 13px; position: relative; left: -1px;}
.titulo-bloco-videos 									{margin-top: 180px;}
.titulo-bloco-consultoria 								{margin-top: 10px;}
.titulo-bloco-videos h1, .titulo-bloco-consultoria h1,
.titulo-bloco-parcerias h1 								{font-size: 75px; margin-bottom: 60px;}
.bloco-configure-index 									{background-color: #f0f0f0; border-radius: 18px; padding: 60px 85px; margin-top: 50px; margin-bottom: 110px;}
.bloco-configure-index h1.title 						{font-size: 45px; font-weight: 700; margin-top: -10px;}
.custom-carousel 										{height: 580px;}
.carousel-track 										{height: 100%; transition: transform 0.6s ease;}
.carousel-slide 										{min-width: 100%; text-align: center; padding: 40px; background: #f1f1f1; border-radius: 10px; margin-top: -70px;}
.carousel-slide img.img-fluid 							{height: 100%; margin: 0 auto;}
.thumb-btn  											{border: none; padding: 6px 14px; cursor: pointer; transition: 0.3s; font-weight: 500; font-size: 20px;}
.thumb-btn.active  										{font-weight: 700;}
.bloco-texto-consultoria 								{background-color: #f0f0f0; border-radius: 18px; padding: 60px 95px; padding-right: 150px;}
.bloco-texto-consultoria h2 							{font-size: 40px; margin-top: 10px; font-weight: 700; letter-spacing: -2px !important; padding-right: 120px;}
.bloco-texto-consultoria p 								{font-size: 16px; font-weight: 500; display: block; margin-top: 20px;}
.bloco-texto-consultoria a.btn-default 					{margin-top: 52px; padding: 13.5px 24px;}
.portfolio-consultoria 									{padding-left: 49px;}
.row-parcerias 											{background-color: #f0f0f0; margin: 100px 0; padding-top: 120px; padding-bottom: 120px;}
.bloco-texto-parceria p 								{font-size: 20px; font-weight: 500; display: block; margin-top: 8px; margin-bottom: 0; line-height: 32px;}
.bloco-texto-parceria a.btn-default 					{margin-top: 116px;}
.bloco-texto-parceria 									{background-color: #fff; border-radius: 18px; padding: 60px 80px;}
.logo-footer 											{text-align: center;}
footer 													{background-color: #fff; padding-top: 60px; padding-bottom: 30px;}
.whats-footer 											{font-weight: 600; font-size: 30px;}
.email-footer 											{font-weight: 600; font-size: 15px; display: block; margin-top: 10px;}
.links-footer p 										{font-weight: 700; font-size: 17px;}
.logo-footer img 										{display: inline-block;}
.links-footer a 										{text-decoration: none; color: #282828;}
.copy-footer 											{margin-top: 18px;}
.copy-footer p 											{font-size: 15px; font-weight: 600; margin: 40px 0; margin-bottom: 35px;}
.copy-footer small										{font-size: 11px; font-weight: 400;}
footer a.redes-footer 									{background-color: #282828; width: 30px; height: 30px; padding: 7px; border-radius: 6px; margin-top: 0px; display: inline-block; margin-left: 9px;}
footer .img-whats-footer 								{max-width: 31px; display: inline-block; border: 2px solid #282828; border-radius: 6px; padding: 4px; margin-right: 9px; margin-left: 0; position: relative; top: 4px;}
.menu-interno 											{width: 253px;}
.categoria-menu-interno									{width: 700px;}
.categoria-menu-interno, .menu-interno 					{float: left;}
.menu-interno .btn-segmento 							{height: 57px; text-transform: uppercase; font-weight: 600; font-size: 13px; background-color: #fff !important; color: #282828 !important; border: 2px solid #282828 !important; position: relative; margin-top: 15px; text-align: left !important; display: block; padding: 16px 25px;}
.menu-interno .btn-segmento img 						{position: absolute; right: 25px; top: 17px; width: 19px;}
.menu-interno .btn-segmento-active,
.menu-interno .btn-segmento:hover 						{background-color: #282828 !important; color: #fff !important;}
.menu-interno .btn-segmento-active img,
.menu-interno .btn-segmento:hover img					{filter: invert(1) brightness(200%);}
.menu-interno label 									{font-size: 13px; font-weight: 500; display: block; margin-bottom: 15px;}
.menu-interno ul 										{margin-top: 70px; padding-left: 25px;}
.menu-interno ul li a 									{text-decoration: none; color: #282828; padding: 6px 2px; font-size: 14px; font-weight: 500; display: block;}
.menu-interno .btn-minha-configuracao 					{text-transform: inherit; font-weight: 600; font-size: 14px; background-color: #282828 !important; color: #fff !important; border: 2px solid #282828 !important; position: relative; margin-top: 25px; text-align: left !important; display: block; padding: 8px 25px; text-decoration: none; font-size: 13px; height: 47px;}  
.menu-interno .btn-minha-configuracao img				{position: absolute; right: 25px; top: 12px; width: 19px; filter: invert(1) brightness(200%);}
.title-categoria-menu 									{font-weight: 600; font-size: 15px; text-transform: uppercase;}
.title-categoria-menu span								{font-weight: 500; font-size: 14px; text-transform: capitalize !important; position: relative; left: 7px; top: -1px;}
.categoria-menu-interno 								{width: 804px; padding-left: 60px; overflow-y: auto; height: 90vh; padding-top: 5px; padding-right: 15px; padding-bottom: 70px;}
.bloco-modulo-menu 										{background-color: #f5f7f9; border-radius: 18px; padding: 50px; margin-top: 20px; margin-bottom: 25px;}
.bloco-modulo-menu img 									{height: 100%; margin: 0 auto; padding: 0 120px;}
.bloco-modulo-menu h1 									{font-size: 35px; font-weight: 600; margin-top: 10px; line-height: 40px;}
.bloco-modulo-menu h3 									{font-size: 15px; font-weight: 500; letter-spacing: -.5px; margin-bottom: 30px; margin-top: 12px;}
.bloco-modulo-menu a.btn-default-sec 					{margin-left: 10px;}
.topo-menu	 											{margin-bottom: 60px;}
.btn-default, a.btn-default-sec {position: relative; display: inline-block; overflow: hidden; transition: color .5s ease; z-index: 1;}
.btn-default::before, a.btn-default-sec::before {content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #323232; transition: width .5s ease; z-index: -1;}
a.btn-default-sec::before{background: #323232;}
.btn-default:hover {color: #fff;}
.btn-default:hover::before {width: 100%;}
.menu-header ul li a.link:hover{color: #494949;}
.content-template{margin-top: 70px;}
.fornecedores-page h1{margin-bottom: 40px; position: relative;left: -4px;}
.fornecedores-page img{border-radius: 20px; display: inline-block}
.fornecedores-page form{min-height: 642px; padding: 60px 90px; border-radius: 22px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin-top: 80px;}
.fornecedores-page button.btn-default{margin-top: 15px; padding: 13px 61px;}
.fornecedores-img{background-position: center; background-size: cover; background-repeat: no-repeat; height: 969px; border-radius: 20px;}
.fornecedores-page{margin-bottom: 120px; }
.content-template .container-fluid, footer.template .container-fluid{padding: 0 40px;}
.col-select{position: relative;}
.col-select svg{position: absolute; right: 30px; top: 43px;}
.politicas-page h1{margin-bottom: 35px;}
.conteudo-politicas{border-radius: 20px; background-color: #f5f7f9; padding: 60px 80px;}
.politicas-page h3{font-weight: 700; margin-top: 50px; margin-bottom: 25px;}
.politicas-page .btn{margin: 0 6px; padding: 16px 75px !important;}
.politicas-page .btn.btn-politica{background-color: transparent; color: #282828 !important;}
.politicas-page .btn.btn-active{background-color: #282828; color: #fff !important; border: 2px solid #282828 !important;}
.politicas-page {margin-bottom: 80px;}
.conteudo-perguntas h4{font-size: 20px; font-weight: 600; margin-bottom: 30px;}
.conteudo-perguntas h4 span{position: relative; left: 55px;}
.bloco-beneficio{background-color: #f5f7f9; border-radius: 18px; padding: 28px 45px; min-height: 400px;}
.bloco-beneficio h2{font-size: 30px;font-weight: 700; margin: 15px 0px;}
.bloco-beneficio p{line-height: 28px;}
.bloco-benef{margin-top: 80px;}
.modulos-lista{margin-top: 70px; margin-bottom: 100px;}
.modulos-lista .imagem-modulo-thumb{height: 310px; border-top-left-radius: 20px; border-top-right-radius: 20px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.modulos-lista .dados-modulo-thumb{padding: 25px 70px; background-color: #f5f7f9; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.modulos-lista .dados-modulo-thumb h3{margin-top: 5px; margin-bottom: 8px; }
.modulos-lista .dados-modulo-thumb p{font-weight: 600; font-size: 20px;}
.modulos-lista .dados-modulo-thumb p small{font-weight: 500; font-size: 14px; position: relative; top: -2.5px;left: 5px;}
.modulos-lista .dados-modulo-thumb .btn-default{margin-top: 20px;margin-bottom: 30px; position: relative; left: -5px;}
.mod-lis{margin-bottom: 25px;}
.modulos-sem-lista{padding: 70px 90px; background-color: #f5f7f9; border-radius: 20px;}
.modulos-sem-lista h2{font-size: 40px; font-weight: 600; margin-top: 20px;}
.modulos-sem-lista h3{font-size: 30px; margin-top: 100px;}
.modulos-sem-lista p{margin-top: 30px;}
.modulos-sem-lista a.btn-chamar-whats{background-color: transparent; text-transform: inherit; color: #282828 !important; font-size: 14px; padding: 16px 68px !important; margin: 0 0px;}
.modulos-sem-lista a.btn-chamar-whats:hover{color: #fff !important;}
.modulos-sem-lista a.btn-chamar-whats:hover img{filter: invert(1);}
.modulos-sem-lista a.btn-chamar-whats img{width: 22px; height: 22px; display: inline-block; margin-right: 10px; position: relative; top: -2px;}
.modulos-sem-lista form .submit-button{margin-top: 40px; margin-left: 0px;}
.modulos-sem-lista form{min-height: auto; padding: 50px 60px; border-radius: 22px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin-top: 0px; background: #fff;}
.no-padding{padding: 0px !important}
.first-imagem-header{height: 610px; background-position: center; background-size: cover; background-repeat: no-repeat; border: 1px solid #fff; border-left: 0px; }
.second-imagem-header{height: 305px; background-position: center; background-size: cover; background-repeat: no-repeat; border: 1px solid #fff;}
.modulo-page{padding-right: calc(var(--bs-gutter-x) * .5) !important; padding-left: calc(var(--bs-gutter-x) * .5) !important;}
.modulo-page h1{margin-top: 60px;}
.modulo-page h1 span{font-weight: 500; font-size: 35px; position: relative; left: 10px; top: -12px;}
.modulo-page h3{font-size: 20px; font-weight: 600; margin-bottom: 40px;}
.modulo-page p{margin-bottom: 5px;}
.bloco-preco-mod-inter h2{font-weight: 600; font-size: 35px; margin-top: 20px;}
.bloco-preco-mod-inter span{font-size: 14px; text-transform: uppercase;}
.bloco-preco-mod-inter small{font-size: 11px; position: relative; top: -15px; margin-bottom: 40px; display: block;}
.bloco-preco-mod-inter span.badge{text-transform: uppercase; background-color: #eeeff2; padding: 8px 15px; font-size: 13px; color: #282828; font-weight: 500;}
.bloco-preco-mod-inter a.btn{width: 100%;  display: block; margin-bottom: 10px; padding: 17.5px 31px;}
.bloco-preco-mod-inter{padding: 35px 60px; border-radius: 22px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin: 65px 15px;}
.quadrado-revestimento{align-items: center; display: flex; gap: 20px;}
.quadrado-revestimento span{}
.quadrado-revestimento span.badge{text-transform: inherit; background-color: #eeeff2; padding: 8px 15px; font-size: 13px; color: #979797; font-weight: 500; margin-left: 30px;}
.quadrado-revest-cor{width: 60px; height: 60px; background-color: #dfdfdf; border-radius: 6px; float: left;}
.conteudo-opcionais .faq-body .row{align-items: center; padding: 15px 0px; position: relative;}
.conteudo-opcionais .faq-body .row .button-toolt{position: absolute; right: 17px;top: 34px;}
.conteudo-opcionais .faq-body h4{font-weight: 600; font-size: 20px; margin-bottom: 40px;}
.conteudo-opcionais .faq-header h4{font-weight: 700; font-size: 30px;}
.conteudo-opcionais .faq-body p{font-weight: 600;}
.conteudo-opcionais{border-bottom: 1px solid #282828; margin-top: 30px;}
.custom-tooltip {--bs-tooltip-bg: #282828; --bs-tooltip-color: #fff;}
.conheca-detalhes{margin-top: 140px; margin-bottom: 130px; height: 700px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 20px; padding: 60px; text-align: center;}
.conheca-detalhes h2{font-size: 80px; color: #fff !important; letter-spacing: -3px; font-weight: 600;}
.conheca-detalhes img{display: inline-block; margin-top: 150px;}
.conheca-detalhes a{text-decoration: none;}
.link-voltar {position: absolute; right: 69px; top: 135px;}
.link-voltar a{padding: 8px 31px; line-height: 23px;}
.link-voltar a svg{display: inline-block; position: relative; top: -1px; margin-right: 5px;}
.fundo-login{ height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat;}
.dados-login{padding: 60px 100px; padding-right: 150px;}
.dados-login img{max-width: 125px;}
.dados-login h2{font-size: 40px; margin-top: 100px; font-weight: 600; letter-spacing: -2px; line-height: 42px;}
.dados-login form{padding-right: 150px; margin-top: 70px;}
.dados-login form .submit-button{margin-top: 30px; padding: 13px 51px;}
.menu-configurador{padding-right: 0px;}
.menu-configurador ul{padding-left: 10px; margin-top: -9px;}
.menu-configurador li{ list-style: none; margin-right: 26px; display: inline-block;}
.menu-configurador li a{padding: 10px 15px; color: #282828; text-decoration: none; font-weight: 500; font-size: 13px; text-transform: uppercase;}
.link-conf                                               {cursor: pointer;position: relative; padding-bottom: 10px; padding-left: 0px; padding-right: 0px;}
.link-conf:hover                                         {color: #282828;}
.link-conf::before, .link-conf::after                         {position: absolute;width: 100%;height: 1px;background: #282828;top: 100%;left: 0;pointer-events: none;}
.link-conf::before                                       {content: '';}
.link--metis::before                                {transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s;}
.link--metis:hover::before                          {transform-origin: 0% 50%; transform: scale3d(1, 1, 1);}
.menu-configurador li.last-link {margin-right: 0px; margin-left: 30px;}
.menu-configurador li.last-link a{font-weight: 700;}
.menu-configurador-link a{padding: 8px 31px; line-height: 23px; margin-top: -8px; margin-right: 30px;}
.menu-configurador-link a svg{display: inline-block; position: relative; top: -1px; margin-right: 5px;}
.menu-configurador li.active a{font-weight: 700; border-bottom: 1px solid #282828;}
.bloco-card-segmento{background-color: #f5f7f9; border-radius: 8px; padding: 120px;}
.bloco-card-segmento img{margin-top: 10px; margin-bottom: 30px;}
.bloco-card-segmento h2{font-weight: 700; font-size: 35px; text-transform: uppercase; margin-top: 40px; letter-spacing: -2px;}
.bloco-card-segmento p{margin-bottom: 40px; padding-right: 100px;}
.bloco-card-segmento a.btn-default{padding: 13.5px 40px;}
.row-cards-segmento{padding: 0 21px; margin-top: 10px; margin-bottom: 80px;}
.bloco-card-modelo h2{text-transform: inherit; transition:.3s;}
.bloco-card-modelo h2 span{font-weight: 500; font-size: 16px; position: relative; left: 5px; letter-spacing: 0px;}
.bloco-card-modelo{padding: 10px 120px; padding-bottom: 30px; margin-bottom: 30px; cursor: pointer; padding-right: 60px;} 
.bloco-aberto-modelo .bloco-card-modelo, .active-modelo .bloco-card-modelo, #painel-modelo .bloco-card-modelo{background-color: transparent;}
.bloco-card-modelo:hover h2{letter-spacing: 0px; transition:.5s;}
.sub-title-frase{font-size: 20px; font-weight: 500;}
.assinados-page .sub-title-frase{padding: 20px 25%;}
.assinados-lista{padding: 0 200px;}
.assinados-lista .imagem-modulo-thumb{height: 850px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 12px; position: relative; margin-top: 50px;}
.assinados-lista .dados-modulo-thumb{background: linear-gradient(to top, rgba(0, 0, 0, 0.85), #00000021); position: absolute; left: 0; min-width: 100%; min-height: 170px; height: 198px; z-index: 99999999 !important; bottom: 0px; color: #fff; padding-left: 40px; padding-top: 20px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
.assinados-lista .dados-modulo-thumb .btn-default{background-color: transparent;border-color: #fff !important; padding: 13.5px 60px !important;}
.assinados-lista .dados-modulo-thumb h3{font-size: 25px; font-weight: 700;}
.assinados-lista .dados-modulo-thumb p{font-size: 14px;}
.assinados-page{margin-bottom: 80px;}
#painel-modelo a{color: #282828; text-decoration: none;}
.menu-configurador-link.menu-configurador-link-troca a{margin-right: 17px; padding: 8px 25px;}
.menu-configurador-link.menu-configurador-link-troca a.btn-default-sec{margin-right: 11px;}
.menu-configurador-link-pagina-configurador{padding-right: 25px;}
.slider-configurador {
    position: relative;
    padding: 0;
    padding-left: 37px;
    margin-top: -5px;
}

/* Slider principal */
.slider-main {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.slider-main .slide-item img {
    width: 100%;
    height: 670px;
    object-fit: cover;
    display: block;
    border-radius: 16px;
}

/* Botões de ação (topo direito) */
.slider-actions {
    position: absolute;
  	right: 16px;
    z-index: 10;
    display: flex;
    gap: 8px;
    padding: 0 50px;
    height: 80%
}

.btn-slider-action,
.btn-slider-fullscreen {
    width: 56px;
    height: 56px;
    border-radius: 6px;
    background: #f5f7f9;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    color: #282828;
    transition: background 0.2s ease;
    position: absolute;
	bottom: 0;
}

.btn-slider-action:hover,
.btn-slider-fullscreen:hover {
    background: #fff;
}

.btn-slider-fullscreen {
    position: absolute;
    bottom: 56px;
  	left: 50px;
    margin: 0;
}
.btn-slider-action-360{bottom: 56px;
  left: 119px;}
.btn-slider-action-medidas{
	bottom: 56px;
  left: 188px;
}
.slider-actions {
    left: 16px;
    width: 100%;
}

/* Setas de navegação do slider principal */
.slider-nav {
    position: absolute;
    z-index: 10;
    width: 56px;
	height: 56px;
	border-radius: 6px;
    background: #f5f7f9;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    color: #282828;
    transition: background 0.2s ease;
}

.slider-nav:hover {
    background: #fff;
}

.slider-nav-prev {
    transform: none;
}

.slider-nav-next {
    transform: none;
}

/* Wrapper das thumbs */
.slider-thumbs-wrapper {
   	display: flex;
    margin-top: 12px;
    margin-right: 0px;
}

.slider-thumbs {
    flex: 1;
    min-width: 0; /* evita overflow forçando flex-shrink */
}

.slider-thumbs .slick-list {
    width: 100%;
}

.slider-thumbs .slick-track {
    display: flex;
    gap: 10px;
}

.thumb-item {
    cursor: pointer;
    background-color: #f5f7f9;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: border-color 0.2s ease;
    border-color: transparent;
    height: 90px !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 0px;
}

.thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.thumb-item.slick-current {
    border-color: transparent;
    background-color: #f5f7f9;

}

/* Thumb de vídeo (fixo à direita) */
.thumb-video {
  position: relative;
  flex-shrink: 0;
  width: 283px;
  height: 190px !important;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  top: -97px;
  left: 2px;
  background-color: transparent;
}

.thumb-video::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); /* ajuste a opacidade aqui */
  z-index: 1;
}

.thumb-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: relative;
  z-index: 0;
}

.thumb-video .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  background: transparent;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #282828;
  font-size: 14px;
  z-index: 2; /* fica na frente da máscara */
}

.slider-nav{position: absolute; right: 310px; bottom: 230px;}
.slider-nav-prev {right: 380px !important;}
.modal-imagem {
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 8px;
}

.modal-video-content {
    width: 80vw;
    max-width: 960px;
    aspect-ratio: 16 / 9;
    position: relative;
}
.modal-video-content iframe {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 56px;
    height: 56px;
    border-radius: 6px;
    background: #f5f7f9;
    border: none;
    font-size: 24px;
    cursor: pointer;
    z-index: 10000;
}

.modal-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    border-radius: 6px;
    background: #f5f7f9;
    border: none;
    font-size: 28px;
    cursor: pointer;
    z-index: 10000;
    display: ruby;
	align-content: center;
	align-items: center;
}
.modal-nav-prev { left: 24px; }
.modal-nav-next { right: 24px; }
.modal-lightbox,
.modal-video {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.9);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-slider-action-ampliar{
	position: absolute;
	right: 45px;
  	top: 27px;
}





/* Responsivo */
@media (max-width: 768px) {
    .slider-main .slide-item img {
        height: 260px;
    }

    .thumb-item {
        height: 55px;
    }

    .thumb-video {
        width: 100px;
        height: 55px;
    }

    .slider-thumbs-wrapper {
        overflow-x: auto;
    }
}






.conteudo-perguntas{padding: 15px 60px; margin-bottom: 12px;}
.faq-item{
    /*border-bottom:1px solid #DDD;*/
}

.faq-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    padding:25px 0;
}

.faq-header h4{
    margin:0;
    font-size:22px;
    font-weight:600;
}

.faq-header h4 span{
    margin-left:10px;
}

.faq-icon{
    font-size:34px;
    font-weight:300;
    transition:.3s;
    user-select:none;
    width: 33px;
      height: 33px;
      background-color: #fff;
      border-radius: 4px;
      text-align: center;
      align-content: center;
}

.faq-body{
    display:none;
    padding-bottom:25px;
}

.faq-body p{
    margin:0;
    line-height:1.8;
}

.faq-item.active .faq-body{
    display:block;
}

.faq-item.active .faq-icon{
    transform:rotate(180deg);
}

.faq-item.active .faq-icon::before{
    content:"−";
}

.faq-icon::before{
    content:"+";
}
.categoria-menu-interno > div {
    opacity: 0;
    transform: translateY(0px);
    display: none;
    transition: all .35s ease;
    height: auto;
    position: absolute;
    width: 100%;
}

.categoria-menu-interno {
    position: relative;
    min-height: 100%; /* ajustável */
}

.categoria-menu-interno > div.active {
    opacity: 1;
    transform: translateY(0);
    display: block;
    position: relative;
}



/* Botão de abrir */
.menu-btn {
    background: #111;
    color: #fff;
    padding: 10px 16px;
    border: none;
    font-size: 18px;
    cursor: pointer;
}

/* Overlay escuro */
.overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity .35s ease;
    z-index: 900;
      backdrop-filter: blur(8px);
}

/* Menu lateral */
.side-menu {
    position: fixed;
    top: 0;
    right: -1212px; /* menu escondido */
    width: 1212px;
    height: 100vh;
    background: #fff;
    box-shadow: -3px 0 20px rgba(0,0,0,0.15);
    transition: right .35s ease;
    z-index: 999999999 !important;
    padding: 30px 85px;
    padding-right: 70px;
    box-sizing: border-box;
}

/* Botão X */
.close-btn {
    background: #eeeff2;
    border: none;
    font-size: 32px;
    cursor: pointer;
    position: absolute;
    top: 30px;
  	right: 45px;
    border-radius: 10px;
    width: 34px;
  	height: 34px;
  	color: #282828;
}

/* Conteúdo do menu */
.menu-content {
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.menu-content a {
    text-decoration: none;
    font-size: 18px;
    color: #111;
}

/* Quando o menu está aberto */
.side-menu.active {
    right: 0;
}

.overlay.active {
    opacity: 1;
    pointer-events: auto;
}



.pc-carousel-wrapper{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  box-sizing:border-box;
  position: relative;
}

.pc-carousel-viewport{
  overflow:hidden;
  flex:1;
}

.pc-track{
  display:flex;
  gap:20px;
  transition:transform .45s ease;
  will-change: transform;
}

.pc-card{
  width:358px; /* largura fixa configurável */
  flex-shrink:0;
  background:#fff;
  border-radius:28px;
  overflow:hidden;
  position: relative;
  background-position: center; background-repeat: no-repeat; background-size: cover; height: 455px;
}

.pc-card img{
  width:100%;
  height:200px;
  object-fit:cover;
  display:block;
}

.pc-card h3{
  font-size: 30px;
  color: rgba(255, 255, 255, 1);
  font-weight: 700;
}

.pc-card span{
  color: rgba(255, 255, 255, 1); display: block; margin-top: 15px; font-weight: 500}
/* mobile: mostra 2 (ajuste com media query) */
@media (max-width:768px){
  .pc-card{ width:220px; }
}

.texto-parceria-card{
	background: linear-gradient(to top, rgba(0, 0, 0, 0.95), transparent);
  position: absolute;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
  z-index: 99999999 !important;
  bottom: 0px;
  color: #fff;
  padding: 40px 55px;
    padding-top: 40px;
  padding-top: 305px;
}
.pc-btn{
  position: absolute;
  top: inherit;
  top: -115px;
  display: block;
  width: 60px;
  height: 60px;
  border: 2px solid #282828 !important;
  border-radius: 6px !important;
  padding: 0;
  color: #282828;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: 1;
  transition: opacity .15s ease;
  z-index: 9999 !important;
  left: inherit !important;
  padding: 16px;
  right: 75px !important;
}
.pc-next{background-color: #282828; right: 0px !important;}
.pc-next img {
  filter: invert(1) brightness(200%);
}


#portfolio-filter-buttons{display: none;}
.portfolio-flex {
  display: flex;
}

.portfolio-flex-wrap {
  flex-wrap: wrap;
}

.portfolio-gap-4 {
  gap: 1rem;
}

.portfolio-mb-8 {
  margin-bottom: 2rem;
}


#thumbs 												{position: relative; padding-left: 280px; margin-top: -35px;}
#thumbs .btn-default 									{position: absolute; left: 0px;}
#thumbs .thumb-btn 										{padding: 13px 20px;}
#portfolio2-filter{display: none;}
.portfolio-grid {
  display: grid;
}

.portfolio-gap-6 {
  gap: 3rem;
}
.portfolio-consultoria .portfolio-lg-grid-cols-3 {
  grid-template-columns: repeat(1, 1fr);
}
.portfolio-lg-grid-cols-3 {
  grid-template-columns: repeat(2, 1fr);
}
.portfolio-group {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  transition: transform 0.3s ease, opacity 0.3s ease;
  height: 580px;
}

.portfolio-group:hover .portfolio-scale-hover {
  transform: scale(1.05);
}

.portfolio-scale-hover {
  transition: transform 0.3s;
}

.portfolio-aspect-3-2 {
  aspect-ratio: 3 / 2;
}

.portfolio-object-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.portfolio-bg-gradient-to-t {
  /*background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);*/
}

.portfolio-absolute {
  position: absolute;
}

.portfolio-inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.portfolio-bottom-0 {
  bottom: 10%;
  height: 90%;
  width: 100%;
  display: flex;
}
.portfolio-text-xl {
  font-size: 40px;
  margin-left: 80px;
  margin-top: 55px;
}
.portfolio-text-white {
  color: rgba(255, 255, 255, 1);
}

.portfolio-text-white-80 {
  color: rgba(255, 255, 255, 1);
}

.portfolio-font-semibold {
  font-weight: 700;
}

.portfolio-description {
  /* font-size: 0.875rem; */
  color: rgba(255, 255, 255, 1);
  margin-top: 0rem;
  transition: opacity 0.3s;
  text-align: center;
  padding: 0 1rem;
}
/* .about::before{
    left:20px;
    top:20px;
    height:90%;
    width:3px;

  } */

.portfolio-media-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8px; /* Optional: Add rounded corners */
}

.portfolio-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease-in-out, transform 0.4s ease-in-out;
}

.portfolio-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.2); /* Start slightly zoomed in */
  transition: opacity 0.5s ease-in-out, transform 0.4s ease-in-out;
  pointer-events: none;
}

.portfolio-group:hover .portfolio-video {
  opacity: 1;
  /*transform: scale(1);*/
}

.portfolio-group:hover .portfolio-image {
  opacity: 0;
  /*transform: scale(0.95);*/
}

.portfolio-group {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.portfolio-group:hover {
  transform: scale(1); /* Slightly enlarge the entire card */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Add a shadow for depth */
}

.portfolio-overlay {
  transition: opacity 0.3s ease-in-out;
}

.portfolio-group:hover .portfolio-overlay {
  opacity: 0.7; /* Slightly enhance overlay visibility on hover */
}
@media (max-width: 1100px) {
  .portfolio-sm-grid-cols-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.portfolio-links {
  display: flex;
  gap: 0.5rem;
  position: absolute;
  bottom: 0px;
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  gap: 15px;
  background-color: #181717;
  outline: 3px #181717 solid;
  outline-offset: -3px;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  transition: 400ms;
}

.button .text {
  color: white;
  font-weight: 700;
  font-size: 1em;
  transition: 400ms;
}

.button svg path {
  transition: 400ms;
}

.button:hover {
  background-color: transparent;
  outline: 1px white solid;
  outline-offset: -1px;
}

/* .button:hover svg path {
    fill: black;
  } */
@media (max-width: 680px) {
  .portfolio-text-xl {
    font-size: 6.25rem;
  }
}
@media (max-width: 515px) {
  .portfolio-text-xl {
    font-size: 4.25rem;
  }
  .portfolio-group {
    height: 280px;
  }
}
.portfolio-progress {
  position: absolute;
  right: 15px;
  top: 0;
  color: white;
  border: 1px solid rgb(45, 45, 45);
  padding: 5px 10px;
  border-radius: 8px;
  background-color: rgb(45, 45, 45);
  font-size: 12px;
}
/* Default state: hide description and title */
.portfolio-description,
.portfolio-text-xl {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Show description and title on hover */
.portfolio-group:hover .portfolio-description,
.portfolio-group:hover .portfolio-text-xl {
  opacity: 0;
  transform: translateY(10px); /* Optional: slide-in effect */
}

/* Optional: Hide video by default */
.portfolio-video {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Show video on hover */
.portfolio-group:hover .portfolio-video {
  opacity: 1;
}



/* On hover: hide the blur layer */
.portfolio-group:hover .portfolio-overlay-blur {
  opacity: 0;
}
#portfolio1-filter{display: none;}

.resumo-configurador{padding-right: 41px; margin-top: -5px;}
.dados-resumo-header{background-color: #f5f7f9; border-radius: 12px; padding: 12px 50px; margin-bottom: 10px;}
.dados-resumo-header h3{font-size: 14px; text-transform: uppercase;font-weight: 500; margin-top: 15px;}
.dados-resumo-header h2{font-weight: 600; font-size: 35px; margin-top: 13px;}
.dados-resumo-header p{font-weight: 600; font-size: 35px; margin-bottom: 0px; margin-top: 17px;}
.dados-resumo-header span{font-weight: 500; font-size: 13px;  margin-top: 11px; display: block;}
.dados-resumo-header small{font-weight: 500; font-size: 11px; letter-spacing: -.5px;}
.dados-resumo-header .icon-info{display: inline-block; margin-right: 5px; position: relative; top: -1px;}
.dados-resumo-header.toogle-dados-header h2{font-size: 22px; font-weight: 700;}
.dados-resumo-header span.faq-icon {width: 34px; height: 34px; font-weight: 400; font-size: 34px; position: relative; top: -2px;}
.dados-resumo-header .conteudo-opcionais{margin-top: 10px; border-bottom: 0px;}
.dados-resumo-header .faq-header{padding: 0px;}
.dados-resumo-header .quadrado-revest-cor{background-repeat: no-repeat; background-size: cover; background-position: center; margin-right: 20px}
.dados-resumo-header .conteudo-opcionais .faq-body .row .button-toolt{position: relative; right: -15px; top: 0px}
.dados-resumo-header span.valor{position: absolute; right: 18px;}
.dados-resumo-header .quadrado-revestimento span {margin-top: 0px; font-size: 15px;}
.dados-resumo-header .quadrado-revestimento{padding: 6px; border-radius: 10px; transition: all 200ms linear 0s;}
.dados-resumo-header .quadrado-revestimento:hover{background-color: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transition: all 200ms linear 0s;}
.dados-resumo-header .conteudo-opcionais .faq-body .row{padding-bottom: 0px; padding-top: 7px; padding-left: 7px; padding-right: 10px;}
.dados-resumo-header .conteudo-opcionais .faq-body{margin-top: 15px;}
.dados-resumo-header.toogle-dados-header{padding-bottom: 30px;}
.finalizar-config-button a{width: 100%; margin-top: 100px;}
.finalizar-config-button a img{display: inline-block; margin-right: 8px;}
.menu-configurador li.last-link a{padding: 10px 31px !important; font-weight: 600; margin-right: 0px !important;}
#Resumo{padding: 0 25px;}
#Resumo .dados-resumo-header{padding: 0px; margin-top: 30px; background-color: transparent;}
#Resumo h1{font-size: 80px; font-weight: 600; border-bottom: 1px solid #282828; line-height: 115px; margin-top: 50px;}
#Resumo .dados-resumo-header h2 span{display: inline-block; font-size: 20px;}
.valores-resumo{padding-top: 90px;}
.valores-resumo p{position: relative; font-size: 20px;}
.valores-resumo p span{position: absolute; right: 0;}
.valores-resumo p.total-resumo{font-size: 40px; font-weight: 600; border-bottom: 1px solid #282828; padding-bottom: 50px; padding-top: 50px;}
.valores-resumo small{}
#Resumo .container-index {padding: 0px 10px;}
.btn-alterar-resumo{padding: 4.5px 11px !important; line-height: 19px !important; float: right;}
.btn-alterar-resumo img{display: inline-block; margin-left: 8px; rotate: -90deg; filter: invert(1); position: relative; top: -1px;}
#Resumo .conteudo-opcionais .faq-body p {font-weight: 500;}
#Resumo .conteudo-opcionais{border-bottom: 0px; margin-top: 70px;}
.final-resumo .titulo-resumo h1{font-size: 200px !important; font-weight: 900 !important; color: #e1e2e5; letter-spacing: -14px; border-bottom: 0px !important;}
.final-resumo .titulo-resumo img{}
.final-resumo {margin-top: 80px;}
.template .menu-header a{float: right;}
.template #Header {padding-top: 35px;}
.template .logo-header{padding-top: 0px; margin-top: -15px;}
.buttons-final-resumo{text-align: right;}
.buttons-final-resumo .btn-default{display: inline-block; text-align: center;  width: 100%; padding: 21.5px 15px; margin-bottom: 70px; margin-top: 120px;}
.buttons-final-resumo .btn-default-sec{float: right; clear: both; text-align: center; width: 245px; height: 46px; margin-top: 20px;padding: 13.5px 15px; text-transform: capitalize; font-size: 14px; line-height: 15px;}
.buttons-final-resumo .btn-default img, .buttons-final-resumo .btn-default-sec img{display: inline-block; top: -1px; margin-right: 6px;}
.final-resumo{margin-bottom: 100px;}

.quadrado-opcao {
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 10px;
    position: relative;
    transition: all .2s ease;
}
.quadrado-opcao:hover {
    border-color: #ccc;
    background: #fff;
}
.quadrado-opcao.selecionado {
    border-color: #282828;
    background: #fff;
}
.check-selecionado {
    display: none;
    position: absolute;
    top: 6px;
    right: 6px;
    background: #282828;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}
.quadrado-opcao.selecionado .check-selecionado {
    display: inline-block;
}
.titulo-categoria-config, .titulo-ambiente-config {
    font-weight: bold;
    margin: 10px 0 5px;
}
.titulo-ambiente-config {
    text-transform: uppercase;
    font-size: 13px;
    color: #999;
}
.sem-opcoes {
    color: #999;
    font-style: italic;
    padding: 10px 0;
}
.medidas-adicional {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
.btn-medida {
    border: 1px solid #ccc;
    background: #fff;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
    transition: all .2s;
}
.btn-medida.selecionado {
    background: #282828;
    color: #fff;
    border-color: #282828;
}
.toast-config {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #282828;
    color: #fff;
    padding: 12px 20px;
    border-radius: 6px;
    z-index: 9999;
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
    animation: fadeInUp .3s ease;
}
.toast-config.erro { background: #c0392b; }
.toast-config.sucesso { background: #27ae60; }
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.loading-configurador {
    text-align: center;
    padding: 100px 0;
}

/* ---- Modal de Operação (cadastro / confirmação) ---- */
.modal-operacao {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}
.modal-operacao-box {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    max-width: 420px;
    width: 90%;
    position: relative;
    text-align: center;
}
.modal-operacao-box .modal-close {
    position: absolute;
    top: 10px;
    right: 14px;
    background: transparent;
    border: none;
    font-size: 22px;
    cursor: pointer;
}
.modal-operacao-imagem {
    width: 100%;
    max-height: 140px;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 12px;
}
.modal-operacao-segmento {
    text-transform: uppercase;
    font-size: 12px;
    color: #999;
    margin-bottom: 4px;
}
.modal-operacao-box form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 16px;
}
.modal-operacao-box input {
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}
.modal-operacao-box button[type="submit"] {
    margin-top: 6px;
}
.confirm-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}
.conteudo-opcionais .faq-body p {font-weight: 600; font-size: 16px;}
.dados-resumo-header .quadrado-revestimento{display: inline-block; padding: 0px 15px;}
.dados-resumo-header .quadrado-opcao{align-items: center; display: inline-flex;}
.dados-resumo-header .quadrado-revestimento p.titulo-categoria-config{margin-top: 8px;}
.quadrado-opcao .check-selecionado{display: none;}
.conteudo-opcionais .faq-body p.titulo-ambiente-config{text-transform: capitalize; color: #282828;}