/* Mejoras visuales de las páginas de servicios (2026-11). Solo presentación.
 * Unifica la cabecera, el logo A y la tipografía con la landing (ver landing-polish.css).
 * Textos, secciones y comportamiento sin cambios. Sin clases Tailwind nuevas: no requiere build:css.
 * Manrope: SIL Open Font License 1.1 (ver /fonts/OFL-Manrope.txt). */
@font-face{font-family:Manrope;src:url('/fonts/manrope-variable.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}

/* Tipografía: la misma familia que la landing. `html body` gana al estilo inline de cada página. */
html body{font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
html body h1,html body h2,html body h3{text-wrap:balance}
html body h1{letter-spacing:-.04em;line-height:1.1}
html body h2{letter-spacing:-.03em;line-height:1.2}
html body h3{letter-spacing:-.02em;line-height:1.35}

/* Contraste del texto secundario, igual que en la landing. */
html body main .text-slate-400{color:#aab8cc}
html body main .text-slate-500{color:#9daec5}

/* Cabecera: mismo fondo, borde y altura que la de la landing. */
body>header,body>nav{background:#0f172a!important;border-color:#28374d!important;backdrop-filter:none}
body>header>div{min-height:72px}

/* Logo A (mismo marcado que en index.html). */
.new-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;white-space:nowrap;color:#f1f5f9}
.new-brand svg{width:36px;height:36px;flex-shrink:0}
.new-brand span{font-family:Manrope,system-ui,sans-serif;font-size:22px;letter-spacing:-.02em;font-weight:800}
@media(max-width:767px){.new-brand{gap:7px}.new-brand svg{width:30px;height:30px}.new-brand span{font-size:20px}}