.clickable-image {
          cursor: pointer;
        }
        .bg-pastelBlue {
            background-color: #fef3c7; 
        }
        .h1 {
            color: #eee52e; 
            text-shadow: 0px 2px 2px rgba(0,0,0,0.5);
            font-weight: 600
        }
        .navbar {
            position: relative; /* Para o posicionamento da imagem */
        }
        .overlay-logo {
            position: absolute;
            top: 10px; /* Ajuste conforme necessário */
            left: 50%;
            transform: translateX(-50%); /* Centraliza a imagem */
            width: 200px; /* Largura da logo */
            height: auto; /* Altura automática */
            z-index: 10; /* Garante que a imagem fique acima do menu */
            opacity: .9;
            border-radius: 50%; 
            height: 200px;
            object-fit: cover;
        }
       @media (max-width: 768px) {
            .overlay-logo {
                width: 80px; /* Ajuste a largura da logo para telas menores */
                height: 80px; /* Ajuste a altura da logo para telas menores */
                top: 77px; /* Ajuste a posição do topo se necessário */
            }
        }


        #template-mo-zay-hero-carousel { background: #efefef !important;}
        
        .page-link.text-warning {
          color: #ffc107;
          background-color: #000000;
          border-color: #1c1c1c;
        }

        .page-link.text-warning:hover {
          color: #e0a800; 
        }

        .page-item.active .page-link {
          background-color: #ffc107; /* Bootstrap warning */
          border-color: #ffc107;
          color: #000000; /* texto escuro pra contraste */
        }

        /* Carousel Hero */
        #template-mo-zay-hero-carousel .carousel-indicators li {
          margin-top: -50px;
          background-color: #87A9C4;
        }
        #template-mo-zay-hero-carousel .carousel-control-next i,
        #template-mo-zay-hero-carousel .carousel-control-prev i {
          color: #87A9C4 !important;
          font-size: 2.8em !important;
        }
        /* Carousel Brand */
        .tempaltemo-carousel .h1 {
          font-size: .5em !important;
          color: #000 !important;
        }

        .well {
          min-height: 20px;
          padding: 22px;
          margin-bottom: 20px;
          background-color: #ececec;
          border: 0px solid #e3e3e3;
          border-radius: 1px;
          box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
        }

        @media (min-width: 576px) {
          .tempaltemo-carousel .h1 { font-size: 1em !important;}
        }

        /*// Medium devices (tablets, 768px and up)*/
        @media (min-width: 768px) {
          #templatemo_main_nav .navbar-nav {max-width: 450px;}
        }

        /* Large devices (desktops, 992px and up)*/
        @media (min-width: 992px) {
          #templatemo_main_nav .navbar-nav {max-width: 550px;}
          #template-mo-zay-hero-carousel .carousel-item {min-height: 30rem !important;}
          .product-wap .h3, .product-wap li, .product-wap i, .product-wap p {font-size: 18px !important;}
          .product-wap .product-color-dot {
            width: 12px;
            height: 12px;
          }
        }

@media (max-width: 640px) {
  .img-fachada {
    position: relative;
    left: 0;
    margin-bottom: 1rem;
  }
  
  .text-container {
    padding-left: 1rem;
    text-align: left;
  }
}