html {
  font-family: "Montserrat", sans-serif;
  margin-top: 180px;
}

.bg_amarelo {
  background-color: rgb(250, 200, 20);
}
.bg_azul {
  background-color: rgb(35, 20, 190);
}
.bg_cinza {
  background-color: rgb(240, 240, 240);
}
.bg_preto {
  background-color: rgb(80, 80, 80);
}
.text_amarelo {
  color: rgb(250, 200, 20) !important;
}
.text_azul {
  color: rgba(0, 26, 255, 0.692);
}
.text_azul-2 {
  color: rgba(0, 26, 255, 0.692);
}

.hidden {
  display: none !important;
}

.borda_azul {
  border: 1px solid #b8b2ff;
  transition: 0.6s;
  border-radius: 1rem;
}
.borda_amarela {
  border: 1px solid #ffe694;
  transition: 0.6s;
  border-radius: 1rem;
}

/* Dropdown Button */
.navbar_cozinha_link {
  background-color: rgb(240, 240, 240);
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.navbar_cozinha {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.navbar_cozinha_content {
  display: none;
  position: absolute;
  min-width: 700px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  background-color: white;
  border: 1px solid rgb(200, 200, 200);
  border-radius: 0.5rem;
}

/* Links inside the dropdown */
.navbar_cozinha_content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.navbar_cozinha_content a:hover {
  transition: 0.4s;
  text-decoration: underline #7b6fff;
}

/* Show the dropdown menu on hover */
.navbar_cozinha:hover .navbar_cozinha_content {
  display: block;
}

.navbar_cozinha:hover .navbar_cozinha_link {
  background-color: rgb(220, 220, 220);
  transition: 0.4s;
}

.navbar_sala_link {
  background-color: rgb(240, 240, 240);
  padding: 16px;
  font-size: 16px;
  border: none;
}

.navbar_sala {
  position: relative;
  display: inline-block;
}

.navbar_sala_content {
  display: none;
  position: absolute;
  min-width: 700px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  background-color: white;
  border: 1px solid rgb(200, 200, 200);
  border-radius: 0.5rem;
}

.navbar_sala_content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.navbar_sala_content a:hover {
  background-color: rgb(220, 220, 220);
  transition: 0.4s;
}

.navbar_sala:hover .navbar_sala_content {
  display: block;
}

.navbar_sala:hover .navbar_sala_link {
  background-color: rgb(220, 220, 220);
  transition: 0.4s;
}

.navbar_banheiro_link {
  background-color: rgb(240, 240, 240);
  padding: 16px;
  font-size: 16px;
  border: none;
}

.navbar_banheiro {
  position: relative;
  display: inline-block;
}

.navbar_banheiro_content {
  display: none;
  position: absolute;
  min-width: 700px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  background-color: white;
  border: 1px solid rgb(200, 200, 200);
  border-radius: 0.5rem;
}

.navbar_banheiro_content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.navbar_banheiro_content a:hover {
  background-color: rgb(220, 220, 220);
  transition: 0.4s;
}

.navbar_banheiro:hover .navbar_banheiro_content {
  display: block;
}

.navbar_banheiro:hover .navbar_banheiro_link {
  background-color: rgb(220, 220, 220);
  transition: 0.4s;
}

.navbar_escritorio_link {
  background-color: rgb(240, 240, 240);
  padding: 16px;
  font-size: 16px;
  border: none;
}

.navbar_escritorio {
  position: relative;
  display: inline-block;
}

.navbar_escritorio_content {
  display: none;
  position: absolute;
  min-width: 700px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  background-color: white;
  border: 1px solid rgb(200, 200, 200);
  border-radius: 0.5rem;
}

.navbar_escritorio_content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.navbar_escritorio_content a:hover {
  background-color: rgb(220, 220, 220);
  transition: 0.4s;
}

.navbar_escritorio:hover .navbar_escritorio_content {
  display: block;
}

.navbar_escritorio:hover .navbar_escritorio_link {
  background-color: rgb(220, 220, 220);
  transition: 0.4s;
}

.navbar_infantis_link {
  background-color: rgb(240, 240, 240);
  padding: 16px;
  font-size: 16px;
  border: none;
}

.navbar_infantis {
  position: relative;
  display: inline-block;
}

.navbar_infantis_content {
  display: none;
  position: absolute;
  min-width: 700px;
  right: 0px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  background-color: white;
  border: 1px solid rgb(200, 200, 200);
  border-radius: 0.5rem;
}

.navbar_infantis_content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.navbar_infantis_content a:hover {
  background-color: rgb(220, 220, 220);
  transition: 0.4s;
}

.navbar_infantis:hover .navbar_infantis_content {
  display: block;
}

.navbar_infantis:hover .navbar_infantis_link {
  background-color: rgb(220, 220, 220);
  transition: 0.4s;
}

.navbar_eletrodomestico_link {
  background-color: rgb(240, 240, 240);
  padding: 16px;
  font-size: 16px;
  border: none;
}

.navbar_eletrodomestico {
  position: relative;
  display: inline-block;
}

.navbar_eletrodomestico_content {
  display: none;
  position: absolute;
  right: 0px;
  min-width: 700px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  background-color: white;
  border: 1px solid rgb(200, 200, 200);
  border-radius: 0.5rem;
}

.navbar_eletrodomestico_content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.navbar_eletrodomestico_content a:hover {
  background-color: rgb(220, 220, 220);
  transition: 0.4s;
}

.navbar_eletrodomestico:hover .navbar_eletrodomestico_content {
  display: block;
}

.navbar_eletrodomestico:hover .navbar_eletrodomestico_link {
  background-color: rgb(220, 220, 220);
  transition: 0.4s;
}

.input_pesquisa {
  position: relative;
  border: none;
  background-color: white;
}

.input_pesquisa_icon {
  position: absolute;
  width: 25px;
  top: 32px;
  right: 10px;
}
.icon_text_link {
  text-decoration: none;
  color: white;
}

.icon_text_link:hover {
  color: #2314be;
  fill: #2314be;
  transition: 0.8s;
}

.icon_link {
  text-decoration: none;
}

.icon_link_remove {
  position: absolute; /* Torna esta imagem absolutamente posicionada em relação à div pai */
  top: 0;
  left: 0;
  opacity: 0; /* Inicialmente oculta */
  transition: opacity 0.5s ease; /* Adiciona uma transição para a opacidade */
}

#cart_wishlist {
  position: relative;
}

#cart_wishlist::after {
  position: absolute;
  content: "2";
  color: white;
  background-color: #2314be;
  font-size: 12px;
  width: 18px;
  text-align: center;
  left: 40px;
  top: 5px;
  border-radius: 1rem;
}

.img_footer,
.img_footer-2 {
  position: absolute;
  top: 10px;
  left: -40px;
}

.border_left_azul {
  border-left: 1px solid rgb(200, 200, 200);
}

.produto_imgA {
  width: 176px;
  height: 258px;
  max-height: 258px !important;
}
.produto_imgB {
  width: 176px;
  height: 258px;
  max-height: 258px !important;
  position: absolute; /* Torna esta imagem absolutamente posicionada em relação à div pai */
  top: 0;
  left: 0;
  opacity: 0; /* Inicialmente oculta */
  transition: opacity 0.5s ease; /* Adiciona uma transição para a opacidade */
}
.produto_btn {
  position: absolute; /* Torna esta imagem absolutamente posicionada em relação à div pai */
  top: 75% !important;
  left: 0;
  opacity: 0; /* Inicialmente oculta */
  transition: opacity 0.5s ease; /* Adiciona uma transição para a opacidade */
  top: 280px;
  left: 10%;
}

.mx-auto_produto {
  margin-left: 1%;
  margin-right: 1%;
  width: 300px !important;
}

.div_produto {
  position: relative; /* Necessário para que as imagens possam ser posicionadas */
  display: inline-block;
  width: 20%;
  background-color: white;
}

.btn_topo {
  background-color: black;
  border: none;
  color: #ffc814;
  font-weight: bolder;
  margin: 0px 50px;
}

.link_footer {
  text-decoration: none;
  color: #2314be;
}

.link_footer:hover {
  text-decoration: underline;
  color: #ffc814;
  transition: 0.8s;
}
.visualizacao_link {
  color: white !important;
  text-decoration: none !important;
}
.visualizacao_link:hover {
  color: white !important;
  text-decoration: none !important;
  background-color:unset;
}

.navbar_cozinha_content button a:hover {
  text-decoration: none;
}
.navbar_sala_content button a:hover {
  background-color: unset;
}
.navbar_banheiro_content button a:hover {
  background-color: unset;
}
.navbar_escritorio_content button a:hover {
  background-color: unset;
}
.navbar_infantis_content button a:hover {
  background-color: unset;
}
.navbar_eletrodomestico_content button a:hover {
  background-color: unset;
}

.navbar_cozinha_content button {
  padding: 0px;
}
.navbar_sala_content button {
  padding: 0px;
}
.navbar_banheiro_content button {
  padding: 0px;
}
.navbar_escritorio_content button {
  padding: 0px;
}
.navbar_infantis_content button {
  padding: 0px;
}
.navbar_eletrodomestico_content button {
  padding: 0px;
}

.carrinho_input_quantidade {
  width: 100%;
  text-align: center;
  border: none;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  background-color: rgb(240, 240, 240, 1.0);
}
.carrinho_input_quantidade_destaque {
  width: 100%;
  text-align: center;
  border: none;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
}


.carrinho_btn_quantidade_plus {
  border: 1px solid gray;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  padding-bottom: 5px;
}
.carrinho_btn_quantidade_minus {
  border: 1px solid gray;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  padding-bottom: 5px;
}
.carrinho_btn_quantidade_plus_destaque {
  border: 1px solid gray;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  padding-bottom: 5px;
}
.carrinho_btn_quantidade_minus_destaque {
  border: 1px solid gray;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  padding-bottom: 5px;
}
.carrinho_btn_quantidade_plus:hover {
  transition: 0.5s;
  background-color: rgb(170, 170, 170, 1.0);
}
.carrinho_btn_quantidade_minus:hover {
  transition: 0.5s;
  background-color: rgb(170, 170, 170, 1.0);
}
.carrinho_btn_quantidade_plus_destaque:hover {
  transition: 0.5s;
  background-color: rgb(50, 50, 50, 1.0);
}
.carrinho_btn_quantidade_minus_destaque:hover {
  transition: 0.5s;
  background-color: rgb(50, 50, 50, 1.0);
}
.carrinho_input_quantidade::-webkit-outer-spin-button,
.carrinho_input_quantidade::-webkit-inner-spin-button,
.carrinho_input_quantidade_destaque::-webkit-outer-spin-button,
.carrinho_input_quantidade_destaque::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.img_width_height {
  height: 250px !important;
}

.btn_minhaconta_hover {
  position: absolute;
  background-color: white;
  left: -20px;
  width: 200px;
  border-radius: 12px;
  border: 1px solid gray;
}

.visualizacao_link_modal {
  text-decoration: none;
  color: black;
}

.visualizacao_link_modal:hover {
  text-decoration: underline;
  color: #2314be;
}

.visualizacao_link_modal-2 {
  text-decoration: none;
  color: gray;
}

.visualizacao_link_modal-2:hover {
  text-decoration: underline;
  color: black;
}
.show_1200px {
  display: none !important;
}

.btn_more_info {
  background-color: unset !important;
  border: none;
}

/* Estilo geral para o modal */
.side_modal {
  display: block;
  position: fixed;
  z-index: 12;
  width: 300px;
  height: 100%;
  top: 0px;
  left: -300px;
  animation-duration: 1s;
}

/* animação do modal */
@keyframes modal_show {
  0%   {left: -300px;}
  100%  {left: 0px;}
}

@keyframes modal_close {
  0%  {left: 0px;}
  100%   {left: -300px;}
}

/* Estilo do conteúdo do modal */
.modal_content_nav {
  padding: 20px;
}

.overlay {
  z-index: 11;
  position: absolute;
  top: -120px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(
    0,
    0,
    0,
    0.5
  ); /* Ajuste a opacidade conforme necessário */
}
.show_600px {
  display: none;
}

.side_modal_collapse_link {
  text-decoration: none;
  font-size: 18px;
}
.side_modal_collapse_link[aria-expanded="false"] {
  color: #2314be;
  transition: 0.5s;
}
.side_modal_collapse_link[aria-expanded="true"] {
  color: #ffc814;
  transition: 0.5s;
  font-weight: bold;
}
.side_modal_collapse_arrow {
  margin-bottom: 3px;
}
.side_modal_collapse_link[aria-expanded="false"] .side_modal_collapse_arrow {
  rotate: 0deg;
  transition: 0.5s;
}
.side_modal_collapse_link[aria-expanded="true"] .side_modal_collapse_arrow {
  rotate: -90deg;
  transition: 0.5s;
}
.side_modal_collapse_link_content {
  margin: 12px 0px 12px 12px;
}
.side_modal_collapse_link-a {
  color: #2314be;
  text-decoration: none;
}
.btn_responsive_verTodas {
  margin-top: 1rem;
  margin-left: 1.5rem;
}
/* Responsivo */

@media only screen and (max-width: 1400px) {
  .hidden_1400px {
    display: none !important;
  }
}

@media only screen and (max-width: 1200px) {
  .hidden_1200px {
    display: none !important;
  }
  .show_1200px {
  display: unset !important;
  }
  .carousel-control-prev_responsive {
    left: calc(20% + 170px) !important; 
  }
  .carousel-control-next_responsive {
    right: calc(20% + 15px) !important;  
  }
  html {
  margin-top: 115px;
  }
  #cart_wishlist::after {
  left: 5px;
  top: 5px;
  }
}

@media only screen and (max-width: 1000px) {
  .carousel-control-prev_responsive {
    left: calc(15% + 170px) !important; 
  }
  .carousel-control-next_responsive {
    right: calc(15% + 15px) !important;  
  }
  .hidden_1000px {
    display: none !important;
  }
}


@media only screen and (max-width: 991px) {
  .img_footer {
    left: 20px;
  }
  .img_footer-2 {
    left: 40px;
  }
}

@media only screen and (max-width: 800px) {
  .hidden_800px {
    display: none !important;
  }
  .carousel-control-prev_responsive {
    left: calc(15% + 170px) !important; 
  }
  .carousel-control-next_responsive {
    right: calc(15% + 15px) !important;  
  }
  #cart_wishlist::after {
  left: 20px;
  top: 5px;
  }
}


@media only screen and (max-width: 767px) {
  .img_footer {
    left: -20px;
  }
  .img_footer-2 {
    left: 0px;
  }
  #cart_wishlist::after {
  left: 10px;
  top: 5px;
  }
  .btn_responsive_verTodas {
    margin: 0px;
    margin-bottom: 3rem;
  }
  .mx-auto_produto {
    width: 70% !important;
  }
}

@media only screen and (max-width: 600px) {
  #hidden_600px {
    display: none !important;
  }
  .hidden_600px {
    display: none !important;
  }

  .col_logo_responsive {
    width: 50% !important;
  }
  .show_600px {
    display: block !important;
  }
  html {
  margin-top: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .img_footer {
    display: none;
  }
  .img_footer-2 {
    display: none;
  }
  .mx-auto_produto {
    width: 80% !important;
  }
}

/*
azul = rgb(35, 20, 190) , #2314be
amarelo = rgb(250, 200, 20) , #ffc814
logo = src="https://facilpedido.com.br/novo/img/logo.png"
*/