#sb-body {
          display: none;
        }

        #hotsite {
          overflow: hidden;
          background-color: #fff8f5;
        }


        .titulo-marcas {
          font-size: 1.4rem;
          font-weight: 600;
          color: #000;
        }

        .marca-card {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
          min-height: 80px;
          border-radius: 16px;
          text-decoration: none;
          overflow: visible;
        }

        .selo-promocao {
          position: absolute;
          top: -12px;
          left: 50%;
          transform: translateX(-50%);
          background: #ffcc00;
          color: #000;
          font-size: 12px;
          font-weight: 700;
          line-height: 1;
          padding: 6px 12px;
          border-radius: 50px;
          white-space: nowrap;
          z-index: 2;
          box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
        }

        .marca-logo {
          max-width: 72%;
          max-height: 50px;
          width: auto;
          height: auto;
          transition: transform 0.25s ease;
        }

        .marca-card:hover .marca-logo {
          transform: scale(1.08);
        }

        /* 5 colunas no desktop */
        @media (min-width: 992px) {
          .col-lg-2-4 {
            flex: 0 0 20%;
            max-width: 20%;
          }
        }

        @media (max-width: 767.98px) {
          .titulo-marcas {
            font-size: 1.2rem;
          }

          .marca-card {
            min-height: 70px;
            border-radius: 12px;
          }

          .marca-logo {
            max-width: 68%;
            max-height: 43px;
          }
        }

           .content-text{
            background-color: #ffffff;
            border-radius: 10px;
            border: 1px solid #f3f3f3;
        }

        .font-size-175rem{
            font-size: 1.75rem;
        }  

        .texto-expandido {
          position: relative;
          overflow: hidden;
          transition: max-height 0.4s ease;
        }

        .texto-expandido.fechado {
          max-height: 220px; /* altura inicial */
        }

        .texto-expandido.fechado::after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 80px;
          background: linear-gradient(to bottom, transparent, #fff);
        }

        .texto-expandido.aberto {
          max-height: 2000px; /* grande o suficiente */
        }

        .texto-expandido.aberto::after {
          display: none;
        }

        .btn-ver-mais {
          text-decoration: none;
          background-color: #f1f3f5;
          border: none;
          color: #1b1b1b;
          font-size: 13px;
          font-weight: 500;
          padding: 8px 16px;
          border-radius: 8px;
          transition: background 0.2s ease;
        }