/* Plantilla «Cuaderno»: Summum IA. Pestañas fijas arriba, texto y columna de claves en cuadrícula. */
.cuaderno{
  --c-papel:#FAFAF7; --c-tinta:#0A0A0A; --c-gris:#5E5D5A; --c-linea:#E3E2DE;
  --c-acento:#5A95D6; --c-deep:#3F77B6; --c-claro:#7CB0E6; --c-suave:rgba(90,149,214,.14); --c-rejilla:rgba(90,149,214,.13);
  --c-fs:clamp(18px, calc(.5vw + 10.8px), 24px);
  --c-pad:clamp(40px, 4vw, 96px);
  --c-txt-w:calc(var(--c-fs) * 37.5); --c-gap:56px;
  --c-clv-w:max(300px, calc(100% - var(--c-txt-w) - var(--c-gap)));
  max-width:2240px; margin:0 auto; padding:0 var(--c-pad); box-sizing:content-box;
  font-family:'Geist',system-ui,sans-serif; color:var(--c-tinta);
}
html,body{overflow-x:clip}
body .cuaderno article.c-article[role=main]{max-width:none;margin:0;padding:0 0 64px}
.cuaderno nav[itemtype="https://schema.org/BreadcrumbList"]{max-width:none;margin:36px 0 0;padding:0}
.cuaderno 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(--c-gris);gap:.5rem}
.cuaderno nav[itemtype="https://schema.org/BreadcrumbList"] a{color:var(--c-gris)}
.cuaderno nav[itemtype="https://schema.org/BreadcrumbList"] a:hover{color:var(--c-deep)}
.cuaderno nav[itemtype="https://schema.org/BreadcrumbList"] li:last-child{color:var(--c-tinta)}
/* Cabecera */
body .cuaderno article.c-article[role=main]>header{max-width:calc(var(--c-fs) * 56);margin:28px 0 0;padding:0 0 28px;border-bottom:0}
body .cuaderno article.c-article[role=main]>header h1{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(38px, 4.6vw, calc(var(--c-fs) * 3.3));line-height:1.06;letter-spacing:-.03em;margin:0 0 22px;text-wrap:balance}
body .cuaderno article.c-article[role=main]>header p{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-gris)}
.cuaderno .post-hero{margin:0;padding:0;background:none;border-radius:0}
.cuaderno .post-hero figure{margin:0}
.cuaderno .post-hero img{width:100%;height:clamp(180px, 15vw, 400px)!important;object-fit:cover;border-radius:16px!important;display:block}
/* Pestañas fijas */
.c-tabs{position:sticky;top:var(--c-navh,72px);z-index:40;margin:28px calc(-1 * var(--c-pad)) 0;padding:0 var(--c-pad);background:rgba(250,250,247,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--c-linea)}
.c-tabs ol{list-style:none;margin:0;padding:8px 0 0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.c-tabs ol::-webkit-scrollbar{display:none}
.c-tabs li{flex:none;margin:0}
.c-tabs a{display:flex;align-items:baseline;gap:10px;max-width:calc(var(--c-fs) * 17);min-height:44px;padding:11px 16px 9px;box-sizing:border-box;margin-bottom:-1px;border:1px solid transparent;border-bottom:0;border-radius:10px 10px 0 0;color:var(--c-gris);text-decoration:none;font-size:14px;line-height:1.3}
.c-tabs a:hover{color:var(--c-tinta);background:var(--c-suave)}
.c-tabs .n{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;flex:none}
.c-tabs .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.c-tabs a[aria-current=true]{background:#fff;color:var(--c-tinta);border-color:var(--c-linea);box-shadow:inset 0 2px 0 var(--c-acento)}
.c-tabs a[aria-current=true] .n{color:var(--c-deep)}
.c-prog{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--c-acento)}
/* Cuerpo: texto + columna de claves, con rejilla de cuaderno */
.c-body{position:relative}
.c-body::before{content:"";position:absolute;top:0;bottom:0;right:0;width:var(--c-clv-w);z-index:0;pointer-events:none;border-left:1px solid var(--c-linea);
  background-color:#F4F7FB;background-image:linear-gradient(var(--c-rejilla) 1px,transparent 1px),linear-gradient(90deg,var(--c-rejilla) 1px,transparent 1px);background-size:28px 28px}
.cuaderno section[itemprop=articleBody]{font-size:var(--c-fs);line-height:1.72;counter-reset:ch}
.c-row{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,var(--c-txt-w)) var(--c-clv-w);justify-content:space-between;padding-top:56px}
.c-row-intro{padding-top:40px}
.c-txt{min-width:0}
.c-clv{min-width:0;padding:0 26px;box-sizing:border-box}
.c-clv-t,.c-lab,.cuaderno .c-ficha dt{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-gris)}
.c-clv-t{margin:0 0 14px}
.cuaderno section[itemprop=articleBody] p{margin:0 0 20px}
.cuaderno section[itemprop=articleBody] h2{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.9em;line-height:1.16;letter-spacing:-.02em;margin:0 0 20px;scroll-margin-top:calc(var(--c-navh,72px) + var(--c-tabsh,52px) + 28px);counter-increment:ch}
.cuaderno section[itemprop=articleBody] h2::before{content:"Sección " counter(ch, decimal-leading-zero);display:block;width:auto;height:auto;border-radius:0;margin:0 0 12px;background:none;font-family:'Geist Mono',ui-monospace,monospace;font-weight:400;font-size:12px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:var(--c-deep)}
.cuaderno section[itemprop=articleBody] h3{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.3em;line-height:1.25;letter-spacing:-.01em;margin:32px 0 10px}
.cuaderno section[itemprop=articleBody] a{text-decoration-color:var(--c-acento);text-decoration-thickness:1.5px;text-underline-offset:3px}
.cuaderno section[itemprop=articleBody] a:hover{color:var(--c-deep)}
.cuaderno section[itemprop=articleBody] ul li::marker{color:var(--c-acento)}
.cuaderno section[itemprop=articleBody] ol li::marker{color:var(--c-deep)}
.cuaderno section[itemprop=articleBody] .callout{background:#fff;border:1px solid var(--c-linea);border-left:4px solid var(--c-acento);border-radius:0 14px 14px 0;padding:22px 28px;margin:0 0 8px}
.cuaderno 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(--c-deep);margin-bottom:8px}
.cuaderno section[itemprop=articleBody] .callout p{font-size:1em;line-height:1.65;margin:0}
.cuaderno section[itemprop=articleBody] table{font-size:.833em;background:#fff}
.cuaderno section[itemprop=articleBody] table thead th,.cuaderno section[itemprop=articleBody] table tr:first-child th{background:var(--c-suave)}
.cuaderno section[itemprop=articleBody] table tr:nth-child(2n) td{background:#F4F7FB}
/* Tarjetas de claves */
.c-card{position:relative;max-width:calc(var(--c-fs) * 30);background:#fff;border:1px solid var(--c-linea);border-left:3px solid var(--c-acento);border-radius:6px 14px 14px 6px;padding:20px 22px 22px;box-shadow:0 10px 24px -18px rgba(10,10,10,.28);transition:box-shadow .2s,border-color .2s}
.c-card.act{border-color:var(--c-acento);box-shadow:0 0 0 3px var(--c-suave),0 10px 24px -18px rgba(10,10,10,.28)}
.c-card .c-lab{color:var(--c-deep)}
.c-card .c-q{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:400;font-size:calc(var(--c-fs) * 1.08);line-height:1.42;letter-spacing:-.005em;margin:10px 0 0}
/* Ficha */
.c-ficha{max-width:calc(var(--c-fs) * 30);background:#fff;border:1px solid var(--c-linea);border-radius:14px;padding:18px 22px 8px}
.c-ficha dl{margin:10px 0 0;font-size:calc(var(--c-fs) * .8);line-height:1.45}
.c-ficha dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px dashed var(--c-linea)}
.c-ficha dd{margin:0;text-align:right}
/* Enlaces relacionados (aside original, intacto) y llamada a la acción (al final de la columna) */
.c-row aside>section{margin:28px 0 0;max-width:calc(var(--c-fs) * 30)}
.c-row aside section section h3{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--c-gris);margin:0 0 8px}
.c-row aside ul{list-style:none;margin:0;padding:0}
.c-row aside li{font-size:calc(var(--c-fs) * .78);line-height:1.45;border-bottom:1px dashed var(--c-linea)}
.c-row aside li a{display:block;padding:7px 0;color:var(--c-tinta);text-decoration:none}
.c-row aside li a:hover{color:var(--c-deep)}
.c-fin{margin-top:28px}
.cuaderno .post-cta.c-cta{max-width:calc(var(--c-fs) * 30);margin:0;padding:26px;background:#0A0A0A;color:#FAFAF7;border-radius:16px;text-align:left}
.cuaderno .c-cta>div{max-width:none;margin:0;text-align:left}
.cuaderno .c-cta p:first-child{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-claro);margin:0 0 12px}
.cuaderno .c-cta h2{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:calc(var(--c-fs) * 1.5);line-height:1.15;letter-spacing:-.01em;color:#FAFAF7;margin:0 0 12px}
.cuaderno .c-cta h2::before{content:none}
.cuaderno .c-cta h2 span{font-style:italic;color:var(--c-claro)}
.cuaderno .c-cta p{font-size:calc(var(--c-fs) * .85);line-height:1.55;color:#CFCCC4;margin:0 0 20px}
.cuaderno .c-cta p:first-child{color:var(--c-claro);font-size:11px;margin:0 0 12px}
.cuaderno .c-cta>div>div{display:flex;flex-direction:column;gap:8px}
.cuaderno .c-cta a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:600;font-size:calc(var(--c-fs) * .85);line-height:1.25;text-align:center;background:var(--c-claro);color:#0A0A0A;border:1px solid var(--c-claro)}
.cuaderno .c-cta a:nth-child(2){background:transparent;color:#FAFAF7;border-color:rgba(250,250,247,.3);font-weight:500}
.cuaderno .c-cta a:hover{filter:brightness(1.08)}
/* Figuras: diagramas de cuaderno */
.cuaderno .c-fig{margin:36px 0 40px;padding:0}
.c-fig-panel{background-color:#fff;background-image:radial-gradient(rgba(63,119,182,.22) 1px,transparent 1.2px);background-size:20px 20px;border:1px solid var(--c-linea);border-radius:14px;padding:clamp(18px, 1.8vw, 34px)}
.cuaderno .c-fig figcaption{display:flex;gap:14px;align-items:baseline;margin-top:12px;font-size:calc(var(--c-fs) * .78);line-height:1.45;color:var(--c-gris)}
.cuaderno .c-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(--c-deep)}
.cuaderno .c-fig i,.cuaderno .c-fig b{font-style:normal}
.c-fig-panel [class$="-malla"]{font-size:calc(var(--c-fs) * .8);line-height:1.4}
.c-fig-panel .rl i,.c-fig-panel .vd b,.c-fig-panel .ps b,.c-fig-panel .rl-hub b{font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-.01em}
.c-fig-panel .rl-n,.c-fig-panel .ps-n,.c-fig-panel .vd-tag,.c-fig-panel .rl-tag{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-deep)}
/* Las figuras se adaptan al ancho de SU columna, no al de la ventana */
.cuaderno .c-fig{container-type:inline-size}
/* Figura 1: el comité y sus cuatro papeles */
.rl-malla{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.rl-hub{display:flex;flex-direction:column;justify-content:center;gap:8px;text-align:center;background:var(--c-acento);color:#0A0A0A;border-radius:14px;padding:22px 18px;border:1.5px solid var(--c-deep)}
.rl-hub .rl-tag{color:#0A0A0A}
.rl-hub b{font-size:1.45em;line-height:1.15}
.rl-hub b::first-letter{text-transform:uppercase}
.rl{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;border:1.5px solid var(--c-tinta);border-radius:12px;padding:14px 16px;color:var(--c-gris);box-sizing:border-box}
.rl i{font-size:1.4em;line-height:1.15;color:var(--c-tinta)}
.rl::after{content:"";position:absolute;bottom:100%;left:50%;height:30px;border-left:1.5px solid var(--c-deep)}
@container (min-width:560px){
  .rl-malla{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);grid-template-rows:auto auto;gap:18px 52px}
  .rl-hub{grid-column:2;grid-row:1/3}
  .rl:nth-child(2){grid-column:1;grid-row:1}.rl:nth-child(3){grid-column:3;grid-row:1}.rl:nth-child(4){grid-column:1;grid-row:2}.rl:nth-child(5){grid-column:3;grid-row:2}
  .rl::after{bottom:auto;top:50%;height:0;width:52px;border-left:0;border-top:1.5px solid var(--c-deep)}
  .rl-i::after{left:100%}.rl-d::after{left:auto;right:100%}
  .rl::before{content:"";position:absolute;top:50%;width:7px;height:7px;margin-top:-4px;border-radius:50%;background:var(--c-deep)}
  .rl-i::before{left:calc(100% + 49px)}.rl-d::before{right:calc(100% + 49px)}
}
/* Figura 2: vida de una fuente */
.vd-malla{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}
.vd{position:relative;display:flex;flex-direction:column;gap:12px;background:#fff;border:1.5px solid var(--c-tinta);border-radius:12px;padding:16px 18px;color:var(--c-gris);box-sizing:border-box}
.vd-cab{display:flex;flex-direction:column;gap:6px}
.vd b{font-size:1.7em;line-height:1.1;color:var(--c-tinta)}
.vd small{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-gris);line-height:1.4}
.vd-cont{display:flex;flex-direction:column;gap:10px;min-width:0}
.vd ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.vd li{position:relative;padding-left:26px}
.vd li::before{content:"";position:absolute;left:0;top:.2em;width:14px;height:14px;border:1.5px solid var(--c-deep);border-radius:3px}
.vd:not(:last-child)::after{content:"";position:absolute;top:100%;left:50%;height:36px;border-left:1.5px solid var(--c-deep)}
.vd:not(:last-child)::before{content:"";position:absolute;top:calc(100% + 27px);left:50%;margin-left:-5px;border:5px solid transparent;border-top:9px solid var(--c-deep);border-bottom:0}
.vd-fila{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px dashed var(--c-linea)}
.vd-fila:first-child{border-top:0;padding-top:0}
.vd-chips{display:flex;flex-wrap:wrap;gap:6px}
.vd-chips em{font-style:normal;background:#F4F7FB;border:1px solid var(--c-linea);border-radius:999px;padding:2px 10px;color:var(--c-tinta)}
.vd-pill{align-self:flex-start;font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:var(--c-suave);color:var(--c-deep);border-radius:6px;padding:3px 9px}
@container (min-width:480px){ .vd{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1.5fr);column-gap:24px;align-items:start} }
@container (min-width:880px){
  .vd-malla{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:48px}
  .vd{display:flex;flex-direction:column}
  .vd:not(:last-child)::after{top:50%;left:100%;height:0;width:48px;border-left:0;border-top:1.5px solid var(--c-deep)}
  .vd:not(:last-child)::before{top:50%;left:calc(100% + 38px);margin:-5px 0 0;border:5px solid transparent;border-left:9px solid var(--c-deep);border-right:0}
}
/* Figura 3: protocolo de incidencias */
.ps-malla{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}
.ps{position:relative;display:flex;flex-direction:column;gap:8px;background:#fff;border:1.5px solid var(--c-tinta);border-radius:12px;padding:16px 16px 18px;color:var(--c-gris);box-sizing:border-box}
.ps-cab{display:flex;flex-direction:column;gap:8px}
.ps b{font-size:1.6em;line-height:1.1;color:var(--c-tinta)}
.ps-n{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--c-deep)}
.ps:not(:last-child)::after{content:"";position:absolute;top:100%;left:50%;height:36px;border-left:1.5px solid var(--c-deep)}
.ps:not(:last-child)::before{content:"";position:absolute;top:calc(100% + 27px);left:50%;margin-left:-5px;border:5px solid transparent;border-top:9px solid var(--c-deep);border-bottom:0}
.ps-vuelta{margin:22px 0 0;text-align:center}
.ps-vuelta span{display:inline-block;padding:6px 14px;border:1.5px dashed var(--c-deep);border-radius:999px;font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-gris)}
.ps-vuelta span::before{content:"↺ ";color:var(--c-deep)}
@container (min-width:480px){ .ps{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1.5fr);column-gap:24px;align-items:start} }
@container (min-width:880px){
  .ps-malla{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
  .ps{display:flex;flex-direction:column}
  .ps:not(:last-child)::after{top:34px;left:100%;height:0;width:40px;border-left:0;border-top:1.5px solid var(--c-deep)}
  .ps:not(:last-child)::before{top:29px;left:calc(100% + 30px);margin:0;border:5px solid transparent;border-left:9px solid var(--c-deep);border-right:0}
  .ps-vuelta{position:relative;margin:22px 12.5% 0;height:30px;border:1.5px dashed var(--c-deep);border-top:0;border-radius:0 0 16px 16px;text-align:center}
  .ps-vuelta::before{content:"";position:absolute;left:-6.5px;top:-2px;border:6px solid transparent;border-bottom:9px solid var(--c-deep);border-top:0}
  .ps-vuelta span{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);padding:0 10px;border:0;border-radius:0;background:#fff}
  .ps-vuelta span::before{content:none}
}
/* <1280: la columna de claves se estrecha */
@media (max-width:1279px){
  .cuaderno{--c-txt-w:calc(var(--c-fs) * 34)}
  .c-clv{padding:0 18px}
}
/* <900: una columna; las claves van tras cada sección */
@media (max-width:900px){
  .cuaderno{--c-pad:20px;--c-fs:17px;padding:0 20px}
  .c-body::before{display:none}
  .c-row{grid-template-columns:minmax(0,1fr);padding-top:44px}
  .c-clv{padding:20px 0 0}
  .c-row-intro .c-clv{order:-1;padding:0 0 28px}
  .c-tabs{margin:24px -20px 0;padding:0 20px}
  .c-tabs a{max-width:70vw}
  .cuaderno section[itemprop=articleBody] h2{font-size:30px;scroll-margin-top:calc(var(--c-navh,64px) + var(--c-tabsh,52px) + 20px)}
  .cuaderno .post-hero img{border-radius:12px}
  .cuaderno nav[itemtype="https://schema.org/BreadcrumbList"]{margin-top:24px}
  .cuaderno section[itemprop=articleBody] .callout{padding:20px}
}
@container (max-width:479px){ .c-fig-panel [class$="-malla"]{font-size:15px} }
@media (max-width:640px){ .cuaderno .c-fig figcaption{flex-direction:column;gap:4px} }
/* La llamada a la acción y los enlaces no cuentan como secciones ni heredan el estilo del texto */
.cuaderno section[itemprop=articleBody] .c-cta h2{counter-increment:none;font-size:calc(var(--c-fs) * 1.5);margin:0 0 12px;scroll-margin-top:0}
.cuaderno section[itemprop=articleBody] .c-cta h2::before{content:none;display:none}
.cuaderno section[itemprop=articleBody] .c-row aside ul{list-style:none;padding:0;margin:0}
.cuaderno section[itemprop=articleBody] .c-row aside li{margin:0}
.cuaderno section[itemprop=articleBody] .c-row aside li a{text-decoration:none}
.cuaderno section[itemprop=articleBody] .c-row aside li a:hover{text-decoration:underline;text-decoration-color:var(--c-acento)}
.cuaderno section[itemprop=articleBody] .c-cta a{text-decoration:none;color:inherit}
.cuaderno section[itemprop=articleBody] .c-cta a:first-of-type{color:#0A0A0A}

/* Cualquier otro elemento del cuerpo se queda dentro de su columna */
.cuaderno .c-txt img,.cuaderno .c-txt svg,.cuaderno .c-txt iframe,.cuaderno .c-txt video{max-width:100%;height:auto}
.cuaderno .c-txt iframe{aspect-ratio:16/9}
.cuaderno .c-txt pre{max-width:100%;overflow-x:auto}
.cuaderno .c-txt{overflow-wrap:break-word}
.cuaderno .c-txt blockquote{max-width:100%;box-sizing:border-box}
.cuaderno .c-cta>div>a{display:flex;align-items:center;justify-content:center;min-height:48px}

/* Figuras nuevas · Cuaderno · summumia.es (preparado 2-nov-2026, sin publicar).
   Solo variables del sitio (--c-*). Tipos: fxc cadena de pasos · fxf filas · fxd cajas enfrentadas · fxt tarjetas · fxb barras.
   El sitio no tiene modo oscuro (cuaderno.css no lo define), así que estas figuras tampoco. */
.cuaderno .c-fig{--fx-azul:color-mix(in srgb, var(--c-deep) 78%, #000)}
.c-fig-panel .fx-titulo{margin:0 0 18px;font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:calc(var(--c-fs) * 1.08);line-height:1.2;letter-spacing:-.01em;color:var(--c-tinta)}
.c-fig-panel [class^="fx"][class$="-malla"]{font-size:calc(var(--c-fs) * .8);line-height:1.4}
.c-fig-panel .fxc-t b,.c-fig-panel .fxc-cab b,.c-fig-panel .fxf-nom,.c-fig-panel .fxd-caja>b,.c-fig-panel .fxt-card>b,.c-fig-panel .fxb-nom{font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-.01em;color:var(--c-tinta)}
.c-fig-panel .fx-mono,.c-fig-panel .fxc-n,.c-fig-panel .fxc-cab small,.c-fig-panel .fxd-tag,.c-fig-panel .fxt-tag,.c-fig-panel .fxf-pill,.c-fig-panel .fxd-cruce span{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.c-fig-panel .fx-pie{margin:22px 0 0;padding:12px 16px;background:#fff;border:1.5px dashed var(--c-deep);border-radius:12px;color:var(--c-gris);font-size:calc(var(--c-fs) * .8);line-height:1.45}
.c-fig-panel .fx-pie b{font-family:'Fraunces',Georgia,serif;font-weight:500;color:var(--c-tinta)}
/* fxc: cadena de pasos, de arriba abajo */
.fxc-malla{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}
.fxc-carril{display:flex;flex-direction:column;gap:26px;min-width:0}
.fxc-cab{display:flex;flex-direction:column;gap:4px;padding-bottom:10px;border-bottom:1.5px solid var(--c-tinta)}
.fxc-cab b{font-size:1.55em;line-height:1.1}
.fxc-cab small{color:var(--c-gris);line-height:1.4;text-transform:none;letter-spacing:.04em}
.fxc-paso{position:relative;display:flex;flex-direction:column;gap:8px;background:#fff;border:1.5px solid var(--c-tinta);border-radius:12px;padding:14px 16px;color:var(--c-gris);box-sizing:border-box}
.fxc-paso:not(:last-child)::after{content:"";position:absolute;top:100%;left:50%;height:26px;border-left:1.5px solid var(--c-deep)}
.fxc-paso:not(:last-child)::before{content:"";position:absolute;top:calc(100% + 17px);left:50%;margin-left:-5px;border:5px solid transparent;border-top:9px solid var(--c-deep);border-bottom:0}
.fxc-cab-p{display:flex;align-items:center;gap:10px}
.fxc-n{display:inline-flex;flex:none;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--c-deep);color:var(--fx-azul)}
.fxc-t{display:block}
.fxc-t b{font-size:1.4em;line-height:1.15}
.fxc-desvio{border-style:dashed;border-color:var(--c-deep)}
.fxc-desvio .fxc-n{background:var(--c-suave)}
@container (min-width:480px){ .fxc-paso{display:grid;grid-template-columns:minmax(200px,.5fr) minmax(0,1.6fr);column-gap:22px;align-items:start} }
/* fxf: filas con nombre, etiqueta y texto; .fxf-escala las escalona */
.fxf-malla{display:flex;flex-direction:column;gap:14px}
.fxf-fila{display:flex;flex-direction:column;gap:8px;background:#fff;border:1.5px solid var(--c-tinta);border-radius:12px;padding:14px 16px;color:var(--c-gris);box-sizing:border-box}
.fxf-izq{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.fxf-nom{font-size:1.4em;line-height:1.15}
.fxf-pill{display:inline-block;background:var(--c-suave);color:var(--c-tinta);color:var(--fx-azul);border-radius:6px;padding:3px 9px;line-height:1.4}
.fxf-aparte{border-style:dashed;border-color:var(--c-deep)}
.fxf-tx{display:block}
@container (min-width:480px){
  .fxf-fila{display:grid;grid-template-columns:minmax(160px,.5fr) minmax(0,1.6fr);column-gap:24px;align-items:start}
  .fxf-escala .fxf-fila:nth-child(2){margin-left:22px}
  .fxf-escala .fxf-fila:nth-child(3){margin-left:44px}
  .fxf-escala .fxf-fila:nth-child(4){margin-left:44px}
}
/* fxd: cajas enfrentadas con un conector entre ellas */
.fxd-malla{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.fxd-tres{gap:18px}
.cuaderno .c-fig-panel ul,.cuaderno .c-fig-panel ol{list-style:none;margin:0;padding:0}
.cuaderno .c-fig-panel li{margin:0}
.fxd-caja{position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;border:1.5px solid var(--c-tinta);border-radius:12px;padding:16px 18px;color:var(--c-gris);box-sizing:border-box;min-width:0}
.fxd-caja>b{font-size:1.5em;line-height:1.15}
.fxd-tag{color:var(--fx-azul)}
.fxd-dentro{border-style:dashed;border-color:var(--c-deep)}
.fxd-caja ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.fxd-caja li{position:relative;padding-left:26px}
.fxd-caja li::before{content:"";position:absolute;left:0;top:.2em;width:14px;height:14px;border:1.5px solid var(--c-deep);border-radius:3px}
.fxd-chips{display:flex;flex-wrap:wrap;gap:6px}
.fxd-chips em{font-style:normal;background:#F4F7FB;border:1px solid var(--c-linea);border-radius:999px;padding:2px 10px;color:var(--c-tinta)}
.fxd-cruce{display:flex;align-items:center;justify-content:center;position:relative;min-height:70px;margin:0}
.fxd-cruce span{position:relative;z-index:1;display:inline-block;background:#fff;border:1.5px dashed var(--c-deep);border-radius:999px;padding:5px 14px;color:var(--c-gris);text-align:center;line-height:1.4}
.fxd-cruce::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1.5px solid var(--c-deep)}
.fxd-cruce::after{content:"";position:absolute;left:50%;bottom:0;margin-left:-5px;border:5px solid transparent;border-top:9px solid var(--c-deep);border-bottom:0}
.fxd-eje{margin:24px 0 0;display:flex;flex-direction:column;gap:6px;color:var(--c-gris)}
.fxd-eje i{display:block;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--c-deep),var(--c-claro))}
.fxd-eje span{display:flex;justify-content:space-between;gap:16px;font-size:calc(var(--c-fs) * .72);line-height:1.35}
@container (min-width:700px){
  .fxd-malla.fxd-dos{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0}
  .fxd-malla.fxd-tres{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr)}
  .fxd-dos .fxd-cruce{margin:0;width:140px;min-height:0}
  .fxd-dos .fxd-cruce::before{left:0;right:0;top:50%;bottom:auto;border-left:0;border-top:1.5px solid var(--c-deep)}
  .fxd-dos .fxd-cruce::after{left:auto;right:0;bottom:auto;top:50%;margin:-5px 0 0;border:5px solid transparent;border-left:9px solid var(--c-deep);border-right:0}
  .fxd-dos .fxd-cruce span{max-width:128px}
}
/* fxt: tarjetas, una por opción */
.fxt-malla{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.fxt-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1.5px solid var(--c-tinta);border-radius:12px;padding:16px 18px;color:var(--c-gris);box-sizing:border-box;min-width:0}
.fxt-card>b{font-size:1.6em;line-height:1.1}
.fxt-tag{color:var(--fx-azul);text-transform:none!important}
.fxt-dentro{border-style:dashed;border-color:var(--c-deep)}
.fxt-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.fxt-card li{position:relative;padding-left:24px}
.fxt-card li::before{content:"";position:absolute;left:0;top:.25em;width:12px;height:12px;border:1.5px solid var(--c-deep);border-radius:3px}
.fxt-card li.fxt-ojo::before{border-color:var(--c-gris);border-style:dashed}
.fxt-card .fxf-pill{align-self:flex-start;margin-top:auto}
@container (min-width:760px){ .fxt-malla{grid-template-columns:repeat(3,minmax(0,1fr))} }
/* fxb: barras proporcionales */
.fxb-malla{display:flex;flex-direction:column;gap:16px}
.fxb-fila{display:flex;flex-direction:column;gap:6px;color:var(--c-gris)}
.fxb-nom{font-size:1.35em;line-height:1.15}
.fxb-pista{height:30px;background:#fff;border:1.5px solid var(--c-tinta);border-radius:8px;padding:3px}
.fxb-pista i{display:block;height:100%;width:var(--w);border-radius:4px;background:var(--c-acento)}
.fxb-ref .fxb-pista i{background:var(--c-deep)}
.fxb-pila{display:flex;height:34px;border:1.5px solid var(--c-tinta);border-radius:8px;background:#fff;padding:3px;gap:3px}
.fxb-pila i{display:block;height:100%;border-radius:4px}
.fxb-pila .fxb-a{flex:0 0 var(--w);background:var(--c-acento)}
.fxb-pila .fxb-b{flex:1 1 0;background:repeating-linear-gradient(135deg,var(--c-suave) 0 5px,#fff 5px 10px);outline:1.5px dashed var(--c-deep);outline-offset:-1.5px}
.fxb-leyenda{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:2px}
.fxb-leyenda div{display:flex;flex-direction:column;gap:2px}
.fxb-leyenda strong{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:2em;line-height:1;color:var(--c-tinta)}
.fxb-kpis{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:20px}
.fxb-kpi{background:#fff;border:1.5px solid var(--c-tinta);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:2px;color:var(--c-gris)}
.fxb-kpi strong{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:2em;line-height:1.05;color:var(--c-tinta)}
@container (min-width:480px){ .fxb-leyenda,.fxb-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .fxb-fila{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1.6fr);column-gap:22px;align-items:center} .fxb-fila .fxb-pista{grid-column:2;grid-row:1} .fxb-fila .fxb-q{grid-column:1;grid-row:1} .fxb-fila .fxb-tx{grid-column:2} }
@container (max-width:479px){ .c-fig-panel [class^="fx"][class$="-malla"]{font-size:15px} }