/* notas.css — estilos comunes para nota-*.php
   Generado por SDD change css-notas-comun.
   Cargado solo cuando $active_nav === 'notas'.
   Cache-bust: bumpear ?v=N en partials/head-common.php tras cada edición. */

/* ─── Hero ──────────────────────────────────────────────────────────────── */
.nota-hero{
  background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 100%);
  color:#fff;
  padding:90px 0 60px;
  position:relative;
  overflow:hidden;
}
.nota-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 85% 30%, rgba(212,168,75,.18), transparent 55%);
  pointer-events:none;
}
.nota-hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;}
.nota-hero .eyebrow{
  display:inline-block;
  background:rgba(212,168,75,.18);
  color:var(--accent);
  padding:6px 14px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:1.4px;
  text-transform:uppercase;
  margin-bottom:18px;
}
.nota-hero h1{color:#fff;margin:0 0 18px;line-height:1.15;}
.nota-hero .subtitle{color:rgba(255,255,255,.85);font-size:1.1rem;margin:0 0 18px;font-style:italic;}
.nota-hero .meta{color:rgba(255,255,255,.78);font-size:.95rem;display:flex;flex-wrap:wrap;gap:18px;align-items:center;}
.nota-hero .meta span{display:inline-flex;align-items:center;gap:8px;}
.nota-hero .meta .dot{width:4px;height:4px;border-radius:50%;background:var(--accent);}
.nota-hero .illu{justify-self:end;max-width:420px;width:100%;}
.nota-hero .illu img{width:100%;height:auto;}

/* ─── Body ───────────────────────────────────────────────────────────────── */
.nota-body{padding:70px 0 40px;}
.nota-body .container{max-width:780px;}
.nota-body .lead{
  font-size:1.2rem;
  line-height:1.65;
  color:var(--ink-700);
  border-left:3px solid var(--accent);
  padding-left:22px;
  margin:0 0 36px;
}
.nota-body p{font-size:1.05rem;line-height:1.8;color:var(--ink-900);margin:0 0 1.2em;}
.nota-body h2{
  font-family:var(--font-head);
  color:var(--navy);
  margin:48px 0 18px;
  font-size:1.5rem;
}
.nota-body h2::after{
  content:"";
  display:block;
  width:42px;
  height:3px;
  background:var(--accent);
  margin-top:10px;
  border-radius:2px;
}

/* ─── Back link ──────────────────────────────────────────────────────────── */
.back-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--blue);
  text-decoration:none;
  font-weight:600;
  margin:30px 0 0;
}
.back-link:hover{color:var(--navy);}

/* CSP-safe helpers for standalone article layouts */
.nota-cta{background:var(--ink-100);}
.nota-cta .btn{margin-top:18px;}
.nota-span-all{grid-column:1 / -1;}
.liderazgo-servicial{grid-column:1 / -1;border-top-color:#70AD47;}
.tag-cultura-etica{background:rgba(112,173,71,.15);color:#508A2E;}
.valuation-note{margin:0;color:var(--ink-700);font-size:.95rem;line-height:1.65;}

/* ─── Closing box (10/18 notas) ─────────────────────────────────────────── */
.closing{
  background:var(--navy);
  color:#fff;
  border-radius:var(--radius);
  padding:28px 32px;
  margin:34px 0 8px;
}
.closing p{color:#fff;margin:0;font-size:1.05rem;line-height:1.7;}
.closing strong{color:var(--accent);}

/* ─── Keypoint box (7/18 notas) ─────────────────────────────────────────── */
.keypoint{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-radius:var(--radius);
  padding:28px 32px;
  margin:24px 0 32px;
  border:1px solid var(--ink-100);
  border-left:4px solid var(--accent);
}
.keypoint p{margin:0;font-size:1.08rem;line-height:1.7;color:var(--ink-900);}
.keypoint strong{color:var(--navy);}

/* ─── Responsive base ────────────────────────────────────────────────────── */
@media (max-width:860px){
  .nota-hero{padding:60px 0 40px;}
  .nota-hero .container{grid-template-columns:1fr;gap:30px;}
  .nota-hero .illu{justify-self:center;max-width:320px;}
  .nota-body{padding:50px 0 30px;}
  .nota-body .lead{font-size:1.08rem;padding-left:18px;}
}

/* Page-specific note styles moved from PHP into this stylesheet for strict CSP. */

/* nota-bi */
/* Overrides de notas.css para esta nota */
.nota-bi .nota-hero h1{color:#fff;margin:0 0 14px;line-height:1.15;}
.nota-bi .nota-body h2{font-size:1.55rem;}

/* Áreas de aplicación */
.nota-bi .areas{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin:24px 0 32px;
}
.nota-bi .area{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:24px 26px;
  box-shadow:var(--shadow-sm);
  position:relative;
  overflow:hidden;
}
.nota-bi .area::before{
  content:"";
  position:absolute;
  top:0;left:0;
  width:4px;height:100%;
  background:var(--blue);
}
.nota-bi .area.ventas::before{background:#2E74B5;}
.nota-bi .area.finanzas::before{background:#D4A84B;}
.nota-bi .area.produccion::before{background:#1F3864;}
.nota-bi .area.marketing::before{background:#70AD47;}
.nota-bi .area .ico{
  width:42px;
  height:42px;
  border-radius:10px;
  background:var(--blue-50);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
}
.nota-bi .area.ventas .ico{background:rgba(46,116,181,.12);}
.nota-bi .area.finanzas .ico{background:rgba(212,168,75,.18);}
.nota-bi .area.produccion .ico{background:rgba(31,56,100,.10);}
.nota-bi .area.marketing .ico{background:rgba(112,173,71,.15);}
.nota-bi .area h3{
  margin:0 0 8px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.05rem;
}
.nota-bi .area p{margin:0;font-size:.95rem;line-height:1.6;color:var(--ink-700);}

/* Ventajas */
.nota-bi .advantages{
  margin:24px 0 32px;
}
.nota-bi .advantage{
  display:grid;
  grid-template-columns:60px 1fr;
  gap:20px;
  align-items:flex-start;
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:24px 26px;
  margin-bottom:14px;
  box-shadow:var(--shadow-sm);
}
.nota-bi .advantage .num{
  font-family:var(--font-head);
  font-weight:800;
  font-size:2.2rem;
  color:var(--accent);
  line-height:1;
}
.nota-bi .advantage h3{
  margin:0 0 6px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.08rem;
}
.nota-bi .advantage p{margin:0;font-size:.98rem;line-height:1.65;color:var(--ink-700);}

@media (max-width:860px){
  .nota-bi .areas{grid-template-columns:1fr;}
  .nota-bi .advantage{grid-template-columns:1fr;gap:8px;}
  .nota-bi .closing,.nota-bi .keypoint{padding:24px;}
}


/* nota-cambio-en-la-empresa */
.nota-cambio-en-la-empresa .reacciones{
  display:grid;
  gap:14px;
  margin:24px 0 32px;
}
.nota-cambio-en-la-empresa .reaccion{
  background:#fff;
  border:1px solid var(--ink-100);
  border-left:4px solid var(--blue);
  border-radius:var(--radius-sm);
  padding:18px 22px;
  box-shadow:var(--shadow-sm);
}
.nota-cambio-en-la-empresa .reaccion h3{
  margin:0 0 6px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.05rem;
}
.nota-cambio-en-la-empresa .reaccion p{margin:0;color:var(--ink-700);font-size:.98rem;line-height:1.6;}
.nota-cambio-en-la-empresa .reaccion.r-negacion{border-left-color:#C00000;}
.nota-cambio-en-la-empresa .reaccion.r-oposicion{border-left-color:#ED7D31;}
.nota-cambio-en-la-empresa .reaccion.r-adaptacion{border-left-color:#D4A84B;}
.nota-cambio-en-la-empresa .reaccion.r-evolucion{border-left-color:#2E74B5;}
.nota-cambio-en-la-empresa .reaccion.r-revolucion{border-left-color:#70AD47;}

.nota-cambio-en-la-empresa .quote-box{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-radius:var(--radius);
  padding:34px 38px;
  margin:40px 0;
  position:relative;
  border:1px solid var(--ink-100);
}
.nota-cambio-en-la-empresa .quote-box::before{
  content:"\201C";
  position:absolute;
  top:-14px;
  left:24px;
  font-family:var(--font-head);
  font-size:5rem;
  color:var(--accent);
  line-height:1;
}
.nota-cambio-en-la-empresa .quote-box p{
  font-size:1.1rem;
  line-height:1.7;
  color:var(--ink-900);
  font-style:italic;
  margin:0 0 12px;
}
.nota-cambio-en-la-empresa .quote-box cite{
  display:block;
  color:var(--blue);
  font-weight:700;
  font-style:normal;
  font-size:.9rem;
  letter-spacing:.5px;
}

@media (max-width:860px){
  .nota-cambio-en-la-empresa .quote-box{padding:28px 24px;}
}


/* nota-cambio-tecnologico */
/* Overrides de notas.css para esta nota */
.nota-cambio-tecnologico .nota-hero h1{color:#fff;margin:0 0 14px;line-height:1.15;}
.nota-cambio-tecnologico .nota-body h2{font-size:1.55rem;}

.nota-cambio-tecnologico .nota-body h3.subhead{
  font-family:var(--font-head);
  color:var(--navy);
  margin:32px 0 12px;
  font-size:1.18rem;
}

/* Stat-strip */
.nota-cambio-tecnologico .stat-strip{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-radius:var(--radius);
  padding:28px 32px;
  margin:24px 0 32px;
  border:1px solid var(--ink-100);
  border-left:4px solid var(--accent);
  display:grid;
  grid-template-columns:auto 1fr;
  gap:24px;
  align-items:center;
}
.nota-cambio-tecnologico .stat-strip .num{
  font-family:var(--font-head);
  font-weight:800;
  font-size:2.6rem;
  color:var(--accent);
  line-height:1;
}
.nota-cambio-tecnologico .stat-strip .num small{font-size:1.4rem;color:var(--accent);}
.nota-cambio-tecnologico .stat-strip p{margin:0;font-size:.98rem;line-height:1.6;color:var(--ink-900);}
.nota-cambio-tecnologico .stat-strip strong{color:var(--navy);}

/* Tres preguntas clave */
.nota-cambio-tecnologico .questions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:24px 0 32px;
}
.nota-cambio-tecnologico .q{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:24px 22px;
  box-shadow:var(--shadow-sm);
  text-align:center;
  border-top:3px solid var(--accent);
}
.nota-cambio-tecnologico .q .qmark{
  font-family:var(--font-head);
  font-weight:800;
  color:var(--accent);
  font-size:2.4rem;
  line-height:1;
  margin-bottom:8px;
}
.nota-cambio-tecnologico .q p{margin:0;font-size:.96rem;line-height:1.55;color:var(--ink-900);font-weight:500;}

/* Glosario de software */
.nota-cambio-tecnologico .software{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:24px 0 32px;
}
.nota-cambio-tecnologico .sw{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:24px 22px;
  box-shadow:var(--shadow-sm);
  position:relative;
}
.nota-cambio-tecnologico .sw::before{
  content:"";
  position:absolute;
  top:0;left:0;
  width:4px;height:100%;
  border-radius:var(--radius-sm) 0 0 var(--radius-sm);
}
.nota-cambio-tecnologico .sw.erp::before{background:#2E74B5;}
.nota-cambio-tecnologico .sw.crm::before{background:#D4A84B;}
.nota-cambio-tecnologico .sw.wms::before{background:#70AD47;}
.nota-cambio-tecnologico .sw .sigla{
  font-family:var(--font-head);
  font-weight:800;
  font-size:1.6rem;
  margin-bottom:6px;
  letter-spacing:1px;
}
.nota-cambio-tecnologico .sw.erp .sigla{color:#2E74B5;}
.nota-cambio-tecnologico .sw.crm .sigla{color:#b88a2e;}
.nota-cambio-tecnologico .sw.wms .sigla{color:#508A2E;}
.nota-cambio-tecnologico .sw .full{
  font-size:.78rem;
  color:var(--ink-700);
  margin-bottom:10px;
  font-style:italic;
}
.nota-cambio-tecnologico .sw p{margin:0;font-size:.92rem;line-height:1.55;color:var(--ink-900);}

/* Reacciones al cambio */
.nota-cambio-tecnologico .reactions{
  margin:24px 0 32px;
}
.nota-cambio-tecnologico .reaction{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:22px 26px 22px 78px;
  margin-bottom:12px;
  position:relative;
  box-shadow:var(--shadow-sm);
}
.nota-cambio-tecnologico .reaction .badge{
  position:absolute;
  top:22px;
  left:22px;
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:800;
  font-family:var(--font-head);
  font-size:1.05rem;
}
.nota-cambio-tecnologico .reaction.r1 .badge{background:#C00000;}
.nota-cambio-tecnologico .reaction.r2 .badge{background:#e07c2c;}
.nota-cambio-tecnologico .reaction.r3 .badge{background:#D4A84B;}
.nota-cambio-tecnologico .reaction.r4 .badge{background:#2E74B5;}
.nota-cambio-tecnologico .reaction.r5 .badge{background:#70AD47;}
.nota-cambio-tecnologico .reaction h3{
  margin:0 0 6px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.06rem;
}
.nota-cambio-tecnologico .reaction p{margin:0;font-size:.96rem;line-height:1.6;color:var(--ink-700);}

/* Cita Einstein */
.nota-cambio-tecnologico .quote{
  background:linear-gradient(135deg,var(--navy),var(--blue));
  color:#fff;
  border-radius:var(--radius);
  padding:32px 36px;
  margin:30px 0;
  position:relative;
  overflow:hidden;
}
.nota-cambio-tecnologico .quote::before{
  content:"\201C";
  position:absolute;
  top:-30px;
  left:14px;
  font-family:Georgia,serif;
  font-size:9rem;
  color:rgba(212,168,75,0.25);
  line-height:1;
}
.nota-cambio-tecnologico .quote p{
  color:#fff;
  margin:0 0 14px;
  font-size:1.06rem;
  line-height:1.7;
  font-style:italic;
  position:relative;
  z-index:2;
}
.nota-cambio-tecnologico .quote .author{
  font-family:var(--font-head);
  color:var(--accent);
  font-weight:700;
  font-size:.92rem;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

@media (max-width:860px){
  .nota-cambio-tecnologico .stat-strip{grid-template-columns:1fr;text-align:center;}
  .nota-cambio-tecnologico .questions,.nota-cambio-tecnologico .software{grid-template-columns:1fr;}
  .nota-cambio-tecnologico .reaction{padding:22px 22px 22px 22px;}
  .nota-cambio-tecnologico .reaction .badge{position:relative;top:auto;left:auto;margin-bottom:10px;}
  .nota-cambio-tecnologico .closing,.nota-cambio-tecnologico .keypoint,.nota-cambio-tecnologico .quote{padding:24px;}
}


/* nota-clave-de-emprender */
/* Pilares como tarjetas con icono */
.nota-clave-de-emprender .pilares{
  display:grid;
  gap:18px;
  margin:24px 0 32px;
}
.nota-clave-de-emprender .pilar{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:24px 26px 24px 88px;
  box-shadow:var(--shadow-sm);
  position:relative;
}
.nota-clave-de-emprender .pilar .ic{
  position:absolute;
  left:22px;
  top:24px;
  width:50px;
  height:50px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border:1px solid var(--ink-100);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--accent);
  font-family:var(--font-head);
  font-weight:700;
  font-size:1.3rem;
}
.nota-clave-de-emprender .pilar h3{
  margin:0 0 8px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.15rem;
}
.nota-clave-de-emprender .pilar p{margin:0 0 .6em;color:var(--ink-700);font-size:1rem;line-height:1.7;}
.nota-clave-de-emprender .pilar p:last-child{margin-bottom:0;}

.nota-clave-de-emprender .quote-box{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-radius:var(--radius);
  padding:30px 36px;
  margin:32px 0;
  position:relative;
  border:1px solid var(--ink-100);
}
.nota-clave-de-emprender .quote-box::before{
  content:"\201C";
  position:absolute;
  top:-14px;
  left:24px;
  font-family:var(--font-head);
  font-size:5rem;
  color:var(--accent);
  line-height:1;
}
.nota-clave-de-emprender .quote-box p{
  font-size:1.1rem;
  line-height:1.7;
  color:var(--ink-900);
  font-style:italic;
  margin:0 0 12px;
}
.nota-clave-de-emprender .quote-box cite{
  display:block;
  color:var(--blue);
  font-weight:700;
  font-style:normal;
  font-size:.9rem;
  letter-spacing:.5px;
}

@media (max-width:860px){
  .nota-clave-de-emprender .pilar{padding:22px 22px 22px 80px;}
  .nota-clave-de-emprender .pilar .ic{width:44px;height:44px;left:18px;top:22px;font-size:1.2rem;}
  .nota-clave-de-emprender .quote-box{padding:26px 22px;}
}


/* nota-como-llevar-mi-empresa */
/* Lista de 7 acciones */
.nota-como-llevar-mi-empresa .acciones{
  display:grid;
  gap:14px;
  margin:24px 0 32px;
  counter-reset:accion;
}
.nota-como-llevar-mi-empresa .accion{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:20px 22px 20px 70px;
  box-shadow:var(--shadow-sm);
  position:relative;
  counter-increment:accion;
}
.nota-como-llevar-mi-empresa .accion::before{
  content:counter(accion);
  position:absolute;
  left:18px;
  top:18px;
  width:36px;
  height:36px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--navy),var(--blue));
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-head);
  font-weight:700;
  font-size:1.05rem;
  box-shadow:0 4px 10px rgba(31,56,100,.25);
}
.nota-como-llevar-mi-empresa .accion h3{
  margin:0 0 6px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.05rem;
}
.nota-como-llevar-mi-empresa .accion p{margin:0;color:var(--ink-700);font-size:.98rem;line-height:1.6;}

/* Puntos esenciales destacados */
.nota-como-llevar-mi-empresa .esenciales{
  display:grid;
  gap:18px;
  margin:24px 0 32px;
}
.nota-como-llevar-mi-empresa .esencial{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-left:4px solid var(--accent);
  border-radius:var(--radius-sm);
  padding:22px 26px;
}
.nota-como-llevar-mi-empresa .esencial h3{
  margin:0 0 8px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.08rem;
}
.nota-como-llevar-mi-empresa .esencial p{margin:0;color:var(--ink-700);font-size:1rem;line-height:1.7;}

@media (max-width:860px){
  .nota-como-llevar-mi-empresa .accion{padding:20px 20px 20px 64px;}
  .nota-como-llevar-mi-empresa .accion::before{left:14px;width:32px;height:32px;font-size:.95rem;}
  .nota-como-llevar-mi-empresa .closing{padding:24px;}
}


/* nota-estrategia-organizacional */
.nota-estrategia-organizacional .nota-body h3{
  font-family:var(--font-head);
  color:var(--navy);
  margin:32px 0 12px;
  font-size:1.18rem;
}

/* Pasos numerados */
.nota-estrategia-organizacional .pasos{
  display:grid;
  gap:18px;
  margin:24px 0 32px;
  counter-reset:paso;
}
.nota-estrategia-organizacional .paso{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:24px 26px 24px 88px;
  box-shadow:var(--shadow-sm);
  position:relative;
}
.nota-estrategia-organizacional .paso .num{
  position:absolute;
  left:22px;
  top:24px;
  width:50px;
  height:50px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--navy),var(--blue));
  color:#fff;
  font-family:var(--font-head);
  font-weight:800;
  font-size:1.4rem;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:var(--shadow-sm);
}
.nota-estrategia-organizacional .paso h3{
  margin:0 0 8px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.18rem;
}
.nota-estrategia-organizacional .paso p{margin:0 0 .6em;color:var(--ink-700);font-size:1rem;line-height:1.7;}
.nota-estrategia-organizacional .paso p:last-child{margin-bottom:0;}
.nota-estrategia-organizacional .paso ul{margin:8px 0 0;padding-left:20px;color:var(--ink-700);font-size:1rem;line-height:1.7;}
.nota-estrategia-organizacional .paso ul li{margin:0 0 4px;}

/* FODA grid */
.nota-estrategia-organizacional .foda-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin:14px 0 4px;
}
.nota-estrategia-organizacional .foda-cell{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:14px 16px;
}
.nota-estrategia-organizacional .foda-cell strong{
  display:block;
  color:var(--navy);
  font-family:var(--font-head);
  font-size:1rem;
  margin-bottom:2px;
}
.nota-estrategia-organizacional .foda-cell span{font-size:.92rem;color:var(--ink-700);}

/* Cards estructura/cultura */
.nota-estrategia-organizacional .ec-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin:24px 0 32px;
}
.nota-estrategia-organizacional .ec-card{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:24px 24px;
  box-shadow:var(--shadow-sm);
  border-top:4px solid var(--accent);
}
.nota-estrategia-organizacional .ec-card h3{
  margin:0 0 10px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.1rem;
}
.nota-estrategia-organizacional .ec-card p{margin:0 0 .6em;color:var(--ink-700);font-size:.97rem;line-height:1.65;}
.nota-estrategia-organizacional .ec-card p:last-child{margin-bottom:0;}

.nota-estrategia-organizacional .quote-box{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-radius:var(--radius);
  padding:30px 36px;
  margin:32px 0;
  position:relative;
  border:1px solid var(--ink-100);
}
.nota-estrategia-organizacional .quote-box::before{
  content:"\201C";
  position:absolute;
  top:-14px;
  left:24px;
  font-family:var(--font-head);
  font-size:5rem;
  color:var(--accent);
  line-height:1;
}
.nota-estrategia-organizacional .quote-box p{
  font-size:1.1rem;
  line-height:1.7;
  color:var(--ink-900);
  font-style:italic;
  margin:0 0 12px;
}
.nota-estrategia-organizacional .quote-box cite{
  display:block;
  color:var(--blue);
  font-weight:700;
  font-style:normal;
  font-size:.9rem;
  letter-spacing:.5px;
}

.nota-estrategia-organizacional .author-byline{
  display:inline-block;
  background:rgba(212,168,75,.14);
  color:var(--navy);
  border:1px solid var(--accent);
  padding:6px 14px;
  border-radius:999px;
  font-size:.85rem;
  font-weight:600;
  margin:0 0 18px;
}

@media (max-width:860px){
  .nota-estrategia-organizacional .paso{padding:22px 22px 22px 80px;}
  .nota-estrategia-organizacional .paso .num{width:44px;height:44px;left:18px;top:22px;font-size:1.2rem;}
  .nota-estrategia-organizacional .foda-grid{grid-template-columns:1fr;}
  .nota-estrategia-organizacional .ec-grid{grid-template-columns:1fr;}
  .nota-estrategia-organizacional .quote-box{padding:26px 22px;}
}


/* nota-finanzas */
/* Overrides de notas.css para esta nota */
.nota-finanzas .nota-hero h1{color:#fff;margin:0 0 14px;line-height:1.15;}
.nota-finanzas .nota-body h2{font-size:1.55rem;}

/* Stat / cifra dura */
.nota-finanzas .stat-strip{
  background:linear-gradient(135deg,#FCEEEC,#fff);
  border-radius:var(--radius);
  padding:28px 32px;
  margin:24px 0 32px;
  border:1px solid var(--ink-100);
  border-left:4px solid #C00000;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:24px;
  align-items:center;
}
.nota-finanzas .stat-strip .num{
  font-family:var(--font-head);
  font-weight:800;
  font-size:3rem;
  color:#C00000;
  line-height:1;
}
.nota-finanzas .stat-strip p{margin:0;font-size:1rem;line-height:1.6;color:var(--ink-900);}

/* Tips numerados */
.nota-finanzas .tips{counter-reset:tip;margin:24px 0 32px;}
.nota-finanzas .tip{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:28px 30px 24px 92px;
  margin-bottom:14px;
  position:relative;
  box-shadow:var(--shadow-sm);
  counter-increment:tip;
}
.nota-finanzas .tip::before{
  content:counter(tip);
  position:absolute;
  top:24px;
  left:24px;
  width:50px;
  height:50px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--accent),#c79a45);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-head);
  font-weight:800;
  font-size:1.4rem;
  box-shadow:0 4px 10px rgba(212,168,75,.35);
}
.nota-finanzas .tip h3{
  margin:0 0 10px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.12rem;
}
.nota-finanzas .tip p{margin:0 0 .8em;font-size:.98rem;line-height:1.7;color:var(--ink-700);}
.nota-finanzas .tip p:last-child{margin-bottom:0;}
.nota-finanzas .tip strong{color:var(--navy);}

/* Comparativa Excel vs sistema */
.nota-finanzas .compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin:18px 0 0;
}
.nota-finanzas .compare > div{
  border-radius:var(--radius-sm);
  padding:18px 20px;
}
.nota-finanzas .compare .neg{
  background:#FCEEEC;
  border-left:4px solid #C00000;
}
.nota-finanzas .compare .pos{
  background:#EAF6E0;
  border-left:4px solid #70AD47;
}
.nota-finanzas .compare h4{
  margin:0 0 6px;
  font-family:var(--font-head);
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:1px;
}
.nota-finanzas .compare .neg h4{color:#C00000;}
.nota-finanzas .compare .pos h4{color:#508A2E;}
.nota-finanzas .compare p{margin:0;color:var(--ink-700);font-size:.9rem;line-height:1.55;}

/* Horizontes de flujo de fondos */
.nota-finanzas .horizons{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:24px 0 32px;
}
.nota-finanzas .horizon{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:24px 22px;
  box-shadow:var(--shadow-sm);
  text-align:center;
  border-top:3px solid var(--blue);
}
.nota-finanzas .horizon.short{border-top-color:#C00000;}
.nota-finanzas .horizon.mid{border-top-color:#D4A84B;}
.nota-finanzas .horizon.long{border-top-color:#70AD47;}
.nota-finanzas .horizon .label{
  font-family:var(--font-head);
  font-weight:700;
  font-size:.78rem;
  letter-spacing:1.2px;
  text-transform:uppercase;
  margin-bottom:8px;
  color:var(--ink-700);
}
.nota-finanzas .horizon h3{
  margin:0 0 6px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.5rem;
}
.nota-finanzas .horizon .tagtime{
  font-size:.92rem;
  color:var(--blue);
  font-weight:600;
  margin-bottom:10px;
}
.nota-finanzas .horizon p{margin:0;font-size:.92rem;line-height:1.55;color:var(--ink-700);}

@media (max-width:860px){
  .nota-finanzas .stat-strip{grid-template-columns:1fr;text-align:center;}
  .nota-finanzas .stat-strip .num{font-size:2.4rem;}
  .nota-finanzas .tip{padding:24px 22px 22px 22px;}
  .nota-finanzas .tip::before{position:relative;top:auto;left:auto;margin-bottom:12px;}
  .nota-finanzas .compare,.nota-finanzas .horizons{grid-template-columns:1fr;}
  .nota-finanzas .closing,.nota-finanzas .keypoint{padding:24px;}
}


/* nota-flujogramas */
/* Overrides de notas.css para esta nota */
.nota-flujogramas .nota-hero h1{color:#fff;margin:0 0 14px;line-height:1.15;}
.nota-flujogramas .nota-body h2{font-size:1.55rem;}

/* Bloque "para qué sirve" - beneficios en grid */
.nota-flujogramas .benefits{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin:24px 0 32px;
}
.nota-flujogramas .benefit{
  background:#fff;
  border:1px solid var(--ink-100);
  border-left:4px solid var(--blue);
  border-radius:var(--radius-sm);
  padding:22px 24px;
  box-shadow:var(--shadow-sm);
}
.nota-flujogramas .benefit h3{
  margin:0 0 8px;
  font-family:var(--font-head);
  font-size:1rem;
  color:var(--navy);
}
.nota-flujogramas .benefit p{margin:0;font-size:.95rem;line-height:1.6;color:var(--ink-700);}

/* Símbolos del flujograma */
.nota-flujogramas .symbols{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-radius:var(--radius);
  padding:28px;
  margin:24px 0 32px;
  border:1px solid var(--ink-100);
}
.nota-flujogramas .symbols h3{
  margin:0 0 18px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.05rem;
}
.nota-flujogramas .symbols-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.nota-flujogramas .sym{
  text-align:center;
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:18px 12px;
}
.nota-flujogramas .sym .shape{
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:10px;
}
.nota-flujogramas .sym strong{
  display:block;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:.92rem;
  margin-bottom:4px;
}
.nota-flujogramas .sym p{margin:0;font-size:.82rem;color:var(--ink-700);line-height:1.4;}

/* Pasos numerados */
.nota-flujogramas .steps{
  counter-reset:step;
  margin:24px 0 32px;
}
.nota-flujogramas .step{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:28px 28px 24px 88px;
  margin-bottom:14px;
  position:relative;
  box-shadow:var(--shadow-sm);
  counter-increment:step;
}
.nota-flujogramas .step::before{
  content:counter(step);
  position:absolute;
  top:24px;
  left:24px;
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--accent);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-head);
  font-weight:800;
  font-size:1.3rem;
  box-shadow:0 4px 10px rgba(212,168,75,.35);
}
.nota-flujogramas .step h3{
  margin:0 0 8px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.1rem;
}
.nota-flujogramas .step p{margin:0;font-size:.98rem;line-height:1.7;color:var(--ink-700);}

/* Highlight (cita / aprendizaje) */
@media (max-width:860px){
  .nota-flujogramas .benefits{grid-template-columns:1fr;}
  .nota-flujogramas .symbols-grid{grid-template-columns:repeat(2,1fr);}
  .nota-flujogramas .step{padding:24px 22px 22px 22px;}
  .nota-flujogramas .step::before{position:relative;top:auto;left:auto;margin-bottom:12px;}
  .nota-flujogramas .closing,.nota-flujogramas .keypoint{padding:24px;}
}


/* nota-idea-plan */
/* Tarjeta destacada con datos */
.nota-idea-plan .stat-box{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-left:4px solid var(--accent);
  border-radius:var(--radius-sm);
  padding:24px 28px;
  margin:28px 0;
}
.nota-idea-plan .stat-box p{margin:0;font-size:1.05rem;line-height:1.7;color:var(--ink-900);}
.nota-idea-plan .stat-box strong{color:var(--navy);}

/* Pilares como tarjetas con icono */
.nota-idea-plan .pilares{
  display:grid;
  gap:18px;
  margin:24px 0 32px;
}
.nota-idea-plan .pilar{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:24px 26px 24px 88px;
  box-shadow:var(--shadow-sm);
  position:relative;
}
.nota-idea-plan .pilar .ic{
  position:absolute;
  left:22px;
  top:24px;
  width:50px;
  height:50px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border:1px solid var(--ink-100);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--accent);
  font-family:var(--font-head);
  font-weight:700;
  font-size:1.3rem;
}
.nota-idea-plan .pilar h3{
  margin:0 0 8px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.15rem;
}
.nota-idea-plan .pilar p{margin:0 0 .6em;color:var(--ink-700);font-size:1rem;line-height:1.7;}
.nota-idea-plan .pilar p:last-child{margin-bottom:0;}
.nota-idea-plan .pilar ul{margin:8px 0 0;padding-left:20px;color:var(--ink-700);font-size:1rem;line-height:1.7;}
.nota-idea-plan .pilar ul li{margin:0 0 4px;}

/* PTM grid: 3 columnas */
.nota-idea-plan .ptm-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:24px 0 32px;
}
.nota-idea-plan .ptm-card{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:26px 22px;
  box-shadow:var(--shadow-sm);
  text-align:center;
}
.nota-idea-plan .ptm-card .letra{
  width:54px;
  height:54px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--navy),var(--blue));
  color:#fff;
  font-family:var(--font-head);
  font-weight:800;
  font-size:1.6rem;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 14px;
}
.nota-idea-plan .ptm-card h3{
  margin:0 0 8px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.1rem;
}
.nota-idea-plan .ptm-card p{margin:0;color:var(--ink-700);font-size:.95rem;line-height:1.6;}

.nota-idea-plan .quote-box{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-radius:var(--radius);
  padding:30px 36px;
  margin:32px 0;
  position:relative;
  border:1px solid var(--ink-100);
}
.nota-idea-plan .quote-box::before{
  content:"\201C";
  position:absolute;
  top:-14px;
  left:24px;
  font-family:var(--font-head);
  font-size:5rem;
  color:var(--accent);
  line-height:1;
}
.nota-idea-plan .quote-box p{
  font-size:1.1rem;
  line-height:1.7;
  color:var(--ink-900);
  font-style:italic;
  margin:0 0 12px;
}
.nota-idea-plan .quote-box cite{
  display:block;
  color:var(--blue);
  font-weight:700;
  font-style:normal;
  font-size:.9rem;
  letter-spacing:.5px;
}

.nota-idea-plan .source-note{
  margin:36px 0 0;
  padding:14px 18px;
  background:var(--ink-50, #f7f9fc);
  border-radius:var(--radius-sm);
  color:var(--ink-700);
  font-size:.9rem;
  line-height:1.6;
}
.nota-idea-plan .source-note a{color:var(--blue);text-decoration:none;}
.nota-idea-plan .source-note a:hover{text-decoration:underline;}

@media (max-width:860px){
  .nota-idea-plan .pilar{padding:22px 22px 22px 80px;}
  .nota-idea-plan .pilar .ic{width:44px;height:44px;left:18px;top:22px;font-size:1.2rem;}
  .nota-idea-plan .ptm-grid{grid-template-columns:1fr;}
  .nota-idea-plan .quote-box{padding:26px 22px;}
}


/* nota-informacion */
/* PTM cards detalladas */
.nota-informacion .ptm-detail{
  display:grid;
  gap:18px;
  margin:24px 0 32px;
}
.nota-informacion .ptm-item{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:24px 26px 24px 96px;
  box-shadow:var(--shadow-sm);
  position:relative;
}
.nota-informacion .ptm-item .letra-big{
  position:absolute;
  left:22px;
  top:24px;
  width:60px;
  height:60px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--navy),var(--blue));
  color:#fff;
  font-family:var(--font-head);
  font-weight:800;
  font-size:1.8rem;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:var(--shadow-sm);
}
.nota-informacion .ptm-item.t .letra-big{background:linear-gradient(135deg,#2E74B5,#1F3864);}
.nota-informacion .ptm-item.m .letra-big{background:linear-gradient(135deg,var(--accent),#b88a35);}
.nota-informacion .ptm-item h3{
  margin:0 0 4px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.18rem;
}
.nota-informacion .ptm-item .pregunta{
  color:var(--accent);
  font-style:italic;
  font-size:.95rem;
  margin:0 0 12px;
  font-weight:600;
}
.nota-informacion .ptm-item p{margin:0 0 12px;color:var(--ink-700);font-size:.98rem;line-height:1.65;}
.nota-informacion .ptm-item p:last-child{margin-bottom:0;}
.nota-informacion .ptm-item .preguntas-box{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-left:3px solid var(--accent);
  padding:12px 16px;
  border-radius:var(--radius-sm);
  margin-top:8px;
}
.nota-informacion .ptm-item .preguntas-box ul{
  margin:0;
  padding-left:18px;
  color:var(--ink-700);
  font-size:.93rem;
  line-height:1.65;
}
.nota-informacion .ptm-item .preguntas-box li{margin:0 0 4px;}

/* Frase destacada (información=capital) */
.nota-informacion .key-insight{
  background:linear-gradient(135deg,var(--navy),var(--blue));
  color:#fff;
  border-radius:var(--radius);
  padding:32px 36px;
  margin:32px 0;
  position:relative;
  overflow:hidden;
  text-align:center;
}
.nota-informacion .key-insight::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 100% 0%, rgba(212,168,75,.22), transparent 50%);
  pointer-events:none;
}
.nota-informacion .key-insight .formula{
  font-family:var(--font-head);
  color:#fff;
  font-size:1.5rem;
  font-weight:700;
  letter-spacing:.5px;
  margin:0 0 10px;
  position:relative;
  z-index:2;
}
.nota-informacion .key-insight .formula .equiv{
  color:var(--accent);
  margin:0 12px;
}
.nota-informacion .key-insight p{
  color:rgba(255,255,255,.92);
  font-size:1rem;
  line-height:1.6;
  margin:0;
  position:relative;
  z-index:2;
}

/* Tarjeta hipotética (si la info fuera perfecta...) */
.nota-informacion .what-if{
  background:#fff;
  border:1px dashed var(--accent);
  border-radius:var(--radius-sm);
  padding:24px 28px;
  margin:24px 0 32px;
  position:relative;
}
.nota-informacion .what-if::before{
  content:"💡";
  position:absolute;
  top:-14px;
  left:24px;
  background:#fff;
  padding:0 8px;
  font-size:1.2rem;
}
.nota-informacion .what-if p{margin:0;font-size:1.05rem;line-height:1.7;color:var(--ink-900);font-style:italic;}
.nota-informacion .what-if strong{color:var(--navy);font-style:normal;}

/* Premisa central */
.nota-informacion .premisa-box{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-left:5px solid var(--accent);
  border-radius:var(--radius-sm);
  padding:22px 26px;
  margin:24px 0 32px;
}
.nota-informacion .premisa-box .label{
  display:inline-block;
  background:var(--accent);
  color:#fff;
  padding:3px 10px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:1.2px;
  text-transform:uppercase;
  margin-bottom:8px;
}
.nota-informacion .premisa-box p{
  margin:0;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.2rem;
  font-weight:700;
  line-height:1.5;
}

/* Caja final */
.nota-informacion .cierre-box{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border:1px solid var(--ink-100);
  border-left:4px solid var(--accent);
  border-radius:var(--radius-sm);
  padding:26px 28px;
  margin:32px 0;
}
.nota-informacion .cierre-box p{margin:0 0 .8em;font-size:1.05rem;line-height:1.7;color:var(--ink-900);}
.nota-informacion .cierre-box p:last-child{margin-bottom:0;}
.nota-informacion .cierre-box strong{color:var(--navy);}

.nota-informacion .author-byline{
  display:inline-block;
  background:rgba(212,168,75,.14);
  color:var(--navy);
  border:1px solid var(--accent);
  padding:6px 14px;
  border-radius:999px;
  font-size:.85rem;
  font-weight:600;
  margin:0 0 18px;
}

.nota-informacion .source-note{
  margin:36px 0 0;
  padding:14px 18px;
  background:var(--ink-50, #f7f9fc);
  border-radius:var(--radius-sm);
  color:var(--ink-700);
  font-size:.9rem;
  line-height:1.6;
}
.nota-informacion .source-note a{color:var(--blue);text-decoration:none;}
.nota-informacion .source-note a:hover{text-decoration:underline;}

@media (max-width:860px){
  .nota-informacion .ptm-item{padding:22px 22px 22px 88px;}
  .nota-informacion .ptm-item .letra-big{width:50px;height:50px;left:18px;top:22px;font-size:1.5rem;}
  .nota-informacion .key-insight{padding:28px 22px;}
  .nota-informacion .key-insight .formula{font-size:1.2rem;}
}


/* nota-liderazgo */
/* Overrides de notas.css para esta nota */
.nota-liderazgo .nota-hero h1{color:#fff;margin:0 0 14px;line-height:1.15;}
.nota-liderazgo .nota-body h2{font-size:1.55rem;}

/* Pilares MVV */
.nota-liderazgo .mvv{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:24px 0 32px;
}
.nota-liderazgo .pillar{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:26px 24px;
  box-shadow:var(--shadow-sm);
  text-align:center;
  position:relative;
}
.nota-liderazgo .pillar .ico{
  width:54px;
  height:54px;
  border-radius:50%;
  margin:0 auto 14px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.nota-liderazgo .pillar.mision .ico{background:rgba(46,116,181,.12);}
.nota-liderazgo .pillar.vision .ico{background:rgba(212,168,75,.18);}
.nota-liderazgo .pillar.valores .ico{background:rgba(31,56,100,.10);}
.nota-liderazgo .pillar h3{
  margin:0 0 8px;
  font-family:var(--font-head);
  font-size:1.05rem;
  text-transform:uppercase;
  letter-spacing:1px;
}
.nota-liderazgo .pillar.mision h3{color:var(--blue);}
.nota-liderazgo .pillar.vision h3{color:#b88a2e;}
.nota-liderazgo .pillar.valores h3{color:var(--navy);}
.nota-liderazgo .pillar p{margin:0;font-size:.95rem;line-height:1.6;color:var(--ink-700);}

/* Beneficios / por qué clave */
.nota-liderazgo .benefits{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin:24px 0 32px;
}
.nota-liderazgo .benefit{
  background:#fff;
  border:1px solid var(--ink-100);
  border-left:4px solid var(--blue);
  border-radius:var(--radius-sm);
  padding:22px 24px;
  box-shadow:var(--shadow-sm);
}
.nota-liderazgo .benefit h3{margin:0 0 8px;font-family:var(--font-head);font-size:1rem;color:var(--navy);}
.nota-liderazgo .benefit p{margin:0;font-size:.95rem;line-height:1.6;color:var(--ink-700);}

/* Estilos de liderazgo */
.nota-liderazgo .styles{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin:24px 0 32px;
}
.nota-liderazgo .style{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:22px 24px;
  box-shadow:var(--shadow-sm);
  border-top:3px solid var(--accent);
}
.nota-liderazgo .style h3{
  margin:0 0 8px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.02rem;
  display:flex;
  align-items:center;
  gap:10px;
}
.nota-liderazgo .style h3 span.tag{
  background:var(--blue-50);
  color:var(--blue);
  font-size:.7rem;
  font-weight:700;
  padding:3px 8px;
  border-radius:999px;
  letter-spacing:.5px;
  text-transform:uppercase;
}
.nota-liderazgo .style p{margin:0;font-size:.94rem;line-height:1.6;color:var(--ink-700);}

/* Bloque "buen líder" */
.nota-liderazgo .traits{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin:24px 0 32px;
}
.nota-liderazgo .trait{
  display:flex;
  align-items:flex-start;
  gap:12px;
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-radius:var(--radius-sm);
  padding:18px 20px;
  border:1px solid var(--ink-100);
}
.nota-liderazgo .trait .check{
  flex-shrink:0;
  width:28px;
  height:28px;
  border-radius:50%;
  background:var(--accent);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:.95rem;
}
.nota-liderazgo .trait p{margin:0;font-size:.96rem;line-height:1.55;color:var(--ink-900);}
.nota-liderazgo .trait strong{color:var(--navy);}

@media (max-width:860px){
  .nota-liderazgo .mvv{grid-template-columns:1fr;}
  .nota-liderazgo .benefits,.nota-liderazgo .styles,.nota-liderazgo .traits{grid-template-columns:1fr;}
  .nota-liderazgo .closing,.nota-liderazgo .keypoint{padding:24px;}
}


/* nota-oportunidad-en-la-crisis */
/* Banner contraste oportunidad / amenaza */
.nota-oportunidad-en-la-crisis .dual{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin:24px 0 32px;
}
.nota-oportunidad-en-la-crisis .dual > div{
  border-radius:var(--radius-sm);
  padding:22px 24px;
}
.nota-oportunidad-en-la-crisis .dual .amenaza{
  background:#FCEEEC;
  border-left:4px solid #C00000;
}
.nota-oportunidad-en-la-crisis .dual .oportunidad{
  background:#EAF6E0;
  border-left:4px solid #70AD47;
}
.nota-oportunidad-en-la-crisis .dual h3{
  margin:0 0 8px;
  font-family:var(--font-head);
  font-size:1rem;
  text-transform:uppercase;
  letter-spacing:1px;
}
.nota-oportunidad-en-la-crisis .dual .amenaza h3{color:#C00000;}
.nota-oportunidad-en-la-crisis .dual .oportunidad h3{color:#508A2E;}
.nota-oportunidad-en-la-crisis .dual p{margin:0;color:var(--ink-700);font-size:.98rem;line-height:1.6;}

/* Oportunidades como tarjetas */
.nota-oportunidad-en-la-crisis .oportunidades{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin:24px 0 32px;
}
.nota-oportunidad-en-la-crisis .opp{
  background:#fff;
  border:1px solid var(--ink-100);
  border-top:4px solid var(--accent);
  border-radius:var(--radius-sm);
  padding:22px 24px;
  box-shadow:var(--shadow-sm);
}
.nota-oportunidad-en-la-crisis .opp .ic{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:var(--blue-50);
  color:var(--navy);
  font-family:var(--font-head);
  font-weight:700;
  margin-bottom:12px;
  font-size:1.1rem;
}
.nota-oportunidad-en-la-crisis .opp h3{
  margin:0 0 8px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.05rem;
}
.nota-oportunidad-en-la-crisis .opp p{margin:0;color:var(--ink-700);font-size:.98rem;line-height:1.65;}

@media (max-width:860px){
  .nota-oportunidad-en-la-crisis .dual,.nota-oportunidad-en-la-crisis .oportunidades{grid-template-columns:1fr;}
  .nota-oportunidad-en-la-crisis .closing{padding:24px;}
}


/* nota-procesos-internos */
/* Definición destacada */
.nota-procesos-internos .definicion{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-left:4px solid var(--accent);
  border-radius:var(--radius-sm);
  padding:24px 28px;
  margin:24px 0 32px;
}
.nota-procesos-internos .definicion p{margin:0;font-size:1.05rem;line-height:1.7;color:var(--ink-900);}
.nota-procesos-internos .definicion strong{color:var(--navy);}

/* Actores grid */
.nota-procesos-internos .actores-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin:24px 0 32px;
}
.nota-procesos-internos .actor-card{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:22px 22px 22px 76px;
  box-shadow:var(--shadow-sm);
  position:relative;
}
.nota-procesos-internos .actor-card .num{
  position:absolute;
  left:18px;
  top:20px;
  width:42px;
  height:42px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--navy),var(--blue));
  color:#fff;
  font-family:var(--font-head);
  font-weight:800;
  font-size:1.1rem;
  display:flex;
  align-items:center;
  justify-content:center;
}
.nota-procesos-internos .actor-card h3{
  margin:0 0 6px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.05rem;
}
.nota-procesos-internos .actor-card p{margin:0;color:var(--ink-700);font-size:.95rem;line-height:1.6;}

/* Clasificación de actividades */
.nota-procesos-internos .tipos-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:24px 0 32px;
}
.nota-procesos-internos .tipo-card{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:18px 16px;
  text-align:center;
  box-shadow:var(--shadow-sm);
  border-top:3px solid var(--accent);
}
.nota-procesos-internos .tipo-card .ic{
  width:38px;
  height:38px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border:1px solid var(--ink-100);
  color:var(--accent);
  font-family:var(--font-head);
  font-weight:700;
  font-size:1.1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 10px;
}
.nota-procesos-internos .tipo-card h3{
  margin:0 0 4px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:.95rem;
}
.nota-procesos-internos .tipo-card p{margin:0;color:var(--ink-700);font-size:.82rem;line-height:1.5;}

/* Pasos checklist */
.nota-procesos-internos .pasos-list{
  list-style:none;
  padding:0;
  margin:24px 0 32px;
  counter-reset:paso-counter;
}
.nota-procesos-internos .pasos-list li{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:16px 18px 16px 60px;
  margin:0 0 10px;
  position:relative;
  box-shadow:var(--shadow-sm);
  counter-increment:paso-counter;
  color:var(--ink-900);
  font-size:1rem;
  line-height:1.65;
}
.nota-procesos-internos .pasos-list li::before{
  content:counter(paso-counter);
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  border-radius:50%;
  background:var(--accent);
  color:#fff;
  font-family:var(--font-head);
  font-weight:800;
  font-size:.95rem;
  display:flex;
  align-items:center;
  justify-content:center;
}
.nota-procesos-internos .pasos-list li strong{color:var(--navy);}
.nota-procesos-internos .pasos-list li ul{margin:8px 0 0;padding-left:18px;color:var(--ink-700);font-size:.95rem;line-height:1.65;}
.nota-procesos-internos .pasos-list li ul li{
  background:none;
  border:none;
  padding:0;
  margin:0 0 4px;
  box-shadow:none;
  counter-increment:none;
}
.nota-procesos-internos .pasos-list li ul li::before{display:none;}

/* Caja final / cierre */
.nota-procesos-internos .cierre-box{
  background:linear-gradient(135deg,var(--navy),var(--blue));
  color:#fff;
  border-radius:var(--radius);
  padding:30px 32px;
  margin:32px 0;
  position:relative;
  overflow:hidden;
}
.nota-procesos-internos .cierre-box::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 100% 0%, rgba(212,168,75,.22), transparent 50%);
  pointer-events:none;
}
.nota-procesos-internos .cierre-box h3{
  color:#fff;
  margin:0 0 10px;
  font-family:var(--font-head);
  font-size:1.18rem;
  position:relative;
}
.nota-procesos-internos .cierre-box p{
  color:rgba(255,255,255,.92);
  margin:0 0 .8em;
  font-size:1rem;
  line-height:1.7;
  position:relative;
}
.nota-procesos-internos .cierre-box p:last-child{margin-bottom:0;}

.nota-procesos-internos .quote-box{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-radius:var(--radius);
  padding:30px 36px;
  margin:32px 0;
  position:relative;
  border:1px solid var(--ink-100);
}
.nota-procesos-internos .quote-box::before{
  content:"\201C";
  position:absolute;
  top:-14px;
  left:24px;
  font-family:var(--font-head);
  font-size:5rem;
  color:var(--accent);
  line-height:1;
}
.nota-procesos-internos .quote-box p{
  font-size:1.1rem;
  line-height:1.7;
  color:var(--ink-900);
  font-style:italic;
  margin:0 0 12px;
}
.nota-procesos-internos .quote-box cite{
  display:block;
  color:var(--blue);
  font-weight:700;
  font-style:normal;
  font-size:.9rem;
  letter-spacing:.5px;
}

.nota-procesos-internos .source-note{
  margin:36px 0 0;
  padding:14px 18px;
  background:var(--ink-50, #f7f9fc);
  border-radius:var(--radius-sm);
  color:var(--ink-700);
  font-size:.9rem;
  line-height:1.6;
}
.nota-procesos-internos .source-note a{color:var(--blue);text-decoration:none;}
.nota-procesos-internos .source-note a:hover{text-decoration:underline;}

@media (max-width:860px){
  .nota-procesos-internos .actores-grid{grid-template-columns:1fr;}
  .nota-procesos-internos .tipos-grid{grid-template-columns:repeat(2,1fr);}
  .nota-procesos-internos .quote-box{padding:26px 22px;}
}


/* nota-queja-oportunidad */
/* Stats / cifras destacadas */
.nota-queja-oportunidad .stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin:24px 0 32px;
}
.nota-queja-oportunidad .stat{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:20px 18px;
  text-align:center;
  box-shadow:var(--shadow-sm);
}
.nota-queja-oportunidad .stat .num{
  font-family:var(--font-head);
  font-weight:800;
  font-size:1.9rem;
  color:var(--navy);
  line-height:1;
  margin-bottom:6px;
}
.nota-queja-oportunidad .stat .num span{color:var(--accent);}
.nota-queja-oportunidad .stat p{margin:0;font-size:.86rem;color:var(--ink-700);line-height:1.45;}

.nota-queja-oportunidad .compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin:24px 0 32px;
}
.nota-queja-oportunidad .compare > div{
  border-radius:var(--radius-sm);
  padding:24px 26px;
}
.nota-queja-oportunidad .compare .neg{
  background:#FCEEEC;
  border-left:4px solid #C00000;
}
.nota-queja-oportunidad .compare .pos{
  background:#EAF6E0;
  border-left:4px solid #70AD47;
}
.nota-queja-oportunidad .compare h3{
  margin:0 0 10px;
  font-family:var(--font-head);
  font-size:1rem;
  text-transform:uppercase;
  letter-spacing:1px;
}
.nota-queja-oportunidad .compare .neg h3{color:#C00000;}
.nota-queja-oportunidad .compare .pos h3{color:#508A2E;}
.nota-queja-oportunidad .compare p{margin:0;color:var(--ink-700);font-size:.98rem;line-height:1.6;}
.nota-queja-oportunidad .compare strong{font-size:1.4rem;display:block;color:var(--navy);margin-bottom:4px;}

@media (max-width:860px){
  .nota-queja-oportunidad .stats{grid-template-columns:repeat(2,1fr);}
  .nota-queja-oportunidad .compare{grid-template-columns:1fr;}
  .nota-queja-oportunidad .closing,.nota-queja-oportunidad .keypoint{padding:24px;}
}


/* nota-reingenieria */
/* Cita literaria (Kafka / Darwin) */
.nota-reingenieria .literary-quote{
  background:linear-gradient(135deg,#1F3864 0%,#2E74B5 100%);
  color:#fff;
  border-radius:var(--radius);
  padding:32px 36px;
  margin:32px 0;
  position:relative;
  overflow:hidden;
}
.nota-reingenieria .literary-quote::before{
  content:"\201C";
  position:absolute;
  top:-16px;
  left:24px;
  font-family:var(--font-head);
  font-size:6rem;
  color:rgba(212,168,75,.6);
  line-height:1;
}
.nota-reingenieria .literary-quote p{
  font-size:1.12rem;
  line-height:1.7;
  color:rgba(255,255,255,.95);
  font-style:italic;
  margin:0 0 12px;
  position:relative;
  z-index:2;
}
.nota-reingenieria .literary-quote cite{
  display:block;
  color:var(--accent);
  font-weight:700;
  font-style:normal;
  font-size:.9rem;
  letter-spacing:.5px;
  position:relative;
  z-index:2;
}

/* Las 3 C's */
.nota-reingenieria .ces-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:24px 0 32px;
}
.nota-reingenieria .ce-card{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:24px 22px;
  box-shadow:var(--shadow-sm);
  text-align:center;
  border-top:4px solid var(--accent);
  position:relative;
}
.nota-reingenieria .ce-card .letra{
  width:60px;
  height:60px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--navy),var(--blue));
  color:#fff;
  font-family:var(--font-head);
  font-weight:800;
  font-size:1.7rem;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 14px;
  box-shadow:var(--shadow-sm);
}
.nota-reingenieria .ce-card h3{
  margin:0 0 8px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.1rem;
}
.nota-reingenieria .ce-card p{margin:0;color:var(--ink-700);font-size:.95rem;line-height:1.6;}

/* Antes / Despues comparativa */
.nota-reingenieria .vs-grid{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:16px;
  align-items:stretch;
  margin:24px 0 32px;
}
.nota-reingenieria .vs-card{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:22px 22px;
  box-shadow:var(--shadow-sm);
}
.nota-reingenieria .vs-card.old{border-top:4px solid #94a3b8;}
.nota-reingenieria .vs-card.new{border-top:4px solid var(--accent);}
.nota-reingenieria .vs-card h3{
  margin:0 0 10px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.05rem;
}
.nota-reingenieria .vs-card p{margin:0;color:var(--ink-700);font-size:.95rem;line-height:1.6;}
.nota-reingenieria .vs-arrow{
  align-self:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--accent);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.3rem;
  font-weight:800;
  box-shadow:var(--shadow-sm);
}

/* Caja final */
.nota-reingenieria .cierre-box{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-left:4px solid var(--accent);
  border-radius:var(--radius-sm);
  padding:26px 28px;
  margin:32px 0;
}
.nota-reingenieria .cierre-box p{margin:0 0 .8em;font-size:1.05rem;line-height:1.7;color:var(--ink-900);}
.nota-reingenieria .cierre-box p:last-child{margin-bottom:0;}
.nota-reingenieria .cierre-box strong{color:var(--navy);}

.nota-reingenieria .author-byline{
  display:inline-block;
  background:rgba(212,168,75,.14);
  color:var(--navy);
  border:1px solid var(--accent);
  padding:6px 14px;
  border-radius:999px;
  font-size:.85rem;
  font-weight:600;
  margin:0 0 18px;
}

.nota-reingenieria .source-note{
  margin:36px 0 0;
  padding:14px 18px;
  background:var(--ink-50, #f7f9fc);
  border-radius:var(--radius-sm);
  color:var(--ink-700);
  font-size:.9rem;
  line-height:1.6;
}
.nota-reingenieria .source-note a{color:var(--blue);text-decoration:none;}
.nota-reingenieria .source-note a:hover{text-decoration:underline;}

@media (max-width:860px){
  .nota-reingenieria .ces-grid{grid-template-columns:1fr;}
  .nota-reingenieria .vs-grid{grid-template-columns:1fr;}
  .nota-reingenieria .vs-arrow{margin:0 auto;transform:rotate(90deg);}
  .nota-reingenieria .literary-quote{padding:28px 24px;}
}


/* nota-stock-critico */
/* Overrides de notas.css para esta nota */
.nota-stock-critico .nota-hero h1{color:#fff;margin:0 0 14px;line-height:1.15;}
.nota-stock-critico .nota-hero .subtitle{
  color:rgba(255,255,255,.92);
  font-size:1.08rem;
  margin:0 0 18px;
  line-height:1.55;
  font-weight:500;
}

.nota-stock-critico .nota-body h3.subhead{
  font-family:var(--font-head);
  color:var(--navy);
  margin:28px 0 12px;
  font-size:1.18rem;
}

/* Dos caras del stock */
.nota-stock-critico .twoface{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 32px;
}
.nota-stock-critico .twoface > div{
  border-radius:var(--radius-sm);
  padding:24px 26px;
  background:#fff;
  border:1px solid var(--ink-100);
  box-shadow:var(--shadow-sm);
}
.nota-stock-critico .twoface .pos{border-top:4px solid #70AD47;}
.nota-stock-critico .twoface .neg{border-top:4px solid #C00000;}
.nota-stock-critico .twoface h3{
  margin:0 0 10px;font-family:var(--font-head);
  font-size:1rem;text-transform:uppercase;letter-spacing:1px;
}
.nota-stock-critico .twoface .pos h3{color:#508A2E;}
.nota-stock-critico .twoface .neg h3{color:#C00000;}
.nota-stock-critico .twoface ul{margin:0;padding-left:18px;color:var(--ink-700);font-size:.98rem;line-height:1.7;}
.nota-stock-critico .twoface li{margin-bottom:4px;}

/* Tipos de stock */
.nota-stock-critico .tipos{display:grid;gap:14px;margin:18px 0 24px;}
.nota-stock-critico .tipo{
  background:#fff;border:1px solid var(--ink-100);
  border-left:4px solid var(--blue);
  border-radius:var(--radius-sm);padding:18px 22px;
  box-shadow:var(--shadow-sm);
}
.nota-stock-critico .tipo:nth-child(2){border-left-color:var(--accent);}
.nota-stock-critico .tipo:nth-child(3){border-left-color:var(--navy);}
.nota-stock-critico .tipo h3{margin:0 0 6px;font-family:var(--font-head);color:var(--navy);font-size:1.05rem;}
.nota-stock-critico .tipo p{margin:0;color:var(--ink-700);font-size:.98rem;line-height:1.6;}

/* KPIs */
.nota-stock-critico .kpis{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 32px;
}
.nota-stock-critico .kpi{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:18px 16px;text-align:center;
}
.nota-stock-critico .kpi .label{
  font-family:var(--font-head);
  font-weight:700;color:var(--navy);
  font-size:.95rem;line-height:1.3;
}
.nota-stock-critico .kpi .ic{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;
  background:var(--accent);color:#fff;
  font-family:var(--font-head);font-weight:700;font-size:1rem;
  margin-bottom:10px;
}

/* Punto crítico cards (5) */
.nota-stock-critico .puntos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 30px;}
.nota-stock-critico .punto{
  background:#fff;border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);padding:20px 22px;
  box-shadow:var(--shadow-sm);
}
.nota-stock-critico .punto h3{
  margin:0 0 8px;font-family:var(--font-head);
  color:var(--navy);font-size:1.05rem;
  display:flex;align-items:center;gap:10px;
}
.nota-stock-critico .punto h3 .num{
  width:26px;height:26px;border-radius:50%;
  background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.8rem;font-weight:700;flex-shrink:0;
}
.nota-stock-critico .punto p{margin:0;color:var(--ink-700);font-size:.96rem;line-height:1.6;}

/* Big question quote */
.nota-stock-critico .bigq{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-radius:var(--radius);
  padding:30px 36px;margin:32px 0;
  border:1px solid var(--ink-100);
  border-left:4px solid var(--accent);
  text-align:center;
}
.nota-stock-critico .bigq p{
  margin:0;font-size:1.18rem;
  line-height:1.6;color:var(--navy);
  font-family:var(--font-head);font-weight:600;
}
.nota-stock-critico .bigq strong{color:var(--accent);}

.nota-stock-critico .closing{
  background:var(--navy);color:#fff;border-radius:var(--radius);
  padding:28px 32px;margin:34px 0 8px;
}
.nota-stock-critico .closing p{color:#fff;margin:0 0 .8em;font-size:1.05rem;line-height:1.7;}
.nota-stock-critico .closing p:last-child{margin-bottom:0;}
.nota-stock-critico .closing strong{color:var(--accent);}

@media (max-width:860px){
  .nota-stock-critico .twoface,.nota-stock-critico .kpis,.nota-stock-critico .puntos{grid-template-columns:1fr;}
  .nota-stock-critico .kpis{grid-template-columns:repeat(2,1fr);}
  .nota-stock-critico .closing,.nota-stock-critico .bigq{padding:24px;}
}


/* nota-valuacion */
/* Overrides de notas.css para esta nota */
.nota-valuacion .nota-hero h1{color:#fff;margin:0 0 14px;line-height:1.15;}
.nota-valuacion .nota-body h2{font-size:1.55rem;}

/* Aspectos a valuar */
.nota-valuacion .aspects{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin:24px 0 32px;
}
.nota-valuacion .aspect{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:24px 26px;
  box-shadow:var(--shadow-sm);
}
.nota-valuacion .aspect h3{
  margin:0 0 12px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.02rem;
  text-transform:uppercase;
  letter-spacing:1px;
  display:flex;
  align-items:center;
  gap:10px;
}
.nota-valuacion .aspect h3::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
}
.nota-valuacion .aspect.tang h3{color:var(--blue);}
.nota-valuacion .aspect.tang h3::before{background:var(--blue);}
.nota-valuacion .aspect.intang h3{color:#b88a2e;}
.nota-valuacion .aspect.intang h3::before{background:var(--accent);}
.nota-valuacion .aspect ul{list-style:none;padding:0;margin:0;}
.nota-valuacion .aspect li{
  padding:6px 0;
  color:var(--ink-700);
  font-size:.95rem;
  line-height:1.5;
  position:relative;
  padding-left:18px;
}
.nota-valuacion .aspect li::before{
  content:"→";
  position:absolute;
  left:0;
  color:var(--accent);
  font-weight:700;
}

/* Comparativa precio vs valor */
.nota-valuacion .price-value{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  margin:24px 0 32px;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
  border:1px solid var(--ink-100);
}
.nota-valuacion .price-value > div{
  padding:32px 30px;
  position:relative;
}
.nota-valuacion .price-value .price{background:#fff;}
.nota-valuacion .price-value .value{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;}
.nota-valuacion .price-value h3{
  margin:0 0 14px;
  font-family:var(--font-head);
  font-size:1.4rem;
  text-transform:uppercase;
  letter-spacing:2px;
}
.nota-valuacion .price-value .price h3{color:var(--blue);}
.nota-valuacion .price-value .value h3{color:var(--accent);}
.nota-valuacion .price-value p{margin:0;font-size:.98rem;line-height:1.65;}
.nota-valuacion .price-value .price p{color:var(--ink-700);}
.nota-valuacion .price-value .value p{color:#fff;}
.nota-valuacion .price-value .badge{
  position:absolute;
  top:14px;right:18px;
  font-family:var(--font-head);
  font-weight:800;
  font-size:.74rem;
  letter-spacing:1.4px;
  text-transform:uppercase;
  padding:4px 10px;
  border-radius:999px;
}
.nota-valuacion .price-value .price .badge{background:rgba(46,116,181,.12);color:var(--blue);}
.nota-valuacion .price-value .value .badge{background:rgba(212,168,75,.22);color:var(--accent);}

/* Aplicaciones */
.nota-valuacion .uses{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin:24px 0 32px;
}
.nota-valuacion .use{
  background:#fff;
  border:1px solid var(--ink-100);
  border-left:4px solid var(--accent);
  border-radius:var(--radius-sm);
  padding:22px 24px;
  box-shadow:var(--shadow-sm);
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.nota-valuacion .use .num{
  flex-shrink:0;
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--accent);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-head);
  font-weight:800;
  font-size:.95rem;
}
.nota-valuacion .use h3{margin:0 0 4px;font-family:var(--font-head);color:var(--navy);font-size:1rem;}
.nota-valuacion .use p{margin:0;font-size:.93rem;line-height:1.55;color:var(--ink-700);}

/* Vendedor vs comprador (compare) */
.nota-valuacion .vs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin:24px 0 32px;
}
.nota-valuacion .vs > div{
  border-radius:var(--radius-sm);
  padding:24px 26px;
  border:1px solid var(--ink-100);
}
.nota-valuacion .vs .seller{background:#FCEEEC;border-left:4px solid #C00000;}
.nota-valuacion .vs .buyer{background:#EAF6E0;border-left:4px solid #70AD47;}
.nota-valuacion .vs h3{
  margin:0 0 8px;
  font-family:var(--font-head);
  font-size:1rem;
  text-transform:uppercase;
  letter-spacing:1px;
}
.nota-valuacion .vs .seller h3{color:#C00000;}
.nota-valuacion .vs .buyer h3{color:#508A2E;}
.nota-valuacion .vs p{margin:0;color:var(--ink-700);font-size:.95rem;line-height:1.6;}

@media (max-width:860px){
  .nota-valuacion .aspects,.nota-valuacion .price-value,.nota-valuacion .uses,.nota-valuacion .vs{grid-template-columns:1fr;}
  .nota-valuacion .closing,.nota-valuacion .keypoint{padding:24px;}
}


/* nota-vender-negocio */
.nota-vender-negocio .nota-body h3{
  font-family:var(--font-head);
  color:var(--navy);
  margin:28px 0 10px;
  font-size:1.15rem;
}

/* Comparativa emocional vs racional */
.nota-vender-negocio .compare-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin:24px 0 32px;
}
.nota-vender-negocio .compare-card{
  background:#fff;
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:24px;
  box-shadow:var(--shadow-sm);
  border-top:4px solid var(--accent);
}
.nota-vender-negocio .compare-card.cold{border-top-color:var(--blue);}
.nota-vender-negocio .compare-card h3{
  margin:0 0 10px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.1rem;
}
.nota-vender-negocio .compare-card p{margin:0;color:var(--ink-700);font-size:.97rem;line-height:1.65;}

/* Caja con plazos de recupero */
.nota-vender-negocio .recupero-box{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border:1px solid var(--ink-100);
  border-radius:var(--radius-sm);
  padding:24px 28px;
  margin:24px 0 32px;
}
.nota-vender-negocio .recupero-box h3{
  margin:0 0 10px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.05rem;
}
.nota-vender-negocio .recupero-pills{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
.nota-vender-negocio .recupero-pill{
  background:var(--navy);
  color:#fff;
  padding:8px 16px;
  border-radius:999px;
  font-weight:700;
  font-size:.9rem;
}
.nota-vender-negocio .recupero-pill.alt{background:var(--accent);color:var(--navy);}

/* Caja del cálculo / ejemplo */
.nota-vender-negocio .calc-box{
  background:#FFFFFF;
  border:1px solid var(--ink-100);
  border-radius:var(--radius);
  padding:28px 30px;
  margin:24px 0 32px;
  box-shadow:var(--shadow-sm);
}
.nota-vender-negocio .calc-box h3{
  margin:0 0 16px;
  font-family:var(--font-head);
  color:var(--navy);
  font-size:1.12rem;
}
.nota-vender-negocio .formula{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-left:4px solid var(--accent);
  padding:14px 18px;
  border-radius:var(--radius-sm);
  font-family:var(--font-head);
  color:var(--navy);
  font-weight:600;
  font-size:1rem;
  margin:8px 0 18px;
  line-height:1.5;
}
.nota-vender-negocio .calc-rows{
  display:grid;
  gap:6px;
  margin:0 0 16px;
}
.nota-vender-negocio .calc-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  padding:8px 12px;
  border-bottom:1px dashed var(--ink-100);
  font-size:.98rem;
}
.nota-vender-negocio .calc-row:last-child{border-bottom:none;}
.nota-vender-negocio .calc-row span:first-child{color:var(--ink-700);}
.nota-vender-negocio .calc-row span:last-child{color:var(--navy);font-weight:700;font-family:var(--font-head);}
.nota-vender-negocio .calc-row.total{
  background:var(--navy);
  color:#fff;
  border-radius:var(--radius-sm);
  padding:12px 14px;
  margin-top:6px;
  border:none;
}
.nota-vender-negocio .calc-row.total span:first-child{color:rgba(255,255,255,.8);}
.nota-vender-negocio .calc-row.total span:last-child{color:var(--accent);font-size:1.15rem;}

/* Método DCF destacado */
.nota-vender-negocio .dcf-callout{
  background:linear-gradient(135deg,var(--navy),var(--blue));
  color:#fff;
  border-radius:var(--radius);
  padding:30px 32px;
  margin:32px 0;
  position:relative;
  overflow:hidden;
}
.nota-vender-negocio .dcf-callout::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 100% 0%, rgba(212,168,75,.22), transparent 50%);
  pointer-events:none;
}
.nota-vender-negocio .dcf-callout h3{
  color:#fff;
  margin:0 0 10px;
  font-family:var(--font-head);
  font-size:1.2rem;
  position:relative;
}
.nota-vender-negocio .dcf-callout p{
  color:rgba(255,255,255,.9);
  margin:0 0 .8em;
  font-size:1rem;
  line-height:1.7;
  position:relative;
}
.nota-vender-negocio .dcf-callout p:last-child{margin-bottom:0;}

.nota-vender-negocio .quote-box{
  background:linear-gradient(135deg,var(--blue-50),#fff);
  border-radius:var(--radius);
  padding:30px 36px;
  margin:32px 0;
  position:relative;
  border:1px solid var(--ink-100);
}
.nota-vender-negocio .quote-box::before{
  content:"\201C";
  position:absolute;
  top:-14px;
  left:24px;
  font-family:var(--font-head);
  font-size:5rem;
  color:var(--accent);
  line-height:1;
}
.nota-vender-negocio .quote-box p{
  font-size:1.1rem;
  line-height:1.7;
  color:var(--ink-900);
  font-style:italic;
  margin:0 0 12px;
}
.nota-vender-negocio .quote-box cite{
  display:block;
  color:var(--blue);
  font-weight:700;
  font-style:normal;
  font-size:.9rem;
  letter-spacing:.5px;
}

.nota-vender-negocio .source-note{
  margin:36px 0 0;
  padding:14px 18px;
  background:var(--ink-50, #f7f9fc);
  border-radius:var(--radius-sm);
  color:var(--ink-700);
  font-size:.9rem;
  line-height:1.6;
}
.nota-vender-negocio .source-note a{color:var(--blue);text-decoration:none;}
.nota-vender-negocio .source-note a:hover{text-decoration:underline;}

@media (max-width:860px){
  .nota-vender-negocio .compare-grid{grid-template-columns:1fr;}
  .nota-vender-negocio .quote-box{padding:26px 22px;}
  .nota-vender-negocio .calc-box{padding:24px 20px;}
}