/* CORE */

:root {
  --primary-color: #045c94;
  --secondary-color: #ffbb1c;
  --tertiary-color: #02314d;
  --quintenary-color: #141414;
  --sextuary-color: #f2f4f5;
}

* {
  transition: ease-in-out 0.2s;
}

body {
  position: absolute;
  width: 100%;
  font-family: "Poppins";
  background-color: #e5e5e5;
  overflow-anchor: none;
}

p {
  color: #6b7280;
  font-size: 13px;
}

a {
  color: var(--primary-color);
}

a:hover {
  color: var(--quintenary-color);
  text-decoration: none;
}

.text-black {
  color: var(--quintenary-color);
}

.black-button {
  color: var(--sextuary-color);
  background: var(--quintenary-color);
  border: 2px solid var(--quintenary-color);
  border-radius: 50px;
  transition: ease 0.2s;
}

.black-button:hover {
  transform: scale(1.05);
  color: var(--quintenary-color);
	background: var(--sextuary-color);
  border: 2px solid var(--quintenary-color);
}

.subtitle {
  font-size: 15px;
  text-transform: uppercase;
  color: var(--quintenary-color);
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}

.title {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0;
  color: #000;
  overflow-wrap: break-word;
}

.fs-20 {
  font-size: 20px!important;
}

.img-responsive {
	max-width: 100%;
}

.sortable {
    cursor: move;
}

.table-small td, .table th {
    padding: .25rem;
}

/* Tables */
.table.table-vcenter th,
.table.table-vcenter td {
    vertical-align: middle;
}

.table-options {
    padding: 6px 0;
}

.table thead > tr > th {
    font-size: 18px;
    font-weight: 600;
}

.table thead > tr > th > small {
    font-weight: 400;
    font-size: 75%;
}

.table thead > tr > th,
.table thead > tr > td,
.table tfoot > tr > th,
.table tfoot > tr > td {
    padding-top: 14px;
    padding-bottom: 14px;
}

.table tfoot > tr > th,
.table tfoot > tr > td {
    background-color: #f9fafc;
}

.table-borderless tbody > tr > th,
.table-borderless tbody > tr > td {
    border-top-width: 0;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td,
.table tbody + tbody,
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border-color: #eaedf1;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #eaedf1;
}

/* SUMMARY */

.summary .summary-item:not(:last-of-type){
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.summary .text{
	font-size: 1em;
	font-weight: 600;
}

.summary .price{
	font-size: 1em;
	float: right;
}

.summary button{
	margin-top: 20px;
}

/* MEDIA */
.media-feed {
    padding-left: 0;
    list-style: none;
}

.media-feed .media.media-hover {
    background-color: #f9f9f9;
}

.media-feed {
    margin-bottom: 0;
}

.media-feed > .media {
    margin-top: 0;
	margin-bottom: 10px;
    padding: 20px;
    border-top: 1px dotted #dbe1e8;
}

.media-feed > .media:first-child {
    border-top: none;
}

.media-feed.media-feed-hover > .media:hover {
    background-color: #f9f9f9;
}

/* Breadcrumps */
.breadcrumb {
    background-color: #ffffff;
}

.breadcrumb i {
    font-size: 14px;
}

.breadcrumb-top {
    margin: -10px -5px 10px;
    padding: 7px 10px;
    border-top: 1px solid #eaedf1;
    border-bottom: 1px solid #dbe1e8;
    font-size: 12px;
}

.content-header + .breadcrumb-top,
.breadcrumb-top + .content-header {
    margin-top: -11px;
}

.breadcrumb > li + li:before {
    content: "\203a";
	margin-left: 5px;
	margin-right: 5px;
}


/* Gallery */
.gallery img, .gallery a img, .gallery-image img, a[data-toggle="lightbox-image"] img {
    max-width: 100%;
}

a[data-toggle="lightbox-image"],
a.gallery-link {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.gallery a:hover img,
.gallery-image:hover img,
a[data-toggle="lightbox-image"]:hover img {
    opacity: 0.75;
}

.gallery-image {
    position: relative;
}

.gallery-image-badge {
    position: absolute;
    /* bottom: 0; */
    /* padding: 10px; */
}

.gallery-image-options {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    padding: 10px;
}

.gallery-image:hover .gallery-image-options {
    display: block;
}

.gallery > .row > div {
    margin-bottom: 15px;
}

.gallery.gallery-widget > .row > div {
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

.pagination > li > a,
.pagination > li > span  {
	padding: 2px 10px;
    color: var(--quintenary-color);
    margin-left: 5px;
    margin-right: 5px;
    border: none !important;
    border-radius: 25px !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	padding: 2px 10px;
    background-color: var(--quintenary-color);
	color: #ffffff;
}

.pagination > li > a:hover {
    background-color: var(--quintenary-color);
    border-color: var(--quintenary-color);
    color: #ffffff;
}

.background-style-gray {
  background: linear-gradient(rgba(242,244,245,0.80), rgba(242,244,245,0.31)), url('../../site/imagens/bg-gray.svg');
}

.background-style-yellow {
  background: linear-gradient(rgba(255,187,28,0.9) 0%, rgba(255,187,28,0.52) 46%, rgba(255,187,28,0.90) 100%), url('../../site/imagens/bg-shapes-one.webp') center / cover, var(--secondary-color);
}

.background-style-yellow-white {
  background: linear-gradient(180deg, rgba(255,187,28,0.9) 55%, #fff 55%), url('../../site/imagens/bg-shapes-one.webp') top / cover, var(--secondary-color);
}

.box-style-white {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.11);
}

/* TOP HEADER */

.top-header {
  background: var(--secondary-color);
  padding: 0.8em;
  color: #4f4f4f;
  font-size: 12px;
}

.top-header a {
  color: #4f4f4f;
  letter-spacing: 2px;
  font-weight: normal;
  margin-right: 1em;
  text-transform: uppercase;
}

.top-header a:last-of-type {
  margin-right: 0;
}

.top-header a:hover {
	color: #fff;
	text-decoration: none;
}

.top-header p {
  margin: 0;
}

.top-header .user {
	color: #fff;
	border-right: 1px solid #fff;
	margin-right: 10px;
	padding-right: 10px;
}

/* MAIN HEADER */

.main-header {
  background-color: #fff;
}

.main-header li.nav-item {
  margin-right: 1.5em;
}

.main-header li.nav-item:last-of-type {
  margin-right: 0;
}

.main-header .nav-link {
  font-size: 12px;
  font-weight: bold;
}

.main-header a {
  font-size: 13px;
  font-weight: normal;
}

.main-header a.active {
  font-weight: bold;
  color: #fff !important;
  background-color: var(--secondary-color);
  border-radius: 30px;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.main-header .navbar {
  box-shadow: 0px 0px 10px rgba(34, 34, 34, 0.22);
  border-bottom: 5px solid var(--secondary-color);
  padding: 2em 0;
}

.main-header .responsive-logo {
  display: none;
  margin-bottom: 2em;
}

.main-header .responsive-logo .logo {
  width: 130px;
}

.main-header .nav-item.dropdown {
  position: unset;
}

.main-header .mega-menu-header {
  background-color: #f5f5f5;
  right: 0;
  top: 6.3em;
  padding: 1em 0;
  width: 100%;
  border-radius: 0;
  border: 0;
  border-bottom: 3px solid var(--primary-color);
  box-shadow: 0 10px 20px 0 #00000042;
}

.main-header .dropdown-menu .mega-menu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.main-header .dropdown-menu .menu-column {
  list-style-type: none;
  list-style: none;
  padding: 0;
  -moz-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  width: 100%;
	position: relative;
  border-right: 1px solid #e8e8e8;
}

.main-header .dropdown-menu .menu-column:last-of-type {
  border-right: 0;
}

.main-header .dropdown-menu .dropdown-item {
  color: #666666;
  text-transform: capitalize;
  padding: 0.5em 2em;
}

.main-header .dropdown-menu .menu-column li {
  display: grid;
}

.main-header .dropdown-menu .menu-title {
  padding: 0 1.5rem;
  margin: 0 0 0.5em;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}

.main-header .dropdown-menu .menu-column .menu-title:nth-of-type(n + 2) {
  margin: 2em 0 0.5em;
}

.main-header .dropdown-submenu {
  display: block !important;
  margin-bottom: 1em;
}

.main-header .dropdown-menu.submenu {
  position: relative !important;
  border: 0;
  background-color: #e6e6e6;
}

.main-header .search-nav {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-header .search-icon {
  font-size: 28px;
  color: #000;
  transform: none;
}

.main-header .bag-icon {
	position: relative;
}

.main-header .bag-icon img {
  width: 28px;
}

.main-header .bubble {
  background-color: #000;
	color: #fff;
  position: absolute;
  padding: 3px 7px;
	border-radius: 50%;
  font-size: 10px;
  right: -5px;
  bottom: -7px;
  user-select: none;
  transform: scale(0.7);
  text-align: center;
}

.main-header .search-container .input-box {
  margin-right: 1em;
  padding-right: 1em;
  border-right: 1px solid #ccc;
}

.main-header .search-container.responsive {
  display: none;
}

.main-header .search-container.responsive .input-box {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

.main-header .search-container.responsive input.search {
  padding: 13px;
  border-radius: 50px;
  border: 1px solid #ccc;
}

.main-header .search-container.responsive .input-group:not(.d-none) + .open-search-box {
  position: absolute;
  right: 8px;
  top: 9px;
  transform: scale(0.8);
}

.main-header .search-container {
  position: relative;
}

.main-header .search-modal.hidden {
  display: none;
  transition: ease all 0.3s;
}

.main-header .search-modal {
  transition: ease all 0.3s;
  padding: 1.5em;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  top: 40px;
  left: calc(100% - 285px);
  width: 200%;
  max-width: 400px;
  box-shadow: 20px 0 20px 0 #0000002f;
  z-index: 99999;
}

.main-header .search-container input.search {
  padding: 7px;
  border-radius: 10px;
  border: 1px solid #ccc;
}

.main-header .input-group:not(.d-none) + .open-search-box {
  position: absolute;
  right: 26px;
  transform: scale(0.7);
  top: 2px;
}

.main-header .input-group:not(.d-none) + .open-search-box:hover {
  transform: scale(0.7);
}

.main-header .search-modal img {
  width: 50px;
  height: 50px;
  max-width: 50px;
  border-radius: 10px;
  background-color: var(--secondary-color);
}

.main-header .search-modal .result {
  margin-bottom: 1em;
  padding: 10px;
  border-radius: 5px;
  max-width: 400px;
}

.main-header .search-modal .result:nth-child(2n) {
  background-color: rgb(226, 226, 226);
}

.main-header .search-modal .result:last-of-type {
  margin-bottom: 0;
}

.main-header .search-modal .result .productTitle {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.main-header .search-modal .result .price {
  font-size: 1.1em;
	font-weight: bold;
}

.main-header .search-modal .black-button:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  transform: scale(1);
}

.main-header .bell-modal {
  transition: ease all 0.3s;
  padding: 1.5em;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  top: 75px;
  right: 0;
  width: 200%;
  max-width: 400px;
  box-shadow: 20px 0 20px 0 #0000002f;
  z-index: 99999;
}

.main-header .bell-modal img {
  width: 50px;
  height: 50px;
  max-width: 50px;
  border-radius: 10px;
  background-color: var(--secondary-color);
}

.main-header .bell-modal .result {
  margin-bottom: 1em;
  padding: 10px;
  border-radius: 5px;
  max-width: 400px;
}

.main-header .bell-modal .result:nth-child(2n) {
  background-color: rgb(226, 226, 226);
}

.main-header .bell-modal .result:last-of-type {
  margin-bottom: 0;
}

.main-header .bell-modal .result:hover {
  background-color: rgb(205, 205, 205);
}

.main-header .bell-modal .result .notification {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.main-header .bell-modal .black-button:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  transform: scale(1);
}

.main-header .cart-modal {
  transition: ease all 0.3s;
  padding: 1.5em;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  top: 75px;
  right: 0;
  width: 200%;
  max-width: 400px;
  box-shadow: 20px 0 20px 0 #0000002f;
  z-index: 99999;
}

.main-header .cart-modal img {
  width: 50px;
  height: 50px;
  max-width: 50px;
  border-radius: 10px;
  background-color: var(--secondary-color);
}

.main-header .cart-modal .result {
  margin-bottom: 1em;
  padding: 10px;
  border-radius: 5px;
  max-width: 400px;
}

.main-header .cart-modal .result:nth-child(2n) {
  background-color: rgb(226, 226, 226);
}

.main-header .cart-modal .result:last-of-type {
  margin-bottom: 0;
}

.main-header .cart-modal .result .productTitle {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.main-header .cart-modal .result .price {
  font-size: 1.1em;
  font-weight: bold;
}

.main-header .cart-modal .black-button:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  transform: scale(1);
}

.main-header .alertaBox {
  padding: 2em;
}

.main-header .alertaIcon {
  font-size: 40px;
  color: var(--secondary-color);
}

/* LINKS BOX */

.links-box {
  background: linear-gradient(rgb(0,0,0) 0%, rgba(0,0,0,0.83) 99%), url('../../site/imagens/bg-shapes-one.webp'), var(--quintenary-color);
  background-size: auto, cover, auto;
  padding: 3em 0;
}

.links-box .title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 29px;
  color: #f2f2f2;
}

.links-box .logo-about {
	float: left;
	margin-right: 10px;
	width: 160px;
	height: 143px;
}

.links-box .link {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  color: #e0e0e0;
  margin: 0;
}

/* FOOTER */

.footer {
  padding: 1em 0;
}

.footer p {
  margin: 0;
  font-size: 15px;
  color: #000;
}

.footer i {
  font-size: 20px;
  margin-right: 0.5em;
}

.footer i:last-of-type {
  margin-right: 0;
}

/* CARDS COM ANÚNCIOS */

.cards-container {
	display: grid;
}

.cards-container:last-of-type {
  margin-bottom: 0;
}

.cards-container .card {
	display: flex;
	flex-direction: column;
  filter: drop-shadow(0px 8px 16px rgba(17, 17, 17, 0.04));
  background: #ffffff;
  border-radius: 10px;
  padding: 5px;
  transition: 0.2s;
}

.cards-container .card.automatic-delivery {
  border: 1px solid #28a745;
}

.cards-container .card:hover {
  transform: scale(1.05);
  transition: 0.2s;
}

.cards-container .box-image {
  padding: 5px;
	position: relative;
	overflow: hidden;
	border-bottom: 3px solid #000;
}

.cards-container .box-image::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #000;
  z-index: 10;
}

.cards-container .box-image, .cards-container .box-image img {
  background-color: #0b0b0c;
  border-radius: 10px;
  user-select: none;
	width: 100%;
}

.cards-container .box-image img {
	height: 100%;
}

.cards-container .category-box {
  margin: 0;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.75px;
  padding: 5px 5px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  /* white-space: nowrap; */
  max-width: 100%;
}

.cards-container .title-box {
  margin: 0;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.75px;
  color: #14142b;
  padding: 5px 5px 0;
  text-overflow: ellipsis;
  /* overflow: hidden;
  white-space: nowrap; */
  max-width: 100%;
}

.cards-container .price {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 15px;
  color: var(--primary-color);
  margin: 0;
  padding: 5px;
}

.cards-container .owner-post {
  font-family: Poppins;
  font-weight: 700;
	font-size: 14px;
  line-height: 15px;
  color: var(--primary-color);
  margin: 0;
  padding: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cards-container .owner-post a {
  font-weight: 700;
}

.cards-container .badge {
  font-size: 10px;
  position: absolute;
  bottom: 5px;
  left: 5px;
}

.cards-container .favorite-star {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 25;
  border-radius: 50%;
  background: transparent;
  transition: opacity 0.3s ease;
  border: none;
  opacity: 0;
}

.cards-container .card:hover .favorite-star {
  opacity: 1;
}

.cards-container .favorite-star.active {
  opacity: 0;
}
.cards-container .card:hover .favorite-star.active {
  opacity: 1 !important;
}

.cards-container .favorite-star:hover {
  transform: scale(1.2);
}

.cards-container .favorite-star i {
  font-size: 18px;
  color: #fff;
  transition: all 0.3s ease;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8));
}

.cards-container .favorite-star.active i {
  color: #fff;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8));
}

.cards-container .favorite-star:hover i {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 1));
}

.cards-container.card-expanded {
  display: grid;
  grid-template-rows: max-content;
  grid-template-columns: repeat(4, 1fr);
  gap: 2em 1em;
  width: 100%;
}


/* POPULAR BOX */

.popular-box .cards-container .title-box {
  margin: 0 auto;
  text-align: center;
}

/* CATEGORY */

.category .cards-container .title-box {
  margin: 0 auto;
  text-align: center;
}

.category .cards-container.card-expanded {
  grid-template-columns: repeat(7, 1fr);
  gap: 1em 1em;
}

/* CARD AVERAGE */

.card-average .cards-container.card-expanded {
  grid-template-columns: repeat(3, 1fr);
  gap: 1em 1em;
}

/* COMPONENTS DA HOME */

.home-box {
  background: linear-gradient( 183deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.74) 61%, rgba(0, 0, 0, 0) 80% ), url("../../site/imagens/bg-shapes-two.webp") bottom / cover, url("../../site/imagens/bg-black-yallow.svg") bottom / cover;
}

.home-box .subtitle {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  color: #ffffff;
  margin: 0;
}

.home-box .title {
  font-family: Poppins;
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  color: #ffffff;
}

.home-box .cards-container {
  margin-top: 4em;
  display: grid;
  grid-template-rows: max-content;
  grid-template-columns: repeat(4, 1fr);
  gap: 1em 1em;
  width: 100%;
}

.home-box .card {
  /* margin: 1px; */
}

.home-box .card:last-of-type {
  margin-right: 0;
}

.home-box .home-mascot img {
  width: 300px;
}

.home-box .cards-container .box-image img {
	max-width: 100%;
}

.popular-box {
  background: var(--secondary-color);
  text-align: center;
}

.popular-box .cards-container {
  grid-template-columns: repeat(6, 1fr);
  column-gap: 10px;
  row-gap: 35px;
}

.popular-box .cards-container .card {
  background: none;
  box-shadow: none;
  border: 0;
  text-align: center;
  transition: ease all 0.3s;
  padding: 0;
}

.popular-box .cards-container .card:hover {
  transform: scale(1.1);
  transition: ease all 0.3s;
}

.review-box {
  padding: 5em 0;
  min-height: 650px;
  background: url("../../site/imagens/bg-review_2.webp") bottom right no-repeat, url("../../site/imagens/bg-gray-yellow.svg") top center repeat-x;
  background-position-x: calc(50% + 250px);
  background-color: var(--secondary-color);
}

.reviews-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: max-content;
  grid-gap: 25px;
}

.reviews-container .review {
  background-color: #e7e7e7;
  padding: 20px 25px;
  border-radius: 5px;
  margin: 0.5em;
}

.reviews-container .name {
  font-weight: bold;
  color: #000;
  margin: 0;
}

.reviews-container .stars {
  color: #ff9900;
}

.reviews-container .message {
  color: #000;
  margin: 0;
}

.counter-box {
	background: linear-gradient(rgba(231,231,231,0.7) 0%, rgba(231,231,231,0.7)), url('../../site/imagens/bg-gray.svg');
}

.counter-box .counter {
  color: var(--primary-color);
  font-style: normal;
	font-weight: 600;
  font-size: 40px;
  text-align: center;
  margin: 0;
}

.counter-box i {
  color: #ff9900;
}

.counter-box .counterTitle {
	color: #000;
  text-align: center;
  font-size: 15px;
}

.carousel-control-next p:first-of-type, .carousel-control-prev p:first-of-type {
  background-color: #000;
  padding: 15px;
  background-size: 14px;
  border-radius: 50px;
}

.carousel-control-next, .carousel-control-prev {
  width: 50px;
}

/* PLANOS */
.plans .plan {
	cursor: pointer;
	min-height: 100%;
	text-align: center;
	padding: 15px 0;
	border-radius: 10px;
}

.plans .plan p {
	color: #000;
}

.plans .plan .checked {
	display: none;
	float: right;
}

.plans .plan .checked.selected {
	display: inline;
}

.plans .plan .checked i {
	position: absolute;
	padding: 10px;
	top: -5px;
	right: 0;
	border-radius: 100%;
	color: #fff;
}

.plans .plan.prata {
	border: 3px solid var(--quintenary-color);
}

.plans .plan.prata h2 {
	color: var(--quintenary-color);
}

.plans .plan.prata .checked i {
	background-color: var(--quintenary-color);
}

.plans .plan.ouro {
	border: 3px solid var(--secondary-color);
}

.plans .plan.ouro h2 {
	color: var(--secondary-color);
}

.plans .plan.ouro .checked i {
	background-color: var(--secondary-color);
}

.plans .plan.diamante {
	border: 3px solid var(--primary-color);
}

.plans .plan.diamante h2 {
	color: var(--primary-color);
}

.plans .plan.diamante .checked i {
	background-color: var(--primary-color);
}

.plans .safe, .types .delivery {
	display:flex;
	flex-direction:row;
	padding:20px;
	border:3px solid #e5e5e5;
	border-radius:5px;
	cursor:pointer;
	transition:all .3s;
	background-color:#fafafa;
	color: #000;
}

.plans .safe .image, .types .delivery .image {
	width: 190px;
}

.plans .safe .image img, .types .delivery .image img {
	position:absolute;
	top:-20px;
	left:0;
	width:190px;
}

.types .delivery.disabled .image img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.plans .safe .checked, .types .delivery .checked {
	display: none;
	float: right;
}

.plans .safe .checked.selected, .types .delivery .checked.selected {
	display: inline;
}

.plans .safe .checked i, .types .delivery .checked i {
	position: absolute;
	padding: 10px;
	top: -5px;
	right: 0;
	border-radius: 100%;
	background-color: #000;
	border: 3px solid #e5e5e5;
	color: #fff;
}

/* PAINEL */

.menu-vertical {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 2px;
  width: 100%;
  flex-flow: column;
  border: 0;
}

.menu-vertical a {
  color: #000;
}

.menu-vertical ul {
  border: 0;
}

.menu-vertical .nav-item {
  text-align: left;
  width: 100%;
  border: 0;
}

.menu-vertical .nav-item.active {
  border-left: 2px solid var(--secondary-color);
}

.menu-vertical .nav-item.active .nav-link {
  background-color: var(--light);
}

.menu-vertical .nav-link {
  border: 0;
}

.menu-vertical .dropdown-menu {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 2px;
  position: relative;
  border: 0;
  top: 0;
}

.menu-vertical .menu-column {
  margin-left: 0;
  padding-left: 0;
}

.menu-vertical .menu-column li a {
  padding-left: 25px;
}

.menu-vertical ul {
  list-style-type: none;
}

/* THUMB-BOX */

.thumb-box {
	background: #000;
    padding: 3px;
	height: 100%;
}

.caption {
    padding: 5px;
    text-align: center;
	color: #fff;
}

.thumb-box img {
    width: 100%;
    height:auto;
}

/* RIBBON */

/* common */
.ribbon {
  width: 100px;
  height: 100px;
  overflow: hidden;
	position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 3px solid #28a745;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 165px;
  padding: 5px 0;
  background-color: #28a745;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
}

/* top left*/
.ribbon-top-left {
  top: -3px;
  left: -3px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
	left: 0;
}
.ribbon-top-left span {
  right: -22px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -3px;
  right: -3px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -22px;
  top: 30px;
  transform: rotate(45deg);
}

.wdp-ribbon{
	display: inline-block;
    padding: 2px 15px;
	position: absolute;
    right: 0px;
    top: 20px;
    line-height: 24px;
	/* height:24px; */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
	border-radius: 0;
    text-shadow: none;
    font-weight: normal;
    background-color: #28a745 !important;
}

.wdp-ribbon-two:before, .wdp-ribbon-two:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: -14px;
    top: 0;
    border: 9px solid transparent;
    border-width: 14px 8px;
    border-right-color: #28a745;
}
.wdp-ribbon-two:before {
    border-color: #28a745;
    border-left-color: transparent!important;
    left: -9px;
}
.wdp-ribbon-four{
	right: 10px;
    top: 10px;
    line-height: 60px;
    height: 60px;
}
.wdp-ribbon-five{
	background: #28a745;
	right: 10px;
    top: 10px;
	padding: 0px;
	height: 60px;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	line-height: 60px;
	border-radius:50%;
}
.wdp-ribbon-six{
	background: none !important;
    position: relative;
    box-sizing: border-box;
    position: absolute;
    width: 65px;
    height: 65px;
	top:0px;
	right:0px;
	padding:0px;
	overflow: hidden;
}
.wdp-ribbon-inner-wrap{
    -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.wdp-ribbon-border{
    width: 0;
    height: 0;
    border-right: 65px solid #28a745;
    border-bottom: 65px solid transparent;
    z-index: 12;
	position:relative;
	top:-20px;
}
.wdp-ribbon-text {
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    position: absolute;
    z-index: 14;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 15px;
    left: -5px;
    width: 91px;
    text-align: center;
}

/* RESPONSIVE */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .home-box .cards-container {
    display: grid;
    grid-template-rows: max-content;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em 1em;
	width: 100%;
  }
  
  .cards-container.card-expanded {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .popular-box .cards-container {
    grid-template-columns: repeat(2, 3fr);
  }
  
  .category .cards-container.card-expanded {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .card-average .cards-container.card-expanded {
    grid-template-columns: repeat(2, 1fr);
    gap: 1em 1em;
  }
  
  .main-header .search-container.responsive {
    display: block;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .home-box .cards-container {
	display: grid;
    grid-template-rows: max-content;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em 1em;
    width: 100%;
  }
  
  .cards-container.card-expanded {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .popular-box .cards-container {
    grid-template-columns: repeat(2, 3fr);
  }
  
  .category .cards-container.card-expanded {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .card-average .cards-container.card-expanded {
    grid-template-columns: repeat(2, 1fr);
    gap: 1em 1em;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .cards-container.card-expanded {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .popular-box .cards-container {
    grid-template-columns: repeat(3, 3fr);
  }
  
  .category .cards-container.card-expanded {
    grid-template-columns: repeat(4, 1fr);
  }
  
  .card-average .cards-container.card-expanded {
    grid-template-columns: repeat(2, 1fr);
    gap: 1em 1em;
  }
  
  .home-box .home-mascot {
    display: none;
  }
  
  .plans .safe .image img {
    width:150px;
  }
}

/* Extra small devices (portrait phones, less than 576px) */
/* Small devices (landscape phones, less than 768px) */
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .main-header .search-container.responsive {
	display: block;
}

  .main-header .bag-icon img {
    width: 36px;
  }

  .main-header .bag-icon .bubble {
    transform: none;
    padding: 3px 4px;
  }
  
  .main-header .menuColumn {
    padding: 0;
  }
  
  .main-header .dropdown-submenu {
    margin: 0;
  }
  
  .main-header .dropdown-menu .menu-column {
    border-right: 0;
  }

  .main-header .navbar-collapse {
    margin-top: 1em;
  }

  .main-header .responsive-logo {
    display: flex;
    justify-content: space-between;
  }

  .main-header .navbar-collapse.collapse.show, .main-header .navbar-collapse.collapsing {
    margin: 0;
  }

  #navcol-1, .navbar-nav, .navbar-collapse {
    transition: ease all 0.5s;
  }

  .main-header .navbar-nav {
	font-size: 12px;
    font-weight: normal;
    letter-spacing: 2px;
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    background-color: #fff;
    width: 100% !important;
    height: 100%;
    padding: 2em;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.452);
    z-index: 99999;
    overflow-y: scroll;
  }

  .main-header .navbar-nav::-webkit-scrollbar {
    width: 0;
  }

  body::-webkit-scrollbar .main-header .navbar-collapse.collapse.show {
    width: 0;
  }

  .main-header .nav-item.ml-auto .bag-icon {
    display: none;
  }

  .main-header .nav-item.ml-auto .search-container {
    display: none;
  }

  .main-header li.nav-item {
    margin-right: 0;
    margin-top: 1em;
  }

  .main-header li.nav-item:not(.responsive-logo):first-of-type {
    margin-top: 0;
  }

  .main-header li.nav-item:not(.responsive-logo) .nav-link:not(.active) {
    background-color: #e4e4e4;
    border-radius: 30px;
  }

  .main-header .dropdown-menu .mega-menu .nav-link {
    border-radius: unset !important;
    background-color: unset !important;
  }

  .main-header .nav-link {
    padding: 1rem 1rem;
  }

  .main-header .dropdown-menu.mega-menu-header {
    top: 10px;
    width: 100%;
    text-align: center;
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 1em;
    margin: 10px 5px;
    background-color: #f5f5f56e;
  }

  .main-header .dropdown-menu .mega-menu {
    display: flex;
    flex-flow: column;
  }

  .main-header .dropdown-menu .menu-title {
    color: #000;
    margin: 0em 0 0.5em;
    padding: 1em;
  }

  .main-header .dropdown-menu .menu-column:first-of-type .menu-title {
    padding: 1em;
  }

  .main-header .dropdown-menu .menu-column {
    margin-top: 2em;
  }

  .main-header .dropdown-menu .menu-column:first-of-type {
    margin-top: 0;
  }

  .main-header .dropdown-menu .menu-column .menu-title:nth-of-type(n + 2) {
    margin: 2em 0 0.5em;
  }

  .main-header .dropdown-menu .menu-column li a:first-of-type {
    margin-top: 0;
  }

  .main-header .bag-icon {
    width: fit-content;
    margin: auto;
  }
  
  .home-box .home-mascot {
    display: none;
  }
  
  .reviews-container {
    grid-template-columns: 1fr;
    margin-left: 15px;
    padding-right: 15px;
  }
  
  .review-box .reviews-container .review {
    margin-left: 10px;
  }
  
  .links-box .logo-about {
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
  }
  
  .footer .logo {
    margin-bottom: 1em;
  }

  .footer p {
    margin-right: 0;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* Menu Mobile - Categorias */
@media (max-width: 991.98px) {
	.navbar-collapse .nav-item.d-md-none .nav-link {
		transition: all 0.3s ease;
	}
	
	.navbar-collapse .nav-item.d-md-none .nav-link:hover {
		background-color: #f0f0f0 !important;
		color: #007bff !important;
	}
	
	.navbar-collapse .nav-item.d-md-none h5 {
		border-bottom: 2px solid #007bff;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	
	.navbar-collapse .nav-item.d-md-none ul li {
		transition: transform 0.2s ease;
	}
	
	.navbar-collapse .nav-item.d-md-none ul li:hover {
		transform: translateX(5px);
	}
	
	/* Navbar mobile - padding ajustado */
	.main-header .navbar {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}
	
	.main-header .container {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}
	
	.main-header .d-flex.d-lg-none {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}
	
	/* Botão fechar menu mobile */
	#close-mobile-menu {
		/* Sem animações */
	}
	
	#close-mobile-menu:hover {
		color: #007bff !important;
	}
}