/* Editorial pages. All styles are scoped to avoid changing the main site. */
.st-content {
  --st-bg: #070c14;
  --st-panel: #101b29;
  --st-panel-alt: #132334;
  --st-border: #294054;
  --st-text: #eff6fc;
  --st-muted: #b0c2d3;
  --st-soft: #8ea7bd;
  --st-accent: #56deec;
  --st-green: #88e5be;
  margin: 0;
  color: var(--st-text);
  background: radial-gradient(ellipse at 15% 0%, #123047 0, transparent 38rem), var(--st-bg);
  font: 1rem/1.75 Inter, "Segoe UI", Arial, sans-serif;
  color-scheme: dark;
  overflow-wrap: break-word;
}
.st-content *, .st-content *::before, .st-content *::after { box-sizing: border-box; }
.st-content a { color: var(--st-accent); text-underline-offset: .23em; }
.st-content a:hover { color: #d8fbff; }
.st-content a:focus-visible, .st-content summary:focus-visible {
  outline: 3px solid var(--st-accent);
  outline-offset: 5px;
  border-radius: 3px;
}
.st-content h1, .st-content h2, .st-content h3 { color: var(--st-text); line-height: 1.2; font-family: Poppins, Inter, "Segoe UI", Arial, sans-serif; }
.st-content h1 { font-size: clamp(2.25rem, 5.3vw, 4.5rem); letter-spacing: -.055em; margin: .9rem 0 1.2rem; max-width: 18ch; }
.st-content h2 { font-size: clamp(1.5rem, 3vw, 2.1rem); letter-spacing: -.035em; margin: 0 0 1.1rem; }
.st-content h3 { font-size: 1.15rem; margin: 0 0 .65rem; letter-spacing: -.015em; }
.st-content p { margin: 0 0 1rem; }
.st-content strong { color: #eaf5ff; }
.st-content img { max-width: 100%; height: auto; }
.st-content ul, .st-content ol { padding-left: 1.35rem; margin: .75rem 0 1.25rem; }
.st-content li + li { margin-top: .5rem; }
.st-content ::selection { background: #56deec; color: #07151e; }
.st-content .st-skip {
  position: absolute; z-index: 10; top: -8rem; left: 1rem;
  padding: .8rem 1.2rem; background: var(--st-accent); color: #07151e; font-weight: 700;
}
.st-content .st-skip:focus { top: 1rem; }
.st-content .st-header {
  max-width: 1240px; margin: auto; padding: 1.7rem 2rem;
  display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
}
.st-content .st-brand { display: inline-flex; align-items: center; gap: .75rem; text-decoration: none; color: var(--st-text); flex-shrink: 0; }
.st-content .st-brand img { width: 42px; height: 42px; object-fit: contain; }
.st-content .st-brand span { font-size: 1.05rem; font-weight: 850; letter-spacing: .02em; line-height: 1.25; }
.st-content .st-brand b { color: var(--st-accent); }
.st-content .st-brand small { display: block; color: var(--st-soft); font-size: .64rem; letter-spacing: .15em; font-weight: 650; margin-top: .25rem; }
.st-content .st-nav { display: flex; align-items: center; justify-content: flex-end; gap: .4rem; flex-wrap: wrap; }
.st-content .st-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem .7rem; color: var(--st-muted); font-size: .86rem; text-decoration: none; border-radius: .6rem; }
.st-content .st-nav a:hover, .st-content .st-nav a[aria-current="page"] { color: var(--st-text); background: #172b3d; }
.st-content .st-main { max-width: 1180px; margin: auto; padding: 0 2rem 4rem; }
.st-content .st-breadcrumbs { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 1rem 0; margin: 0; color: var(--st-soft); font-size: .8rem; }
.st-content .st-breadcrumbs li + li { margin: 0; }
.st-content .st-breadcrumbs li + li::before { content: "/"; color: #708ba3; margin-right: .5rem; }
.st-content .st-breadcrumbs a { color: #abc8de; }
.st-content .st-hero { position: relative; padding: 3rem 0 3.2rem; border-bottom: 1px solid var(--st-border); margin-bottom: 2.5rem; }
.st-content .st-eyebrow { color: var(--st-accent); font-weight: 750; font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; }
.st-content .st-lead { color: #bcd0e2; font-size: clamp(1.05rem, 1.7vw, 1.25rem); line-height: 1.75; max-width: 51rem; }
.st-content .st-hero .st-lead { margin-bottom: 1.4rem; }
.st-content .st-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.3rem; color: var(--st-soft); font-size: .8rem; }
.st-content .st-meta span { display: inline-flex; gap: .4rem; align-items: center; }
.st-content .st-meta span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--st-accent); }
.st-content .st-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 1.6rem; }
.st-content .st-button { display: inline-flex; justify-content: center; align-items: center; gap: .8rem; min-height: 46px; padding: .7rem 1.1rem; border: 1px solid #72e1eb; border-radius: .6rem; background: var(--st-accent); color: #081923; font-size: .88rem; font-weight: 750; text-decoration: none; line-height: 1.5; }
.st-content .st-button:hover { background: #a0eef5; color: #081923; }
.st-content .st-button-alt { background: #12293a; color: #d6f7fc; border-color: #41657e; }
.st-content .st-button-alt:hover { background: #203d50; color: #fff; }
.st-content .st-section { margin-top: 3.3rem; scroll-margin-top: 1.5rem; }
.st-content .st-section > p { max-width: 48rem; color: var(--st-muted); }
.st-content .st-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.15rem; margin-top: 1.5rem; }
.st-content .st-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.st-content .st-card { position: relative; min-width: 0; padding: 1.6rem; border: 1px solid var(--st-border); border-radius: 1rem; background: linear-gradient(135deg, #142537, #0e1926); }
.st-content .st-card p { color: var(--st-muted); font-size: .94rem; }
.st-content .st-card p:last-child { margin-bottom: 0; }
.st-content .st-card .st-number { display: block; color: var(--st-accent); font-size: .8rem; letter-spacing: .08em; font-weight: 750; margin-bottom: 1.2rem; }
.st-content .st-card-link { display: flex; flex-direction: column; color: inherit; text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
.st-content .st-card-link:hover { border-color: #60b6d1; transform: translateY(-3px); color: inherit; }
.st-content .st-card-link .st-card-bottom { margin-top: auto; padding-top: 1.5rem; color: var(--st-accent); font-size: .86rem; font-weight: 700; }
.st-content .st-card-tag { display: inline-flex; align-self: flex-start; border: 1px solid #35566e; border-radius: 99px; padding: .2rem .65rem; color: #bbd9ec; font-size: .7rem; font-weight: 650; margin-bottom: 1rem; }
.st-content .st-callout { border: 1px solid #36556d; border-left: 3px solid var(--st-accent); border-radius: .75rem; background: #102335; padding: 1.35rem 1.5rem; margin: 1.5rem 0; color: #bdd1e2; }
.st-content .st-callout p:last-child { margin-bottom: 0; }
.st-content .st-callout-caution { border-color: #665b40; border-left-color: #ebca86; background: #24221c; }
.st-content .st-callout-caution strong { color: #f4dca9; }
.st-content .st-split { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(230px, .75fr); gap: 2rem; align-items: start; }
.st-content .st-aside { position: sticky; top: 1.5rem; border: 1px solid var(--st-border); background: #101c29; border-radius: 1rem; padding: 1.4rem; }
.st-content .st-aside h2 { font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; color: var(--st-accent); }
.st-content .st-aside ol { padding-left: 1.15rem; margin-bottom: 0; font-size: .86rem; }
.st-content .st-aside li + li { margin-top: .75rem; }
.st-content .st-aside a { color: #c2d5e6; text-decoration: none; }
.st-content .st-aside a:hover { text-decoration: underline; color: var(--st-accent); }
.st-content .st-article { min-width: 0; }
.st-content .st-article .st-section:first-child { margin-top: 0; }
.st-content .st-article p, .st-content .st-article li { color: var(--st-muted); }
.st-content .st-article h2 { font-size: 1.65rem; }
.st-content .st-step-list { list-style: none; padding: 0; counter-reset: st-step; }
.st-content .st-step-list > li { counter-increment: st-step; position: relative; padding: .1rem 0 1.5rem 3rem; margin: 0; }
.st-content .st-step-list > li::before { content: counter(st-step, decimal-leading-zero); position: absolute; left: 0; top: .1rem; color: var(--st-accent); font-size: .78rem; font-weight: 800; width: 2rem; height: 2rem; background: #143142; border: 1px solid #356178; border-radius: .5rem; display: grid; place-items: center; }
.st-content .st-step-list strong { display: block; margin-bottom: .35rem; }
.st-content .st-table-wrap { overflow-x: auto; border: 1px solid var(--st-border); border-radius: .8rem; margin: 1.4rem 0; }
.st-content table { width: 100%; border-collapse: collapse; background: #0d1a28; text-align: left; font-size: .9rem; }
.st-content caption { text-align: left; padding: .9rem 1rem; font-weight: 700; color: var(--st-text); background: #162d40; }
.st-content th, .st-content td { padding: .9rem 1rem; border-bottom: 1px solid var(--st-border); vertical-align: top; }
.st-content th { color: #e4f3ff; font-weight: 650; }
.st-content td { color: #b4c9dd; }
.st-content tr:last-child td, .st-content tr:last-child th { border-bottom: 0; }
.st-content .st-sources { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--st-border); }
.st-content .st-sources h2 { font-size: 1.1rem; }
.st-content .st-sources li { font-size: .85rem; }
.st-content .st-review-note { font-size: .8rem; color: var(--st-soft); }
.st-content .st-faq { padding: 1.15rem 0; border-bottom: 1px solid var(--st-border); }
.st-content .st-faq summary { cursor: pointer; font-weight: 650; color: var(--st-text); padding: .25rem .4rem .25rem 0; }
.st-content .st-faq p { color: var(--st-muted); padding-top: .85rem; margin-bottom: .25rem; }
.st-content .st-service { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 3.5rem; padding: 2rem; border: 1px solid #3d6c80; border-radius: 1rem; background: linear-gradient(110deg, #143647, #14243c); }
.st-content .st-service h2 { font-size: 1.5rem; margin-bottom: .6rem; }
.st-content .st-service p { color: #bdd3e4; margin-bottom: .6rem; max-width: 43rem; }
.st-content .st-price { font-size: 1.8rem; font-weight: 800; color: #f4fbff; letter-spacing: -.04em; }
.st-content .st-price small { display: inline-block; color: #b7d1e3; font-size: .8rem; font-weight: 500; letter-spacing: 0; margin-left: .6rem; }
.st-content .st-footer { max-width: 1180px; margin: auto; padding: 2rem; border-top: 1px solid var(--st-border); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.2rem 2rem; color: var(--st-soft); font-size: .8rem; }
.st-content .st-footer nav { display: flex; gap: 1rem; flex-wrap: wrap; }
.st-content .st-footer a { color: #b2cbdf; }
.st-content .st-checklist { list-style: none; padding: 0; }
.st-content .st-checklist li { padding-left: 1.8rem; position: relative; }
.st-content .st-checklist li::before { content: "✓"; position: absolute; left: 0; color: var(--st-green); font-weight: 750; }
.st-content .st-example { padding: 1.25rem; background: #0b1420; border: 1px dashed #3d5d76; border-radius: .8rem; }
.st-content .st-example p { margin: 0; }
.st-content .st-tool-preview { margin: 0; padding: 1.5rem; border: 1px solid #376279; border-radius: 1rem; background: linear-gradient(150deg, #143b4e, #102033); }
.st-content .st-tool-preview figcaption { color: #d7f4ff; font-size: .85rem; font-weight: 700; line-height: 1.6; }
.st-content .st-tool-preview figcaption small { color: #aec9dc; font-size: .75rem; font-weight: 450; }
.st-content .st-tool-preview ol { padding: 0; margin: 1.3rem 0 0; list-style: none; }
.st-content .st-tool-preview li { display: flex; align-items: center; gap: .9rem; padding: 1rem 0; border-top: 1px solid #3a5c70; }
.st-content .st-tool-preview li > span { display: grid; place-items: center; width: 2rem; height: 2rem; flex: 0 0 2rem; border: 1px solid #5bc7d8; color: var(--st-accent); border-radius: .5rem; font-size: .75rem; font-weight: 750; }
.st-content .st-tool-preview strong { display: block; font-size: .9rem; }
.st-content .st-tool-preview li small { display: block; color: #aec9dc; font-size: .8rem; }
@media (max-width: 900px) {
  .st-content .st-header { align-items: flex-start; flex-direction: column; gap: 1rem; }
  .st-content .st-nav { justify-content: flex-start; gap: .2rem; }
  .st-content .st-nav a:first-child { padding-left: 0; }
  .st-content .st-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .st-content .st-split { grid-template-columns: 1fr; }
  .st-content .st-aside { position: static; grid-row: 1; }
  .st-content .st-aside ol { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem 1.7rem; margin-top: 0; }
  .st-content .st-aside li + li { margin-top: 0; }
  .st-content .st-service { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 600px) {
  .st-content .st-header { padding: 1.25rem; }
  .st-content .st-main { padding: 0 1.25rem 3rem; }
  .st-content .st-nav a { font-size: .8rem; padding: .4rem .55rem; }
  .st-content .st-hero { padding: 1.7rem 0 2.2rem; margin-bottom: 2rem; }
  .st-content h1 { font-size: clamp(2rem, 9vw, 3.2rem); }
  .st-content .st-grid, .st-content .st-grid-two { grid-template-columns: 1fr; }
  .st-content .st-card { padding: 1.35rem; }
  .st-content .st-aside ol { grid-template-columns: 1fr; }
  .st-content .st-section { margin-top: 2.5rem; }
  .st-content .st-service { padding: 1.5rem; }
  .st-content .st-price small { display: block; margin-left: 0; margin-top: .35rem; }
  .st-content .st-actions > .st-button { width: 100%; }
  .st-content .st-footer { padding: 1.5rem 1.25rem; }
  .st-content .st-step-list > li { padding-left: 2.8rem; }
}
@media (prefers-reduced-motion: reduce) {
  .st-content *, .st-content *::before, .st-content *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print {
  .st-content { background: #fff; color: #111; font: 11pt/1.6 Arial, sans-serif; }
  .st-content .st-header, .st-content .st-footer, .st-content .st-aside, .st-content .st-actions, .st-content .st-service, .st-content .st-skip { display: none; }
  .st-content .st-main { padding: 0; max-width: none; }
  .st-content .st-hero { padding-top: 0; }
  .st-content h1, .st-content h2, .st-content h3, .st-content strong { color: #111; }
  .st-content p, .st-content li, .st-content .st-lead, .st-content .st-meta, .st-content .st-review-note { color: #333; }
  .st-content a { color: #134457; }
  .st-content .st-split, .st-content .st-grid { display: block; }
  .st-content .st-card, .st-content .st-callout, .st-content .st-example { background: #f4f7fa; border-color: #9aa6b0; break-inside: avoid; }
  .st-content .st-section { break-inside: auto; }
}

/* Enlaces compartidos de producto, sin depender de servicios externos. */
.shared-preferences{display:flex;flex-wrap:wrap;gap:12px 20px;max-width:1180px;padding:18px 0 0;margin:auto;border-top:1px solid #263d51;color:#b9ccdd;font:400 12px/1.8 Inter,system-ui,sans-serif}.shared-preferences button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}.shared-preferences a:hover,.shared-preferences button:hover{color:#73e0ed}.st-table-wrap{overflow-x:auto;border:1px solid #2b465b;border-radius:13px}.st-table-wrap table{width:100%;border-collapse:collapse;min-width:650px}.st-table-wrap th,.st-table-wrap td{text-align:left;padding:17px;border-bottom:1px solid #294155;font-size:13px;line-height:1.8;vertical-align:top}.st-table-wrap th{background:#162d40;color:#e6f4ff}.st-table-wrap td{color:#bdd0e0}.st-content .st-button{font-family:Inter,system-ui,sans-serif;cursor:pointer}