.border {
    border: 10px solid #031aec;
    padding-left: 10rem;
    padding-right: 10rem;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    padding: 1rem;
    border-radius: 2rem;
}

.btn-green {
    background-color: green;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
}


 :root {
    --brand-blue: #0e4a66;
    --brand-green: #58cc82;
    --sand: #cfc4b4;
    /* fundo areia */
    --ink: #1a1a1a;
    /* texto */
    --card: #f1f0ee;
    /* cards */
    --card-border: #e2dfda;
    /* contorno sutil */
    --icon: #232f36;
    /* ícones (azul-petróleo escuro) */
    --card-testimony: #F3F4F6;
    --sand: #d4c9bb;
    /* fundo areia */
    --darkblue: #0e2a3d;
    /* texto principal azul escuro */
    --graytext: #2f2f2f;
    --lightgray: #dfe1e3;

    --deep: #0d2a3d;
    /* azul escuro */
    --sand: #cfc4b4;
    /* areia */
    --soft: #ececea;
    /* cinza clarinho */
    --green1: #58cc82;
    /* CTA grad */
    --green2: #7ae2a0;

    --shadow-color: rgba(0, 0, 0, 0.25);
        --border-light: #eaeaea;
 }

 .text-emphasis {
     color: var(--brand-blue);
     font-style: italic;
 }

 .cta-gradient {
     background: linear-gradient(90deg, var(--brand-green), #7ae2a0);
     border: none;
 }

 .cta-gradient:hover {
     filter: brightness(0.95);
 }

  .bg-sand {
      background-color: var(--sand) !important;
      color: var(--ink);
  }

  .feature-card {
      background: var(--card);
      border: 1px solid var(--card-border);
      box-shadow: 0 4px 18px rgba(0, 0, 0, .04);
  }

  .note-card {
      background: var(--card);
      border: 1px solid var(--card-border);
  }

  .icon-box,
  .check-box {
      width: 48px;
      height: 48px;
      background: #ffffff;
      border: 1px solid var(--card-border);
      color: var(--icon);
      flex: 0 0 48px;
  }

  em {
      font-style: italic;
  }

  .bg-card {
      background: var(--card-testimony);
  }

  .testimonial-card img {
      aspect-ratio: 8/10;
      object-fit: cover;
  }

  #depoimentos em {
      font-style: italic;
  }

  .bg-sand {
      background-color: var(--sand);
  }

  .text-darkblue {
      color: var(--darkblue);
  }

  #convite img {
      max-width: 90%;
      border-radius: 1.2rem;
  }

  #convite p {
      line-height: 1.7;
      color: var(--graytext);
  }

  @media (min-width: 992px) {
      #convite {
          padding-top: 4rem;
          padding-bottom: 4rem;
      }
  }

  .bg-darkblue {
      background-color: var(--darkblue);
  }

  #laila p {
      color: #fff;
      line-height: 1.6;
  }

  .depo-image-wrapper {
      max-width: 420px;
      border-radius: 1rem;
      overflow: hidden;
      background-color: var(--lightgray);
      padding: 0.4rem;
  }

  .object-cover {
      object-fit: cover;
      object-position: center;
  }

  @media (max-width: 991px) {
      #laila p {
          font-size: 1.25rem;
          text-align: center;
      }

      .depo-image-wrapper {
          max-width: 85%;
      }
  }

  .bg-deep {
      background-color: var(--deep);
  }

  .bg-sand {
      background-color: var(--sand);
  }

  .bg-soft {
      background-color: var(--soft);
  }

  .card-wrap {
      box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
      border: 1px solid rgba(0, 0, 0, .06);
  }

  .pill {
      display: inline-block;
      font-size: .8rem;
      padding: .35rem .65rem;
      border-radius: 999px;
      background: #e7f0ea;
      color: #1c2d22;
      font-weight: 600;
      text-transform: lowercase;
      letter-spacing: .2px;
  }

  .pill-light {
      background: rgba(255, 255, 255, .15);
      color: #fff;
      border: 1px solid rgba(255, 255, 255, .25);
  }

  .object-cover {
      object-fit: cover;
      object-position: center;
  }

  .cta-gradient {
      background: linear-gradient(90deg, var(--green1), var(--green2));
      border: none;
  }

  .cta-gradient:hover {
      filter: brightness(.96);
  }

  #samuel {
      background-color: #fff;
      color: #1b1b1b;
  }

  #samuel p {
      line-height: 1.7;
  }

  .depo-image-sombra {
      max-width: 400px;
      border-radius: 1rem;
      overflow: hidden;
      background-color: #fff;
      box-shadow:
          0 4px 12px var(--shadow-color),
          0 8px 24px rgba(0, 0, 0, 0.1);
      border: 1px solid var(--border-light);
      padding: 0.3rem;
  }

  .object-cover {
      object-fit: cover;
      object-position: center;
  }

  @media (max-width: 991px) {
      #samuel p {
          text-align: center;
          font-size: 1.25rem;
      }

      .depo-image-sombra {
          max-width: 85%;
      }
  }