/* IAlimentaria · Artículo profesional v1 — cinco familias de diseño (las mismas del carrusel v7) con acento por categoría.
   data-v: v1 Solemne · v2 Revista técnica · v3 Mosaico · v4 Panel · v5 Cartel.  Todo vive bajo .ap: no altera el resto del sitio. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/inter.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:600 800;font-display:swap;src:url(fonts/fraunces.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:500 700;font-display:swap;src:url(fonts/fraunces-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/spacegrotesk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Anton";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/anton.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600 700;font-display:swap;src:url(fonts/jetbrainsmono.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Tokens ---------- */
.ap{--ink:#0b1d2b;--text:#1c2b38;--soft:#52626f;--line:#e2e8ee;--paper:#f4f6f8;--card:#fff;--gold:#d9a566;--gold2:#f1d3a1;
  --accent:#087956;--accent2:#51aa8c;--strong:#103541;
  --f-sans:Inter,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;--f-serif:Fraunces,Georgia,"Times New Roman",serif;--f-grot:"Space Grotesk",Inter,system-ui,sans-serif;--f-cond:Anton,"Arial Narrow",Impact,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --f-head:var(--f-sans);--hw:800;--htrack:-.025em;--radius:20px;--hero-bg:linear-gradient(160deg,var(--strong),#06141d 78%);--hero-ink:#fff;--hero-soft:rgba(255,255,255,.88);
  background:var(--paper)}
.ap-main{color:var(--text);font-family:var(--f-sans);-webkit-font-smoothing:antialiased}
.ap[data-cat=tramites]{--accent:#bd7b08;--accent2:#e2aa3e;--strong:#102f3b}
.ap[data-cat=auditoria]{--accent:#2b5f91;--accent2:#6c9ac3;--strong:#142d3b}
.ap[data-cat=asesorias]{--accent:#087956;--accent2:#51aa8c;--strong:#103541}
.ap[data-cat=formacion]{--accent:#c46d16;--accent2:#e0a354;--strong:#16333e}
.ap[data-cat=software]{--accent:#047f8c;--accent2:#52b8be;--strong:#10333e}
.ap *{box-sizing:border-box}
.ap-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:60;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .1s linear}

/* ---------- Héroe ---------- */
.ap-hero{position:relative;overflow:hidden;color:var(--hero-ink);padding:64px 0 128px;background:var(--hero-bg)}
.ap-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--accent) 55%,transparent),transparent 42%),radial-gradient(circle at 6% 100%,rgba(255,255,255,.07),transparent 34%)}
.ap-hero__in{position:relative;z-index:1;width:min(980px,calc(100% - 40px));margin:0 auto}
.ap-chip{display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:999px;color:#fff;font:800 13px/1 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;
  background:linear-gradient(135deg,var(--accent2),var(--accent));box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 38%,transparent),inset 0 1px 0 rgba(255,255,255,.4)}
.ap-hero h1{margin:22px 0 18px;font:var(--hw) clamp(32px,5.2vw,58px)/1.06 var(--f-head);letter-spacing:var(--htrack);color:var(--hero-ink);max-width:900px}
.ap-lead{margin:0 0 26px;max-width:760px;font:500 clamp(18px,2.1vw,21px)/1.55 var(--f-sans);color:var(--hero-soft)}
.ap-meta{display:flex;flex-wrap:wrap;gap:10px}
.ap-meta span{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;border:1.5px solid currentColor;background:rgba(255,255,255,.08);font:700 13px/1 var(--f-sans);letter-spacing:.04em;color:var(--hero-soft);opacity:.95}
.ap-meta span:first-child:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}

/* ---------- Portada ---------- */
.ap-cover{position:relative;z-index:2;width:min(1040px,calc(100% - 32px));margin:-84px auto 0}
.ap-cover img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 34px 80px rgba(6,20,29,.34),0 0 0 8px rgba(255,255,255,.7)}
.ap-cover figcaption{margin:14px 6px 0;font:500 13px/1.4 var(--f-sans);color:var(--soft);text-align:right}

/* ---------- Maquetación ---------- */
.ap-layout{width:min(1080px,calc(100% - 32px));margin:56px auto 0;display:grid;grid-template-columns:230px minmax(0,740px);gap:64px;justify-content:center;align-items:start}
.ap-toc{position:sticky;top:96px;padding:20px 0 20px 18px;border-left:3px solid var(--line);font:600 14px/1.4 var(--f-sans)}
.ap-toc b{display:block;margin-bottom:12px;color:var(--soft);font:800 12px/1 var(--f-sans);letter-spacing:.14em;text-transform:uppercase}
.ap-toc ol{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.ap-toc a{display:block;padding:7px 10px;margin-left:-12px;border-radius:10px;color:var(--soft);text-decoration:none;transition:.15s}
.ap-toc a:hover{color:var(--ink);background:rgba(11,29,43,.05)}
.ap-toc a.on{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:inset 3px 0 0 var(--accent)}

/* ---------- Texto ---------- */
.ap-prose{counter-reset:sec;font:400 18px/1.78 var(--f-sans);color:var(--text)}
.ap-prose p{margin:0 0 1.15em}
.ap-intro>p:first-child{font:500 clamp(19px,2.2vw,22px)/1.65 var(--f-sans);color:var(--ink)}
.ap-prose strong{color:var(--ink);font-weight:700}
.ap-prose a{color:var(--accent);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);overflow-wrap:anywhere}
.ap-prose a:hover{text-decoration-color:var(--accent)}
.ap-sec{counter-increment:sec;margin-top:64px;scroll-margin-top:96px}
.ap-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:10px;font:800 13px/1 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.ap-eyebrow:before{content:counter(sec,decimal-leading-zero)}
.ap-eyebrow:after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 45%,transparent),transparent)}
.ap-sec h2{margin:0 0 20px;font:700 clamp(26px,3.4vw,36px)/1.14 var(--f-head);letter-spacing:-.015em;color:var(--ink)}
.ap-sec h3{margin:30px 0 10px;font:800 20px/1.3 var(--f-sans);letter-spacing:-.01em;color:var(--ink)}

/* ---------- Listas ---------- */
.ap-steps,.ap-points{margin:22px 0;padding:0;list-style:none;display:grid;gap:12px}
.ap-steps{counter-reset:ap}
.ap-steps li,.ap-points li{position:relative;padding:18px 20px 18px 74px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 30px rgba(9,31,40,.07);font:600 17px/1.5 var(--f-sans);color:var(--ink);overflow:hidden}
.ap-steps li:after,.ap-points li:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.ap-steps li:before,.ap-points li:before{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font:800 18px/1 var(--f-sans);color:#fff;
  background:linear-gradient(145deg,var(--accent2),var(--accent));box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.4)}
.ap-steps li:before{counter-increment:ap;content:counter(ap)}
.ap-points li:before{content:"✓"}

/* ---------- Destacados, tablas y figuras ---------- */
.ap-callout{margin:26px 0;padding:20px 22px 20px 26px;border-radius:16px;background:color-mix(in srgb,var(--accent) 8%,#fff);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-left:6px solid var(--accent);font:500 17px/1.65 var(--f-sans);color:var(--ink)}
.ap-callout p{margin:0}
.ap-callout strong:first-child{display:block;margin-bottom:6px;font:800 12px/1 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.ap-table{margin:24px 0;overflow-x:auto;border-radius:16px;border:1px solid var(--line);background:var(--card);box-shadow:0 12px 30px rgba(9,31,40,.07)}
.ap-table table{width:100%;border-collapse:collapse;font:500 16px/1.5 var(--f-sans)}
.ap-table th{padding:14px 16px;text-align:left;background:var(--strong);color:#fff;font:800 13px/1.3 var(--f-sans);letter-spacing:.06em;text-transform:uppercase}
.ap-table td{padding:13px 16px;border-top:1px solid var(--line);vertical-align:top}
.ap-table tr:nth-child(even) td{background:#f9fafb}
.ap-figure{margin:28px 0}
.ap-figure img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 18px 44px rgba(9,31,40,.14)}
.ap-figure figcaption{margin-top:10px;font:500 13px/1.4 var(--f-sans);color:var(--soft)}
.ap-figure--square{max-width:520px;margin-left:auto;margin-right:auto}

/* ---------- Fuentes, llamada a la acción y aviso ---------- */
.ap-sources{margin-top:64px;padding:26px 26px 18px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:0 14px 36px rgba(9,31,40,.08)}
.ap-sources h2{margin:0 0 6px;font:700 24px/1.2 var(--f-head);color:var(--ink)}
.ap-sources p.sub{margin:0 0 16px;font:500 15px/1.5 var(--f-sans);color:var(--soft)}
.ap-sources ol{margin:0;padding:0;list-style:none;counter-reset:src;display:grid;gap:10px}
.ap-sources li{counter-increment:src;display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line);font:600 15px/1.45 var(--f-sans)}
.ap-sources li:before{content:counter(src);flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font:800 14px/1 var(--f-sans);color:#fff;background:linear-gradient(145deg,var(--accent2),var(--accent))}
.ap-sources a{color:var(--accent);overflow-wrap:anywhere}
.ap-cta{position:relative;overflow:hidden;margin-top:48px;padding:44px 40px;border-radius:26px;color:#fff;text-align:center;background:linear-gradient(150deg,var(--strong),#06141d)}
.ap-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 14%,color-mix(in srgb,var(--accent) 52%,transparent),transparent 42%),radial-gradient(circle at 8% 100%,rgba(255,255,255,.08),transparent 32%)}
.ap-cta>*{position:relative}
.ap-cta h2{margin:0 0 12px;font:700 clamp(24px,3.2vw,32px)/1.18 var(--f-head);color:#fff}
.ap-cta p{margin:0 auto 24px;max-width:560px;font:500 17px/1.6 var(--f-sans);color:rgba(255,255,255,.86)}
.ap-btn{display:inline-flex;align-items:center;gap:14px;height:58px;padding:0 12px 0 30px;border-radius:999px;text-decoration:none;font:800 15px/1 var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:#2b1c08;
  background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 14px 34px rgba(217,165,102,.35),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .15s}
.ap-btn:hover{transform:translateY(-2px)}
.ap-btn i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#2b1c08;color:var(--gold2);font-style:normal;font-size:20px}
.ap-legal{margin:36px 0 90px;padding-top:20px;border-top:1.5px solid var(--line);font:500 14px/1.6 var(--f-sans);color:var(--soft)}

/* =====================================================================
   V1 · SOLEMNE — normas, comunicados y avisos institucionales (Inter, riel de color)
   ===================================================================== */
.ap[data-v=v1] .ap-hero:after{content:"";position:absolute;left:0;top:0;bottom:0;width:12px;background:linear-gradient(180deg,var(--accent2),var(--accent));z-index:2}

/* =====================================================================
   V2 · REVISTA TÉCNICA — guías y análisis de fondo (papel crema, Fraunces, arco)
   ===================================================================== */
.ap[data-v=v2]{--paper:#f6f0e4;--f-head:var(--f-serif);--hw:700;--htrack:-.022em;--text:#2c241b;--ink:#1a1510;--soft:#6a5d4d;--line:rgba(26,21,16,.16);--card:#fbf7ee;--hero-bg:linear-gradient(180deg,#f8f3e9,#efe6d4);--hero-ink:#1a1510;--hero-soft:#4a4036;background:radial-gradient(circle at 20% 0,#fbf7ef,transparent 55%),#f3ead9}
.ap[data-v=v2] .ap-hero{padding:56px 0 150px;border-bottom:0}
.ap[data-v=v2] .ap-hero:before{background:none}
.ap[data-v=v2] .ap-hero__in{padding-top:26px;border-top:5px solid #1a1510;box-shadow:0 8px 0 -6px #1a1510;position:relative}
.ap[data-v=v2] .ap-hero__in:before{content:"";position:absolute;left:0;right:0;top:9px;border-top:1.5px solid #1a1510}
.ap[data-v=v2] .ap-chip{background:none;box-shadow:none;color:var(--accent);padding:0;height:auto;border-radius:0;font-size:14px;letter-spacing:.2em}
.ap[data-v=v2] .ap-hero h1{font-variation-settings:"opsz" 144}
.ap[data-v=v2] .ap-meta span{border-color:rgba(26,21,16,.35);background:none;color:#4a4036}
.ap[data-v=v2] .ap-cover{width:min(760px,calc(100% - 32px))}
.ap[data-v=v2] .ap-cover img{border-radius:380px 380px 22px 22px;box-shadow:0 26px 60px rgba(40,28,10,.3),0 0 0 10px #f8f3e9,0 0 0 12px rgba(185,134,72,.7)}
.ap[data-v=v2] .ap-eyebrow{color:var(--accent)}
.ap[data-v=v2] .ap-eyebrow:before{content:counter(sec,upper-roman);font:italic 700 20px/1 var(--f-serif);letter-spacing:0}
.ap[data-v=v2] .ap-sec h2,.ap[data-v=v2] .ap-sources h2,.ap[data-v=v2] .ap-cta h2{font-variation-settings:"opsz" 144}
.ap[data-v=v2] .ap-steps li,.ap[data-v=v2] .ap-points li{background:transparent;border:0;border-top:1.5px solid var(--line);border-radius:0;box-shadow:none;font-weight:650;padding-left:84px}
.ap[data-v=v2] .ap-steps li:last-child,.ap[data-v=v2] .ap-points li:last-child{border-bottom:1.5px solid var(--line)}
.ap[data-v=v2] .ap-steps li:after,.ap[data-v=v2] .ap-points li:after{display:none}
.ap[data-v=v2] .ap-steps li:before,.ap[data-v=v2] .ap-points li:before{width:52px;height:52px;border-radius:50%;font:italic 700 24px/1 var(--f-serif);left:16px}
.ap[data-v=v2] .ap-steps li:before{content:counter(ap,upper-roman)}
.ap[data-v=v2] .ap-callout{background:none;border:0;border-left:5px solid var(--accent);border-radius:0;font:italic 500 21px/1.5 var(--f-serif);color:#3a3026;padding:6px 0 6px 24px}
.ap[data-v=v2] .ap-callout strong:first-child{font:800 12px/1 var(--f-sans);font-style:normal}
.ap[data-v=v2] .ap-figure img{border-radius:380px 380px 18px 18px}
.ap[data-v=v2] .ap-sources,.ap[data-v=v2] .ap-table{background:#fbf7ee;box-shadow:none;border-color:rgba(26,21,16,.2)}
.ap[data-v=v2] .ap-cta{background:linear-gradient(160deg,var(--strong),#07141c)}

/* =====================================================================
   V3 · MOSAICO — formación, servicios y promoción (Space Grotesk, fotografía protagonista)
   ===================================================================== */
.ap[data-v=v3]{--f-head:var(--f-grot);--hw:700;--htrack:-.04em;--radius:30px;--hero-bg:linear-gradient(160deg,#0b2233,#06121b);background:#ecf1f5;background-image:linear-gradient(rgba(11,29,43,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,29,43,.05) 1px,transparent 1px);background-size:60px 60px}
.ap[data-v=v3] .ap-chip{border-radius:14px;font-family:var(--f-mono);letter-spacing:.1em;background:rgba(255,255,255,.94);color:#0b1d2b;box-shadow:none}
.ap[data-v=v3] .ap-cover{width:min(1040px,calc(100% - 32px))}
.ap[data-v=v3] .ap-cover img{border-radius:38px;box-shadow:0 30px 70px rgba(6,20,29,.34)}
.ap[data-v=v3] .ap-cover:before{content:"";position:absolute;right:-18px;bottom:-18px;width:46%;height:46%;border-radius:38px;background:linear-gradient(135deg,var(--accent2),var(--accent));opacity:.9;z-index:-1}
.ap[data-v=v3] .ap-eyebrow{font-family:var(--f-mono);letter-spacing:.12em}
.ap[data-v=v3] .ap-sec h2,.ap[data-v=v3] .ap-sec h3,.ap[data-v=v3] .ap-prose{font-family:var(--f-grot)}
.ap[data-v=v3] .ap-steps li,.ap[data-v=v3] .ap-points li{border-radius:26px;min-height:96px;display:flex;align-items:center;font-family:var(--f-grot);font-weight:600;font-size:18px;padding-left:112px;border:0;border-bottom:2px solid rgba(11,29,43,.12);box-shadow:none;background:rgba(255,255,255,.7)}
.ap[data-v=v3] .ap-steps li:before,.ap[data-v=v3] .ap-points li:before{width:72px;height:72px;border-radius:22px;font:700 32px/1 var(--f-grot);left:20px}
.ap[data-v=v3] .ap-steps li:after,.ap[data-v=v3] .ap-points li:after{display:none}
.ap[data-v=v3] .ap-callout{border-radius:26px;border-left-width:0;border-top:6px solid var(--accent);background:#fff}
.ap[data-v=v3] .ap-figure img{border-radius:32px}
.ap[data-v=v3] .ap-cta{border-radius:999px;padding:30px 56px;display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between;text-align:left;background:linear-gradient(135deg,var(--accent2),var(--accent));border:1.5px solid rgba(255,255,255,.4)}
.ap[data-v=v3] .ap-cta:before{display:none}
.ap[data-v=v3] .ap-cta h2{margin:0;font-size:clamp(22px,2.6vw,28px)}
.ap[data-v=v3] .ap-cta p{display:none}
@media (max-width:700px){.ap[data-v=v3] .ap-cta{border-radius:34px;padding:28px 26px;justify-content:center;text-align:center}}

/* =====================================================================
   V4 · PANEL — software, auditorías y control documental (cristal, módulos tipo tablero)
   ===================================================================== */
.ap[data-v=v4]{--paper:#e6eff2;--hero-bg:linear-gradient(160deg,#08202c,#040d13);background:linear-gradient(160deg,#eef5f6,#e2ecef);background-image:linear-gradient(rgba(11,29,43,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(11,29,43,.055) 1px,transparent 1px),linear-gradient(160deg,#eef5f6,#e2ecef);background-size:54px 54px,54px 54px,auto}
.ap[data-v=v4] .ap-chip{font-family:var(--f-mono);border-radius:999px}
.ap[data-v=v4] .ap-eyebrow,.ap[data-v=v4] .ap-toc b{font-family:var(--f-mono);letter-spacing:.1em}
.ap[data-v=v4] .ap-cover img{border-radius:0 0 30px 30px;box-shadow:0 34px 80px rgba(6,20,29,.4),0 0 0 1.5px rgba(255,255,255,.35)}
.ap[data-v=v4] .ap-cover:before{content:"●  ●  ●";display:flex;align-items:center;height:48px;padding:0 20px;border-radius:30px 30px 0 0;letter-spacing:6px;font:700 15px/48px var(--f-mono);color:rgba(255,255,255,.45);background:linear-gradient(180deg,#14303f,#0c1c26);border:1.5px solid rgba(255,255,255,.2);border-bottom:0}
.ap[data-v=v4] .ap-cover figcaption{text-align:left}
.ap[data-v=v4] .ap-steps li,.ap[data-v=v4] .ap-points li{padding:36px 22px 18px 22px;border-radius:24px;background:rgba(255,255,255,.78);border:1.5px solid #fff;box-shadow:0 16px 40px rgba(11,29,43,.1)}
.ap[data-v=v4] .ap-steps li:before,.ap[data-v=v4] .ap-points li:before{left:22px;top:12px;transform:none;width:auto;height:auto;display:block;background:none;box-shadow:none;border-radius:0;font:700 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.ap[data-v=v4] .ap-steps li:before{content:"Frente 0" counter(ap)}
.ap[data-v=v4] .ap-points li:before{content:"Punto clave"}
.ap[data-v=v4] .ap-steps li:after,.ap[data-v=v4] .ap-points li:after{left:0;top:16px;bottom:16px;right:auto;width:8px;height:auto;border-radius:0 8px 8px 0;background:linear-gradient(180deg,var(--accent2),var(--accent))}
.ap[data-v=v4] .ap-callout{background:linear-gradient(145deg,rgba(9,28,40,.9),rgba(9,28,40,.78));color:#fff;border:1.5px solid rgba(255,255,255,.28);border-radius:26px;backdrop-filter:blur(20px)}
.ap[data-v=v4] .ap-callout strong,.ap[data-v=v4] .ap-callout strong:first-child{color:var(--gold2);font-family:var(--f-mono)}
.ap[data-v=v4] .ap-sources,.ap[data-v=v4] .ap-table{background:rgba(255,255,255,.8);border:1.5px solid #fff}

/* =====================================================================
   V5 · CARTEL — alertas y avisos de alto impacto (Anton, azul noche y dorado)
   ===================================================================== */
.ap[data-v=v5]{--f-head:var(--f-cond);--hw:400;--htrack:.005em;--paper:#efe7d6;--text:#2a2a2a;--ink:#0a1a2b;background:#efe7d6;--hero-bg:#081624}
.ap[data-v=v5] .ap-hero{background:repeating-linear-gradient(115deg,rgba(217,165,102,.08) 0 2px,transparent 2px 46px),linear-gradient(160deg,#0a1f33,#050e18);padding-bottom:140px}
.ap[data-v=v5] .ap-hero h1{text-transform:uppercase;font-size:clamp(40px,7vw,86px);line-height:1}
.ap[data-v=v5] .ap-hero:after{content:"";position:absolute;inset:22px;border:2px solid rgba(217,165,102,.5);pointer-events:none;z-index:2}
.ap[data-v=v5] .ap-chip{background:none;box-shadow:none;border-radius:0;color:var(--gold2);padding:0;height:auto;font-size:15px;letter-spacing:.22em}
.ap[data-v=v5] .ap-cover img{border-radius:0;filter:grayscale(1) contrast(1.1);box-shadow:0 30px 70px rgba(6,20,29,.4),0 0 0 8px #f8f3e7,0 0 0 10px rgba(185,134,72,.8)}
.ap[data-v=v5] .ap-sec h2,.ap[data-v=v5] .ap-sources h2,.ap[data-v=v5] .ap-cta h2{text-transform:uppercase;letter-spacing:.01em;font-size:clamp(32px,4.4vw,48px);line-height:1.04}
.ap[data-v=v5] .ap-eyebrow{color:#a8741f}
.ap[data-v=v5] .ap-eyebrow:before{font:400 44px/1 var(--f-cond);color:var(--gold);-webkit-text-stroke:0}
.ap[data-v=v5] .ap-steps li,.ap[data-v=v5] .ap-points li{padding:0 24px 0 120px;min-height:92px;display:flex;align-items:center;border-radius:0;border:0;background:#0a1a2b;color:#f4eee3;box-shadow:0 14px 30px rgba(10,26,43,.25)}
.ap[data-v=v5] .ap-steps li:after,.ap[data-v=v5] .ap-points li:after{display:none}
.ap[data-v=v5] .ap-steps li:before,.ap[data-v=v5] .ap-points li:before{left:0;top:0;bottom:0;transform:none;width:92px;height:auto;border-radius:0;font:400 54px/1 var(--f-cond);background:linear-gradient(145deg,var(--accent2),var(--accent))}
.ap[data-v=v5] .ap-callout{border-radius:0;background:#fff;border:0;border-left:8px solid var(--gold);font-weight:600;box-shadow:0 14px 30px rgba(10,26,43,.12)}
.ap[data-v=v5] .ap-figure img{border-radius:0;filter:grayscale(.3) contrast(1.05)}
.ap[data-v=v5] .ap-sources,.ap[data-v=v5] .ap-table{border-radius:0;background:#f8f3e7}
.ap[data-v=v5] .ap-cta{border-radius:0;background:linear-gradient(160deg,#0a1f33,#050e18)}
.ap[data-v=v5] .ap-btn{border-radius:0}

@media (max-width:980px){
  .ap-layout{grid-template-columns:minmax(0,1fr);gap:0;margin-top:40px}
  .ap-toc{position:static;margin-bottom:28px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
  .ap-hero{padding:48px 0 112px}
}
@media (max-width:560px){
  .ap-prose{font-size:17px}.ap-steps li,.ap-points li{padding:16px 16px 16px 66px;font-size:16px}.ap-cta{padding:34px 22px}.ap-cover img{border-radius:16px}
  .ap-sources{padding:20px 18px 12px}
  .ap[data-v=v5] .ap-steps li,.ap[data-v=v5] .ap-points li{padding-left:92px}.ap[data-v=v5] .ap-steps li:before,.ap[data-v=v5] .ap-points li:before{width:70px;font-size:44px}
  .ap[data-v=v2] .ap-cover img{border-radius:200px 200px 16px 16px}
}
@media print{.ap-progress,.ap-toc,.ap-cta{display:none}.ap-hero{background:#fff!important;color:#000;padding:20px 0}.ap-hero h1,.ap-lead{color:#000}}
.ap[data-v=v3] .ap-cover figcaption{text-align:left}
.ap-sources li>span{display:block}.ap-sources small{display:block;margin-top:3px;font:600 12px/1.3 var(--f-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}