/* Vivipedia 26.8 — chiarezza piani e piano minimo utile */
.v268-plan-clarity,
.v268-plan-strip,
.v268-plan-table,
.v268-after-buy {
  border: 1px solid rgba(55, 65, 81, .14);
  border-radius: 28px;
  padding: clamp(1.1rem, 2.5vw, 2rem);
  background:
    radial-gradient(circle at 10% 10%, rgba(245, 158, 11, .12), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
  box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
  margin-block: clamp(1rem, 3vw, 2rem);
}
.v268-plan-clarity .v268-head,
.v268-plan-table .v268-head,
.v268-after-buy .v268-head {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
  align-items: flex-start;
  margin-bottom: 1.2rem;
}
.v268-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.74);
  border-radius: 999px;
  padding: .32rem .72rem;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #7c2d12;
}
.v268-plan-clarity h2,
.v268-plan-table h2,
.v268-after-buy h2,
.v268-plan-strip h2 { margin: .55rem 0 .4rem; }
.v268-plan-clarity p,
.v268-plan-table p,
.v268-after-buy p,
.v268-plan-strip p { color: rgba(15,23,42,.72); }
.v268-min-rule {
  max-width: 260px;
  border-left: 4px solid rgba(245, 158, 11, .7);
  padding: .65rem .85rem;
  background: rgba(255,255,255,.78);
  border-radius: 18px;
}
.v268-min-rule strong { display: block; margin-bottom: .25rem; }
.v268-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
}
.v268-plan-card {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  padding: 1rem;
  border-radius: 22px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(15,23,42,.1);
  min-height: 100%;
  text-decoration: none;
  color: inherit;
}
.v268-plan-card:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(15,23,42,.08); }
.v268-plan-card b { font-size: 1.1rem; }
.v268-plan-card small { color: rgba(15,23,42,.64); line-height: 1.45; }
.v268-tag {
  width: fit-content;
  border-radius: 999px;
  padding: .25rem .58rem;
  font-size: .76rem;
  font-weight: 800;
  background: rgba(15,23,42,.07);
}
.v268-tag.free { background: rgba(34,197,94,.14); color: #14532d; }
.v268-tag.base { background: rgba(59,130,246,.14); color: #1e3a8a; }
.v268-tag.top { background: rgba(245,158,11,.18); color: #7c2d12; }
.v268-tag.premium { background: rgba(168,85,247,.15); color: #581c87; }
.v268-recommender {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 1rem;
  margin-top: 1.1rem;
  align-items: stretch;
}
.v268-question-box,
.v268-result {
  border: 1px solid rgba(15,23,42,.1);
  border-radius: 24px;
  padding: 1rem;
  background: rgba(255,255,255,.82);
}
.v268-options { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .8rem; }
.v268-option {
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.9);
  border-radius: 999px;
  padding: .62rem .9rem;
  font-weight: 800;
  cursor: pointer;
}
.v268-option[aria-pressed="true"] { outline: 3px solid rgba(245,158,11,.28); border-color: rgba(245,158,11,.7); }
.v268-result strong { display:block; font-size:1.2rem; margin:.25rem 0; }
.v268-result ul { margin: .6rem 0 0; padding-left: 1.1rem; }
.v268-result li { margin: .25rem 0; }
.v268-actions { display:flex; flex-wrap:wrap; gap:.55rem; margin-top: .9rem; }
.v268-compare {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 20px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(15,23,42,.1);
}
.v268-compare th,
.v268-compare td {
  padding: .82rem .9rem;
  text-align: left;
  border-bottom: 1px solid rgba(15,23,42,.08);
  vertical-align: top;
}
.v268-compare tr:last-child th,
.v268-compare tr:last-child td { border-bottom: 0; }
.v268-compare th { font-weight: 900; color: rgba(15,23,42,.86); }
.v268-plan-strip {
  display: grid;
  grid-template-columns: 1.4fr .6fr;
  gap: 1rem;
  align-items: center;
}
.v268-strip-steps { display:grid; gap:.55rem; }
.v268-strip-steps span { display:flex; align-items:center; gap:.5rem; background:rgba(255,255,255,.82); border:1px solid rgba(15,23,42,.08); padding:.6rem .75rem; border-radius:16px; }
.v268-after-list { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:.8rem; margin-top:1rem; }
.v268-after-list div { border:1px solid rgba(15,23,42,.1); border-radius:20px; padding:1rem; background:rgba(255,255,255,.82); }
@media (max-width: 900px) {
  .v268-grid, .v268-after-list { grid-template-columns: 1fr 1fr; }
  .v268-recommender, .v268-plan-strip { grid-template-columns: 1fr; }
  .v268-min-rule { max-width: none; }
}
@media (max-width: 640px) {
  .v268-grid, .v268-after-list { grid-template-columns: 1fr; }
  .v268-plan-clarity .v268-head,
  .v268-plan-table .v268-head,
  .v268-after-buy .v268-head { flex-direction: column; }
  .v268-compare { font-size: .92rem; }
  .v268-compare th, .v268-compare td { padding: .65rem; }
}