/* Refinamientos de identidad y legibilidad — v22 */
.contact-dock{display:flex!important;z-index:70}

/* Beneficios de portada con el azul institucional más visible. */
.hero-benefits>div{padding:9px 12px;border:1px solid rgba(116,205,255,.22);border-radius:10px;background:rgba(1,25,42,.55)}
.hero-benefits>div:nth-child(2){border-color:#35baff;background:linear-gradient(135deg,#087fc7,#075890);box-shadow:0 8px 22px rgba(0,126,205,.28)}
.hero-benefits>div:nth-child(2) svg{color:#fff}
.hero .outline{color:#fff;border-color:#8fdcff;background:linear-gradient(135deg,#174f8d,#563f98);box-shadow:0 9px 24px rgba(18,73,137,.38)}
.hero .outline:hover{background:linear-gradient(135deg,#1d68ad,#6c4ab7)}

/* Los pasos usan símbolos relacionados con la acción, sin numeración. */
.process-grid article>.visual-icon{margin:0 0 18px;width:54px!important;height:54px!important}
.process-grid article>.visual-icon+ h3{margin-top:0}
.process-grid article{border-top-width:4px}

/* Viñetas más claras en todos los servicios. */
.service-feature ul{row-gap:10px}
.service-feature li{position:relative;padding-left:32px;font-size:17px;font-weight:550}
.service-feature li:before{content:"✓"!important;top:.08em!important;width:21px!important;height:21px!important;background:#087fc7!important;box-shadow:0 0 0 4px #e5f5ff;color:#fff!important}

/* Nueve clientes con sus marcas en tarjetas uniformes. */
.clients{padding-top:44px;padding-bottom:44px;background:linear-gradient(135deg,#f8fcff,#eef7fc)}
.clients-carousel{padding:7px 0}
.clients-carousel .client-logos{gap:16px}
.clients-carousel .client-logos img{width:235px;flex:0 0 235px;height:92px;padding:15px 22px;border:1px solid #c8dfed!important;border-radius:13px;background:#fff;box-shadow:0 8px 22px rgba(7,50,78,.09);object-fit:contain}

/* Nico: panel más actual, limpio y reconocible. */
.chat-launcher{background:linear-gradient(135deg,#087ed1 0%,#163a88 100%);border-color:#70dbff;box-shadow:0 13px 36px rgba(0,61,112,.48),0 0 0 4px rgba(72,194,255,.12)}
.chat-launcher:hover{background:linear-gradient(135deg,#12a5f4,#2251a7);transform:translateY(-3px)}
.chat-panel{width:min(430px,calc(100vw - 30px));bottom:154px;border:1px solid #4cc8ff;border-radius:20px;background:#f4f9fc;box-shadow:0 30px 90px rgba(0,20,38,.42),0 0 0 5px rgba(35,173,235,.11)}
.chat-header{position:relative;padding:16px 18px;background:linear-gradient(125deg,#031c2d 0%,#075179 58%,#153a78 100%);border-bottom:1px solid rgba(127,220,255,.45)}
.chat-header:after{content:"En línea";position:absolute;right:66px;top:20px;padding-left:13px;color:#c7f5dd;font-size:10px;font-weight:700}
.chat-header:before{content:"";position:absolute;right:108px;top:25px;width:7px;height:7px;border-radius:50%;background:#35dc91;box-shadow:0 0 0 4px rgba(53,220,145,.15)}
.chat-header .nico-avatar{width:50px;height:50px;box-shadow:0 0 0 4px rgba(88,207,255,.16)}
.chat-header strong{font-size:19px}.chat-header small{font-size:12px;color:#d5eaf5}
.chat-messages{min-height:150px;max-height:290px;padding:20px 18px 12px;background:radial-gradient(circle at 90% 0,rgba(44,185,242,.12),transparent 38%),linear-gradient(180deg,#eff8fd,#f7fbfd)}
.chat-message{padding:12px 14px;border-radius:15px;font-size:15px;line-height:1.55;box-shadow:0 5px 14px rgba(8,52,79,.07)}
.chat-message.bot{border:1px solid #beddeb;border-bottom-left-radius:5px;background:#fff}
.chat-message.user{border-bottom-right-radius:5px;background:linear-gradient(135deg,#0598e9,#0674c6)}
.chat-options{gap:8px;padding:13px 18px 9px;border-top:1px solid #d9eaf3;background:#fff}
.chat-options button{padding:8px 12px;border-color:#72c9f3;background:#edf8ff;color:#075589;font-size:13px;transition:.18s}
.chat-options button:hover{color:#fff;background:#087fc7;transform:translateY(-1px)}
.chat-form{padding:11px 18px 8px;background:#fff}.chat-form label{font-size:12px;font-weight:700}.chat-form input{border-radius:9px;border-color:#b8d4e4}.chat-form button{border-radius:9px;background:linear-gradient(135deg,#08a1ef,#0872c7)}
.chat-disclaimer{padding:0 18px 15px;background:#fff}

/* Alineación del formulario en escritorio. */
@media(min-width:901px){#contact-form{margin-top:58px}}
@media(max-width:900px){#contact-form{margin-top:0}.clients-carousel .client-logos img{width:210px;flex-basis:210px}}
@media(max-width:560px){
  .hero-benefits>div{padding:8px 9px}.hero-benefits>div:nth-child(2){display:flex}
  .chat-panel{right:10px;bottom:140px;width:calc(100vw - 20px);max-height:calc(100vh - 155px)}
  .chat-header:after,.chat-header:before{display:none}.chat-messages{max-height:245px}
  .clients-carousel .client-logos img{width:188px;flex-basis:188px;height:82px}
}