/* Equilibrio de superficies: azul marino, azul suave y tarjetas claras. */
body{background:#eaf2f8}
.site-header{background:#f0f7fcf5;border-bottom-color:#c8dce9}
.service-ribbon{background:#0a3557;border-bottom-color:#214967}
.service-ribbon>.container{color:#cae1f1}
.service-ribbon span:first-child{color:#8db2cd}
.service-ribbon b{color:#35bde9}
.services-surface{background:#062747;color:#edf7ff}
.services-surface .eyebrow{color:#3dd2fa}
.services-surface .section-heading>p{color:#b1cadc}
.services-surface .service-card{background:#0d3353;border-color:#24506f}
.services-surface .service-icon{background:#164565;color:#51d2f6}
.services-surface .service-top>span:last-child{color:#7ba9c7}
.services-surface .service-card>strong{color:#c8e0f0}
.services-surface .service-card>p{color:#acc6da}
.services-surface .service-card>a{color:#65d9fa;border-top-color:#2a506d}
.services-surface .service-card:hover{background:#123c5d;box-shadow:0 15px 35px #00142b40}
.services-surface .service-bottom{color:#9dbed4}
.services-surface .service-bottom a{color:#60d8fb}
.approach{background:#dcebf5;border-top-color:#284b65;border-bottom-color:#cfdfeb}
.approach .steps article{border-bottom-color:#bbd2e3}
.approach .steps p,.approach-copy>p:not(.eyebrow){color:#45667f}
.approach .button-outline{background:#eaf4fb;border-color:#a8c6da}
.system-visual{background:#d0e5f3;border-color:#b7d2e4;box-shadow:0 18px 45px #0e3d6210}
.mock-caption{color:#3b657f}
.client-band{background:linear-gradient(110deg,#064b7a,#052746 72%);border-top:1px solid #145b83;border-bottom:1px solid #145377}
.contact-section{background:#f7fbff;border:1px solid #cbdfea;border-radius:16px;padding:46px;margin-top:20px;margin-bottom:60px;box-shadow:0 15px 35px #0a375a08}
.contact-symbol{background:#dceefb;color:#0876ac}
.site-footer{background:#052746;color:#e0edf8;border-top:3px solid #00b9ec}
.site-footer .brand small{color:#2bcdff}
.site-footer .footer-top>p{color:#b6ccdf}
.site-footer .footer-top>p strong{color:#43d2f7}
.site-footer .footer-top>a:last-child{color:#bad9ec}
.footer-bottom{border-top-color:#294b65;color:#a3bed2}
@media(max-width:800px){.contact-section{padding:32px;gap:26px}}
@media(max-width:680px){.site-header nav{background:#f0f7fc}.menu-toggle{background:#f7fbff}.contact-section{padding:27px 22px;margin-top:16px;margin-bottom:38px;border-radius:13px;gap:27px}.contact-options strong{font-size:13px}.contact-options>a,.coverage{gap:10px}.contact-options>a>svg{width:14px;height:14px}.contact-symbol{width:34px;height:34px}.contact-heading h2{font-size:32px}.footer-top{gap:22px}}
@media(max-width:350px){.contact-section{padding:25px 16px}.contact-options strong{font-size:11px}.contact-heading h2{font-size:29px}}

.site-footer .footer-top>p .lema{color:#fff;font-weight:600}
.site-footer .footer-top>p strong{color:#4fc3f7;font-weight:700}
/* Palabra UPLINK NETWORK real del logo; en el pie el lema va centrado bajo ella con el mismo ancho */
.brand .wm{width:150px;height:auto;object-fit:contain}
.brand-foot{align-items:center}
.brand-foot .wm-col{display:flex;flex-direction:column;align-items:center;width:150px}
.brand-foot .wm-col .wm{display:block;width:150px}
.brand-foot .wm-col em{display:block;width:150px;margin-top:5px;text-align:center;font-style:italic;font-size:10.8px;letter-spacing:.15px;white-space:nowrap;color:#fff}
.brand-foot .wm-col em strong{color:#4fc3f7;font-weight:700}
@media(max-width:640px){.brand .wm{width:122px}.brand-foot .wm-col,.brand-foot .wm-col .wm,.brand-foot .wm-col em{width:122px}.brand-foot .wm-col em{font-size:8.8px}}

/* Logo + palabra + lema como una sola pieza alineada (2026-10-22) */
.brand .lk{display:block;width:195px;height:auto}
@media(max-width:640px){.brand .lk{width:158px}}
/* Estrellitas de la red en el pie, a la derecha (2026-10-22) */
.site-footer{background:url('assets/estrellas-red.png') right -20px top -200px/340px auto no-repeat,#052746}
@media(max-width:640px){.site-footer{background-size:230px auto;background-position:right -20px top -120px}}