/* ================== MENU FIBER ================== */
    .custom-menu * {box-sizing:border-box;}

    .custom-menu {
      font-family: Arial, Helvetica, sans-serif !important;
      font-size: 16px !important;
      font-weight: 500 !important;
      background:#fff;
      position:relative;
      z-index:9999;
    }

    /* --- TOPO --- */
    .custom-menu .topbar {
      display:flex;justify-content:flex-end;align-items:center;gap:25px;
      padding:12px 60px;font-size:14px;color:#444;border-bottom:1px solid #eee;
      background:#fff;
    }
    .custom-menu .topbar span{display:flex;align-items:center;gap:6px;font-weight: 600;color: #E00000;}
    .custom-menu .topbar i{color:#2C2D2F;font-size: 22px;}

    /* --- MAINBAR --- */
    .custom-menu .mainbar{
      display:flex;align-items:center;gap:16px;justify-content:flex-start;
      padding:15px 60px;background:#fff;position:relative;
    }
    .custom-menu .logo{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin:0 auto}
    .custom-menu .logo img{ width:200px}
    .custom-menu .logo-text{display:flex;flex-direction:column;line-height:1.1}
    .custom-menu .logo-text strong{color:#0056ff;font-size:22px}
    .custom-menu .logo-text span{font-size:12px;color:#0056ff}

    .custom-menu .nav-wrap{
      display:flex;align-items:center;justify-content:center;gap:28px;
    }

    .custom-menu nav{display:flex;align-items:center;gap:20px; margin-left:30px;}
    .custom-menu nav a{
      text-decoration:none;color:#2C2D2F;font-weight:600;font-size:15px;
      padding:6px 0;display:block;
    }
    .custom-menu nav a:hover{color:#E00000}

    /* Submenu */
    .custom-menu .dropdown{position:relative}
    .custom-menu .submenu{
      position:absolute;top:100%;left:0;min-width:180px;
      background:#fff;border-radius:6px;display:none;flex-direction:column;
      padding:8px 0;margin-top:0px;padding-top:6px;border:1px solid #ddd;
      box-shadow:0 4px 8px rgba(0,0,0,.08);z-index:20;
    }
    .custom-menu .submenu a{
      padding:10px 15px;font-size:14px;color:#333;font-weight:500;white-space:nowrap;
    }
    .custom-menu .submenu a:hover{background:#f2f2f2;color:#0056ff}
    .custom-menu .dropdown:hover .submenu{display:flex}

    /* Right area */
    .custom-menu .right{display:flex;align-items:center;gap:16px;margin-left:20px}
    .custom-menu .social{
      display:flex;align-items:center;gap:12px;margin-right:10px;
      padding-right:20px;border-right:1px solid #ddd;
    }
    .custom-menu .social a{
      color:#fff;font-size:16px;width:36px;height:36px;border-radius:50%;
      display:flex;align-items:center;justify-content:center;background:#E00000;
      transition:.3s;text-decoration:none;
    }
    .custom-menu .social a:hover{background:#0056ff;color:#fff}

    .custom-menu .buttons{display:flex;align-items:center;gap:12px}
    .custom-menu .btn{
      padding:12px 22px;border-radius:10px;font-weight:bold;text-decoration:none;
      font-size:15px;border:2px solid transparent;transition:.3s;display:inline-block;
    }
    .custom-menu .btn-blue{background:#2C2D2F;border-color:#2C2D2F;color:#fff}
    .custom-menu .btn-blue:hover{background:#E00000;border-color:#E00000;color:#fff}
    .custom-menu .btn-orange{background:#E00000;border-color:#E00000;color:#fff}
    .custom-menu .btn-orange:hover{background:#2C2D2F;border-color:#2C2D2F;color:#fff}

    /* --- Toggle --- */
    .custom-menu .menu-toggle{
      margin-left:auto;background:transparent;border:0;cursor:pointer;
      display:none;font-size:26px;color:#2C2D2F;line-height:1;
      position:relative;z-index:1101;
    }

    .custom-menu .overlay{
      position:fixed;top:0;left:0;width:100%;height:100%;
      background:rgba(0,0,0,.5);z-index:1000;
      opacity:0;visibility:hidden;transition:.3s;
    }
    .custom-menu .overlay.active{opacity:1;visibility:visible}

.custom-menu .btn {
  min-width: auto !important; /* remove herança do global */
}
/* estilo base */
.social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ddd;     /* cor padrão do círculo */
  color: #fff;          /* ícone branco */
  font-size: 18px;
  transition: all 0.3s ease;
  text-decoration: none;
}

/* Instagram */
.social a.instagram:hover {
  background: #e1306c;
  color: #fff;
}

/* Facebook */
.social a.facebook:hover {
  background: #1877f2;
  color: #fff;
}

/* Twitter */
.social a.twitter:hover {
  background: #1da1f2;
  color: #fff;
}

/* YouTube */
.social a.youtube:hover {
  background: #ff0000;
  color: #fff;
}

/* WhatsApp */
.social a.whatsapp:hover {
  background: #25d366;
  color: #fff;
}

/* LinkedIn */
.social a.linkedin:hover {
  background: #0a66c2;
  color: #fff;
}

/* TikTok */
.social a.tiktok:hover {
  background: #000000;
  color: #fff;
}

/* Pinterest */
.social a.pinterest:hover {
  background: #e60023;
  color: #fff;
}

/* Telegram */
.social a.telegram:hover {
  background: #0088cc;
  color: #fff;
}
    /* --- Mobile --- */
    @media(max-width:900px){
      .custom-menu .topbar span:last-child{display:none}
      .custom-menu .nav-wrap{display:none}
      .custom-menu .menu-toggle{display:block}

      .custom-menu .mainbar.active .nav-wrap{
        display:flex;flex-direction:column;gap:20px;
        position:fixed;top:0;left:0;height:100%;width:260px;
        background:#fff;padding:25px;box-shadow:4px 0 15px rgba(0,0,0,.2);
        z-index:1001;align-items:flex-start;justify-content:flex-start;
        transform:translateX(-100%);transition:transform .3s ease;
      }
      .custom-menu .mainbar.active.show .nav-wrap{transform:translateX(0)}

      .custom-menu .nav-wrap nav{flex-direction:column;align-items:flex-start;gap:15px}

      .custom-menu .dropdown .submenu{
        position:static;display:none;border:none;box-shadow:none;margin-top:6px;
        overflow:hidden;width:100%;
      }
      .custom-menu .dropdown.open .submenu{display:flex}
      .custom-menu .dropdown:hover .submenu{display:none}

      .custom-menu .social{display:none}
      .custom-menu .buttons{flex-direction:column;gap:14px;width:100%}
      .custom-menu .buttons .btn{
        width:100%;text-align:center;font-size:13px;padding:10px 18px;
      }
    }
	@media(max-width:720px){
	.custom-menu .logo img {width:150px}
	.custom-menu .mainbar {
    padding: 15px 30px;
    }
    .custom-menu .topbar {
      padding:12px 30px;
    }
	.custom-menu .topbar {
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 18px;
    padding: 10px 15px;
  }

  .custom-menu .topbar span,
  .custom-menu .topbar a {
    flex: 0 0 auto;
    white-space: nowrap;
  }
	.custom-menu .logo {
	margin:0 1px;
	}
	.custom-menu .nav-wrap nav {
	margin-left:0;
	}
		}