/* Plantilla de artículo «Margen» — piloto local (29-oct-2026). Acento de Sistemas. */
.margen{
  --m-papel:#FAFAF7; --m-tinta:#0A0A0A; --m-gris:#5E5D5A; --m-linea:#E3E2DE;
  --m-acento:#D89856; --m-acento-texto:#B87C3C; --m-acento-oscuro:#E8B375; --m-suave:rgba(216,152,86,.14);
  --m-fs:clamp(18px, calc(.5vw + 10.8px), 24px);
  max-width:2240px; margin:0 auto; padding:0 clamp(40px, 4vw, 96px); box-sizing:content-box;
  font-family:'Geist',system-ui,sans-serif; color:var(--m-tinta);
}
/* El sitio fija overflow-x:hidden en html y body, lo que rompe position:sticky; clip no crea contenedor de scroll */
html,body{overflow-x:clip}
body .margen article.m-article[role=main]{max-width:none;margin:0;padding:0 0 64px}
/* Migas */
.margen nav[itemtype="https://schema.org/BreadcrumbList"]{max-width:calc(var(--m-fs) * 51.5);margin:40px 0 0;padding:0}
.margen nav[itemtype="https://schema.org/BreadcrumbList"] ol{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--m-gris);gap:.5rem}
.margen nav[itemtype="https://schema.org/BreadcrumbList"] a{color:var(--m-gris)}
.margen nav[itemtype="https://schema.org/BreadcrumbList"] a:hover{color:var(--m-tinta)}
.margen nav[itemtype="https://schema.org/BreadcrumbList"] li{display:inline}
.margen nav[itemtype="https://schema.org/BreadcrumbList"] li:last-child{color:var(--m-tinta)}
/* Cabecera */
body .margen article.m-article[role=main]>header{max-width:calc(var(--m-fs) * 51.5);margin:32px 0 0;padding:0 0 24px;border-bottom:1px solid var(--m-linea)}
body .margen article.m-article[role=main]>header h1{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(40px, 5vw, calc(var(--m-fs) * 3.55));line-height:1.04;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance}
body .margen article.m-article[role=main]>header p{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--m-gris)}
/* Imagen destacada */
.margen figure.post-foto{margin:40px 0 0}
.margen figure.post-foto img{width:100%;height:clamp(220px, 30vw, 640px);aspect-ratio:auto;object-fit:cover;border-radius:28px}
/* Rejilla */
.margen .m-grid{display:grid;grid-template-columns:clamp(200px,14vw,360px) minmax(0,calc(var(--m-fs) * 37.8)) clamp(340px,24vw,600px);column-gap:48px;justify-content:space-between;align-items:start;margin-top:64px}
.margen .m-main,.margen .m-rail,.margen .m-side{min-width:0}
/* Texto */
.margen section[itemprop=articleBody]{font-size:var(--m-fs);line-height:1.75;counter-reset:mh}
.margen section[itemprop=articleBody] p{margin:0 0 20px}
.margen section[itemprop=articleBody] h2{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:2em;line-height:1.15;letter-spacing:-.02em;margin:64px 0 20px;scroll-margin-top:calc(var(--m-navh,88px) + 64px);counter-increment:mh}
.margen section[itemprop=articleBody] h2::before{content:counter(mh, decimal-leading-zero);display:block;width:auto;height:auto;border-radius:0;margin:0 0 14px;padding-left:40px;background:linear-gradient(var(--m-acento),var(--m-acento)) no-repeat 0 50% / 28px 1.5px;font-family:'Geist Mono',ui-monospace,monospace;font-weight:400;font-size:12px;line-height:1.2;letter-spacing:.18em;color:var(--m-gris)}
.margen section[itemprop=articleBody] h3{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.333em;line-height:1.25;letter-spacing:-.01em;margin:32px 0 10px}
.margen section[itemprop=articleBody] a{text-decoration-color:var(--m-acento);text-decoration-thickness:1.5px;text-underline-offset:3px}
.margen section[itemprop=articleBody] a:hover{color:var(--m-acento-texto)}
.margen section[itemprop=articleBody] ul li::marker{color:var(--m-acento)}
.margen section[itemprop=articleBody] .callout{background:#F6E9D7;border:0;border-radius:18px;padding:28px 32px;margin:0 0 8px}
.margen section[itemprop=articleBody] .callout::before{content:"EN CORTO";display:block;font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.18em;color:var(--m-gris);margin-bottom:10px}
.margen section[itemprop=articleBody] .callout p{font-size:1em;line-height:1.65;margin:0}
.margen section[itemprop=articleBody] table{font-size:.833em}
.margen section[itemprop=articleBody] table thead th,.margen section[itemprop=articleBody] table tr:first-child th{background:var(--m-suave)}
/* Artículos relacionados (al final del texto) */
.margen .blog-related{max-width:none!important;margin:64px 0 0!important;padding:28px 0 0!important;border-top:1px solid var(--m-linea)!important}
.margen .blog-related h3{font-family:'Geist Mono',ui-monospace,monospace!important;font-size:11px!important;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--m-gris);margin:0 0 14px!important}
.margen .blog-related li{font-size:16px}
.margen .blog-related a{color:var(--m-tinta);text-decoration:none;border-bottom:1px solid var(--m-linea)}
.margen .blog-related a:hover{border-color:var(--m-acento)}
/* Índice (izquierda) */
.margen .m-rail{position:sticky;top:calc(var(--m-navh,88px) + var(--m-barh,0px) + 12px);padding-top:4px;max-height:calc(100vh - var(--m-navh,88px) - 24px);overflow:auto}
.m-eyebrow{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--m-gris)}
.m-rail .m-track{position:relative;margin-top:18px;padding-left:18px}
.m-rail .m-track::before,.m-rail .m-fill{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1.5px;background:var(--m-linea)}
.m-rail .m-fill{bottom:auto;height:0;background:var(--m-acento);transition:height .12s linear}
.m-rail ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;font-size:calc(var(--m-fs) * .75);line-height:1.4}
.m-rail a{display:flex;gap:8px;color:var(--m-gris);text-decoration:none}
.m-rail a:hover{color:var(--m-tinta)}
.m-rail .n{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;padding-top:2px;flex:none}
.m-rail a[aria-current=true]{color:var(--m-tinta)}
.m-rail a[aria-current=true] .t{font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:calc(var(--m-fs) * .89);line-height:1.3}
.m-rail a[aria-current=true] .n{padding-top:3px}
.m-rail .m-leido{margin-top:28px;font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.12em;color:var(--m-gris)}
/* Barra superior (<1280) */
.m-bar{display:none;position:sticky;top:var(--m-navh,88px);z-index:40;align-items:center;gap:12px;padding:6px 0;margin:0 -56px;padding-left:56px;padding-right:56px;background:rgba(250,250,247,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--m-linea);font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.04em;color:var(--m-gris)}
.m-bar .m-t{flex:1;min-width:0;color:var(--m-tinta);font-family:'Geist',sans-serif;font-size:14px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-bar button{min-width:44px;min-height:32px;padding:0 14px;border:1px solid var(--m-linea);border-radius:999px;background:transparent;font:inherit;font-size:12px;color:var(--m-tinta);cursor:pointer}
.m-bar .m-prog{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--m-acento)}
.m-bar .m-panel{display:none;position:absolute;left:0;right:0;top:100%;background:var(--m-papel);border-bottom:1px solid var(--m-linea);padding:12px 56px 16px;box-shadow:0 12px 24px rgba(10,10,10,.06)}
.m-bar.abierto .m-panel{display:block}
.m-panel ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.m-panel a{display:flex;gap:10px;padding:10px 0;min-height:44px;align-items:center;border-bottom:1px solid var(--m-linea);color:var(--m-tinta);text-decoration:none;font-family:'Geist',sans-serif;font-size:15px;letter-spacing:0}
.m-panel a .n{font-size:11px;color:var(--m-gris);font-family:'Geist Mono',monospace}
/* Barra derecha */
.margen .m-side{display:flex;flex-direction:column;gap:32px;align-self:stretch}
.m-ficha dl{margin:14px 0 0;font-size:calc(var(--m-fs) * .78);line-height:1.45}
.m-ficha dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--m-linea)}
.m-ficha dt{color:var(--m-gris)} .m-ficha dd{margin:0;text-align:right}
.margen .m-side>section[aria-labelledby=referencias-externas]{margin-top:-20px;border-top:1px solid var(--m-linea);padding-top:14px}
.margen .m-side section h3{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--m-gris);margin:0 0 8px}
.margen .m-side section ul{list-style:none;margin:0;padding:0}
.margen .m-side section li{margin:0;font-size:calc(var(--m-fs) * .78);line-height:1.45}
.margen .m-side section[aria-labelledby=referencias-externas] li{padding:5px 0}
.margen .m-side section a{color:var(--m-tinta);text-decoration:none}
.margen .m-side section a:hover{color:var(--m-acento-texto)}
.margen .m-sticky{display:flex;flex-direction:column;gap:28px}
.margen .m-sticky.fija{position:sticky;top:calc(var(--m-navh,88px) + var(--m-barh,0px) + 12px)}
/* Si el bloque entero no cabe en pantalla, solo se fija la llamada a la acción, que pasa a ir tras los enlaces */
.margen .m-sticky.fija-cta{display:contents}
.margen .m-sticky.fija-cta .post-cta{order:5;position:sticky;top:calc(var(--m-navh,88px) + var(--m-barh,0px) + 12px)}
.margen .m-sticky.fija-cta section[aria-labelledby=enlaces-internos]{order:4}
.margen .m-side:has(.fija-cta)>.m-ficha{order:1}.margen .m-side:has(.fija-cta)>section[aria-labelledby=referencias-externas]{order:2}
.margen .m-sticky section[aria-labelledby=enlaces-internos] li{border-bottom:1px solid var(--m-linea)}
.margen .m-sticky section[aria-labelledby=enlaces-internos] li a{display:block;padding:4px 0}
.margen .m-sticky{gap:20px}
.margen .post-cta{padding:24px}
.margen .m-sticky section[aria-labelledby=enlaces-internos] li{font-size:calc(var(--m-fs) * .75)}
/* Bloque oscuro (llamada a la acción existente) */
.margen .post-cta{max-width:none;margin:0;background:#0A0A0A;color:#FAFAF7;border:0;border-radius:18px;padding:28px}
.margen .post-cta .post-cta-eyebrow{color:var(--m-acento-oscuro);margin:0}
.margen .post-cta h2{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:calc(var(--m-fs) * 1.45);line-height:1.2;letter-spacing:-.01em;color:#FAFAF7;margin:12px 0 0}
.margen .post-cta>p{font-size:calc(var(--m-fs) * .83);line-height:1.55;color:#CFCCC4;margin:12px 0 0}
.margen .post-cta .post-cta-rel{font-size:14px;margin:12px 0 0;color:#BDBAB2}
.margen .post-cta .post-cta-rel a{color:var(--m-acento-oscuro)}
.margen .post-cta .post-cta-row{flex-direction:column;align-items:stretch;gap:8px;margin-top:20px}
.margen .post-cta a.post-cta-btn{justify-content:center;min-height:48px;background:var(--m-acento-oscuro);border-color:var(--m-acento-oscuro);color:#0A0A0A}
.margen .post-cta a.post-cta-btn:hover{background:#F0C690;border-color:#F0C690}
.margen .post-cta a.post-cta-alt{justify-content:space-between;min-height:44px;color:#FAFAF7;border-color:rgba(250,250,247,.28)}
.margen .post-cta a.post-cta-alt:hover{border-color:#FAFAF7}
/* <1400: dos columnas (con tres, el texto bajaba a 532 px a 1280) */
@media (max-width:1399px){
  .margen{--m-pad:40px;padding:0 40px}
  .margen .m-grid{grid-template-columns:minmax(0,680px) minmax(280px,320px);column-gap:48px;justify-content:space-between;margin-top:48px}
  .margen .m-rail{display:none}
  .m-bar{display:flex;margin:0 -40px;padding-left:40px;padding-right:40px}
  .m-bar .m-panel{padding:12px 40px 16px}
  .margen section[itemprop=articleBody] h2{scroll-margin-top:calc(var(--m-navh,88px) + 80px)}
}
/* <900: una columna */
@media (max-width:900px){
  .margen{padding:0 20px}
  .m-bar{margin:0 -20px;padding-left:20px;padding-right:20px}
  .m-bar .m-panel{padding:12px 20px 16px}
  .margen .m-grid{grid-template-columns:minmax(0,1fr);row-gap:40px;margin-top:32px}
  .margen .m-sticky.fija{position:static}
  .margen{--m-fs:17px}
  .margen section[itemprop=articleBody] h2{font-size:30px;margin-top:48px}
  .margen section[itemprop=articleBody] .callout{padding:22px 20px}
  .margen nav[itemtype="https://schema.org/BreadcrumbList"]{margin-top:28px}
  .margen figure.post-foto{margin-top:28px}
  .margen figure.post-foto img{border-radius:18px}
  .margen .post-cta{margin:40px 0}
  .margen .m-main .post-cta{margin:40px 0}
}

/* La llamada a la acción tiene su propio H2: no cuenta en la numeración de secciones */
.margen section[itemprop=articleBody] .post-cta h2{counter-increment:none}
.margen section[itemprop=articleBody] .post-cta h2::before{content:none}

/* Figuras explicativas dentro del texto (30-oct-2026) */
.margen .m-fig{margin:40px 0 44px;padding:0}
.margen .m-fig-panel{background:#F0EDE5;border-radius:18px;padding:clamp(18px, 1.6vw, 36px)}
.margen .m-fig figcaption{display:flex;gap:14px;align-items:baseline;margin-top:12px;font-size:calc(var(--m-fs) * .78);line-height:1.45;color:var(--m-gris)}
.margen .m-fig figcaption b{flex:none;font-family:'Geist Mono',ui-monospace,monospace;font-weight:500;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--m-tinta)}
.margen .m-fig i{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:400}
/* Figura 1 · capas */
.m-capas{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr));gap:6px;font-size:calc(var(--m-fs) * .8);line-height:1.3}
.m-capas .c-h{padding:0 4px 8px;display:flex;flex-direction:column;gap:4px}
.m-capas .c-h b{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.5em;letter-spacing:-.01em}
.m-capas .c-h small{font-size:.8em;color:var(--m-gris);line-height:1.35}
.m-capas .c-l{display:flex;align-items:center;padding:0 8px 0 0;color:var(--m-tinta)}
.m-capas .c{display:flex;align-items:center;justify-content:center;min-height:3.1em;border-radius:10px;text-align:center;font-family:'Geist Mono',ui-monospace,monospace;font-size:.82em;letter-spacing:.04em}
.m-capas .tu{background:var(--m-acento);color:var(--m-tinta)}
.m-capas .pr{background:var(--m-papel);color:var(--m-gris);box-shadow:inset 0 0 0 1px var(--m-linea)}
/* Figura 2 · las 6 R */
.r-grupos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:22px 16px}
.r-mover{grid-column:1/-1}
.r-gt{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--m-gris);margin:0 0 10px}
.r-fila{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px}
.r-g .r{display:flex;flex-direction:column;gap:6px;background:var(--m-papel);border-radius:12px;padding:14px 16px;font-size:calc(var(--m-fs) * .78);line-height:1.4;color:var(--m-gris);box-sizing:border-box}
.r-g{display:flex;flex-direction:column}
.r-g>.r,.r-g>.r-fila{flex:1}
.r-g .r i{font-size:1.45em;line-height:1.1;color:var(--m-tinta)}
.r-mover .r{box-shadow:inset 0 2px 0 var(--m-acento)}
.r-eje{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--m-gris);background:linear-gradient(90deg,var(--m-suave),var(--m-acento)) no-repeat 0 0 / 100% 3px;border-radius:2px}
.r-eje span:last-child::after{content:" →"}
/* Figura 3 · ciclo FinOps */
.f-fases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.f-fases .f{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--m-papel);border-radius:12px;padding:16px 18px;font-size:calc(var(--m-fs) * .78);line-height:1.4;color:var(--m-gris)}
.f-fases .f b{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.6em;line-height:1.1;color:var(--m-tinta)}
.f-fases .f-n{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.18em;color:var(--m-acento-texto)}
.f-fases .f:not(:last-child)::after{content:"→";position:absolute;right:-27px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--m-acento-texto)}
.f-vuelta{position:relative;margin:0 16.6%;height:26px;border:1.5px solid var(--m-acento);border-top:0;border-radius:0 0 16px 16px}
.f-vuelta::before{content:"";position:absolute;left:-6.5px;top:-2px;border:6px solid transparent;border-bottom:9px solid var(--m-acento);border-top:0}
.f-vuelta span{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);padding:0 10px;background:#F0EDE5;font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--m-gris);white-space:nowrap}
.m-fig-ciclo .m-fig-panel{padding-bottom:calc(clamp(18px, 1.6vw, 36px) + 8px)}
@media (max-width:640px){
  .m-capas{grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));gap:4px;font-size:13px}
  .m-capas .c-h small{display:none}
  .m-capas .c{font-size:10.5px;letter-spacing:0;min-height:40px;border-radius:8px}
  .r-grupos{grid-template-columns:minmax(0,1fr)}
  .r-fila{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:minmax(0,1fr)}
  .f-fases{grid-template-columns:minmax(0,1fr);gap:26px}
  .f-fases .f:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-24px;transform:translateX(-50%)}
  .f-vuelta{height:auto;margin:16px 0 0;border:0}
  .f-vuelta::before{content:none}
  .f-vuelta span{position:static;transform:none;display:block;text-align:center;background:none}
  .f-vuelta span::before{content:"↺ "}
}

/* Posts con ilustración SVG de cabecera (post-hero) y figuras SVG dentro del texto */
.margen .post-hero{max-width:calc(var(--m-fs) * 51.5);margin:32px 0 0;border-radius:18px}
.margen figure.post-foto{margin-top:32px}
.margen section[itemprop=articleBody] .art-inline{margin:36px 0}
.margen section[itemprop=articleBody] .art-inline svg,.margen .post-hero svg{max-width:100%;height:auto}
/* El aviso de actualización (VeriFactu) conserva su texto y no lleva la etiqueta «EN CORTO» */
.margen section[itemprop=articleBody] .callout.aviso-actualizacion::before{content:"ACTUALIZACIÓN"}
.margen section[itemprop=articleBody] .callout.aviso-actualizacion{background:#F0EDE5;margin-bottom:24px}
.margen section[itemprop=articleBody] pre{overflow-x:auto;max-width:100%;font-size:.8em;line-height:1.5;background:#F0EDE5;border-radius:12px;padding:18px 20px}
.margen section[itemprop=articleBody] blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:2px solid var(--m-acento)}
/* Código en línea y enlaces largos: se parten en vez de ensanchar la página */
.margen section[itemprop=articleBody] code{overflow-wrap:anywhere}
.margen section[itemprop=articleBody] p,.margen section[itemprop=articleBody] li{overflow-wrap:break-word}

/* Figuras nuevas de summumsistemas.es (2-nov-2026). Solo variables del sitio (--m-*). Sin modo oscuro: el sitio no lo tiene. */
/* Cabecera común de una figura: título visible (el aria-labelledby apunta al figcaption) */
.margen .m-fig .fx-t{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--m-gris);margin:0 0 14px}
/* Pasos (m-fig-pasos) */
.m-fig-pasos .p-lista{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:12px}
.m-fig-pasos .p{display:flex;flex-direction:column;gap:6px;background:var(--m-papel);border-radius:12px;padding:16px 18px;font-size:calc(var(--m-fs) * .78);line-height:1.4;color:var(--m-gris);box-shadow:inset 0 2px 0 var(--m-acento);box-sizing:border-box}
.m-fig-pasos .p b{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.3em;line-height:1.15;color:var(--m-tinta)}
.m-fig-pasos .p-n{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.18em;color:var(--m-tinta)}
.m-fig-pasos .p-marca{align-self:flex-start;margin-top:auto;padding:3px 8px;border-radius:8px;background:var(--m-acento);color:var(--m-tinta);font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.06em}
.m-fig-pasos .p-aviso{box-shadow:inset 0 2px 0 var(--m-tinta)}
.m-fig-pasos .p-resultado{margin-top:12px;padding:14px 18px;border-radius:12px;background:var(--m-suave);box-shadow:inset 0 0 0 1px var(--m-acento);font-size:calc(var(--m-fs) * .78);line-height:1.45;color:var(--m-tinta)}
.m-fig-pasos .p-resultado b{font-family:'Geist Mono',ui-monospace,monospace;font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:4px}
/* Matriz (m-fig-mat) */
.m-fig-mat .mt{display:grid;grid-template-columns:var(--cols);gap:6px;font-size:calc(var(--m-fs) * .78);line-height:1.4}
.m-fig-mat .mt-h{padding:0 6px 6px;letter-spacing:.06em;font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--m-gris)}
.m-fig-mat .mt-c{background:var(--m-papel);border-radius:10px;padding:12px 14px;color:var(--m-gris);box-sizing:border-box;min-width:0}
.m-fig-mat .mt-c b{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.3em;color:var(--m-tinta)}
.m-fig-mat .mt-k{box-shadow:inset 3px 0 0 var(--m-acento);color:var(--m-tinta)}
.m-fig-mat .mt-l{display:none}
.margen .m-fig p.mt-nota{margin:16px 0 0;font-size:calc(var(--m-fs) * .78);line-height:1.45;color:var(--m-tinta)}
/* Dos columnas (m-fig-dos) */
.m-fig-dos .d-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.m-fig-dos .d{display:flex;flex-direction:column;gap:8px;background:var(--m-papel);border-radius:12px;padding:16px 18px;font-size:calc(var(--m-fs) * .78);line-height:1.4;color:var(--m-gris);box-sizing:border-box}
.m-fig-dos .d-1{box-shadow:inset 0 3px 0 var(--m-acento)}
.m-fig-dos .d-2{box-shadow:inset 0 3px 0 var(--m-tinta)}
.m-fig-dos .d>b{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.3em;line-height:1.15;color:var(--m-tinta)}
.m-fig-dos .d ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.m-fig-dos .d li{padding:0 0 0 14px;margin:0;position:relative;color:var(--m-gris)}
.m-fig-dos .d li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--m-acento)}
.margen .m-fig p.d-nota{margin:12px 0 0;padding:12px 16px;border-radius:12px;background:var(--m-suave);box-shadow:inset 0 0 0 1px var(--m-acento);font-size:calc(var(--m-fs) * .78);line-height:1.45;color:var(--m-tinta)}
/* Barra proporcional (m-fig-barra) */
.m-fig-barra .b-barra{display:flex;gap:4px;height:44px;margin-bottom:16px}
.m-fig-barra .b-seg{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:8px;font-family:'Geist Mono',ui-monospace,monospace;font-size:13px;color:var(--m-tinta)}
.m-fig-barra .b-1{flex:4 1 0;background:var(--m-tinta);color:var(--m-papel)}
.m-fig-barra .b-2{flex:33 1 0;background:var(--m-acento)}
.m-fig-barra .b-3{flex:36 1 0;background:var(--m-papel);box-shadow:inset 0 0 0 1px var(--m-gris)}
.m-fig-barra .b-total{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--m-gris);margin:-6px 0 14px}
.m-fig-barra .b-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1.6fr);gap:12px}
.m-fig-barra .b-col{background:var(--m-papel);border-radius:12px;padding:14px 16px;font-size:calc(var(--m-fs) * .78);line-height:1.4;color:var(--m-gris);box-sizing:border-box}
.m-fig-barra .b-col>b{display:block;font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.3em;line-height:1.15;color:var(--m-tinta);margin-bottom:6px}
.m-fig-barra .b-fam{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.m-fig-barra .b-fam span{padding:2px 8px;border-radius:6px;background:var(--m-suave);color:var(--m-tinta);font-family:'Geist Mono',ui-monospace,monospace;font-size:12px}
/* Niveles (m-fig-niveles) */
.m-fig-niveles .n-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.m-fig-niveles .n{display:flex;flex-direction:column;gap:6px;background:var(--m-papel);border-radius:12px;padding:16px 18px;font-size:calc(var(--m-fs) * .78);line-height:1.4;color:var(--m-gris);box-sizing:border-box}
.m-fig-niveles .n b{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.3em;color:var(--m-tinta)}
.m-fig-niveles .n-1{border-top:4px solid var(--m-suave)}
.m-fig-niveles .n-2{border-top:10px solid var(--m-acento);padding-top:12px}
.m-fig-niveles .n-3{border-top:18px solid var(--m-tinta);padding-top:8px}
.m-fig-niveles .n-ej{margin-top:12px;padding:14px 18px;border-radius:12px;background:var(--m-suave);box-shadow:inset 0 0 0 1px var(--m-acento);font-size:calc(var(--m-fs) * .78);line-height:1.45;color:var(--m-tinta)}
.m-fig-niveles .n-ej b{font-family:'Geist Mono',ui-monospace,monospace;font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:4px}
/* Línea de tiempo (m-fig-linea) */
.m-fig-linea .l-lista{list-style:none;margin:0;padding:0 0 0 22px;position:relative;display:flex;flex-direction:column;gap:12px}
.m-fig-linea .l-lista::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--m-acento)}
.m-fig-linea .l{position:relative;margin:0;padding:12px 16px;background:var(--m-papel);border-radius:12px;font-size:calc(var(--m-fs) * .78);line-height:1.4;color:var(--m-gris);display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:4px 16px;align-items:baseline}
.m-fig-linea .l::before{content:"";position:absolute;left:-23px;top:1.1em;width:12px;height:12px;border-radius:50%;background:var(--m-acento);box-shadow:0 0 0 3px #F0EDE5}
.m-fig-linea .l-pend::before{background:#F0EDE5;box-shadow:inset 0 0 0 2px var(--m-acento),0 0 0 3px #F0EDE5}
.m-fig-linea .l b{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.3em;line-height:1.15;color:var(--m-tinta)}
.m-fig-linea .l-tag{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.06em;background:var(--m-acento);color:var(--m-tinta)}
.m-fig-linea .l-tag.t2{background:var(--m-tinta);color:var(--m-papel)}
.m-fig-linea .l-tag.t3{background:none;box-shadow:inset 0 0 0 1px var(--m-gris);color:var(--m-tinta)}
.m-fig-linea .l-d{display:flex;flex-direction:column;align-items:flex-start}
@media (max-width:900px){
  .m-fig-pasos .p-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .m-fig-pasos .p-lista{grid-template-columns:minmax(0,1fr)}
  .m-fig-mat .mt{grid-template-columns:minmax(0,1fr);gap:8px}
  .m-fig-mat .mt-h{display:none}
  .m-fig-mat .mt-l{display:block;font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--m-gris);margin-bottom:2px}
  .m-fig-mat .mt-c.mt-k{margin-top:6px}
  .m-fig-dos .d-grid{grid-template-columns:minmax(0,1fr)}
  .m-fig-barra .b-cols{grid-template-columns:minmax(0,1fr)}
  .m-fig-barra .b-seg{font-size:11px}
  .m-fig-niveles .n-grid{grid-template-columns:minmax(0,1fr);align-items:stretch}
  .m-fig-linea .l{grid-template-columns:minmax(0,1fr)}
}
/* 2-nov (correcciones) */
.m-fig-barra .b-n{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:6px;font-family:'Geist Mono',ui-monospace,monospace;font-weight:400;font-size:11px;letter-spacing:.04em;vertical-align:middle;color:var(--m-tinta)}
.m-fig-barra .b-n.b-1{background:var(--m-tinta);color:var(--m-papel)}
.m-fig-barra .b-n.b-2{background:var(--m-acento)}
.m-fig-barra .b-n.b-3{background:var(--m-papel);box-shadow:inset 0 0 0 1px var(--m-gris)}
.m-fig-pasos .p-alt{margin-top:12px;padding:12px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--m-acento)}
.m-fig-pasos .p-alt-t{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--m-tinta);margin:0 0 10px}
.m-fig-pasos .p-alt-g{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch}
.m-fig-pasos .p-o{align-self:center;font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:1.3em;color:var(--m-tinta)}
@media (max-width:640px){
  .m-fig-pasos .p-alt-g{grid-template-columns:minmax(0,1fr)}
  .m-fig-pasos .p-o{justify-self:center}
}