.subscription-public-page{min-height:100vh;background:#ecf1ef;color:#1f3229}.subscription-public-header{height:78px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9d8d1;background:#fcfcfc}.subscription-public-header img{display:block;width:min(270px,58vw);height:auto}.subscription-container{width:min(1220px,calc(100% - 32px));margin:0 auto;padding:54px 0 80px}.subscription-heading{text-align:center;max-width:760px;margin:0 auto 30px}.subscription-heading h1{margin:6px 0 12px;font:500 clamp(2rem,5vw,3.4rem)/1.05 Georgia,serif}.subscription-heading p{color:#566f63;line-height:1.65}.subscription-notice{max-width:920px;margin:0 auto 22px;padding:16px 18px;display:grid;gap:4px;border:1px solid #b8ccc3;border-radius:10px;background:#f7f9f8}.subscription-notice.warning{border-color:#88b19e;background:#ecf2ef}.subscription-notice.danger{border-color:#a5c1b4;background:#f6f8f7}.subscription-notice.success{border-color:#8fbea0;background:#f1f4f3}.subscription-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.subscription-plan-card{display:block;cursor:pointer}.subscription-plan-card>input{position:absolute;opacity:0;pointer-events:none}.subscription-plan-choice{height:100%;min-height:330px;padding:25px;box-sizing:border-box;display:flex;flex-direction:column;border:1px solid #c1d1ca;border-radius:14px;background:#fcfcfc;box-shadow:0 10px 24px rgba(37,61,50,.07);transition:border-color .2s,transform .2s,box-shadow .2s}.subscription-plan-card:hover .subscription-plan-choice{transform:translateY(-3px);box-shadow:0 14px 30px rgba(37,61,50,.11)}.subscription-plan-card>input:checked+.subscription-plan-choice{border:2px solid #49715e;box-shadow:0 0 0 3px rgba(73,113,94,.13),0 16px 32px rgba(37,61,50,.12)}.subscription-plan-title{font:600 1.45rem Georgia,serif}.subscription-plan-price{margin:12px 0 18px;font:700 1.8rem system-ui;color:#325143}.subscription-plan-price small{font-size:.72rem;font-weight:600;color:#5f7a6d}.subscription-plan-choice ul{margin:0 0 22px;padding-left:20px;line-height:1.6;color:#475c52}.subscription-select-label{margin-top:auto;padding:10px;text-align:center;border-radius:8px;background:#dde6e2;color:#2a4538;font-weight:800;font-size:.78rem}.subscription-plan-card>input:checked+.subscription-plan-choice .subscription-select-label{background:#3d5f4f;color:#fff}.subscription-request-card{max-width:680px;margin:24px auto 0;padding:24px;border:1px solid #c1d1ca;border-radius:14px;background:#fcfcfc}.subscription-request-card p{color:#587266;font-size:.82rem;line-height:1.55}.subscription-request-card .btn{width:100%;justify-content:center}.subscription-confirmed-plan{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;margin:0 0 18px;border:1px solid #a3b9af;border-radius:9px;background:#f1f5f3;color:#315c38}.subscription-invitation{border:2px solid #49715e!important}.subscription-copy-link{width:100%;box-sizing:border-box;padding:12px;border:1px solid #9cb7aa;background:#fff;font:13px ui-monospace,monospace}.subscription-confirm-form{min-width:250px;display:grid;gap:6px}.subscription-confirm-form input{width:100%;box-sizing:border-box;padding:8px;border:1px solid #bbccc4;border-radius:5px}@media(max-width:720px){.subscription-container{padding-top:32px}.subscription-plan-grid{grid-template-columns:1fr}.subscription-confirmed-plan{display:grid}.subscription-public-header{height:68px}.subscription-public-header img{width:210px}}.subscription-payment-wait{display:flex;align-items:center;gap:14px;margin:18px 0;padding:16px;border:1px solid #b8ccc3;border-radius:10px;background:#f3f7f5}.subscription-payment-wait p{margin:0;line-height:1.55}.subscription-spinner{width:24px;height:24px;flex:0 0 24px;border:3px solid #bbcec5;border-top-color:#3d5f4f;border-radius:50%;animation:subscription-spin .8s linear infinite}@keyframes subscription-spin{to{transform:rotate(360deg)}}
/* --------------------------------------------------------------------------
   Escolha do período: mensal ou anual — 31/07/2026
   -------------------------------------------------------------------------- */
.subscription-cycle-switch {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin: 0 auto 1.25rem;
  padding: 4px;
  width: fit-content;
  border: 1px solid rgba(160, 184, 172, .55);
  border-radius: 999px;
  background: rgba(255, 255, 255, .6);
}

.subscription-cycle-option {
  display: inline-flex;
  align-items: baseline;
  gap: .4em;
  padding: .5rem 1.25rem;
  border-radius: 999px;
  font-size: .9rem;
  font-weight: 600;
  color: #35564a;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease;
}

.subscription-cycle-option small {
  font-size: .72em;
  font-weight: 500;
  opacity: .85;
}

.subscription-cycle-option.is-active {
  background: #1d4e3b;
  color: #fff;
}

.subscription-plan-note {
  display: block;
  margin-top: .35rem;
  font-size: .78rem;
  color: #35564a;
}

/* Plano sem preço anual cadastrado: aparece, mas não pode ser escolhido no
   período anual. Some-lo confundiria quem veio de um link direto para ele. */
.subscription-plan-card.is-unavailable {
  opacity: .55;
  cursor: not-allowed;
}

.subscription-plan-card.is-unavailable .subscription-select-label {
  visibility: hidden;
}