/*----------Gerais----------*/
a:hover {
    text-decoration: none;
    cursor: pointer;
}

.borders .b-radius {
    border-radius: 2rem;
}

.margens .w-90 {
    width: 90%;
}

.margens .w-95 {
    width: 95%;
}

.margens .w-80 {
    width: 80%;
}

@media (max-width: 767px) {
  .margens .w-90,
  .margens .w-95,
  .margens .w-80 {
      width: 100%;
  }
}

.overf .hidden{
    overflow: hidden;
}

.light-bg,
.pag-campanha-dark{
    background: #f7f7f7;
}

/*----------Animações----------*/
.zoom-banner, .move-y-banner, .brightness-80, .rotate-banner {
    transition: all 1s ease;
}

.zoom-banner:hover {
    transform: scale(1.05);
}

.move-y-banner:hover{
    transform: translateY(-20px);
}

.rotate-banner:hover{
    rotate: 3deg;
}

.brightness-80:hover{
    filter: brightness(0.8);
}

/*----------Categorias----------*/
.display-vertical {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.texto-categ {
    color: #000;
    font-size: 1rem;
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: bold;
    height: 48px;
}

.categorias>div>div>a:hover p {
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
}

/*----------mais-procurados----------*/
.pc-categ-finais .mais-procurados a:hover,
.hp-categ .mais-procurados a:hover {
    text-decoration: none;
}

.pc-categ-finais .mais-procurados img {
    width: 100% !important;
    border-radius: 0;
    transition: all 1s ease;
}

.hp-categ .mais-procurados img {
    width: 100%;
    transition: all 1s ease;
    background-color: #fff;
}

.pc-categ-finais .mais-procurados>div>div>a:hover img,
.pc-categ-finais .mais-procurados .carousel-item>div>div>a:hover img {
    width: 100%;
    rotate: 3deg;
}

.hp-categ .mais-procurados>div>div>a:hover img,
.hp-categ .mais-procurados .carousel-item>div>div>a:hover img {
    width: 100%;
    background-color: #bffde6;
}

.hp-categ .mais-procurados p{
    color: black;
    font-size: 1rem;
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: bold;
    height: 48px;
}

.hp-categ .mais-procurados>div>div>a:hover p,
.hp-categ .mais-procurados .carousel-item>div>div>a:hover p{
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
}

@media (max-width: 700px) {
  .pc-categ-finais.mais-procurados p,
  .hp-categ .mais-procurados p{
      font-size: 0.8rem;
      height: 38px;
  }

  .hp-categ .mais-procurados img{
      border-radius: 0.5rem;
  }
}

/*----------Categorias Botões----------*/
#btn-categoria .retangulo-categoria {
    background-color: #0c0e0e;
    border-radius: 0px;
    padding-top: 5%;
    padding-bottom: 5%;
    width: auto;
    margin: auto;
    position: relative;
    transition: all 0.2s ease;
    min-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#btn-categoria .retangulo-categoria:hover {
    background-color: #01f39b;
    box-shadow:
                0 2px 10px 0px hsl(0deg 0% 0% / 8%),
                0 3px 5px hsl(0deg 0% 0% / 8%),
                0 6px 4px hsl(0deg 0% 0% / 8%),
                0 11px 12px hsl(0deg 0% 0% / 8%),
                0 2px 20px hsl(0deg 0% 0% / 8%);
    box-shadow: 0px 13px 25px 1px #e7e7e7;
    cursor: pointer;
    position: relative;
    bottom: 1px;
}

#btn-categoria .retangulo-categoria:hover img {
    filter: brightness(0) saturate(100%) invert(54%) sepia(16%) saturate(5040%) hue-rotate(181deg) brightness(96%) contrast(106%);
}

#btn-categoria .retangulo-categoria p {
    color: #ffffff;
    font-weight: bold;
}

#btn-categoria .retangulo-categoria:hover p {
    color: #0c0e0e;
}

#btn-categoria .icon-categoria {
    width: 15%;
    margin-right: 10px;
}

#btn-categoria .texto-categoria {
    font-size: 1rem;
    margin-bottom: 0;
    margin-top: 0;
}

/*----------Categorias Produto----------*/
.container-categ-campanha {
    position: relative;
}

.container-categ-campanha img {
    display: block;
    width: 100%;
    height: auto;
}

.container-categ-campanha .overlay {
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #01f39b;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.container-categ-campanha:hover .overlay {
    opacity: 1;
}

.container-categ-campanha .texto-categ {
    color: #0c0e0e;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -60%);
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: normal;
    overflow-wrap: break-word;
    line-height: 1.2;
    width: 90%;
    max-width: 90%;
}

@media (max-width: 700px) {
  .container-categ-campanha .texto-categ {
      font-size: 14px;
  }
}

/*----------Categorias Imagens Produto----------*/
.pc-categ-finais .mais-procurados p,
.pc-categ-finais .mais-procurados .carousel-item>div>div>a>p{
    font-size: 1rem;
    margin-bottom: 0;
    margin-top: 1rem;
    color: #000;
    font-weight: bold;
}

.pc-categ-finais .mais-procurados>div>div>a:hover p,
.pc-categ-finais .mais-procurados .carousel-item>div>div>a:hover p {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #000;
}

.bg-carousel_1:hover,
.bg-carousel_2:hover,
.bg-carousel_3:hover,
.bg-carousel_4:hover{
    filter: brightness(0.8)
}

.icon-yd:before {
    content: url(/interface/imgs/castronomicos_icone.svg);
    width: 22px;
    filter: brightness(0) saturate(100%) invert(13%) sepia(36%) saturate(2514%) hue-rotate(211deg) brightness(93%) contrast(98%);
    display: inline-block;
}

/*----------Video ----------*/
.video-wrapper-campanhas {
  width: 100%;
  overflow: hidden;
}

.video-wrapper-campanhas video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/*----------CARROSSEL ----------*/
:root {
    --bcarrocel: #FFFFFF;
    --borderspe-prods: #26A2FC;
    --corbotaobg: #26a2fc;
    --corbotaofont: #fff;
    --corhoverbotaobg: #fff;
    --corhoverbotaofont: #26a2fc;
    --corref: #26a2fc;
}

#castronomicos_pc_1{z-index: 4;}
#castronomicos_pc_2{z-index: 3;}
#castronomicos_pc_3{z-index: 2;}
#castronomicos_pc_4{z-index: 1;}

.carrossel-yd .product-bg-blue {
    background-color: var(--corbotaobg);
    color: var(--corbotaofont);
}

.carrossel-yd .dropdown-menu-table-qtd .product-bg-blue{
    background-color: #e4f3fe;
    color: black;
}

.carrossel-yd .product-bg-blue {
    background-color: var(--corbotaobg);
    color: var(--corbotaofont);
}

.carrossel-yd .btn.add-to-cart{
   background-color: var(--corbotaobg);
   border-color: var(--corbotaobg);
}

/*.carrossel-yd .btn.add-to-cart .icon-compras:before {
    filter: invert(0);
}*/

.imagem-capa-carrossel{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    aspect-ratio: 16/9;
    -webkit-aspect-ratio: 16/9;
    -moz-aspect-ratio: 16/9;
    -ms-aspect-ratio: 16/9;
    -o-aspect-ratio: 16/9;
    flex: 0 1 20%;
}

.carrossel-capa .carousel {
    width: 100% !important;
    flex: 0 0 79.16667% !important;
    max-width: 79.16667% !important;
    flex: 1;
    margin-left: 20px;
}

.slider-page {
   overflow: hidden;
}

.slider-page .carousel-inner {
   overflow: visible!important;
}  

.slider-page .carrossel-yd .carousel-control {
   background: #f7f7f7;
   height: 100%;
}

.slider-page .carrossel-yd .carousel-control a {
   position: relative;
   top: 48%;
}

.carrossel-yd .carousel{
    position:relative;
    z-index: 1;
}

.carrossel-yd .carousel-inner {
    display: flex !important;
}

.carrossel-yd .carousel-inner .carousel-item {
    display: none !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    width: 100% !important;
    flex: 1 0 auto !important;
  	min-width: 100% !important;
}

.carrossel-yd .carousel-inner .carousel-item .prod-list {
  margin: 0 0.5%;
  align-items: stretch;
  /*display: grid;
  grid-template-rows: 1fr auto;*/
  border: solid 1px #f7f7f7;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.carrossel-yd .carousel {
    position: relative;
    width: 100%;
}

.carrossel-yd .carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    z-index: 10;
}

.carrossel-yd .carousel-control a{
    display: block;
    height: 22px;
    width: 100%;
    text-align: center;
}

.carrossel-yd .left.carousel-control {
    left: -1.6% !important;
}

.carrossel-yd .right.carousel-control {
    right: -1.6% !important;
    padding-left: 1px;
}

.carrossel-capa .left.carousel-control {
    left: -1.5% !important;
    background: none !important;
}

.carrossel-capa .right.carousel-control {
    right: -2.0% !important;
    padding-left: 1px;
}

.carrossel-yd .carousel-control-prev-icon,
.carrossel-yd .carousel-control-next-icon {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
  	filter: invert(1);
}

.carrossel-yd .carousel-inner > .carousel-item.active,
.carrossel-yd .carousel-inner > .carousel-item.next,
.carrossel-yd .carousel-inner > .carousel-item.prev{
  display: flex !important;
}

.carrossel-yd .prod-list-tabela-wrapper {
    left: -125px !important;
    width: 200px !important;
}

.carrossel-yd .prod-list-triangle {
    margin-left: 132px !important;
}

@media (max-width: 1615px) {
  .carrossel-yd .left.carousel-control {
      left: -1.8% !important;
  }

  .carrossel-yd .right.carousel-control {
      right: -1.8% !important;
  }
}

@media (max-width: 1450px) {
  .carrossel-yd .left.carousel-control {
      left: -2.1% !important;
  }

  .carrossel-yd .right.carousel-control {
      right: -2.1% !important;
  }
}

@media (max-width: 1265px) {
  .carrossel-yd .left.carousel-control {
      left: -2.4% !important;
  }

  .carrossel-yd .right.carousel-control {
      right: -2.4% !important;
  }
}


@media (max-width: 1125px) {
  .carrossel-yd .left.carousel-control {
      left: -2.9% !important;
  }

  .carrossel-yd .right.carousel-control {
      right: -2.9% !important;
  }
}

@media (max-width: 955px) {
  .carrossel-yd .left.carousel-control {
      left: -3.3% !important;
  }

  .carrossel-yd .right.carousel-control {
      right: -3.3% !important;
  }
}

@media (max-width: 855px) {
  .carrossel-yd .left.carousel-control {
      left: -3.7% !important;
  }

  .carrossel-yd .right.carousel-control {
      right: -3.7% !important;
  }
}

@media (max-width: 778px) {
  .carrossel-yd .left.carousel-control {
      left: -4.1% !important;
  }

  .carrossel-yd .right.carousel-control {
      right: -4.1% !important;
  }
}

@media (max-width: 767px) {
  .carrossel-yd .left.carousel-control {
      left: -4.0% !important;
  }

  .carrossel-yd .right.carousel-control {
      right: -4.0% !important;
      padding-left: 3px;
  }
}

@media (max-width: 650px) {
  .carrossel-yd .left.carousel-control {
      left: -4.8% !important;
  }

  .carrossel-yd .right.carousel-control {
      right: -4.8% !important;
  }
}

@media (max-width: 555px) {
  .carrossel-yd .left.carousel-control {
      left: -5.6% !important;
  }

  .carrossel-yd .right.carousel-control {
      right: -5.6% !important;
  }
}

@media (max-width: 485px) {
  .carrossel-yd .left.carousel-control {
      left: -6.8% !important;
  }

  .carrossel-yd .right.carousel-control {
      right: -6.8% !important;
  }
}

@media (max-width: 1630px) {
  .carrossel-capa .right.carousel-control {
      right: -2.4% !important;
  }
}

@media (max-width: 1385px) {
  .carrossel-capa .left.carousel-control {
      left: -2.0% !important;
  }

  .carrossel-capa .right.carousel-control {
      right: -2.9% !important;
  }
}

@media (max-width: 1214px) {
  .imagem-capa-carrossel {
      display: none !important;
  }

  .imagem-capa-mobile {
      display: block !important;
  }

  .carrossel-capa{
      flex-direction: column !important;
  }

  .carrossel-capa .carousel {
      width: 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
      margin-left: 0;
  }
  
    .carrossel-capa .left.carousel-control {
      left: -2.6% !important;
  }

  .carrossel-capa .right.carousel-control {
      right: -2.6% !important;
  }
}

@media (max-width: 1050px) {
  .carrossel-capa .left.carousel-control {
      left: -3.0% !important;
  }

  .carrossel-capa .right.carousel-control {
      right: -3.0% !important;
  }
}

@media (max-width: 930px) {
  .carrossel-capa .left.carousel-control {
      left: -3.5% !important;
  }

  .carrossel-capa .right.carousel-control {
      right: -3.5% !important;
  }
}

@media (max-width: 820px) {
  .carrossel-capa .left.carousel-control {
      left: -3.9% !important;
  }

  .carrossel-capa .right.carousel-control {
      right: -3.9% !important;
  }
}

@media (max-width: 665px) {
  .carrossel-capa .left.carousel-control {
      left: -4.7% !important;
  }

  .carrossel-capa .right.carousel-control {
      right: -4.7% !important;
   	  padding-left: 3px;
  }
}

@media (max-width: 565px) {
  .carrossel-capa .left.carousel-control {
      left: -5.5% !important;
  }

  .carrossel-capa .right.carousel-control {
      right: -5.5% !important;
  }
}

@media (max-width: 490px) {
  .carrossel-capa .left.carousel-control {
      left: -6.5% !important;
  }

  .carrossel-capa .right.carousel-control {
      right: -6.5% !important;
  }
}

@media (max-width: 490px) {
  .carrossel-capa .left.carousel-control {
      left: -7.0% !important;
  }

  .carrossel-capa .right.carousel-control {
      right: -7.0% !important;
  }
}

@media (max-width: 400px) {
  .carrossel-yd{
    padding: .20rem !important;
  }
  .slider-page .carrossel-yd .carousel-control{
      background: none !important;
  }
  .slider-page .carrossel-yd .carousel-control a{
      background: #ececec;
  }
  .dark-mode .slider-page .carrossel-yd .carousel-control a{
      background: #535354;
  }
  .carrossel-yd .right.carousel-control {
      right: -1.6% !important;
  }
  .carrossel-yd .left.carousel-control {
      left: -1.6% !important;
    }
}

#static_menu {
    position: fixed !important;
}