/*
 * fiberbuild-ftth.php (FiberBuild, diseño de red FTTH): lo propio de la página.
 * Se apoya en fisher-ui.css (fn-*) y promo.css (pr-*).
 */

/* Nota bajo las cifras y bajo las tablas */
.ft-fig-note{max-width:900px;margin:18px auto 0;text-align:center;font-size:14px;color:var(--fn-muted);}

/* Fragmento del perfil (YAML real) */
.ft-code{margin:0;padding:22px 24px;background:#0b2239;color:#d9e6f2;border-radius:16px;font:13.5px/1.65 Menlo,Consolas,"Liberation Mono",monospace;overflow-x:auto;box-shadow:0 18px 40px -22px rgba(11,34,57,.55);}
.pr-page .ft-code code{font:inherit;color:inherit;background:none;padding:0;white-space:pre;}
.ft-code .k{color:#7fd4cd;}
.ft-code .c{color:#7f95aa;}
.fn-modrow__media .fn-caption{display:block;margin-top:12px;}

/* Tablas de la página: se leen enteras, también en el móvil */
.ft-compare th,.ft-compare td{font-size:14.5px;}
.ft-compare thead th:first-child{width:36%;}
.ft-judges th{width:20%;vertical-align:top;text-align:left;}
.ft-judges td{vertical-align:top;text-align:left;font-size:14.5px;}
.ft-judges td:nth-child(2){width:32%;color:var(--fn-muted);}

/* Texto de código dentro de párrafos y listas */
.pr-page code{font-size:.92em;padding:1px 6px;border-radius:6px;background:var(--fn-blue-50,#eaf1ff);color:var(--fn-navy-800,#12304f);}

@media (max-width:767px){
    .ft-code{font-size:12px;padding:16px 16px;}
    .ft-judges th,.ft-judges td{display:block;width:auto !important;}
    .ft-judges thead{display:none;}
    .ft-judges tr{display:block;padding:12px 0;border-bottom:1px solid var(--fn-line);}
    .ft-judges th{padding-bottom:2px;border:0;}
    .ft-judges td{border:0;padding-top:2px;padding-bottom:2px;}
}
.ft-code .ln{white-space:pre;min-height:1.65em;}
.ft-compare{min-width:0;}
.ft-judges{min-width:0;}
.ft-compare th,.ft-compare td{padding:11px 12px;}
@media (max-width:767px){.ft-compare{min-width:520px;}}