/* Insights: cabecera, tarjetas y lectura dentro del diseño vigente. */
.insight-feature{display:grid;grid-template-columns:.95fr 1.05fr;overflow:hidden;border:1px solid #d6e2f2;border-radius:18px;background:#fff;box-shadow:0 8px 24px #16386606;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.insight-feature:hover{border-color:#89a9d9;box-shadow:0 12px 30px #17376413;transform:translateY(-3px)}
.insight-feature:focus-visible{outline:3px solid #164b9b;outline-offset:5px}
.insight-feature:hover h2,.insight-feature:hover h3{color:#0033a0}
.insight-feature:hover .btn{background:#0033a0;color:#fff}
.insight-art{display:flex;align-items:center;justify-content:center;background:#eaf1fc;overflow:hidden}
.insight-art img{width:100%;height:100%;object-fit:contain;aspect-ratio:3/2;border-radius:0}
.insight-feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:38px 42px}
.insight-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;color:#526785;font-size:.78rem;line-height:1.5}
.insight-category{font-weight:700;color:#174c9b;letter-spacing:.06em;text-transform:uppercase}
.insight-feature h2,.insight-feature h3{font:600 clamp(1.65rem,2.4vw,2.25rem)/1.3 var(--serif);color:#142d50;margin:0}
.insight-feature h2 a:hover,.insight-feature h3 a:hover{color:#0033a0;text-decoration:underline;text-underline-offset:5px}
.insight-feature p{color:#4b5e76;font-size:.96rem;line-height:1.75;margin:0}
.insight-feature .btn{margin-top:2px;letter-spacing:0}
.insight-hero-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:56px;align-items:center}
.insight-article-hero h1{font-size:clamp(2.3rem,3.9vw,3.65rem);max-width:760px;line-height:1.18}
.insight-article-hero .insight-art{border-radius:16px;border:1px solid #c6d6ed}
.insight-article-hero .insight-meta{color:#c2d2e8;margin-top:10px}
.insight-back{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:#b7d2ff;margin-bottom:22px}
.insight-back:hover{text-decoration:underline;text-underline-offset:4px}
.insight-back:focus-visible,.insight-feature a:focus-visible{outline:2px solid #608ef5;outline-offset:4px}
.insight-article-layout{width:min(760px,92%);margin-inline:auto}
.insight-article-body{font-size:1.05rem;line-height:1.95;color:#35445b}
.insight-article-body h2{font-size:1.9rem;line-height:1.35;color:#142d50;margin:46px 0 22px}
.insight-article-body p{margin-bottom:24px}
.insight-article-body p:first-child{font-size:1.15rem;color:#253c5e}
.insight-article-body a{overflow-wrap:anywhere}
.insight-article-body p:last-child{font-size:.85rem;color:#5b6f88;margin-top:28px}
.insight-related{margin-top:40px;padding:26px 30px;border:1px solid #d6e2f2;border-radius:12px;background:#f3f7fd;display:flex;gap:24px;align-items:center;justify-content:space-between;transition:background .2s ease,border-color .2s ease}
.insight-related:hover{background:#e7effb;border-color:#89a9d9}.insight-related:focus-visible{outline:3px solid #164b9b;outline-offset:4px}
.insight-related p{font-size:.9rem;color:#50647e}.insight-related strong{display:block;color:#173764;font-size:1.12rem;margin-bottom:5px}.insight-related-arrow{flex:none;color:#174c9b;font-size:1.7rem;line-height:1}
.home-insights-head{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.home-insights-head .btn{flex:none;letter-spacing:0}.home-insights-head .ai-title{max-width:770px;margin-bottom:0}
@media(max-width:960px){.insight-hero-grid{grid-template-columns:1fr;gap:32px}.insight-article-hero .insight-art{max-width:480px}.insight-feature-copy{padding:30px}.home-insights-head{align-items:flex-start}}
@media(max-width:680px){.insight-feature{grid-template-columns:1fr}.insight-art img{max-height:280px}.insight-feature-copy{padding:26px;gap:18px}.insight-feature h2,.insight-feature h3{font-size:1.75rem}.insight-article-hero h1{font-size:2.35rem}.insight-article-body{font-size:1rem;line-height:1.85}.insight-article-body h2{font-size:1.6rem}.insight-related{flex-direction:column;align-items:flex-start;padding:24px}.home-insights-head{flex-direction:column;align-items:flex-start}.insight-article-hero .insight-art img{max-height:240px}}

/* La portada y el ejemplo se apoyan en el argumento de esta entrada. */
.insight-article-body>p:first-child::first-letter{float:left;font:600 4.2rem/.85 var(--serif);color:#174c9b;padding:10px 10px 2px 0}
.insight-article-body .insight-pullquote{margin:30px -28px;padding:24px 28px;border-left:4px solid #e6b976;background:#f4f7fc;font-size:1.12rem;color:#173764;line-height:1.8}
.field-example{margin:36px -48px 40px;padding:32px 36px;border:1px solid #cbd9ed;border-radius:14px;background:#f5f8fd;scroll-margin-top:110px}
.field-example .ai-eyebrow{display:block;font-size:.7rem;margin-bottom:8px;color:#47648c}
.field-example-title{display:block;font:600 1.75rem/1.35 var(--serif);color:#173764}
.insight-article-body .field-example-intro{font-size:.88rem;line-height:1.65;color:#526785;margin:12px 0 24px}
.field-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin-bottom:24px}
.field-tile{display:block;aspect-ratio:1.35;border-radius:4px;background:#174c9b;border:1px solid #174c9b;transition:opacity .18s ease}
.field-tile[data-kind="pending"]{background:#e6b976;border-color:#a77535}
.field-tile[data-kind="unrecorded"]{background:repeating-linear-gradient(135deg,#fff,#fff 4px,#dbe5f3 4px,#dbe5f3 6px);border-color:#8197b5}
.field-grid[data-view="validated"] .field-tile:not([data-kind="validated"]),.field-grid[data-view="pending"] .field-tile:not([data-kind="pending"]),.field-grid[data-view="unrecorded"] .field-tile:not([data-kind="unrecorded"]){opacity:.17}
.field-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.field-key{appearance:none;text-align:left;cursor:pointer;border:1px solid #cedcf0;border-top:3px solid #174c9b;border-radius:6px;background:#fff;padding:14px;font-family:var(--sans);color:#365477}
.field-key strong{display:block;font-size:1.7rem;line-height:1.2;color:#173764;margin-bottom:6px}.field-key span{display:block;font-size:.76rem;line-height:1.55}.field-key-pending{border-top-color:#c79249}.field-key-unrecorded{border-top-color:#8197b5}
.field-key:hover,.field-key[aria-pressed="true"]{background:#e7effb;border-color:#7092c4;box-shadow:0 0 0 1px #7092c4}
.field-reset{appearance:none;border:0;background:transparent;font:600 .8rem/1.5 var(--sans);color:#174c9b;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 0;margin:18px 0 0}
.insight-article-body .field-example-foot{font-size:.75rem;line-height:1.7;color:#526785;margin:16px 0 0}
@media(max-width:680px){.insight-article-body .insight-pullquote{margin:28px 0;padding:20px;font-size:1rem}.field-example{margin:28px 0;padding:22px 18px}.field-example-title{font-size:1.45rem}.field-grid{gap:5px}.field-tile{aspect-ratio:1}.field-keys{gap:7px}.field-key{padding:10px 8px}.field-key strong{font-size:1.5rem}.field-key span{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.insight-feature,.field-tile{transition:none}.insight-feature:hover{transform:none}}

/* La entrada comparte el hero institucional; sólo cambia su ilustración. */
.insight-article-hero.institution-hero h1{font-size:clamp(2.6rem,3.8vw,3.65rem);line-height:1.13}
.insight-visit-visual .insight-visual-note{font-size:.7rem;line-height:1.5;color:#526b8e;margin:10px 0 0}
@media(max-width:600px){.insight-article-hero.institution-hero h1{font-size:2.6rem}}

.insight-card-motion{padding:28px;box-sizing:border-box}.insight-card-motion svg{display:block;width:100%;max-width:520px;height:auto;aspect-ratio:520/320}@media(max-width:600px){.insight-card-motion{padding:18px}}
