/* ==========================================================================
   2. NAVEGAÇÃO E BOTÕES (UI COMPONENTS)
   ========================================================================== */
 .navbar-brand {
     font-weight: 800;
     font-size: 1.5rem;
     color: #1a1a1a;
 }

 .btn-primary-custom {
     background-color: #e67e22;
     /* Laranja da marca */
     border-color: #e67e22;
     color: white;
     font-weight: 600;
     border-radius: 50px;
     padding: 10px 25px;
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .btn-primary-custom:hover {
     background-color: #d35400;
     border-color: #d35400;
     color: white;
 }

 .btn-cta-main {
     background-color: #e67e22;
     color: white;
     font-weight: 700;
     font-size: 1.1rem;
     padding: 15px 35px;
     border-radius: 10px;
     text-transform: uppercase;
     border: none;
     transition: transform 0.2s, background-color 0.2s;
     display: inline-flex;
     align-items: center;
     text-decoration: none;
     position: relative;
     overflow: hidden;
 }

 .btn-cta-main:hover {
     background-color: #d35400;
     color: white;
     transform: translateY(-2px);
     box-shadow: 0 5px 15px rgba(230, 126, 34, 0.3);
 }

 .btn-cta-form {
     background-color: #e67e22;
     color: white;
     font-weight: 700;
     padding: 16px;
     border-radius: 10px;
     border: none;
     transition: all 0.3s;
 }

 .btn-cta-form:hover {
     background-color: #d35400;
     color: white;
     transform: translateY(-2px);
 }

 /* Efeito de brilho suave nos botões principais */
 .btn-cta-main:after,
 .btn-primary-custom:after {
     content: '';
     position: absolute;
     top: -50%;
     left: -60%;
     width: 20%;
     height: 200%;
     background: rgba(255, 255, 255, 0.2);
     transform: rotate(30deg);
     transition: all 0.5s;
 }

 .btn-cta-main:hover:after,
 .btn-primary-custom:hover:after {
     left: 120%;
 }