/*codigo original*/

    .text-justify { text-align: justify; }
    .limite-maximo {
      max-width: 1388px;
      margin: 0 auto;
      padding-left: 15px;
      padding-right: 15px;
    }
    #intro-box {
      background: linear-gradient(to bottom right, #f8f9fa, #ffffff);
      margin-top: 60px;
      margin-bottom: 60px;
    }
    .card svg { margin-top: -40px; }
    .text-justify {
      text-align: justify;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .limite-maximo {
      max-width: 1388px;
      margin: 0 auto;
      padding-left: 15px;
      padding-right: 15px;
    }
    #intro-box {
      background: linear-gradient(to bottom right, #f8f9fa, #ffffff);
      margin-top: 60px;
      margin-bottom: 60px;
    }
    .card svg {
      margin-top: -40px;
    }
    .btn-gradient {
      background: linear-gradient(90deg, #0d6efd 0%, #38c172 100%);
      color: #fff;
      border: none;
    }
    .btn-gradient:hover, .btn-gradient:focus {
      background: linear-gradient(90deg, #38c172 0%, #0d6efd 100%);
      color: #fff;
    }
    .bg-gradient-success {
      background: linear-gradient(90deg,#38c172 0%,#0d6efd 100%) !important;
    }
    .card {
      border-radius: 1.5rem;
      box-shadow: 0 0.5rem 2rem rgba(0,0,0,0.08);
    }
    .form-label {
      font-size: 1.1rem;
    }
    input.form-control, select.form-select {
      font-size: 1.1rem;
      border-radius: 0.6rem;
      min-height: 48px;
    }
    .form-text {
      font-size: 0.95rem;
      margin-top: 2px;
    }
    .steps .badge {
      font-size: 1.25rem;
    }
    .btn-lg {
      font-size: 1.15rem;
      padding-top: 0.7rem;
      padding-bottom: 0.7rem;
    }
    .animated {
      animation-duration: 0.7s;
      animation-fill-mode: both;
    }
    .fadeIn {
      animation-name: fadeIn;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(12px);}
      to { opacity: 1; transform: translateY(0);}
    }

    /* Cartão padrão com suavidade e profundidade */
    .plano-card .card {
      position: relative;
      transition: all 0.4s ease;
      cursor: pointer;
      border-width: 2px;
      border-radius: 1rem;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
      background: linear-gradient(145deg, #ffffff, #f0f0f0);
    }

    /* Efeito ao passar o mouse com brilho e movimento */
    .plano-card:hover .card {
      transform: translateY(-5px) scale(1.01);
      box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    }

    /* Selecionado - Básico com destaque azul */
    #card-basico input:checked + .card {
      border-color: #0d6efd;
      box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.3);
      background: linear-gradient(145deg, #e8f0ff, #ffffff);
    }

    /* Selecionado - Completo com destaque verde */
    #card-completo input:checked + .card {
      border-color: #198754;
      box-shadow: 0 0 0 4px rgba(25, 135, 84, 0.3);
      background: linear-gradient(145deg, #e9fdf0, #ffffff);
    }

    /* Ícone de seleção elegante */
    .plano-card .card::after {
      content: "✓";
      position: absolute;
      top: -14px;
      right: -14px;
      width: 32px;
      height: 32px;
      background: linear-gradient(145deg, #ffffff, #e0e0e0);
      border-radius: 50%;
      border: 2px solid #198754;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      font-weight: bold;
      color: #198754;
      opacity: 0;
      transform: scale(0.7);
      transition: all 0.4s ease;
      box-shadow: 0 4px 8px rgba(0,0,0,0.15);
      z-index: 10;
    }

    /* Exibir o checkmark ao selecionar */
    #card-basico input:checked + .card::after,
    #card-completo input:checked + .card::after {
      opacity: 1;
      transform: scale(1);
    }
    .bg-gradient-primary {
      background: linear-gradient(90deg,#0d6efd 0%,#38c172 100%) !important;
    }
    .bg-gradient-success {
      background: linear-gradient(90deg,#38c172 0%,#0d6efd 100%) !important;
    }
    .rounded-top-4 {
      border-top-left-radius: 1.25rem !important;
      border-top-right-radius: 1.25rem !important;
    }
    .card {
      border-radius: 1.5rem;
      box-shadow: 0 0.5rem 2rem rgba(0,0,0,0.08);
    }
    .btn-gradient {
      background: linear-gradient(90deg, #0d6efd 0%, #38c172 100%);
      color: #fff;
      border: none;
    }
    .btn-gradient:hover, .btn-gradient:focus {
      background: linear-gradient(90deg, #38c172 0%, #0d6efd 100%);
      color: #fff;
    }
    .form-label {
      font-size: 1.1rem;
    }
    input.form-control, select.form-select {
      font-size: 1.1rem;
      border-radius: 0.6rem;
      min-height: 48px;
    }
    .form-text {
      font-size: 0.95rem;
      margin-top: 2px;
    }