/* ============================================================
   AURLINE · estilos de artículo (Insights)
   Lectura larga, coherente con aurline.css
   ============================================================ */

/* hero del artículo */
.art-hero{ background:linear-gradient(rgba(15,42,46,.5),rgba(15,42,46,.5)), url('astrolabio-bg-opt.jpg') center/cover no-repeat, var(--forest); color:#fff; padding:calc(96px + clamp(40px,8vh,80px)) 0 clamp(40px,6vh,64px); position:relative; overflow:hidden; }
.page-hero__glow{ position:absolute; right:-10%; top:-25%; width:55vw; height:55vw;
  background:radial-gradient(circle, rgba(205,180,137,.14), transparent 62%); pointer-events:none; }
.art-hero__in{ position:relative; max-width:740px; }
.art-hero__crumb{ font-family:var(--sans); font-size:.78rem; color:var(--mist-soft); }
.art-hero__crumb a{ color:var(--sand); }
.art-tag{ display:inline-block; margin-top:20px; font-family:var(--sans); font-size:.7rem; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:var(--sand);
  border:1px solid rgba(205,180,137,.45); border-radius:100px; padding:6px 14px; }
.art-hero__t{ color:#fff; margin:.5em 0 0; font-size:clamp(2rem,4.2vw,3.2rem); max-width:20ch; }
.art-hero__d{ color:var(--mist); max-width:54ch; margin-top:22px; }
.art-byline{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:26px;
  font-family:var(--sans); font-size:.84rem; color:var(--mist-soft); }
.art-byline b{ color:#fff; font-weight:600; }
.art-byline span[aria-hidden]{ color:rgba(205,180,137,.5); }

/* cuerpo */
.art-body{ max-width:720px; padding-top:clamp(40px,6vh,64px); padding-bottom:clamp(20px,3vh,36px); }
.art-body > p{ font-size:1.12rem; line-height:1.72; color:var(--ink); margin:0 0 1.35em; }
.art-drop{ font-size:1.26rem !important; line-height:1.62 !important; color:var(--ink) !important; }
.art-drop::first-letter{ float:left; font-family:var(--serif); font-style:normal; font-weight:500;
  font-size:3.6em; line-height:.76; margin:.04em .14em -.02em -.02em; color:var(--forest); }
.art-body a{ color:var(--forest); text-decoration:underline; text-decoration-color:var(--sand-deep); text-underline-offset:3px; }
.art-body a:hover{ color:var(--sand-deep); }
.art-h2{ font-family:var(--sans); font-size:clamp(1.3rem,2.1vw,1.6rem); font-weight:600; letter-spacing:-.018em;
  color:var(--ink); margin:1.9em 0 .5em; line-height:1.2; }

/* cita */
.art-quote{ font-family:var(--serif); font-style:italic; font-size:clamp(1.4rem,2.4vw,1.9rem); line-height:1.35;
  color:var(--forest); margin:1.6em 0; padding:.1em 0 .1em 28px; border-left:2px solid var(--sand-deep); max-width:24ch; text-wrap:balance; }

/* bloque guardable */
.art-save{ background:var(--forest); color:#fff; border-radius:5px; padding:clamp(26px,3.4vw,40px);
  margin:2.4em 0; box-shadow:0 30px 70px rgba(10,31,34,.18); }
.art-save__k{ font-family:var(--sans); font-size:.7rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--sand); }
.art-save__t{ font-family:var(--sans); font-size:clamp(1.2rem,2vw,1.5rem); font-weight:600; letter-spacing:-.015em;
  color:#fff; margin:.7em 0 1em; max-width:26ch; }
.art-check{ list-style:none; margin:.3em 0 0; padding:0; }
.art-check li{ position:relative; padding:13px 0 14px 32px; font-size:1.02rem; line-height:1.6;
  color:var(--mist); border-bottom:1px solid rgba(205,180,137,.16); text-wrap:pretty; }
.art-check li:last-child{ border-bottom:0; padding-bottom:2px; }
.art-check li::before{ content:""; position:absolute; left:1px; top:1.18em; width:11px; height:11px;
  border:1.5px solid var(--sand); background:transparent; transform:rotate(45deg); }
.art-check b{ color:#fff; font-weight:600; }
@media (prefers-reduced-motion:no-preference){
  html.js body[data-page="insight"] .art-check li::before{ opacity:0; transform:rotate(45deg) scale(.5);
    transition:opacity .55s var(--ease), transform .55s var(--ease); }
  html.js body[data-page="insight"] .art-save.in .art-check li::before{ opacity:1; transform:rotate(45deg) scale(1); }
  html.js body[data-page="insight"] .art-save.in .art-check li:nth-child(1)::before{ transition-delay:.14s; }
  html.js body[data-page="insight"] .art-save.in .art-check li:nth-child(2)::before{ transition-delay:.22s; }
  html.js body[data-page="insight"] .art-save.in .art-check li:nth-child(3)::before{ transition-delay:.30s; }
  html.js body[data-page="insight"] .art-save.in .art-check li:nth-child(4)::before{ transition-delay:.38s; }
  html.js body[data-page="insight"] .art-save.in .art-check li:nth-child(5)::before{ transition-delay:.46s; }
  html.js body[data-page="insight"] .art-save.in .art-check li:nth-child(6)::before{ transition-delay:.54s; }
  html.js body[data-page="insight"] .art-save.in .art-check li:nth-child(7)::before{ transition-delay:.62s; }
}
.art-save__n{ margin:1.2em 0 0; font-family:var(--serif); font-style:italic; font-size:1.04rem; color:var(--sand); }

/* tabla (framework) */
.art-table-wrap{ margin:1.8em 0; overflow-x:auto; }
.art-table{ width:100%; border-collapse:collapse; font-size:.96rem; min-width:440px; }
.art-table th, .art-table td{ text-align:left; padding:13px 14px; border-bottom:1px solid var(--paper-3); vertical-align:top; }
.art-table thead th{ font-family:var(--sans); font-size:.68rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--sand-text); }
.art-table td:first-child, .art-table th:first-child{ font-family:var(--sans); font-weight:600; color:var(--ink); white-space:nowrap; }
.art-table td{ color:var(--ink-soft); }
.art-table tr:last-child td{ border-bottom:0; }

/* numbered framework steps */
.art-steps{ list-style:none; counter-reset:as; margin:1.9em 0; padding:0; border-bottom:1px solid var(--paper-3); }
.art-steps li{ counter-increment:as; position:relative; display:grid;
  grid-template-columns:2.6rem 1fr; column-gap:20px; row-gap:5px; align-items:start; padding:22px 2px 24px; }
.art-steps li::before{ content:counter(as,decimal-leading-zero); grid-column:1; grid-row:1; align-self:start;
  font-family:var(--sans); font-weight:600; font-size:1.4rem; line-height:1; letter-spacing:-.01em;
  color:var(--sand-deep); font-variant-numeric:tabular-nums; padding-top:.02em; }
.art-steps b{ grid-column:2; grid-row:1; display:block; font-family:var(--sans); font-weight:600;
  font-size:1.1rem; letter-spacing:-.012em; color:var(--ink); }
.art-steps span{ grid-column:2; grid-row:2; color:var(--ink-soft); line-height:1.6; }
.art-steps li::after{ content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:var(--paper-3); transform-origin:left; }
@media (prefers-reduced-motion:no-preference){
  html.js body[data-page="insight"] .art-steps li::after{ transform:scaleX(0); transition:transform .9s var(--ease); }
  html.js body[data-page="insight"] .art-steps.in li:nth-child(1)::after{ transform:scaleX(1); transition-delay:.04s; }
  html.js body[data-page="insight"] .art-steps.in li:nth-child(2)::after{ transform:scaleX(1); transition-delay:.12s; }
  html.js body[data-page="insight"] .art-steps.in li:nth-child(3)::after{ transform:scaleX(1); transition-delay:.20s; }
  html.js body[data-page="insight"] .art-steps.in li:nth-child(4)::after{ transform:scaleX(1); transition-delay:.28s; }
  html.js body[data-page="insight"] .art-steps.in li:nth-child(5)::after{ transform:scaleX(1); transition-delay:.36s; }
  html.js body[data-page="insight"] .art-steps.in li:nth-child(6)::after{ transform:scaleX(1); transition-delay:.44s; }
}

/* CTA / autor al pie */
.art-foot{ max-width:720px; padding-top:clamp(20px,3vh,32px); padding-bottom:clamp(40px,6vh,72px); }
.art-cta{ border-top:1px solid var(--paper-3); padding-top:clamp(34px,4.5vw,52px); }

/* más lecturas */
.art-more{ background:var(--paper-2); border-top:1px solid var(--paper-3); }
.more-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,24px); }
@media (max-width:880px){ .more-grid{ grid-template-columns:1fr; } }
.more-card{ display:flex; flex-direction:column; background:var(--paper); border:1px solid var(--paper-3); border-radius:3px;
  padding:24px 22px; transition:transform .42s var(--ease), border-color .42s, box-shadow .42s; }
.more-card:hover{ transform:translateY(-3px); border-color:var(--sand-deep); box-shadow:0 16px 38px rgba(15,42,46,.09); }
.more-card__tag{ font-family:var(--sans); font-size:.68rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--sand-text); }
.more-card__t{ font-family:var(--sans); font-size:1.12rem; font-weight:600; letter-spacing:-.012em; color:var(--ink); margin:.6em 0 .4em; line-height:1.25; }
.more-card__d{ font-size:.93rem; color:var(--ink-soft); margin:0 0 1.1em; line-height:1.5; flex:1; }
.more-card__go{ font-family:var(--sans); font-size:.84rem; font-weight:600; color:var(--forest); }
.more-card:hover .more-card__go{ color:var(--sand-deep); }

@media (prefers-reduced-motion:reduce){ .more-card{ transition:none; } }