.centered {
          position: absolute;
          top: 0;
          left: 0;
          width: 60%;
          height: 100%;
          display: flex;
          align-items: center;
        }

        .bg-mask {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(255, 255, 255, 0.9);
          backdrop-filter: blur(6px);
          -webkit-backdrop-filter: blur(6px);

          -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));
          -webkit-mask-repeat: no-repeat;
          -webkit-mask-size: 100% 100%;
                  mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));
                  mask-repeat: no-repeat;
                  mask-size: 100% 100%;
          z-index: 0;
        }

        .centered h3 {
          position: relative;
          z-index: 1;
          color: #000;
        }

        a {
          text-decoration: none;
        }

        .icone {
          color: #fFFF;
        }
        .icone:hover {
          color: #f72f21;
        }

        .icone-2 {
          color: #003E5F;
        }
        .icone-2:hover {
          color: #0077B5;
        }

        .icone-footer {
          color: #da291c;
        }

        .atuacao-box {
          position: relative;
          aspect-ratio: 1 / 1;
          overflow: hidden;
        }

        .atuacao-box img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform 0.4s ease;
        }

        .atuacao-box img:hover {
          transform: scale(1.05);
        }

        .caption {
          position: absolute;
          bottom: 0;
          width: 100%;
          background: rgba(0, 0, 0, 0.6);
          color: #FFFF;
          padding: 6px;
        }

        .imagem-carousel {
          width: 100%;
          height: 300px;        
          object-fit: cover;
        }

        #menu {
          transition: transform 0.3s ease;
        }
        #menu.hidden {
          transform: translateY(-100%);
        }

        .video-wrapper {
          position: relative;
          width: 100%;
          max-width: 900px;   /* limita no desktop */
          aspect-ratio: 16 / 9; /* mantém proporção sempre */
          margin: 0 auto;      /* centraliza */
          border-radius: 12px;
          overflow: hidden;    /* arredondado no vídeo */
          box-shadow: 0 6px 20px rgba(0,0,0,0.2);
        }

        .video {
          width: 100%;
          height: 100%;
          border: none;
          display: block;
        }

        @media (min-width: 320px) {
          #texto-banner {
            font-size: 2rem;
          }

          .caption {
            font-size: 0.7rem;
          }
        }

        #texto-banner {
          font-size: 1rem;
        }

        @media (min-width: 576px) {
          .caption {
            font-size: 0.9rem;
          }
        }

        @media (min-width: 768px) {
          #texto-banner {
            font-size: 1.5rem;
          }
        }

        .roboto-regular {
            font-family: "Roboto", serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
            font-variation-settings:"wdth" 100;
        }