/* Paleta institucional con contraste por secciones — v23 */
:root{--night:#031b2d;--navy:#06395f;--ink:#062645;--blue:#008ee8;--cyan:#42c9ff;--soft-blue:#eaf6fd;--soft-cyan:#f2fbff}

/* Directorio de servicios: fondo azul muy claro y tarjetas alternadas. */
.service-directory{background:linear-gradient(145deg,#eaf5fb 0%,#f7fbfe 48%,#e5f2fa 100%)}
.service-feature{border-color:#bcd9e9;box-shadow:0 16px 38px rgba(4,48,78,.12)}
.service-feature:nth-child(odd) .service-feature-copy{background:#fff}
.service-feature:nth-child(even) .service-feature-copy{background:#f1f9fe}
.service-index-icon{color:#006cb6}.service-index-icon svg{background:#d9f1ff;border:1px solid #9fdcff}

/* Proceso: una franja azul oscura que separa claramente el contenido. */
.service-process{color:#fff;background:radial-gradient(circle at 85% 15%,rgba(39,165,224,.23),transparent 30%),linear-gradient(135deg,#031d30,#073f66)}
.service-process .eyebrow{color:#69d1ff}.service-process .section-heading p:last-child{color:#d5e8f4}
.process-grid article{color:#082944;border:1px solid rgba(123,207,247,.62);border-top:4px solid #20b8f6;background:#fff;box-shadow:0 14px 35px rgba(0,11,24,.28)}
.process-grid article:nth-child(2){border-top-color:#5a78df;background:#f5f8ff}
.process-grid article:nth-child(3){border-top-color:#00a9a2;background:#f2fffe}
.process-grid article:nth-child(4){border-top-color:#785ad8;background:#faf7ff}
.process-grid article:nth-child(1)>.visual-icon{background:linear-gradient(135deg,#00a5ed,#0873c8)!important}
.process-grid article:nth-child(2)>.visual-icon{background:linear-gradient(135deg,#6686ed,#364fb4)!important}
.process-grid article:nth-child(3)>.visual-icon{background:linear-gradient(135deg,#10bfb5,#087b83)!important}
.process-grid article:nth-child(4)>.visual-icon{background:linear-gradient(135deg,#8a68e7,#5540ad)!important}
.process-grid h3{color:#082944}.process-grid p{color:#36566e}
.process-contact{border:1px solid #36bdf5;background:linear-gradient(115deg,#07598d,#0878bb);box-shadow:0 12px 30px rgba(0,11,24,.25)}

/* Clientes sobre un plano distinto del resto de la portada. */
.clients{border-block:1px solid #b9d9ea;background:linear-gradient(100deg,#eef8fd,#dff1fb 55%,#edf8fd)}
.clients-carousel .client-logos img{border-color:#aed2e5!important;box-shadow:0 9px 24px rgba(5,54,87,.13)}

/* Nico usa azul institucional de forma consistente. */
.chat-launcher{background:linear-gradient(135deg,#0098eb,#0067bd);border-color:#8be1ff;box-shadow:0 12px 34px rgba(0,83,151,.42),0 0 0 4px rgba(0,153,235,.14)}
.chat-panel{border-color:#139fe8;background:#eaf6fd;box-shadow:0 28px 85px rgba(0,31,58,.46),0 0 0 5px rgba(24,168,232,.13)}
.chat-header{background:linear-gradient(120deg,#043153,#006bb1 62%,#058ed0)}
.chat-messages{background:radial-gradient(circle at 90% 0,rgba(0,151,228,.19),transparent 36%),linear-gradient(180deg,#e3f4fc,#f4faff)}
.chat-message.user{background:linear-gradient(135deg,#009be9,#0068bf)}
.chat-options button{border-color:#59bdea;background:#e7f6fd;color:#045789}
.chat-options button:hover{background:#007ec8;color:#fff}
.chat-form button{background:linear-gradient(135deg,#00a0ed,#0068bd)}

/* CTA secundario visible sobre la portada. */
.hero .outline{border-color:#84ddff;background:linear-gradient(135deg,#0879bc,#164e9a)}

@media(max-width:560px){.service-process{background:linear-gradient(160deg,#031d30,#07517d)}}