.concretando-manual{--cm-orange:#EF6C00;--cm-dark:#27323A;--cm-mid:#5F6B73;--cm-light:#F5F7F8;--cm-line:#DCE2E6;--cm-green:#176C36;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--cm-dark);font-size:16px;line-height:1.58;max-width:1500px;margin:0 auto}.concretando-manual *{box-sizing:border-box}.cm-hero{display:grid;grid-template-columns:1fr;gap:20px;background:#fff;border:1px solid var(--cm-line);border-radius:18px;padding:24px;margin:18px 0;box-shadow:0 8px 30px rgba(20,35,45,.06)}.cm-hero img{width:min(520px,90%);height:auto}.cm-hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.05;margin:.2em 0;color:var(--cm-dark)}.cm-hero .cm-sub{font-size:1.16rem;color:var(--cm-orange);font-weight:800}.cm-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}.cm-nav{position:sticky;top:46px;background:#1D2327;border-radius:16px;padding:12px;max-height:calc(100vh - 70px);overflow:auto}.cm-nav a{display:block;color:#fff;text-decoration:none;padding:9px 10px;border-radius:8px;font-size:.92rem}.cm-nav a:hover,.cm-nav a:focus{background:var(--cm-orange);color:#fff}.cm-content{min-width:0}.cm-section{background:#fff;border:1px solid var(--cm-line);border-radius:16px;padding:22px;margin-bottom:16px;box-shadow:0 5px 18px rgba(20,35,45,.035)}.cm-section h2{font-size:1.45rem;line-height:1.2;color:var(--cm-orange);margin:0 0 12px}.cm-section p{margin:.4em 0 .8em}.cm-step{background:var(--cm-light);border-left:4px solid var(--cm-orange);border-radius:8px;padding:10px 12px;margin:7px 0}.cm-callout{display:flex;flex-direction:column;gap:4px;border-radius:12px;padding:14px 16px;margin:14px 0;background:#FFF4EA;border:1px solid #FFD6B3}.cm-callout.success{background:#EEF7F0;border-color:#CFE8D4}.cm-callout strong{color:var(--cm-orange)}.concretando-manual figure{margin:18px auto;text-align:center}.concretando-manual figure img{width:100%;max-width:1100px;height:auto;border:1px solid var(--cm-line);border-radius:14px;box-shadow:0 6px 20px rgba(20,35,45,.06)}.concretando-manual figure.cm-narrow img{max-width:760px}.concretando-manual figcaption{color:var(--cm-mid);font-size:.9rem;margin-top:7px}.cm-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cm-check{background:var(--cm-light);border:1px solid var(--cm-line);border-radius:10px;padding:10px 12px}.cm-top{display:inline-block;margin-top:8px;color:var(--cm-orange);font-weight:700;text-decoration:none}.cm-print-note{font-size:.9rem;color:var(--cm-mid);margin-top:8px}.cm-version{display:inline-block;background:#EEF1F3;color:var(--cm-dark);font-size:.84rem;font-weight:800;border-radius:999px;padding:5px 9px}@media(max-width:900px){.cm-grid{grid-template-columns:1fr}.cm-nav{position:static;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:782px){.cm-nav{top:60px}}@media(max-width:620px){.concretando-manual{font-size:16px}.cm-hero,.cm-section{padding:15px;border-radius:12px}.cm-nav{grid-template-columns:1fr}.cm-checklist{grid-template-columns:1fr}}@media print{.cm-nav{display:none}.cm-grid{display:block}.cm-section{break-inside:avoid;box-shadow:none}.concretando-manual figure img{box-shadow:none}.cm-top{display:none}}





/* Fluid manual width inside the 2.0.4 WordPress admin screen. */

.concretando-manual{max-width:none;width:100%;margin:0;}

.concretando-manual-wrap{max-width:none!important;width:auto!important;}

@media(max-width:900px){

  .concretando-manual .cm-grid{grid-template-columns:1fr;gap:14px;}

  .concretando-manual .cm-nav{width:100%;}

}

@media(max-width:620px){

  .concretando-manual .cm-hero{margin-top:10px;}

  .concretando-manual .cm-section{margin-bottom:10px;}

}



/* Manual de operaciones dentro de la aplicación pública para administradores. */

.concretando-app .c-operations-manual{width:100%;}

.concretando-app .c-operations-manual .concretando-manual{max-width:none;width:100%;margin:0;}

.concretando-app .c-operations-manual .cm-hero{margin-top:0;}

.concretando-app .c-operations-manual .cm-nav{top:92px;}

@media(max-width:900px){.concretando-app .c-operations-manual .cm-nav{top:auto;}}





/* 2.0.38 — Legibilidad y navegación fija del Manual de operaciones. */

.concretando-app.c-manual-mode{overflow:visible;}

.concretando-app.c-manual-mode .c-main{overflow:visible;}

.concretando-app .c-operations-manual .concretando-manual{font-size:16px!important;line-height:1.62;}

.concretando-app .c-operations-manual .cm-nav{

  position:sticky;

  top:92px;

  align-self:start;

  width:100%;

  max-height:calc(100vh - 116px);

  max-height:calc(100dvh - 116px);

  overflow-y:auto;

  overflow-x:hidden;

  overscroll-behavior:contain;

  scrollbar-gutter:auto;

  scrollbar-width:none;

  -ms-overflow-style:none;

  -webkit-overflow-scrolling:touch;

  padding:14px;

}

.concretando-app .c-operations-manual .cm-nav::-webkit-scrollbar{

  width:0;

  height:0;

  display:none;

}



.concretando-app .c-operations-manual .cm-nav a{

  font-size:16px!important;

  line-height:1.4!important;

  padding:10px 11px;

}

.concretando-app .c-operations-manual .cm-section p,

.concretando-app .c-operations-manual .cm-section li,

.concretando-app .c-operations-manual .cm-step,

.concretando-app .c-operations-manual .cm-callout,

.concretando-app .c-operations-manual .cm-check,

.concretando-app .c-operations-manual figcaption,

.concretando-app .c-operations-manual .cm-print-note,

.concretando-app .c-operations-manual .cm-version{

  font-size:16px!important;

  line-height:1.58!important;

}

.concretando-app .c-operations-manual .cm-hero .cm-sub{font-size:18px!important;}

.concretando-app .c-operations-manual .cm-section h2{font-size:24px!important;}

.concretando-app .c-operations-manual .cm-grid{grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start;}



@media(max-width:900px){

  .concretando-app.c-manual-mode{overflow:hidden;}

  .concretando-app .c-operations-manual .cm-grid{grid-template-columns:1fr;gap:14px;}

  .concretando-app .c-operations-manual .cm-nav{

    position:static;

    top:auto;

    max-height:none;

    overflow:visible;

    scrollbar-gutter:auto;

  }

}

@media(max-width:620px){

  .concretando-app .c-operations-manual .concretando-manual{font-size:16px!important;}

  .concretando-app .c-operations-manual .cm-nav a,

  .concretando-app .c-operations-manual .cm-section p,

  .concretando-app .c-operations-manual .cm-section li,

  .concretando-app .c-operations-manual .cm-step,

  .concretando-app .c-operations-manual .cm-callout,

  .concretando-app .c-operations-manual .cm-check,

  .concretando-app .c-operations-manual figcaption,

  .concretando-app .c-operations-manual .cm-print-note,

  .concretando-app .c-operations-manual .cm-version{font-size:16px!important;}

}



/* 2.0.40 — Los enlaces del índice posicionan el inicio completo de cada bloque bajo la cabecera fija. */

.concretando-app .c-operations-manual .cm-section{

  scroll-margin-top:112px;

}

@media(max-width:900px){

  .concretando-app .c-operations-manual .cm-section{

    scroll-margin-top:20px;

  }

}





/* 2.0.46 — Administrator manual desktop readability floor. */

@media (min-width:783px){

  .concretando-manual{font-size:16px!important;line-height:1.58!important}

  .concretando-manual p,

  .concretando-manual li,

  .concretando-manual a,

  .concretando-manual span,

  .concretando-manual small,

  .concretando-manual figcaption,

  .concretando-manual .cm-nav a,

  .concretando-manual .cm-step,

  .concretando-manual .cm-check,

  .concretando-manual .cm-callout,

  .concretando-manual .cm-print-note,

  .concretando-manual .cm-version{

    font-size:16px!important;

    line-height:1.5!important;

  }

  .concretando-manual .cm-hero .cm-sub{font-size:18px!important}

  .concretando-manual .cm-section h2{font-size:24px!important}

}





/* 2.0.78 — Todos los manuales comparten la arquitectura tipográfica del manual del administrador. */

.concretando-manual{font-size:16px!important;line-height:1.62!important}

.concretando-manual .cm-nav a,

.concretando-manual .cm-section p,

.concretando-manual .cm-section li,

.concretando-manual .cm-step,

.concretando-manual .cm-callout,

.concretando-manual .cm-check,

.concretando-manual figcaption,

.concretando-manual .cm-print-note,

.concretando-manual .cm-version{font-size:16px!important;line-height:1.58!important}

.concretando-manual .cm-hero .cm-sub{font-size:18px!important;line-height:1.4!important}

.concretando-manual .cm-section h2{font-size:24px!important;line-height:1.2!important}

.concretando-app .c-operations-manual .cm-grid{grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}

.concretando-app .c-operations-manual.c-visitor-manual{max-width:none;margin:0}

@media(max-width:900px){

  .concretando-app .c-operations-manual .cm-grid{grid-template-columns:1fr;gap:14px}

}

@media(max-width:620px){

  .concretando-manual,

  .concretando-manual .cm-nav a,

  .concretando-manual .cm-section p,

  .concretando-manual .cm-section li,

  .concretando-manual .cm-step,

  .concretando-manual .cm-callout,

  .concretando-manual .cm-check,

  .concretando-manual figcaption,

  .concretando-manual .cm-print-note,

  .concretando-manual .cm-version{font-size:16px!important}

  .concretando-manual .cm-hero .cm-sub{font-size:18px!important}

  .concretando-manual .cm-section h2{font-size:24px!important}

}


/* 2.0.109 — Arquitectura visual unificada para las tres Ayudas por nivel. */
.concretando-manual .cm-hero h1{font-size:clamp(32px,4vw,48px)!important;line-height:1.08!important;margin:.2em 0!important}
.concretando-manual .cm-hero{border-radius:18px!important;padding:24px!important}
.concretando-manual .cm-section{border-radius:16px!important;padding:22px!important}
.concretando-manual .cm-nav{border-radius:16px!important}
.concretando-manual .cm-callout{border-radius:12px!important}
@media(max-width:620px){
 .concretando-manual .cm-hero h1{font-size:32px!important}
 .concretando-manual .cm-hero,.concretando-manual .cm-section{padding:16px!important}
}

/* 2.0.172 — Minimum readable type scale for all three Help manuals. */
.concretando-manual{
  font-size:16px!important;
}
.concretando-manual :where(
  p,li,dt,dd,label,small,figcaption,a,button,
  input:not([type="hidden"]),select,textarea,option,
  legend,summary,td,th,caption,strong,em,span
){
  font-size:max(16px,1em)!important;
}


/* 2.0.191 — Canonical 22px separation between Help/manual blocks. */
.concretando-manual{
  --cm-block-space:22px;
}
.concretando-manual .cm-hero{
  margin-top:0!important;
  margin-bottom:var(--cm-block-space)!important;
}
.concretando-manual .cm-section{
  margin-top:0!important;
  margin-bottom:var(--cm-block-space)!important;
}
.concretando-manual figure{
  margin-top:var(--cm-block-space)!important;
  margin-bottom:var(--cm-block-space)!important;
}
