/* Secciones informativas y preguntas frecuentes, adaptadas a cada marca. */
.demo-content {
  --content-panel: #fff;
  --content-border: #c8e5f4;
  --content-muted: #425b6b;
  --content-accent: #006ba3;
  width: min(1180px, 92%);
  margin: 0 auto;
  padding: clamp(48px, 7vw, 88px) 0;
  line-height: 1.7;
}
[data-demo="dental"] .demo-content {
  --content-border: #e7d2d8;
  --content-muted: #67535a;
  --content-accent: #795d27;
}
[data-demo="calm"] .demo-content {
  --content-panel: #191512;
  --content-border: #695429;
  --content-muted: #e0d4bf;
  --content-accent: #f5d56a;
}
[data-demo="energy"] .demo-content {
  --content-panel: #1b1b1b;
  --content-border: #494949;
  --content-muted: #d0d0d0;
  --content-accent: #ff8a85;
}
[data-demo="playful"] .demo-content {
  --content-border: #cce6e0;
  --content-muted: #435b65;
  --content-accent: #287864;
}
.demo-content .eyebrow { color: var(--content-accent); }
.demo-content__heading { max-width: 760px; margin-bottom: 28px; }
.demo-content h2 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); line-height: 1.2; margin: 8px 0 16px; }
.demo-content__intro, .demo-content__step p, .demo-content__faq p { color: var(--content-muted); }
.demo-content__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; list-style: none; padding: 0; margin: 0; counter-reset: visit-step; }
.demo-content__step { min-width: 0; padding: 26px; border: 1px solid var(--content-border); border-radius: 24px; background: var(--content-panel); counter-increment: visit-step; }
.demo-content__step::before { content: '0' counter(visit-step); color: var(--content-accent); font-size: 1.1rem; font-weight: 800; }
.demo-content__step h3 { font-size: 1.15rem; line-height: 1.4; margin: 12px 0; }
.demo-content__step p { margin: 0; }
.demo-content__faq-title { margin-top: 44px; font-size: 1.5rem; }
.demo-content__faq { border: 1px solid var(--content-border); border-radius: 18px; background: var(--content-panel); margin-top: 12px; }
.demo-content__faq summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 24px; cursor: pointer; font-weight: 700; list-style: none; }
.demo-content__faq summary::-webkit-details-marker { display: none; }
.demo-content__faq summary::after { content: '+'; font-size: 1.4rem; line-height: 1; color: var(--content-accent); }
.demo-content__faq[open] summary::after { content: '−'; }
.demo-content__faq p { margin: 0; padding: 0 24px 24px; }
.demo-content__cta { display: inline-flex; margin-top: 28px; padding: 12px 20px; border: 1px solid var(--content-accent); border-radius: 999px; color: var(--content-accent); font-weight: 800; text-decoration: none; }
.demo-content__cta:hover { text-decoration: underline; }
@media (max-width: 760px) { .demo-content__steps { grid-template-columns: 1fr; } }

.demo-content__faq summary:focus-visible { outline: 3px solid var(--content-accent); outline-offset: 3px; border-radius: 18px; }