.social-box:hover {
          background-color: #0d6efd;
          color: #fff;
        }


        /* === ÍCONES DE REDES SOCIAIS === */
        .social-box {
          width: 31px;
          height: 31px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #333;
          border-right: 1px solid #bebebe;
          background-color: transparent;
          transition: background-color 0.3s ease;
          text-decoration: none;
        }

        .social-box:hover {  background-color: red;}
        .social-box:hover i {  color: white; }
        .social-box i {  color: #bebebe;  font-size: 12px;}