/* B8.7: acabado consistente para las páginas comerciales; no afecta los editores. */
:root {
  --premium-ink: #102039;
  --premium-muted: #53677f;
  --premium-line: #d9e4f0;
  --premium-blue: #246ddd;
  --premium-card-radius: 18px;
}
main { min-width: 0; }
.sectionHead h2, .pageHero h1, .optionDetailHero h1 { text-wrap: balance; }
.sectionHead p, .pageHero p, .buyerScope p { overflow-wrap: break-word; }
.section:not(.dark):not(.support) .sectionHead p { color: var(--premium-muted); }
.sectionHead { align-items: start; }
.sectionHead > * { min-width: 0; }
.buyerGrid > *, .planCard, .managementModes article, .analysisGrid article {
  border-radius: var(--premium-card-radius);
}
.buyerGrid > *, .planCard { border-color: var(--premium-line); }
.buyerGrid h3, .planCard h3 { text-wrap: balance; }
.planCard .monthlyPrice { margin-top: 18px; }
.planCard .buyerMicrocopy { border-top: 1px solid var(--premium-line); padding-top: 16px; margin-top: 18px; }
.planCard > a { min-height: 48px; }
.demoPlaceholder { padding: 20px; background: radial-gradient(circle at 78% 22%,#214980,#0d1c31 68%); }
.demoPlaceholder span { display: block; font-size: 12px; letter-spacing: .08em; font-weight: 700; color: #bcd5f8; }
.piEduHome .piEduNote { font-weight: 700; color: #365a81; }
.commercialFooter nav a:hover, .commercialFooter nav a:focus-visible { color: #fff; }
@media (min-width: 901px) and (max-width: 1210px) {
  .navlinks { gap: 2px; }
  .navlinks a { padding-inline: 9px; font-size: 13px; }
}
@media (max-width: 700px) {
  .sectionHead { gap: 12px; }
  .buyerGrid { gap: 14px; }
  .piEduHome { gap: 20px; }
  .commercialFooter nav { gap: 4px 18px; }
  .commercialFooter nav a { min-height: 44px; display: inline-flex; align-items: center; }
}

/* B8.13: guía breve de autogestión visible junto a la propuesta principal. */
.hero .heroPath{font-size:14px;line-height:1.55;max-width:620px;color:#c1d7f2;border-left:2px solid #4d9aff;padding-left:14px;margin:5px 0 22px}
@media(max-width:600px){.hero .heroPath{font-size:13px;line-height:1.5;margin:2px 0 20px}}
