/* =============================
   SEÇÃO SOBRE
============================= */
#sobre {
      width: 100%;
      padding: 60px 20px;
      background: rgba(0, 0, 0, 0.6);
      border-bottom: 1px solid var(--gold);
}

.notice {
      width: 40%;
      height: auto;
      margin: 0 auto;
      margin-bottom: 30px;
}

.container-tela {
      max-width: 1280px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 40px;
}

.box {
      display: flex;
      align-items: center;
      gap: 30px;
      box-shadow: 2px 2px 2px 1px rgb(63, 63, 63);
}

.box_img {
      flex: 1;
      display: flex;
      justify-content: center;
}

.box img.moeda {
      max-width: 220px; /* ajuste conforme necessário */
      height: auto;
      animation: girarMoeda 2s linear infinite;
      transform-style: preserve-3d;
}

@keyframes girarMoeda {
      0% {
            transform: rotateY(0deg);
      }
      100% {
            transform: rotateY(360deg);
      }
}


.box_descr {
      flex: 2;
      color: var(--gold);
      font-size: 1.1rem;
      line-height: 1.6;
      padding-top: 10px;
}

/* =============================
   RESPONSIVIDADE
============================= */

/* Tablets (até 992px) */
@media (max-width: 992px) {
      .box {
            gap: 20px;
      }

      .box_img img.moeda {
            max-width: 180px;
      }

      .box_descr {
            font-size: 1rem;
      }
}

/* Mobile (até 768px) */
@media (max-width: 768px) {
      .box {
            flex-direction: column;
            text-align: center;
      }

      .box_img img.moeda {
            max-width: 160px;
      }

      .box_descr {
            font-size: 0.95rem;
      }
}

/* Mobile pequeno (até 480px) */
@media (max-width: 480px) {
      #sobre {
            padding: 40px 15px;
      }

      .box_descr {
            font-size: 0.9rem;
      }

      .box_img img.moeda {
            max-width: 130px;
      }
}