#root > div.checkout-wrapper > form > div > div.lg\:block.lg\:w-1\/2.lg\:min-h-screen.overflow-y-auto.checkout-basket > div > div.flex.items-center > button {
	background-color: #363636 !important;
	box-shadow: 0px 0px 14s são gerenciadas pela API do Mercado Pago, PayPal, PagHiper px 8px #363636a9 !important;
	transition: 0.2s !important;
  }
  logo
  #root > div.checkout-wrapper > form > div > div.lg\:block.lg\:w-1\/2.lg\:min-h-screen.overflow-y-auto.checkout-basket > div > div.flex.items-center > button:hover {
	background-color: #363636 !important;
	box-shadow: 0px 0px 16px 10px #363636a9 !important;
	transition: 0.2s !important;
  }
  
  #root > div.checkout-wrapper > form > div > div.lg\:w-1\/2.lg\:min-h-screen.overflow-y-auto.p-4 > div > button.p-2.px-3.transition-all.rounded.bg-blue-600.hover\:bg-blue-700.text-white.mt-4 {
	background-color: #363636 !important;
	box-shadow: 0px 0px 14px 8px #363636a9 !important;
	transition: 0.2s !important;
  }
  
  #root > div.checkout-wrapper > form > div > div.lg\:w-1\/2.lg\:min-h-screen.overflow-y-auto.p-4 > div > button.p-2.px-3.transition-all.rounded.bg-blue-600.hover\:bg-blue-700.text-white.mt-4:hover {
	background-color: #363636 !important;
	box-shadow: 0px 0px 14px 8px #363636a9 !important;
	transition: 0.2s !important;
  }
  
  #root > div.checkout-wrapper > form > div > div.lg\:w-1\/2.lg\:min-h-screen.overflow-y-auto.p-4 > div > div.flex.items-center.pb-4 > button.w-7.h-7.rounded-full.border.\!border-green-500 {
	background-color: #363636 !important;
	border: 1px solid #363636 !important;
  }
  
  #root > div.checkout-wrapper > form > div > div.lg\:w-1\/2.lg\:min-h-screen.overflow-y-auto.p-4 > div > div.flex.items-center.pb-4 > div.border-t.flex-1.\!border-green-500 {
	border: 1px solid #363636 !important;
  }
  
  #root > div.checkout-wrapper > form > div > div.lg\:w-1\/2.lg\:min-h-screen.overflow-y-auto.p-4 > div > button.hidden.lg\:block.mb-5 {
	background-color: #363636 !important;
	border-radius: 4px !important;
	padding: 6px 10px !important;
  }
  
  input {
	border: 1px solid #363636 !important;
  }
  
  #root > div > header > div > button {
	transition: 0.2s !important;
  }
  
  #root > div > header > div > div > a {
	transition: 0.2s !important;
  }
  
  #basket > i {
	transition: 0.2s !important;
  }
  
  #root > div > header > div > button:hover {
	color: #363636 !important;
	transition: 0.2s !important;
  }
  
  #root > div > header > div > div > a:hover {
	color: #363636 !important;
	transition: 0.2s !important;
  }
  
  #basket > i:hover {
	color: #363636 !important;
	transition: 0.2s !important;
  }
  
  #root > div > header {
	background-color: #363636 !important;
  }
  
  #catalog > div.bm-menu {
	background-color: rgb(0, 0, 0) !important;
  }
  
  #root > div.checkout-wrapper {
	background-color: rgb(0, 0, 0) !important;
  }
  
  #root > div.checkout-wrapper > form {
	background-color: rgb(0, 0, 0) !important;
  }
  
  #basket > div.bm-menu {
	background-color: rgb(0, 0, 0) !important;
  }
  
  #catalog > div.bm-menu > nav > a {
	transition: 0.2s !important;
  }
  
  #catalog > div.bm-menu > nav > a:hover {
	color: #363636 !important;
	transition: 0.2s !important;
  }
  
  #root > div > div.px-10.mx-5.mb-5.flex.justify-center {
	background-color: rgb(0, 0, 0) !important;
  }
  
  #background {
	background-color: rgb(0, 0, 0) !important;
  }
  
  #root > div > ul > div > div {
	background-color: rgb(0, 0, 0) !important;
  }
  
  #root > div.checkout-wrapper > form > div > div.lg\:w-1\/2.lg\:min-h-screen.overflow-y-auto.p-4 > div > div > input {
	background-color: rgb(0, 0, 0) !important;
  }
  
  #root > div.checkout-wrapper > form > div > div.lg\:block.lg\:w-1\/2.lg\:min-h-screen.overflow-y-auto.checkout-basket > div > div.flex.items-center > input {
	background-color: rgb(0, 0, 0) !important;
  }
  
  #root > div.Toastify > div {
	background-color: rgba(6, 6, 6, 0) !important;
  }
  
  #root > div.Toastify > div > div {
	background-color: rgb(0, 0, 0) !important;
  }
  
  #root > div.checkout-wrapper > form > div > div.lg\:w-1\/2.lg\:min-h-screen.overflow-y-auto.p-4 > div > div.modal-backdrop {
	background-color: rgb(0, 0, 0) !important;
  }
  
  #root > div.checkout-wrapper > form > div > div.lg\:w-1\/2.lg\:min-h-screen.overflow-y-auto.p-4 > div > div.modal-backdrop > div {
	background-color: rgb(0, 0, 0) !important;
  }
  
  .text-blue-600 {
	color: #363636;
  }
  
  .text-blue-800 {
	color: #363636;
  }
  
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');body {
	font-family: 'Poppins', sans-serif !important;
  }
  
  .product {
	background: rgb(0, 0, 0);
	color: #FFF;
	padding: 10px;
  }
  
  .product-body .flex img {
	box-shadow: 0 0 20px #36363650;
  }
  
  .fas {
	color: #363636;
  }
  
  .accordion {
	width: 100%;
	height: 50px;
	margin-top: 15px;
	background: linear-gradient(to left, #363636, #363636);
	border: 0;
	transition: all .3s ease-in-out;
	font-size: 20px;
	font-weight: 15px;
  }
  
  .accordion:hover {
	background: linear-gradient(to right, #363636, #363636);
	font-weight: bold;
  }
  
  .categories li:hover a {
	transition: all .3s ease-in-out;
	color: #363636 !important;
  }
  
  .categories li:hover {
	color: #ffdc00 !important;
  }
  
  .text-center {
	font-size: 1.5em;
	font-weight: bold;
  }
  
  .product-col {
	transition: all .3s ease-in-out !important;
  }
  
  .product {
	zoom: 0.8 !important;}
  
  .sub-title {
	font-size: 18px;
	font-weight: bold;
  }
  
  #store-body p {
	font-size: 16px !important;
	color: rgb(248, 248, 248) !important;
	opacity: .4 !important;
	font-family: 'Poppins' !important;
  }
  
  li a {
	font-size: 14.7px !important;
  }
  
  .btn-primary {
	background-color: #363636 !important;
	box-shadow: 0 2.8px 2.2px #363636a9, 0 6.7px 5.3px #363636a9, 0 12.5px 10px #363636a9, 0 22.3px 17.9px #363636a9, 0 41.8px 33.4px #363636a9, 0 100px 80px #363636a9;
	-webkit-box-shadow: 0px 0px 20px 4px #363636a9;
	-moz-box-shadow: 0px 0px 20px 4px #363636a9;
	border: 0 !important;
	color: rgb(255, 255, 255) !important;
	max-height: 60px !important;
	font-size: 18px !important;
	padding: 8px 16px !important;
	transition: 0.5s !important;
	margin-top: 2em !important;
  }
  
  .btn-primary:hover {
	border-color: #363636 !important;
	transform: scale(1.1);
  }
  
  img.mr-2 {
	min-width: 80px !important;
	display: block;
  }
  
  .bm-item li.flex.items-center {
	display: flex;
	align-items: center !important;
	justify-content: center !important;
	flex-direction: column;
	margin-block-end: 40px !important;border-bottom: 1px solid #363636 !important;
	padding-block-end: 10px !important;}
  
  .bm-item li.flex .w-full div {
	flex-direction: column;
	align-items: center;
	margin-top: 14px;
  }
  
  .w-full .text-sm {
	display: flex;
	align-items: center;
	justify-content: center !important;
	flex-direction: row !important;
	flex-wrap: wrap;
  }
  
  .w-full .text-sm .mr-2, .w-full .text-sm .ml-2 {
	transition: all .5s !important;
  }
  
  .w-full .text-sm .mr-2:hover, .w-full .text-sm .ml-2:hover {
	color: #363636 !important;
  }
  
  .text-sm .text-center {
	margin-top: 0 !important;
  }
  
  .ml-auto {
	width: 100% !important;
	margin-top: 4px !important;
	transition: all .5s !important;
  }
  
  button.ml-auto:hover {
	color: #363636 !important;
  }
  
  .btn-info {
	background: 0 !important;
	border: 1px solid #363636 !important;
	border-radius: 4px !important;
	color: rgb(248, 248, 248) !important;
	font-weight: 500 !important;
	margin-right: 4px !important;
	text-transform: uppercase !important;
	transition: 0.5s !important;
  }
  
  .btn-info:hover {
	transform: scale(1.1) !important;
	transition: 0.5s !important;
  }
  
  .h-full {
	transition: all 0.8s !important;
  }
  
  .mt-2 button {
	transition: all .5s !important;
  }
  
  .mt-2 button:hover {
	opacity: .8 !important;
  }
  
  .btn-success {
	background-color: #363636 !important;
	box-shadow: 0 2.8px 2.2px #363636a9, 0 6.7px 5.3px #363636a9, 0 12.5px 10px #363636a9, 0 22.3px 17.9px #363636a9, 0 41.8px 33.4px #363636a9, 0 100px 80px #363636a9;
	-webkit-box-shadow: 0px 0px 20px 4px #363636a9;
	-moz-box-shadow: 0px 0px 20px 4px #363636a9;
	border-radius: 4px !important;
	color: rgb(255, 255, 255) !important;
	font-family: 'Poppins' !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	margin-left: 4px !important;
	transition: 0.5s !important;
  }
  
  .btn-success:hover {
	transform: scale(1.1) !important;
	transition: 0.5s !important;
  }
  
--   COR EM VOLTA DOS ITENS
  .packages-list {
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgb(0, 0, 0) 60%, rgba(18, 18, 18, 0.7) 100%);
  }
  
  .packages-list h1 {
	width: fit-content;
	margin-top: 3em;
	background-color: #363636 !important;
	border-radius: 4px !important;
	box-shadow: 0 2.8px 2.2px #363636a9, 0 6.7px 5.3px #363636a9, 0 12.5px 10px rgba(2255 0 85 / 50%), 0 22.3px 17.9px #363636a9, 0 41.8px 33.4px #363636a9, 0 100px 80px #363636a9;
	-webkit-box-shadow: 0px 0px 20px 4px #363636a9;
	-moz-box-shadow: 0px 0px 20px 4px #363636a9;
	color: rgb(255, 255, 255) !important;
	font-family: 'Poppins' !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	position: absolute;
	padding: 4px 32px;
	margin-left: 0px;
	position: static !important;
	text-align: center !important;
	top: 0% !important;
	width: 100% !important;
  }
  
  .package {
	align-items: flex-start !important;
	display: flex !important;
	flex-direction: column !important;
	margin-left: 2.5rem !important;
	margin-right: 2.5rem !important;
	overflow: initial !important;
  }
  
  .fa-shopping-cart {
	color: rgb(255, 255, 255) !important;
  }
  
  .badge {
	box-shadow: 0 0 0.4rem 0.1rem #363636a9 !important;
	background-color: #363636 !important;
  }
  
  .underline {
	text-decoration: none;
  }
  
  .nav-block {
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 70%, rgb(0, 0, 0) 100%);
	border-bottom-width: 1px !important;
	border-color: rgb(50, 50, 50) !important;
  }
  
  .nav-block {
	display: contents;
  }
  
  .categories {
	color: rgb(248, 248, 248) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
  }
  
  .font-bold {
	font-weight: 500;
  }
  
  .btn-danger {
	background-color: red !important;
	box-shadow: 0 2.8px 2.2px rgba(250, 60, 60, 0.5), 0 6.7px 5.3px rgba(250, 60, 60, 0.5), 0 12.5px 10px rgba(250, 60, 60, 0.5), 0 22.3px 17.9px rgba(250, 60, 60, 0.5), 0 41.8px 33.4px rgba(250, 60, 60, 0.5), 0 100px 80px rgba(250, 60, 60, 0.5);
	-webkit-box-shadow: 0px 0px 20px 4px rgba(250, 60, 60, 0.5);
	-moz-box-shadow: 0px 0px 20px 4px rgba(250, 60, 60, 0.5);
	border-radius: 4px !important;
	color: rgb(248, 248, 248) !important;
	font-family: 'Poppins' !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	margin-left: 4px !important;
  }
  
  .packages-list h1 {
		background-color: #363636 !important;
		border-radius: 4px !important;
		box-shadow: 0 2.8px 2.2px #363636a9, 0 6.7px 5.3px #363636a9, 0 12.5px 10px #363636a9, 0 22.3px 17.9px #363636a9, 0 41.8px 33.4px #363636a9, 0 100px 80px #363636a9;
		-webkit-box-shadow: 0px 0px 20px 4px #363636a9;
		-moz-box-shadow: 0px 0px 20px 4px #363636a9;
		padding: 8px 20px !important;
		color: rgb(255, 255, 255) !important;
		font-family: 'Poppins' !important;
		font-size: 18px !important;
		font-weight: 600 !important;
		position: static !important;
		text-align: center !important;
		top: 0% !important;
		width: 100% !important;
	
  }
  
  .package > div > div > img {
	height: auto;
	width: auto;
  }
  
  .package > div > div {
	height: 100%;
  }
  
  .package > div {
	height: 30em;
  }
  
  .title {
	height: 2em !important;
  }
  
  .content {
	height: 100% !important;
  }
  
  .button_home {
	margin: 0 !important;
	margin-bottom: 1em !important;
  }
  
  .selected {
	color: #363636 !important;
	border-bottom: 2px solid #363636 !important;
  }
  
  .badge {
	box-shadow: 0 0 0.4rem 0.1rem #363636 !important;
	background-color: #363636 !important;
	
  }
  
  .badge {
	
	border-radius: 0.25rem;
	background-color: #fff;
	color: #fff;
	
  }
  
  .content {
	align-items: center;
	width: 80%;
	height: 100%;
	display: flex;
	flex-direction: column;
	margin: auto;
	color: #fff;
	text-align: center;
  }
  
  .badge {
	  border-radius: .25rem;
	  background-color: #fff;
	  color: #fff
  }