/* =========================================================
   IP TECNOLOGÍA PERÚ — CHATBOT
   Tema oscuro, independiente de los estilos de la página.
========================================================= */
.asistente-seguridad{position:fixed;right:24px;left:auto;bottom:24px;z-index:99999;font-family:Inter,Arial,sans-serif;display:flex;align-items:flex-end;justify-content:flex-end}
.asistente-seguridad *{box-sizing:border-box}

.asistente-cart-badge{
  position:absolute;
  right:18px;
  top:-72px;
  width:64px;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#CEFF04;
  border:3px solid #fff;
  color:#111;
  font-size:26px;
  box-shadow:0 12px 24px rgba(0,0,0,.18);
  z-index:30;
  text-decoration:none;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease;
}
.asistente-cart-badge:hover{
  transform:translateY(-2px) scale(1.03);
  box-shadow:0 16px 28px rgba(0,0,0,.22);
}

.asistente-cart-count{
  position:absolute;
  right:-12px;
  top:-12px;
  min-width:26px;
  height:26px;
  padding:0 7px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#e53935;
  border:2px solid #fff;
  color:#fff;
  font-size:11px;
  font-weight:900;
  line-height:1;
  box-shadow:0 4px 12px rgba(229,57,53,.45);
}

/* Botón flotante */
.asistente-boton{position:relative;width:96px!important;height:112px!important;min-height:112px!important;padding:6px 5px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:3px!important;border:2px solid #26384b!important;border-radius:24px!important;background:linear-gradient(145deg,#070b11,#121d2a)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:inherit!important;font-size:12px!important;font-weight:800!important;line-height:1.05!important;text-align:center!important;cursor:pointer!important;box-shadow:0 14px 34px rgba(0,0,0,.48),0 0 0 1px rgba(206,255,4,.08)!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;animation:chatbot-llamada 6s ease-in-out infinite}
.asistente-boton:hover{transform:translateY(-5px) scale(1.03)!important;border-color:#CEFF04!important;box-shadow:0 20px 42px rgba(0,0,0,.55),0 0 22px rgba(206,255,4,.17)!important}
.asistente-boton:focus-visible{outline:2px solid #CEFF04;outline-offset:3px}
.asistente-boton::after{content:"";position:absolute;right:9px;top:8px;width:8px;height:8px;border-radius:50%;background:#CEFF04;box-shadow:0 0 0 4px rgba(206,255,4,.1),0 0 13px rgba(206,255,4,.8);animation:chatbot-pulso 2s infinite}
.asistente-boton-icono{position:relative!important;width:68px!important;height:68px!important;min-width:68px!important;flex:0 0 68px!important;margin-top:0!important;display:grid!important;place-items:center!important;overflow:hidden!important;border:1px solid #38506a!important;border-radius:50%!important;background:radial-gradient(circle at 50% 40%,#e8eef3,#c7d3dc 100%)!important;color:#CEFF04!important;-webkit-text-fill-color:#CEFF04!important;box-shadow:inset 0 0 18px rgba(0,0,0,.06),0 0 18px rgba(0,112,158,.2)!important}
.asistente-boton>span:last-child{display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:900!important;letter-spacing:.15px!important}
.robotito{position:relative;display:block;width:48px;height:43px;margin-top:7px;transition:transform .25s ease}
.robotito-img{width:92%;height:92%;object-fit:contain;display:block;margin-top:0;transition:transform .25s ease}
.asistente-boton:hover .robotito-img{animation:robotito-saludo .7s ease-in-out infinite alternate}
.robotito-antena{position:absolute;top:-7px;left:50%;width:3px;height:8px;transform:translateX(-50%);border-radius:4px;background:#CEFF04}
.robotito-antena::after{content:"";position:absolute;top:-5px;left:-3px;width:9px;height:9px;border-radius:50%;background:#CEFF04;box-shadow:0 0 9px rgba(206,255,4,.85)}
.robotito-cara{position:absolute;inset:4px 0 0;display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #46627c;border-radius:14px 14px 17px 17px;background:linear-gradient(145deg,#123049,#07131d);box-shadow:inset 0 -5px 0 rgba(0,0,0,.2)}
.robotito-ojo{width:6px;height:8px;border-radius:50%;background:#CEFF04;box-shadow:0 0 7px rgba(206,255,4,.65)}
.robotito-sonrisa{position:absolute;bottom:7px;left:50%;width:20px;height:9px;transform:translateX(-50%);border-bottom:2px solid #fff;border-radius:0 0 12px 12px}
.asistente-boton:hover .robotito{animation:robotito-saludo .7s ease-in-out infinite alternate}

/* Panel */
.asistente-panel{position:absolute;right:0;left:auto;bottom:124px;width:390px;max-width:calc(100vw - 28px);height:min(640px, calc(100vh - 156px));display:flex;flex-direction:column;overflow:hidden;background:#0a1018!important;border:1px solid #26384b!important;border-radius:22px!important;box-shadow:0 28px 80px rgba(0,0,0,.62),0 0 0 1px rgba(206,255,4,.04)!important;color:#edf3f8!important}
.asistente-panel[hidden]{display:none!important}
.asistente-cabecera{display:flex;align-items:center;gap:11px;padding:14px 15px!important;background:linear-gradient(135deg,#070d15,#102238 60%,#075b79)!important;border-bottom:2px solid #CEFF04!important;color:#fff!important}
.asistente-avatar{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid rgba(206,255,4,.25);border-radius:50%;background:rgba(206,255,4,.08)!important;color:#CEFF04!important;font-size:18px}
.asistente-cabecera>div:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}
.asistente-cabecera strong{font-size:14px!important;color:#fff!important}
.asistente-cabecera span{margin-top:3px;font-size:11px!important;color:#c9d4df!important}
.asistente-cabecera span i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#4ade80;box-shadow:0 0 7px rgba(74,222,128,.7)}
.asistente-reiniciar,.asistente-cerrar{width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:9px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;cursor:pointer!important}
.asistente-reiniciar:hover,.asistente-cerrar:hover{background:rgba(206,255,4,.13)!important;color:#CEFF04!important}
.asistente-progreso{height:4px;background:#151e29!important}
.asistente-progreso span{display:block;width:0;height:100%;background:linear-gradient(90deg,#CEFF04,#51d4ff)!important;box-shadow:0 0 10px rgba(206,255,4,.45);transition:width .35s ease}

/* Mensajes */
.asistente-conversacion{flex:1;overflow-y:auto;padding:17px 14px 10px!important;background:radial-gradient(circle at 85% 5%,rgba(2,119,189,.13),transparent 30%),#0d141d!important;scroll-behavior:smooth;color:#edf3f8!important}
.asistente-conversacion::-webkit-scrollbar{width:0;height:0;display:none}.asistente-conversacion{scrollbar-width:none;-ms-overflow-style:none}
.mensaje{max-width:87%;padding:10px 13px;margin-bottom:10px;border-radius:15px;font-size:13px;line-height:1.45;white-space:pre-line;word-break:break-word;animation:mensaje-entrada .22s ease}
.mensaje-bot{margin-right:auto;background:#17222e!important;border:1px solid #2a3a4c!important;color:#edf3f8!important;border-bottom-left-radius:5px!important;box-shadow:0 5px 16px rgba(0,0,0,.18)}
.mensaje-usuario{margin-left:auto;background:#075b79!important;border:1px solid #087ba4!important;color:#fff!important;border-bottom-right-radius:5px!important}
.mensaje-marcas{max-width:100%;padding:14px 13px 12px!important;background:linear-gradient(145deg,#152333,#101a26)!important;border-color:#31506a!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important}
.marcas-encabezado{display:flex;align-items:center;gap:10px;padding-bottom:11px;border-bottom:1px solid rgba(112,164,193,.22)}
.marcas-icono{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid rgba(206,255,4,.45);border-radius:10px;background:rgba(206,255,4,.1);color:#CEFF04;font-size:15px}
.marcas-encabezado strong{display:block;color:#fff;font-size:14px;line-height:1.2}.marcas-encabezado small{display:block;margin-top:3px;color:#91aabd;font-size:10px;font-weight:500}
.marcas-intro{margin:11px 0 13px;color:#cbd8e3;font-size:11px;line-height:1.45}
.marcas-grupo{margin-top:12px}.marcas-grupo h4{display:flex;align-items:center;gap:6px;margin:0 0 7px;color:#8de4ff;font-size:10px;font-weight:800;letter-spacing:.2px;text-transform:uppercase}.marcas-grupo h4 i{width:15px;color:#CEFF04;text-align:center}
.marcas-lista{display:flex;flex-wrap:wrap;gap:5px}.marca-chip{padding:5px 8px;border:1px solid #345068;border-radius:7px;background:#1b2a39;color:#edf5fa;font-size:10px;font-weight:700;line-height:1.1;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.marca-chip:hover{border-color:#CEFF04;background:#24351d;color:#CEFF04}.marcas-cierre{display:flex;align-items:flex-start;gap:7px;margin:14px 0 0;padding-top:11px;border-top:1px solid rgba(112,164,193,.22);color:#b9c8d4;font-size:10px;line-height:1.4}.marcas-cierre i{padding-top:2px;color:#CEFF04}
.mensaje-escribiendo{width:54px;display:flex;gap:4px;align-items:center;padding:11px 13px;margin-bottom:10px;border:1px solid #2a3a4c;background:#17222e;border-radius:15px}.mensaje-escribiendo span{width:5px;height:5px;border-radius:50%;background:#CEFF04;animation:escribiendo 1s infinite}.mensaje-escribiendo span:nth-child(2){animation-delay:.15s}.mensaje-escribiendo span:nth-child(3){animation-delay:.3s}

/* Opciones */
.asistente-acciones{padding:9px 11px 7px!important;background:#0a1018!important;border-top:1px solid #202d3b!important;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;max-height:245px;overflow-y:auto}
.asistente-opcion{min-height:47px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:8px 9px!important;border:1px solid #34475b!important;border-radius:12px!important;background:#111a24!important;color:#edf3f8!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;cursor:pointer!important;text-align:center!important;box-shadow:0 4px 10px rgba(0,0,0,.14)!important;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease!important}
.asistente-opcion:hover{transform:translateY(-2px);border-color:#CEFF04!important;background:#17241b!important;color:#CEFF04!important}
.asistente-opcion i{flex:0 0 auto;color:#CEFF04!important}.asistente-opcion span{display:block}
.asistente-opcion-whatsapp,.asistente-opcion-sede{background:#0e2d24!important;border-color:#24664d!important;color:#edfff6!important}.asistente-opcion-whatsapp i,.asistente-opcion-sede i{color:#5ee7a3!important}.asistente-opcion-whatsapp:hover,.asistente-opcion-sede:hover{border-color:#5ee7a3!important;background:#143d2f!important;color:#fff!important}
.asistente-opcion-registro{grid-column:1/-1;background:#1b2410!important;border-color:#627d13!important;color:#f5ffd9!important}.asistente-opcion-registro:hover{background:#273613!important;color:#CEFF04!important}
.asistente-opcion-comprar{grid-column:1/-1!important;min-height:52px!important;background:linear-gradient(135deg,#CEFF04,#9fd400)!important;border-color:#CEFF04!important;color:#0a1018!important;font-size:13px!important;font-weight:900!important;box-shadow:0 8px 22px rgba(206,255,4,.35)!important;animation:comprar-pulso 2.6s ease-in-out infinite}.asistente-opcion-comprar i{color:#0a1018!important}.asistente-opcion-comprar:hover{transform:translateY(-2px) scale(1.015)!important;background:linear-gradient(135deg,#e2ff5c,#b6ea00)!important;color:#0a1018!important;box-shadow:0 12px 28px rgba(206,255,4,.5)!important}
.asistente-opcion-secundaria{grid-column:1/-1;background:#111923!important;border-color:#2c3a4a!important;color:#b6c1cc!important}
.asistente-input-row{grid-column:1/-1;display:flex;gap:7px}.asistente-input-row input{flex:1;min-width:0;padding:11px 12px!important;border:1px solid #34475b!important;border-radius:11px!important;background:#111a24!important;color:#fff!important;outline:none;font-family:inherit!important;font-size:12px!important;font-weight:600!important}.asistente-input-row input::placeholder{color:#738093}.asistente-input-row input:focus{border-color:#CEFF04!important;box-shadow:0 0 0 3px rgba(206,255,4,.08)}.asistente-input-row button{width:45px!important;min-height:43px!important;border:1px solid #6b8614!important;border-radius:11px!important;background:#CEFF04!important;color:#0a1018!important;cursor:pointer!important}
.asistente-privacidad{margin:0!important;padding:8px 11px 11px!important;text-align:center;background:#080d13!important;border-top:1px solid #18222e!important;color:#6f7d8e!important;font-size:10px!important}.asistente-privacidad i{margin-right:5px;color:#CEFF04!important}

@keyframes chatbot-pulso{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.65}}
@keyframes chatbot-llamada{0%,82%,100%{transform:translateY(0)}85%{transform:translateY(-4px)}88%{transform:translateY(0)}}
@keyframes robotito-saludo{0%{transform:rotate(-5deg)}100%{transform:rotate(5deg) translateY(-2px) scale(1.04)}}
@keyframes escribiendo{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-3px);opacity:1}}
@keyframes mensaje-entrada{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes comprar-pulso{0%,100%{box-shadow:0 8px 22px rgba(206,255,4,.35)}50%{box-shadow:0 8px 26px rgba(206,255,4,.6)}}

@media(max-width:650px){.asistente-seguridad{left:12px;bottom:13px}.asistente-boton{width:78px!important;height:94px!important;min-height:94px!important}.asistente-boton-icono{width:61px!important;height:61px!important;min-width:61px!important;flex-basis:61px!important}.asistente-panel{position:fixed;right:8px;left:8px;bottom:104px;width:auto;max-width:none;height:min(690px,calc(100vh - 116px));max-height:none}.asistente-acciones{max-height:250px}}