body {
      padding-top: 56px;
      background-color: #283618;
      color: #e6f2e6;
    }


    #hero {
      background-color: transparent;
      padding: 60px 0;
      color: #e6f2e6;
    }

    #hero .hero-text {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
    }

    #hero video {
      width: 100%;
      max-width: 900px;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    }


    .footer {
      background-color: #1f2a0f;
      color: #e6f2e6;
      padding: 40px 0;
    }


    .footer a,
    .social-icons a {
      color: #a3c293;
      transition: color 0.3s;
    }

    .footer a:hover,
    .social-icons a:hover {
      color: #d6f5d6;
    }


    .back-to-top {
      position: fixed;
      right: 20px;
      bottom: 40px;
      display: none;
      z-index: 999;
      background-color: #a3c293;
      color: #283618;
      border-radius: 50%;
      width: 45px;
      height: 45px;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    }

    .back-to-top:hover {
      background-color: #7a9b5c;
    }


    form input,
    form textarea {
      background-color: #3a4d1f;
      border: 1px solid #6a8a41;
      color: #e6f2e6;
    }

    form input::placeholder,
    form textarea::placeholder {
      color: #b4c9a8;
    }

    form label {
      color: #d6f5d6;
    }

    button.btn-primary {
      background-color: #6a8a41;
      border-color: #6a8a41;
    }

    button.btn-primary:hover {
      background-color: #7a9b5c;
      border-color: #7a9b5c;
    }

    #contato {
      color: black;
    }
.payment-summary {
  color: black; 
}
.payment-danger {
  color: rgb(255, 0, 0); 
}

    #contato label,
    #contato input,
    #contato textarea,
    #contato button {
      color: black !important;
      border-color: #ccc !important;
    }

    #contato input::placeholder,
    #contato textarea::placeholder {
      color: #666 !important;
    }
  .mp-form-container {
      max-width: 600px;
      margin: 3rem auto;
      background: white;
      padding: 2.5rem;
      border-radius: 12px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    }
    
    .progress-bar {
      height: 5px;
      margin-top: 0.5rem;
    }

    #form-checkout__cardNumber iframe,
    #form-checkout__expirationDate iframe,
    #form-checkout__securityCode iframe {
      border-radius: 8px !important;
      border: 1px solid #ced4da !important;
      width: 100% !important;
      height: 50px !important;
      padding: 0.5rem !important;
    }

    #form-checkout__cardholderName,
    #form-checkout__cardholderEmail,
    #form-checkout__identificationNumber,
    select#form-checkout__issuer,
    select#form-checkout__installments,
    select#form-checkout__identificationType {
      width: 100%;
      padding: 0.75rem 1rem;
      margin-bottom: 1.25rem;
      border-radius: 8px;
      border: 1px solid #e0e0e0;
      font-size: 1rem;
      box-sizing: border-box;
      transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }
    
    #form-checkout__cardholderName:focus,
    #form-checkout__cardholderEmail:focus,
    #form-checkout__identificationNumber:focus,
    select#form-checkout__issuer:focus,
    select#form-checkout__installments:focus,
    select#form-checkout__identificationType:focus {
      border-color: #3f51b5;
      box-shadow: 0 0 0 3px rgba(63, 81, 181, 0.1);
      outline: none;
    }
    
    #form-checkout__submit {
      width: 100%;
      background-color: #3f51b5;
      color: white;
      font-weight: 600;
      padding: 1rem;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
      font-size: 1.1rem;
      margin-top: 1rem;
    }
    
    #form-checkout__submit:hover {
      background-color: #2c387e;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(63, 81, 181, 0.2);
    }
    
    .payment-summary {
      background-color: #f8f9fa;
      border-radius: 10px;
      padding: 1.75rem;
      margin-bottom: 2.5rem;
      border-left: 4px solid #3f51b5;
    }
    
    .payment-summary h4 {
      color: #333;
      margin-bottom: 1.25rem;
      font-weight: 600;
    }
    
    .payment-summary p {
      margin-bottom: 0.75rem;
      color: #555;
    }
    
    .payment-summary .price {
      font-size: 1.75rem;
      font-weight: bold;
      color: #28a745;
    }
    
    .security-badge {
      background-color: #f5f7ff;
      border-radius: 8px;
      padding: 1.25rem;
      margin: 1.5rem 0;
      text-align: center;
      border: 1px solid #e0e0e0;
    }
    
    .security-badge i {
      font-size: 2rem;
      color: #3f51b5;
      margin-bottom: 0.75rem;
    }
    
    .security-badge p {
      margin-bottom: 0;
      color: #666;
      font-size: 0.9rem;
    }
    
    .card-icons {
      display: flex;
      justify-content: center;
      gap: 15px;
      margin: 1rem 0 1.5rem;
    }
    
    .card-icons i {
      font-size: 2.5rem;
      color: #555;
    }
    
    .fa-cc-visa { color: #1a1f71; }
    .fa-cc-mastercard { color: #eb001b; }
    .fa-cc-amex { color: #016fd0; }
    .fa-cc-diners-club { color: #0079be; }
    .fa-cc-discover { color: #ff6000; }
    
    .payment-methods {
      margin: 1.5rem 0;
      padding: 1rem;
      background-color: #f8f9fa;
      border-radius: 8px;
    }
    
    .payment-methods h6 {
      font-weight: 600;
      margin-bottom: 0.75rem;
    }
    
    .form-section-title {
      font-weight: 600;
      color: #444;
      margin-bottom: 1.25rem;
      position: relative;
      padding-left: 15px;
    }
    
    .form-section-title:before {
      content: "";
      position: absolute;
      left: 0;
      top: 5px;
      height: 20px;
      width: 4px;
      background-color: #3f51b5;
      border-radius: 2px;
    }
    
    .input-label {
      display: block;
      margin-bottom: 0.5rem;
      font-weight: 500;
      color: #555;
    }
    
    .required-field:after {
      content: " *";
      color: #e53935;
    }
    .swal2-input {
    color: black !important;
  }