/* Estilos propios de las fichas de estrategia (extraídos de la ficha de GEDA). Se cargan después de site.css */
.crumbs a{color:var(--muted);text-decoration:none}
.strat-hero h1{font-size:clamp(3rem,8vw,5.2rem);letter-spacing:-.03em;margin:.2rem 0 .8rem}
.risk-lg{margin:1.2rem 0 1.4rem}
.risk-lg .risk-bars{max-width:220px}
.pull{margin:1.8rem 0 0;padding:.2rem 0 .2rem 1rem;border-left:3px solid var(--c,var(--accent));color:var(--muted);font-size:var(--fs-sm);line-height:1.6}
.hp-kpis-2{margin-top:.6rem}
.container.narrow{max-width:820px}
.method.two{grid-template-columns:minmax(0,1fr)}
@media(min-width:760px){
  .method.two{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.lede-note{max-width:70ch;margin:1.6rem auto 0;text-align:center;color:var(--muted)}
.lede-note a{color:var(--text);text-decoration:underline}
.name-note{margin:2rem auto 0;max-width:62ch}
.name-note blockquote{margin:0;padding:1.2rem 1.4rem;border:1px solid var(--line);border-left:3px solid var(--c,var(--c-geda));border-radius:var(--r-lg);background:var(--surface);color:var(--muted);font-style:italic}
.slots{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:2rem 0 .8rem}
@media(min-width:760px){
  .slots{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.slot-group{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.2rem}
.slot-group h3{font-size:var(--fs-base,1rem);margin:.8rem 0 .3rem}
.slot-group p{color:var(--muted);font-size:var(--fs-sm);margin:0}
.slot-tiles{display:flex;gap:.4rem}
.tile{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:10px;background:color-mix(in srgb,var(--c-geda) 22%,transparent);color:var(--c-geda);font-weight:800;font-family:var(--font-mono)}
.fineprint.centered{text-align:center;max-width:70ch;margin-inline:auto}
.cycle{list-style:none;padding:0;margin:2rem 0;display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;counter-reset:c}
@media(min-width:760px){
  .cycle{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.cycle li{position:relative;padding:1rem 1.1rem;border:1px dashed var(--line-2,var(--line));border-radius:var(--r-lg);display:flex;flex-direction:column;gap:.3rem}
.cycle li b{font-size:var(--fs-sm);color:var(--text)}
.cycle li span{font-size:var(--fs-sm);color:var(--muted)}
.callout{display:flex;gap:.8rem;align-items:flex-start;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--muted);font-size:var(--fs-sm)}
.callout .icon{flex:0 0 20px;margin-top:.15rem;color:var(--c-geda)}
.callout p{margin:0}
.callout strong{color:var(--text)}
.pos-grid{list-style:none;margin:1.8rem 0 .8rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
@media(min-width:760px){
  .pos-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.pcard{display:flex;flex-direction:column;gap:.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1rem 1.1rem}
.pcard b{font-size:1.25rem;color:var(--text)}
.pcard span{font-size:var(--fs-sm);color:var(--muted)}
.pcard .pos-g{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-geda);font-weight:700}
.heat-wrap{margin-top:1.5rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
table.heat{border-collapse:collapse;width:100%;min-width:860px;font-size:.78rem;font-variant-numeric:tabular-nums}
table.heat th,table.heat td{padding:.45rem .3rem;text-align:center;white-space:nowrap;border-bottom:1px solid var(--line)}
table.heat thead th{color:var(--muted);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}
table.heat tbody th{text-align:left;padding-left:.8rem;color:var(--text);font-weight:700;position:sticky;left:0;background:var(--surface);z-index:1}
table.heat td.yr{font-weight:800;border-left:1px solid var(--line-2,var(--line))}
.tag-s{display:inline-block;margin-left:.4rem;padding:.05rem .4rem;border-radius:99px;font-size:.62rem;font-weight:700;letter-spacing:.03em;vertical-align:middle}
.tag-s.sim{background:color-mix(in srgb,var(--muted) 18%,transparent);color:var(--muted)}
.tag-s.real{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}
#realNote .callout{margin-top:1rem}
.metrics-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;margin-top:1.8rem}
@media(min-width:900px){
  .metrics-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}
}
.metrics-grid h3{margin:0 0 .8rem;font-size:1.05rem}
table.cmp-mini{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
table.cmp-mini th,table.cmp-mini td{padding:.65rem .4rem;text-align:right;border-bottom:1px solid var(--line);white-space:normal}
table.cmp-mini th[scope=row],table.cmp-mini thead th:first-child{text-align:left}
table.cmp-mini thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
table.cmp-mini td.best{font-weight:800}
.facts{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.facts li{display:flex;flex-direction:column;gap:.1rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}
.facts li:last-child{border:0;padding:0}
.facts b{font-size:1.4rem}
.facts span{color:var(--muted);font-size:var(--fs-sm)}
.prose{color:var(--muted);line-height:1.75}
.prose strong{color:var(--text)}
.prose ul{padding-left:1.2rem;display:grid;gap:.5rem}
details.more{margin-top:1.4rem;border:1px solid var(--line);border-radius:var(--r-lg);padding:.9rem 1.2rem;background:var(--surface)}
details.more summary{cursor:pointer;font-weight:700;color:var(--text)}
details.more .prose{margin-top:.8rem}
.fit{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem}
@media(min-width:800px){
  .fit{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.fit-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.4rem}
.fit-col h3{display:flex;gap:.5rem;align-items:center;margin:0 0 .8rem;font-size:1.05rem}
.fit-col.yes h3 .icon{color:var(--pos)}
.fit-col.no h3 .icon{color:var(--neg)}
.fit-col ul{margin:0;padding-left:1.1rem;display:grid;gap:.55rem;color:var(--muted)}
.section.tight{padding-block:2.5rem}
.small-h{font-size:1.1rem;margin:0 0 1rem}
.others{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
@media(min-width:900px){
  .others{grid-template-columns:repeat(5,minmax(0,1fr))}
}
.others a{display:flex;flex-direction:column;gap:.2rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);text-decoration:none;color:var(--text)}
.others a:hover{border-color:var(--accent)}
.others b{font-family:var(--font-mono)}
.others span{font-size:var(--fs-xs);color:var(--muted)}
.cta-simple{text-align:center;padding:clamp(1.6rem,4vw,3rem)}
.cta-simple .offer{display:inline-block;margin-bottom:.8rem}
.prose p{margin:0 0 1rem}
.prose ul{margin:0 0 1rem}
.tech{list-style:none;margin:2rem 0 1.5rem;padding:0;display:grid;gap:1rem;counter-reset:t}
.tech-step{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:1rem;padding:1.3rem 1.4rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.tech-step .step-n{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:12px;background:color-mix(in srgb,var(--c-geda) 22%,transparent);color:var(--c-geda);font-weight:800;font-family:var(--font-mono)}
.tech-step h3{margin:.1rem 0 .4rem;font-size:1.1rem}
.tech-step p{margin:0;color:var(--muted);line-height:1.65}
.tech-step h4{margin:.7rem 0 .2rem;font-size:.95rem}
.slots-sm{margin:1.1rem 0 0}
.slots-sm .slot-group{padding:.9rem}
.slots-sm .slot-group p{font-size:var(--fs-xs)}
.windows{margin:1.2rem 0 0;display:grid;gap:5px}
.win{height:20px;display:flex;justify-content:flex-end;margin-left:auto;width:var(--w);border-radius:6px;background:color-mix(in srgb,var(--c-geda) 32%,transparent);align-items:center;padding-inline:.5rem;font-size:.7rem;font-family:var(--font-mono);color:var(--text)}
.win.fade{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c-geda) 22%,transparent));opacity:.7}
.windows figcaption{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--muted);margin-top:.2rem}
@media(max-width:560px){
  .tech-step{grid-template-columns:minmax(0,1fr)}
}
.tl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:1rem 1rem .6rem;margin-top:1.5rem;-webkit-overflow-scrolling:touch}
.tl{--pm:9px;width:calc(var(--n,129) * var(--pm));position:relative}
.tl-axis{position:relative;height:1.2rem;margin-bottom:.3rem}
.tl-axis span{position:absolute;top:0;font-size:.68rem;color:var(--muted);transform:translateX(-1px);border-left:1px solid var(--line);padding-left:.25rem;height:100%}
.tl-row{margin-bottom:1rem}
.tl-row h4{position:sticky;left:0;margin:0 0 .35rem;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);width:max-content}
.tl-track{position:relative;height:calc(var(--lanes) * 26px)}
.tl-bar{position:absolute;height:22px;border-radius:5px;overflow:hidden;white-space:nowrap;text-overflow:clip;font-size:.66rem;font-weight:700;line-height:22px;padding-inline:.3rem;color:#fff;font-family:var(--font-mono);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.hint-m{display:none}
@media(max-width:760px){
  .hint-m{display:block}
}
.stat-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1.6rem}
@media(min-width:900px){
  .stat-row{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.stat{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.stat b{font-size:1.6rem;color:var(--text)}
.stat span{font-size:var(--fs-sm);color:var(--muted);line-height:1.45}
.sub-h{margin:2.2rem 0 .9rem;font-size:1.15rem}
.tops{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem}
@media(min-width:760px){
  .tops{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.top-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1rem 1.1rem}
.top-col h4{margin:0 0 .6rem;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-geda)}
.top-col ol{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.top-col li{display:flex;justify-content:space-between;gap:.5rem;font-size:var(--fs-sm);color:var(--muted)}
.top-col li b{color:var(--text)}
table.dd-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
table.dd-table th,table.dd-table td{padding:.7rem .6rem;text-align:left;border-bottom:1px solid var(--line);white-space:normal}
table.dd-table thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.not-do{margin-top:1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.3rem 1.4rem}
.not-do h3{margin:0 0 .6rem;font-size:1.05rem}
.not-do ul{margin:0;padding-left:1.1rem;display:grid;gap:.45rem;color:var(--muted)}
.stat-row+.callout{margin-top:1rem}
.strat-hero h1{background:linear-gradient(95deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.tech-step .step-n{background:var(--accent);color:var(--accent-ink)}
.tile{background:var(--c-geda);color:#1a1200}
.stat{border-top:4px solid var(--accent)}
.stat:nth-child(2){border-top-color:var(--accent-2)}
.stat:nth-child(3){border-top-color:var(--c-geda)}
.stat:nth-child(4){border-top-color:var(--pos)}
.top-col h4{color:var(--accent)}
.top-col:nth-child(2) h4{color:var(--accent-2)}
.top-col:nth-child(3) h4{color:var(--c-geda)}
.top-col:nth-child(4) h4{color:var(--pos)}
.pcard{border-top:4px solid var(--c-geda)}
.m-card .m-ic{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
.panel,.m-card,.stat,.tech-step,.top-col,.pcard,.slot-group,.not-do,.hero-panel{box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 9%,transparent)}
.tl-bar{box-shadow:none}
.callout .icon{color:var(--accent-2)}

/* Texto migrado de WordPress */
.prose.wp p{margin:0 0 1rem}
.prose.wp .wp-h{font-size:var(--fs-lg);margin:1.8rem 0 .6rem}
.prose.wp ul{margin:0 0 1.1rem 1.2rem;list-style:disc;display:grid;gap:.45rem}
.prose.wp ul li{color:var(--muted)}
.prose.wp p{color:var(--muted)}
.prose.wp strong{color:var(--text)}

/* Línea destacada bajo el título (todas las fichas) */
.kicker{margin:0 0 .6rem;font-size:var(--fs-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--c-geda)}

/* Imagen de cabecera de cada ficha */
.ficha-cover-wrap{padding-bottom:clamp(1.2rem,3vw,2rem)}
.ficha-cover{margin:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/6;background:var(--surface-2);box-shadow:var(--shadow-lg)}
.ficha-cover img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:700px){.ficha-cover{aspect-ratio:16/9}}

/* Ejemplo de riesgo en euros */
.risk-ex{margin-top:1.5rem;padding:1.4rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2)}
.risk-ex h3{margin:0 0 .4rem;font-size:var(--fs-lg)}
.risk-ex p{margin:.3rem 0}
.risk-ex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1rem 0}
.risk-ex-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.8rem .7rem;text-align:center}
.risk-ex-grid small{display:block;color:var(--muted);font-size:var(--fs-xs);line-height:1.35;min-height:2.6em}
.risk-ex-grid b{display:block;margin-top:.3rem;font-size:1.5rem;line-height:1.1}
.risk-ex-note{font-size:var(--fs-sm);color:var(--muted);line-height:1.6}
@media(max-width:600px){.risk-ex-grid{grid-template-columns:1fr}.risk-ex-grid small{min-height:0}}