/* Editorial pages and product sheets share the FormaFlow typography and navigation. */
.legado-pagina .cab { background: #fff; box-shadow: 0 1px 0 var(--linea); }
.legado-pagina .cab .logo .oscuro { display: none; }
.legado-pagina .cab .logo .claro { display: block; }
.legado-pagina .cab nav > :is(a, button) { color: var(--texto); }
.legado-pagina .cab nav > :is(a, button):hover { background: var(--gris-2); }
.legado-pagina .cab .der .btn-1 { background: var(--indigo); color: #fff; }
.legado-pagina .cab .der .btn-2 { background: #fff; color: var(--indigo); box-shadow: inset 0 0 0 1px var(--indigo); }
.legado-pagina .cab .hamb i { background: var(--texto); }

.legado {
  --lg-accent: #5708ad;
  --lg-tint: #f8f2ff;
  --lg-line: #e1d6ed;
  --lg-gutter: clamp(18px, 4vw, 48px);
  width: min(100%, 1200px);
  padding: 0 var(--lg-gutter) clamp(60px, 9vw, 115px);
  margin-inline: auto;
  overflow-wrap: anywhere;
}

.legado--article,
.legado--editorial { width: min(100%, 920px); }
.legado--demo { width: min(100%, 1500px); }
.legado--thanks { width: min(100%, 820px); }
.legado-ancla { display: block; }
.legado-migas {
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 4px;
  align-items: baseline;
  padding: 24px 0 28px;
  color: var(--texto-2);
  font-size: .88rem;
}
.legado-migas > :not(:first-child)::before {
  content: "›";
  display: inline-block;
  margin-right: 12px;
  color: var(--lg-accent);
}
.legado-migas span { min-width: 0; }

.legado h1,
.legado h2,
.legado h3,
.legado h4 {
  color: var(--texto);
  font-weight: 550;
  line-height: 1.15;
  letter-spacing: -.035em;
  text-wrap: pretty;
}
.legado h1 { font-size: clamp(2.25rem, 5.15vw, 4.6rem); max-width: 25ch; }
.legado h2 { font-size: clamp(1.6rem, 3vw, 2.45rem); }
.legado h3 { font-size: clamp(1.18rem, 2vw, 1.42rem); }
.legado h4 { font-size: 1.08rem; }
.legado :where(h1,h2,h3,h4) + :where(p,ul,ol,div,details) { margin-top: 16px; }
.legado :where(p,ul,ol,dl,blockquote,details,figure) + :where(h2,h3,h4) { margin-top: 35px; }
.legado :where(p,ul,ol,dl,blockquote,figure,details) + :where(p,ul,ol,dl,blockquote,figure) { margin-top: 12px; }
.legado :where(p,li,dd) { line-height: 1.62; }
.legado :where(ul,ol) { padding-inline-start: 1.4em; }
.legado li + li { margin-top: 5px; }
.legado :where(p,li,td,dd,div,nav) > a[href] {
  color: var(--lg-accent);
  text-decoration: underline;
  text-underline-offset: .18em;
}
.legado :where(a[href]):hover { text-decoration-thickness: 2px; }
.legado :where(img,video,iframe) { max-inline-size: 100%; border-radius: 13px; }
.legado img { height: auto; }
.legado pre { overflow-x: auto; padding: 16px; background: var(--lg-tint); border-radius: 10px; }
.legado code { font-family: ui-monospace, monospace; font-size: .88em; overflow-wrap: anywhere; }
.legado blockquote {
  border-inline-start: 3px solid var(--lg-accent);
  background: var(--lg-tint);
  padding: 16px 20px;
  border-radius: 0 10px 10px 0;
}
.legado figcaption { margin-top: 8px; color: var(--texto-2); font-size: .92rem; }
.legado hr { border: 0; border-top: 1px solid var(--lg-line); margin-block: 26px; }

.legado > :where(section,div):not(.legado-blog-grid,.demo-scorm) + :where(section,nav) {
  margin-top: clamp(44px, 7vw, 82px);
}
.legado .lg-scorm-hero-section {
  padding: clamp(26px, 5vw, 60px);
  background: linear-gradient(125deg, #f4e9ff, #fcf8ff 68%, #fcebf8);
  border: 1px solid var(--lg-line);
  border-radius: 24px;
}
.legado .lg-scorm-hero-lead {
  max-width: 69ch;
  color: var(--texto-2);
  font-size: clamp(1.06rem, 2vw, 1.24rem);
}
.legado .lg-eyebrow-signature,
.legado .lg-cyber-badge,
.legado .lg-pricing-badge-ribbon {
  color: var(--lg-accent);
  font-size: .75rem;
  font-weight: 650;
  letter-spacing: .045em;
  margin-bottom: 9px;
}
.legado .lg-subnav-links,
.legado .lg-scorm-subnav-bar,
.legado .lg-scorm-hero-actions-bar,
.legado .lg-hero-badges-row,
.legado .lg-form-actions-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 18px;
}
.legado .lg-scorm-subnav-bar {
  margin-bottom: 24px;
  padding-block: 14px;
  border-block: 1px solid var(--lg-line);
  font-size: .9rem;
}
.legado .lg-scorm-hero-actions-bar,
.legado .lg-hero-badges-row { margin-top: 20px; }
.legado .lg-badge-item-pill {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  color: var(--lg-accent);
  font-size: .88rem;
}
.legado .lg-btn-gradient-signature,
.legado .lg-btn-outline-signature,
.legado .lg-ffd__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 9px 15px;
  border: 1px solid var(--lg-accent);
  border-radius: 8px;
  background: var(--lg-accent);
  color: #fff;
  font-weight: 550;
  line-height: 1.3;
  text-decoration: none;
  text-align: center;
}
.legado .lg-btn-outline-signature { background: #fff; color: var(--lg-accent); }
.legado :where(.lg-btn-gradient-signature,.lg-btn-outline-signature,.lg-ffd__cta):hover { filter: brightness(.96); }
.legado button:disabled { opacity: .65; cursor: wait; }
.legado .lg-w-100 { width: 100%; }

.legado :where(.lg-grid-2x2-deliverables,.lg-grid-2-col,.lg-packs-grid-2,.lg-form-row-2,.lg-grid-3-col,
  .lg-grid-4-services,.lg-grid-3-cards,.lg-grid-3-delivery-modes,.lg-timeline-horizontal-5,
  .lg-calc-results-grid-4,.lg-faq-grid-2-col,.legado-tarifas-grid) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 16px;
  align-items: start;
}
.legado :where(.lg-grid-2x2-deliverables,.lg-grid-2-col,.lg-packs-grid-2,.lg-faq-grid-2-col,.legado-tarifas-grid) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.legado :where(.lg-grid-2x2-deliverables,.legado-tarifas-grid) { align-items: stretch; }
.legado :where(.lg-glass-panel,.lg-pack-card,.legado-tarifa,.lg-ffd,.lg-calc-time-block) {
  border: 1px solid var(--lg-line);
  border-radius: 14px;
  padding: clamp(16px, 3vw, 26px);
  background: #fff;
}
.legado .lg-scorm-hero-lead.lg-glass-panel,
.legado .lg-contact-card-form .lg-ff-form { background: #fff; }
.legado :where(.lg-pack-card,.lg-deliverable-card) .lg-btn-outline-signature { margin-top: 12px; }
.legado :where(.lg-pack-subtitle,.lg-form-lead-sub,.lg-calc-sub-text) { color: var(--texto-2); }
.legado :where(.lg-mt-1,.lg-mb-1) { --lg-gap: 12px; }
.legado :where(.lg-mt-2,.lg-mb-2) { --lg-gap: 20px; }
.legado :where(.lg-mt-3,.lg-mb-3,.lg-mt-4,.lg-mb-4) { --lg-gap: 28px; }
.legado :where(.lg-mt-1,.lg-mt-2,.lg-mt-3,.lg-mt-4) { margin-top: var(--lg-gap); }
.legado :where(.lg-mb-1,.lg-mb-2,.lg-mb-3,.lg-mb-4) { margin-bottom: var(--lg-gap); }
.legado > .lg-section-container:first-of-type { margin-top: 0; }
.legado :where(.lg-problem-card,.lg-step-card,.lg-delivery-mode-card,.lg-metric-card) { height: 100%; }
.legado :where(.lg-stat-number,.lg-price-val,.lg-res-num,.lg-metric-val,.lg-calc-time-value) {
  color: var(--lg-accent);
  font-size: clamp(1.25rem, 3vw, 1.9rem);
  font-weight: 650;
}
.legado :where(.lg-stat-label,.lg-res-label,.lg-price-type,.lg-metric-lbl) { display: block; color: var(--texto-2); }
.legado .lg-result-box-item { padding: 16px; border-radius: 8px; background: var(--lg-tint); }
.legado .lg-calc-input-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.legado .lg-calc-input-row input { width: 90px; }
.legado .lg-perk-pill-item { display: flex; align-items: flex-start; gap: 10px; }
.legado .lg-perk-pill-item + .lg-perk-pill-item { margin-top: 12px; }
.legado .lg-perk-check { color: var(--lg-accent); font-weight: 650; }
.legado .lg-step-num { display: inline-block; margin-bottom: 8px; color: var(--lg-accent); font-weight: 650; }
.legado .lg-icon-service-box { color: var(--lg-accent); margin-bottom: 8px; }

.legado details {
  padding: 0;
  border: 1px solid var(--lg-line);
  border-radius: 10px;
  background: #fff;
  margin-top: 10px;
}
.legado details > summary {
  padding: 15px 17px;
  color: var(--texto);
  cursor: pointer;
  font-weight: 600;
}
.legado details > summary::marker { color: var(--lg-accent); }
.legado details[open] > summary { border-bottom: 1px solid var(--lg-line); }
.legado details > :not(summary) { margin: 0; padding: 14px 17px; }
.legado details > ul { padding-inline-start: 35px; }
.legado details > :not(summary) + :not(summary) { padding-top: 0; }
.legado .lg-table-responsive-wrapper { margin-block: 16px; overflow-x: auto; border: 1px solid var(--lg-line); border-radius: 10px; }
.legado table { width: 100%; border: 0; border-collapse: collapse; padding: 0; border-radius: 0; text-align: start; }
.legado :where(th,td) { padding: 12px; text-align: start; vertical-align: top; border-bottom: 1px solid var(--lg-line); }
.legado thead th { background: var(--lg-tint); color: var(--lg-accent); }
.legado tbody tr:last-child :where(td,th) { border-bottom: 0; }

.legado .lg-ff-form { display: grid; gap: 14px; margin-top: 20px; }
.legado .lg-form-row-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.legado .lg-form-group { min-width: 0; }
.legado :where(.lg-form-row-2,.lg-form-group,.lg-form-group-checkbox,.lg-form-actions-bar).lg-mt-1 { margin-top: 0; }
.legado :where(.lg-form-group,.lg-calc-input-row) label { display: block; margin-bottom: 5px; font-weight: 550; font-size: .93rem; }
.legado :where(input,textarea,select) { font: inherit; color: inherit; accent-color: var(--lg-accent); }
.legado :where(input:not([type="checkbox"],[type="hidden"]),textarea,select) {
  inline-size: 100%;
  min-height: 44px;
  padding: 9px 10px;
  background: #fff;
  border: 1px solid #a69bae;
  border-radius: 7px;
}
.legado input[type="file"] { max-inline-size: 100%; }
.legado textarea { min-height: 120px; resize: vertical; }
.legado .lg-form-group-checkbox { display: flex; align-items: flex-start; gap: 8px; }
.legado .lg-form-group-checkbox input { margin-top: .34em; flex: 0 0 1em; }
.legado .lg-form-group-checkbox a { color: var(--lg-accent); text-decoration: underline; }
.legado .lg-hp-field { display: none; }
.legado :where(.form-error,.form-status) { color: #901735; font-size: .92rem; }
.legado .form-status:empty { display: none; }
.legado .form-error { display: block; margin-top: 5px; }
.legado [aria-invalid="true"] { border-color: #901735; }
.legado .lg-yt-facade { background: var(--lg-tint); border: 1px solid var(--lg-line); border-radius: 12px; }
.legado .lg-yt-facade button { display: block; width: 100%; min-height: 112px; color: var(--lg-accent); padding: 20px; font-weight: 650; }
.legado .lg-yt-facade button span { margin-right: 8px; }
.legado .lg-yt-facade iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
.legado #demo-campus img { width: min(100%, 310px); margin-inline: auto; }

.legado--article h1 { max-width: none; margin-block: 14px; font-size: clamp(2.2rem, 5vw, 4rem); }
.legado--article :where(.lg-contact-card-form,.lg-blog-article-body,.lg-blog-content-body),
.legado--editorial > section > .lg-contact-card-form { padding: 0; border: 0; background: transparent; }
.legado--article :where(section,header) > nav[aria-label="Miga de pan"],
.legado--article .lg-contact-card-form > nav[aria-label="Miga de pan"] { display: none; }
.legado--article :where(.lg-blog-article-body,.lg-blog-content-body),
.legado--editorial { font-size: 1.05rem; }
.legado--article :where(.lg-blog-article-body,.lg-blog-content-body) { margin-top: 28px; }
.legado--article img { margin-block: 21px; width: 100%; }
.legado--article img[width="1280"][height="3368"] { width: min(100%, 640px); margin-inline: auto; }
.legado--article .lg-ct-plan-tag { color: var(--lg-accent); font-weight: 600; }
.legado--article .lg-d-flex { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 16px; }
.legado--article details :where(p,li) { font-size: 1rem; }
.legado--editorial :where(h2,h3) { margin-top: 25px; }
.legado--editorial h1 + :where(div,p) { margin-top: 20px; }

.legado--blog > section:first-of-type { padding-bottom: 24px; }
.legado--blog > section:first-of-type p { max-width: 62ch; color: var(--texto-2); font-size: 1.13rem; }
.legado-blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.legado-blog-card { overflow: hidden; border: 1px solid var(--lg-line); border-radius: 15px; background: #fff; }
.legado-blog-cover { display: block; overflow: hidden; background: var(--lg-tint); }
.legado-blog-cover img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 0; }
.legado-blog-copy { padding: 18px; }
.legado-blog-copy h2 { font-size: 1.27rem; line-height: 1.25; margin-block: 10px; }
.legado-blog-copy h2 a { text-underline-offset: .16em; }
.legado-blog-copy h2 a:hover { color: var(--lg-accent); text-decoration: underline; }
.legado-blog-meta { display: flex; flex-wrap: wrap; gap: 3px 12px; color: var(--texto-2); font-size: .79rem; }
.legado-blog-meta span { color: var(--lg-accent); font-weight: 600; }
.legado-blog-author { font-size: .83rem; color: var(--texto-2); }
.legado-blog-grid + section { margin-top: 45px; }
.legado-tarifas-grid { margin-top: 20px; }
.legado-tarifa { display: flex; flex-direction: column; gap: 11px; }
.legado .legado-tarifa > * { margin: 0; }
.legado .legado-tarifa-precios { font-weight: 600; color: var(--lg-accent); margin-bottom: auto; }
.legado .legado-plugin-precios { list-style: none; max-width: 640px; padding: 0; margin-block: 16px; }
.legado .legado-plugin-precios li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; border-bottom: 1px solid var(--lg-line); padding: 10px 0; margin: 0; }

@media (max-width: 910px) {
  .legado-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .legado :where(.lg-grid-2x2-deliverables,.lg-grid-2-col,.lg-packs-grid-2,.lg-form-row-2,.lg-faq-grid-2-col,
    .legado-blog-grid,.legado-tarifas-grid) { grid-template-columns: minmax(0, 1fr); }
  .legado .lg-scorm-hero-section { border-radius: 16px; }
}