/* Planos (assinatura) */

  /* ================= PLANOS VIEW ================= */
  .content-planos{ padding: 24px 36px 60px 36px; }

  .planos-hero{ text-align:center; max-width:640px; margin: 8px auto 26px auto; }
  .planos-hero h2{ font-family:'Playfair Display', serif; font-size:26px; font-weight:700; margin:0 0 10px 0; color: var(--text-dark); }
  .planos-hero p{ font-size:14.5px; color: var(--text-muted); margin:0; }

  .planos-quicknav{ display:flex; justify-content:center; gap:12px; margin-bottom:26px; flex-wrap:wrap; }
  .planos-quicknav button{
    display:flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--border); border-radius:999px;
    padding:10px 18px; font-size:13.5px; font-weight:700; color: var(--text-dark); cursor:pointer;
  }
  .planos-quicknav button .qn-verb{ color: var(--text-muted); font-weight:600; }
  .planos-quicknav button.active{ background: var(--sidebar-bg); border-color: var(--sidebar-bg); color:#fff; }
  .planos-quicknav button.active .qn-verb{ color: var(--gold-light); }

  .planos-controls{ display:flex; justify-content:center; align-items:center; gap:24px; margin-bottom:34px; flex-wrap:wrap; }
  .planos-control-group{ display:flex; align-items:center; gap:8px; }
  .planos-control-label{ font-size:12.5px; font-weight:700; color: var(--text-muted); margin-right:2px; }
  .segmented{ display:flex; background: var(--gray-pill-bg); border-radius:10px; padding:3px; gap:2px; }
  .segmented button{
    border:none; background:transparent; padding:8px 14px; border-radius:8px; font-size:13px; font-weight:700;
    color: var(--text-muted); cursor:pointer; white-space:nowrap; position:relative;
  }
  .segmented button.active{ background:#fff; color: var(--text-dark); box-shadow: 0 1px 3px rgba(0,0,0,.08); }
  .segmented button .discount-badge{
    position:absolute; top:-9px; right:-6px; background: var(--pink); color:#fff; font-size:9.5px; font-weight:800;
    padding:2px 6px; border-radius:20px;
  }

  .planos-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; margin-bottom:32px; align-items:stretch; }
  .plan-card{
    background: var(--card-bg); border:1px solid var(--border); border-radius: var(--radius);
    padding: 26px 24px; display:flex; flex-direction:column;
  }
  .plan-card.featured{ border:2px solid var(--gold); box-shadow: 0 6px 24px rgba(169,118,47,0.12); position:relative; }
  .plan-card.featured .plan-badge{
    position:absolute; top:-13px; left:50%; transform:translateX(-50%); background: var(--gold); color:#fff;
    font-size:11px; font-weight:800; padding:4px 14px; border-radius:999px; letter-spacing:.03em;
  }
  .plan-name{ font-family:'Playfair Display', serif; font-size:20px; font-weight:700; color: var(--text-dark); }
  .plan-tagline{ font-size:13px; color: var(--text-muted); margin-top:2px; }
  .plan-price-row{ margin: 18px 0 6px 0; display:flex; align-items:baseline; gap:6px; }
  .plan-price{ font-size:32px; font-weight:800; color: var(--text-dark); }
  .plan-price-period{ font-size:13.5px; color: var(--text-muted); font-weight:600; }
  .plan-price-sub{ font-size:12px; color: var(--text-muted); margin-bottom:14px; min-height:16px; }
  .plan-desc{ font-size:13.5px; color: var(--text-muted); line-height:1.5; margin-bottom:18px; }
  .plan-features{ flex:1; display:flex; flex-direction:column; gap:10px; margin-bottom:20px; }
  .plan-feature{ display:flex; align-items:flex-start; gap:9px; font-size:13.5px; color: var(--text-dark); }
  .plan-feature.off{ color: var(--text-muted); }
  .plan-feature .feat-icon{ flex-shrink:0; margin-top:2px; }
  .plan-feature.off .feat-icon{ color: #c9beae; }
  .plan-feature.on .feat-icon{ color: var(--gold); }
  .plan-cta{
    width:100%; padding:13px; border-radius:10px; border:none; font-size:14px; font-weight:700; cursor:pointer;
    background: var(--sidebar-bg); color:#fff;
  }
  .plan-card.featured .plan-cta{ background: var(--gold); }
  .plan-cta:hover{ opacity:.9; }

  .planos-compare{ background: var(--card-bg); border:1px solid var(--border); border-radius: var(--radius); padding: 26px 28px; margin-bottom:24px; }
  .planos-compare h3{ font-family:'Playfair Display', serif; font-size:18px; font-weight:700; margin:0 0 18px 0; }
  .compare-table{ width:100%; border-collapse:collapse; }
  .compare-table th{ text-align:left; font-size:12px; font-weight:700; color: var(--text-muted); text-transform:uppercase; letter-spacing:.04em; padding:10px 8px; border-bottom:1px solid var(--border); }
  .compare-table th:not(:first-child){ text-align:center; }
  .compare-table td{ padding:12px 8px; border-bottom:1px solid var(--border); font-size:13.5px; color: var(--text-dark); text-align:center; }
  .compare-table td:first-child{ text-align:left; font-weight:600; }
  .compare-table tr:last-child td{ border-bottom:none; }
  .compare-check{ color: var(--gold); }
  .compare-dash{ color: #c9beae; }

  .planos-footer{ text-align:center; }
  .planos-trust-row{ display:flex; justify-content:center; gap:22px; flex-wrap:wrap; margin-bottom:14px; }
  .planos-trust-row div{ display:flex; align-items:center; gap:7px; font-size:13px; color: var(--text-muted); font-weight:600; }
  .planos-footer-note{ font-size:12.5px; color: var(--text-muted); font-style:italic; }

  @media (max-width: 980px){
    .planos-grid{ grid-template-columns: 1fr; }
  }