body {
     font-family: 'Inter', sans-serif;
     background-color: #f8fafc;
     /* Light blue-gray for a clean look */
 }

 .bluegradiente {
     background: #020024;
     background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
 }

 .bgblue{
        background-color: rgba(9, 9, 121, 1) !important;
        /* Dark blue background */
 }

 .coloryellow {
     color: #FFD700;
     /* Golden color for text */
 }

 .colorgray {
     color: #6b6965;
     /* Dark gray for text */
 }

 .fonte10{
    font-size: 18px;
 }

 .displayflex {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 /* Primary button style - improved golden button */
 .meubotao {
     width: 100%;
     max-width: 100%;
     font-size: 1.1rem;
     text-align: center;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: linear-gradient(90deg, #FFD700 0%, #FFC300 100%);
     color: #212121;
     padding: 1.1rem 1.5rem;
     border-radius: 0.9em;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.05em;
     box-shadow: 0 4px 16px 0 rgba(255, 215, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     border-bottom: 7px solid #6b6965;
     outline: none;
     transition: background 0.3s, transform 0.2s, box-shadow 0.2s;
     cursor: pointer;
     margin: 0 auto;
 }

 .meubotao:hover,
 .meubotao:focus {
     background: linear-gradient(90deg, #DAA520 0%, #FFC300 100%);
     color: #111;
     transform: translateY(-3px) scale(1.03);
     box-shadow: 0 8px 24px 0 rgba(218, 165, 32, 0.18), 0 2px 8px 0 rgba(0, 0, 0, 0.10);
 }

 /* Responsive adjustments */
 @media (max-width: 600px) {
     .meubotao {
         font-size: 1rem;
         padding: 1rem 0.7rem;
         max-width: 100%;
         border-radius: 0.7em;
     }
 }

 @media (min-width: 601px) {
     .meubotao {
         font-size: 1.15rem;
         padding: 1.2rem 2.2rem;
         max-width: 100%;
         border-radius: 1em;
     }
 }

 .section-title {
     font-size: 2.5rem;
     font-weight: 800;
     color: #212121;
     /* Dark text for titles */
     margin-bottom: 2rem;
     text-align: center;
 }

 .card {
     background-color: white;
     border-radius: 1.5rem;
     /* More rounded corners for cards */
     padding: 2rem;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 }

 /* Icon box style - adjusted to complement gold/dark scheme */
 .icon-box {
     background-color: #e8f5e9;
     /* Very light green */
     border-radius: 50%;
     padding: 0.8rem;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     color: #4CAF50;
     /* Standard green for icons */
     font-size: 1.5rem;
 }

 .text-highlight {
     color: #FFD700;
     /* Golden for highlights */
     font-weight: 700;
 }

 .text-yellow {
     color: #FFD700 !important;
 }

 /* Specific background for sections that were teal/green gradient, now dark grey/charcoal */
 .bg-hero-gradient {
     background: linear-gradient(to right, #212121, #424242);
     /* Dark grey gradient */
 }

 .bg-offer-gradient {
     background: linear-gradient(to right, #212121, #424242);
     /* Dark grey gradient */
 }

 /* Adjust specific text colors for better contrast on dark backgrounds */
 .text-on-dark {
     color: white;
 }