
:root{--lt-red:#f02d2d;--lt-dark:#070a0f;--lt-panel:#0b1018;--lt-green:#35d07f}
.lt-wa-float{position:fixed;right:22px;bottom:22px;z-index:520;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 18px 44px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.12) inset;transition:transform .25s ease,box-shadow .25s ease}.lt-wa-float:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 22px 55px rgba(0,0,0,.34)}.lt-wa-float svg{width:29px;height:29px;fill:currentColor}.lt-wa-float::before{content:"WhatsApp";position:absolute;right:68px;padding:8px 11px;border-radius:8px;background:#0c1118;color:#fff;font:700 10px/1.1 system-ui;letter-spacing:.04em;opacity:0;transform:translateX(7px);pointer-events:none;transition:.22s;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.25)}.lt-wa-float:hover::before{opacity:1;transform:none}
.levelito-dock{position:fixed;left:20px;bottom:18px;z-index:525;display:flex;align-items:flex-end;gap:10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.levelito-launch{border:0;background:transparent;color:inherit;cursor:pointer;padding:0;position:relative}.levelito-bot{position:relative;width:70px;height:82px;filter:drop-shadow(0 18px 26px rgba(0,0,0,.32));animation:levelitoFloat 5.4s ease-in-out infinite}.levelito-orbit{position:absolute;width:68px;height:68px;left:1px;top:8px;border:1px solid rgba(240,45,45,.35);border-radius:50%;animation:levelitoSpin 8s linear infinite}.levelito-orbit:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--lt-red);top:5px;left:10px;box-shadow:0 0 12px var(--lt-red)}.levelito-antenna{position:absolute;left:34px;top:0;width:2px;height:12px;background:#8994a4}.levelito-antenna:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--lt-red);left:-2.5px;top:-4px;box-shadow:0 0 14px rgba(240,45,45,.85)}.levelito-head{position:absolute;left:10px;top:12px;width:50px;height:42px;border-radius:14px 14px 12px 12px;background:linear-gradient(145deg,#1b2430,#0b111a);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px rgba(255,255,255,.08)}.levelito-face{position:absolute;inset:8px;border-radius:9px;background:#05080c;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;gap:9px}.levelito-eye{width:5px;height:5px;border-radius:50%;background:#75f0b0;box-shadow:0 0 9px #75f0b0;animation:levelitoBlink 4.6s infinite}.levelito-eye:nth-child(2){animation-delay:.08s}.levelito-mouth{position:absolute;width:14px;height:2px;border-radius:3px;background:rgba(240,45,45,.85);left:18px;bottom:6px;box-shadow:0 0 8px rgba(240,45,45,.45)}.levelito-body{position:absolute;left:16px;top:54px;width:38px;height:25px;border-radius:8px 8px 13px 13px;background:linear-gradient(145deg,#222c39,#0a0f16);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;color:#fff;font-size:8px;font-weight:900;letter-spacing:.12em}.levelito-body:before,.levelito-body:after{content:"";position:absolute;width:12px;height:3px;background:#66717f;border-radius:3px;top:8px}.levelito-body:before{left:-10px;transform:rotate(18deg)}.levelito-body:after{right:-10px;transform:rotate(-18deg)}.levelito-badge{position:absolute;left:53px;top:4px;padding:4px 6px;border-radius:999px;background:var(--lt-red);color:#fff;font-size:6px;font-weight:900;letter-spacing:.08em;box-shadow:0 8px 20px rgba(240,45,45,.32)}
.levelito-hint{max-width:230px;margin-bottom:31px;padding:10px 12px;border:1px solid rgba(255,255,255,.13);background:rgba(9,13,19,.86);color:#f5f7fa;border-radius:12px 12px 12px 3px;backdrop-filter:blur(15px);box-shadow:0 14px 44px rgba(0,0,0,.3);font-size:11px;line-height:1.4;opacity:0;transform:translateX(-8px) translateY(5px);pointer-events:none;transition:.3s}.levelito-hint.show{opacity:1;transform:none}.levelito-hint b{color:#fff}.levelito-hint span{color:#aeb7c3}
.levelito-chat{position:fixed;left:22px;bottom:110px;z-index:540;width:min(390px,calc(100vw - 30px));height:min(585px,calc(100svh - 145px));display:flex;flex-direction:column;border-radius:20px;background:linear-gradient(180deg,rgba(12,17,25,.98),rgba(6,9,14,.98));color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px rgba(0,0,0,.5);backdrop-filter:blur(24px) saturate(130%);opacity:0;transform:translateY(18px) scale(.97);pointer-events:none;transition:.28s cubic-bezier(.2,.8,.2,1);overflow:hidden}.levelito-chat.open{opacity:1;transform:none;pointer-events:auto}.levelito-chat:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 0,rgba(240,45,45,.13),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;mask-image:linear-gradient(#000,transparent 65%)}.levelito-headbar{position:relative;z-index:2;display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.levelito-mini{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#111927;border:1px solid rgba(255,255,255,.1);font-weight:900;font-size:10px;letter-spacing:.08em;color:#fff;box-shadow:inset 0 0 0 1px rgba(240,45,45,.08)}.levelito-title{min-width:0;flex:1}.levelito-title b{display:block;font-size:13px}.levelito-title small{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:8px;letter-spacing:.1em;color:#7e8997}.levelito-title small i{width:5px;height:5px;border-radius:50%;background:var(--lt-green);box-shadow:0 0 10px var(--lt-green)}.levelito-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#c9d0da;cursor:pointer;font-size:18px}.levelito-messages{position:relative;z-index:2;flex:1;overflow:auto;padding:16px;scrollbar-width:thin;scrollbar-color:#2b3441 transparent}.levelito-msg{max-width:86%;margin:0 0 10px;padding:10px 12px;border-radius:14px;font-size:12px;line-height:1.48;animation:levelitoMsg .28s ease both}.levelito-msg.bot{background:#121925;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:4px;color:#dbe1e8}.levelito-msg.user{margin-left:auto;background:var(--lt-red);border-bottom-right-radius:4px;color:#fff}.levelito-msg strong{color:#fff}.levelito-msg a{color:#fff;text-decoration:underline;text-underline-offset:3px}.levelito-actions{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 14px}.levelito-chip{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);color:#dbe0e8;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:750;letter-spacing:.02em;cursor:pointer;transition:.2s}.levelito-chip:hover{border-color:rgba(240,45,45,.55);background:rgba(240,45,45,.09);color:#fff}.levelito-chip.hot{background:var(--lt-red);border-color:var(--lt-red);color:#fff}.levelito-inputrow{position:relative;z-index:2;display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.08);background:rgba(4,7,11,.78)}.levelito-input{flex:1;min-width:0;height:43px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0b1119;color:#fff;padding:0 12px;outline:none;font:500 12px system-ui}.levelito-input:focus{border-color:rgba(240,45,45,.7);box-shadow:0 0 0 3px rgba(240,45,45,.08)}.levelito-send{width:43px;height:43px;border:0;border-radius:12px;background:var(--lt-red);color:#fff;cursor:pointer;font-size:15px;box-shadow:0 10px 26px rgba(240,45,45,.22)}.levelito-privacy{position:relative;z-index:2;padding:0 13px 10px;background:rgba(4,7,11,.78);color:#596474;font-size:7px;line-height:1.35;letter-spacing:.04em}
@keyframes levelitoFloat{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(5px,-8px,0) rotate(2deg)}}@keyframes levelitoSpin{to{transform:rotate(360deg)}}@keyframes levelitoBlink{0%,46%,50%,100%{transform:scaleY(1)}48%{transform:scaleY(.12)}}@keyframes levelitoMsg{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:700px){.lt-wa-float{right:14px;bottom:14px;width:54px;height:54px}.levelito-dock{left:10px;bottom:8px}.levelito-bot{transform:scale(.88);transform-origin:left bottom}.levelito-hint{display:none}.levelito-chat{left:8px;right:8px;bottom:78px;width:auto;height:min(610px,calc(100svh - 92px));border-radius:18px}.levelito-msg{font-size:12px}.levelito-chip{font-size:9px}.lt-wa-float::before{display:none}}
@media(prefers-reduced-motion:reduce){.levelito-bot,.levelito-orbit,.levelito-eye{animation:none!important}.levelito-chat,.levelito-hint,.lt-wa-float{transition:none!important}}

/* =========================================================
   LEVELTEAM V7 — Levelito aboard the LT-01 micro ship
   ========================================================= */
.levelito-dock{left:0;top:0;bottom:auto;align-items:center;gap:12px;pointer-events:none;will-change:transform;transform:translate3d(22px,calc(100vh - 150px),0)}
.levelito-launch{pointer-events:auto;filter:none}
.levelito-ship{position:relative;width:122px;height:76px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.38));animation:shipHover 3.8s ease-in-out infinite;transform-origin:55% 52%}
.ship-hull{position:absolute;left:24px;top:22px;width:78px;height:38px;border-radius:55% 42% 48% 55%;background:linear-gradient(150deg,#263444 0%,#101722 56%,#070b11 100%);border:1px solid rgba(255,255,255,.17);box-shadow:inset 0 1px rgba(255,255,255,.16),inset -12px -10px 18px rgba(0,0,0,.28),0 0 0 1px rgba(240,45,45,.05)}
.ship-hull:after{content:"";position:absolute;right:7px;top:15px;width:18px;height:3px;border-radius:99px;background:linear-gradient(90deg,#f02d2d,#ff7662);box-shadow:0 0 13px rgba(240,45,45,.55)}
.ship-cockpit{position:absolute;left:12px;top:-15px;width:42px;height:34px;border-radius:50% 50% 34% 34%;background:linear-gradient(145deg,rgba(126,160,208,.72),rgba(18,29,44,.88) 62%);border:1px solid rgba(194,225,255,.3);box-shadow:inset 0 0 18px rgba(90,152,220,.15),0 8px 14px rgba(0,0,0,.2);overflow:hidden}
.levelito-ship .levelito-head{left:5px;top:7px;width:32px;height:24px;border-radius:9px;background:linear-gradient(145deg,#1b2430,#0b111a)}
.levelito-ship .levelito-face{inset:5px;border-radius:6px;gap:6px}.levelito-ship .levelito-eye{width:4px;height:4px}.levelito-ship .levelito-mouth{width:9px;left:11px;bottom:3px}
.ship-mark{position:absolute;left:54px;top:11px;color:#fff;font-size:8px;letter-spacing:.12em;font-weight:900;opacity:.85}
.ship-wing{position:absolute;top:43px;width:35px;height:16px;background:linear-gradient(145deg,#192432,#090e15);border:1px solid rgba(255,255,255,.1);z-index:-1}.wing-left{left:10px;clip-path:polygon(100% 0,100% 100%,0 82%,22% 20%)}.wing-right{right:5px;clip-path:polygon(0 0,0 100%,100% 78%,72% 20%)}
.ship-thruster{position:absolute;left:11px;width:22px;height:5px;border-radius:999px;background:linear-gradient(90deg,transparent,#718cff 45%,#fff 72%,#ff5e4f);filter:blur(.25px);box-shadow:-10px 0 18px rgba(113,140,255,.55);transform-origin:right center;animation:thruster 1.1s ease-in-out infinite}.ship-thruster.t1{top:35px}.ship-thruster.t2{top:50px;left:16px;animation-delay:.18s;opacity:.75}
.ship-trail{position:absolute;left:-38px;top:40px;width:62px;height:1px;background:linear-gradient(90deg,transparent,rgba(116,140,255,.18),rgba(240,45,45,.52));box-shadow:0 0 12px rgba(109,132,255,.3);transform:scaleX(calc(.7 + var(--ship-speed,.4)));transform-origin:right center;opacity:.7}
.ship-ring{position:absolute;left:34px;top:4px;width:64px;height:64px;border-radius:50%;border:1px solid rgba(240,45,45,.16);border-left-color:rgba(126,145,255,.3);transform:rotateX(66deg);animation:shipRing 6s linear infinite;z-index:-2}.ship-ring:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#f02d2d;left:8px;top:5px;box-shadow:0 0 11px #f02d2d}
.levelito-ship .levelito-badge{left:auto;right:3px;top:8px;padding:4px 6px;font-size:6px}.levelito-hint{margin:0;max-width:245px;transform:translateX(-6px);border-radius:12px 12px 12px 4px}.levelito-flying .levelito-hint{position:absolute;left:118px;bottom:36px;width:240px}
.levelito-launch:hover .levelito-ship{filter:drop-shadow(0 22px 34px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(240,45,45,.12))}.levelito-launch:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:20px}
@keyframes shipHover{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes thruster{50%{transform:scaleX(1.45);opacity:.45}}@keyframes shipRing{to{rotate:360deg}}
@media(max-width:820px){.levelito-dock{left:8px;top:auto;bottom:2px;transform:none!important}.levelito-ship{width:103px;height:68px;transform:scale(.9);transform-origin:left bottom}.levelito-hint{display:none}.ship-trail{display:none}}
@media(prefers-reduced-motion:reduce){.levelito-ship,.ship-thruster,.ship-ring{animation:none!important}}

/* =========================================================
   LEVELTEAM V8 — Levelito nave lateral, discreta y no invasiva
   ========================================================= */
.levelito-dock{
  opacity:.86;
  transition:opacity .24s ease,filter .24s ease;
}
.levelito-dock:hover{opacity:1;filter:drop-shadow(0 10px 20px rgba(23,64,110,.10))}
.levelito-flying .levelito-ship{transform:scale(.84);transform-origin:center center}
.levelito-flying .ship-trail{width:44px;opacity:.42}
.levelito-flying .levelito-hint{
  width:184px;
  max-width:184px;
  font-size:9px;
  line-height:1.35;
  background:rgba(8,27,52,.88);
  border-color:rgba(139,207,255,.16);
  box-shadow:0 12px 34px rgba(16,51,90,.18);
  opacity:0!important;
}
.levelito-flying:hover .levelito-hint.show{opacity:1!important}
.levelito-flying.edge-right .levelito-hint{left:auto;right:112px;border-radius:12px 12px 4px 12px}
.levelito-flying.edge-right .levelito-ship{transform:scale(.84) scaleX(-1)}
.levelito-flying.edge-right .levelito-head,.levelito-flying.edge-right .levelito-face,.levelito-flying.edge-right .levelito-mouth,.levelito-flying.edge-right .ship-mark,.levelito-flying.edge-right .levelito-badge{transform:scaleX(-1)}
.levelito-flying.edge-switching{opacity:0}
.levelito-flying .levelito-launch{opacity:.92}
.levelito-flying .levelito-launch:hover{opacity:1}
.levelito-flying .ship-ring{opacity:.62}
.levelito-flying .ship-thruster{opacity:.7}

@media(max-width:820px){
  .levelito-dock{opacity:.96}
  .levelito-ship{transform:scale(.82)!important}
  .levelito-launch{max-width:92px;overflow:visible}
}


/* =========================================================
   LEVELTEAM V9 — ajuste fino Levelito lateral
   ========================================================= */
.levelito-dock{z-index:115;opacity:.92}
.levelito-flying .levelito-launch{opacity:.96}
.levelito-flying .levelito-ship{transform:scale(.82);transform-origin:center center}
.levelito-flying .ship-trail{width:40px;opacity:.34}
.levelito-flying.edge-right .levelito-hint{right:124px}
.levelito-flying .levelito-hint{background:rgba(9,31,59,.92);border-color:rgba(147,218,255,.2)}
@media(max-width:820px){.levelito-dock{left:6px!important;right:auto!important;bottom:10px!important}}


/* =========================================================
   LEVELTEAM V12 — LEVELITO más sutil + WhatsApp contextual
   ========================================================= */
.levelito-dock{opacity:.86;z-index:118;transition:opacity .25s ease,filter .25s ease}
.levelito-dock:hover{opacity:1}
.levelito-flying .levelito-ship{transform:scale(.76);transform-origin:center center}
.levelito-flying.edge-right .levelito-ship{transform:scale(.76) scaleX(-1)}
.levelito-flying .ship-ring{opacity:.45}
.levelito-flying .ship-thruster{opacity:.55}
.levelito-flying .ship-trail{width:30px;opacity:.26}
.levelito-flying .levelito-hint{
  width:178px;max-width:178px;padding:9px 10px;
  font-size:9px;line-height:1.34;
  border-radius:11px;
  background:rgba(8,28,52,.94);
  border-color:rgba(145,215,255,.16);
  box-shadow:0 14px 38px rgba(15,47,82,.16);
}
.levelito-flying:not(:hover) .levelito-hint.show{opacity:.84!important}
.levelito-flying:hover .levelito-hint.show{opacity:1!important}
.levelito-launch:hover .levelito-ship{filter:drop-shadow(0 18px 28px rgba(10,34,59,.28)) drop-shadow(0 0 12px rgba(77,159,255,.10))}

.lt-wa-float{
  width:60px;height:60px;right:22px;bottom:22px;
  box-shadow:0 18px 45px rgba(20,78,48,.26),0 0 0 1px rgba(255,255,255,.18) inset;
}
.lt-wa-float::before{
  content:attr(data-label);
  right:70px;
  max-width:245px;
  padding:10px 13px;
  border-radius:11px;
  background:rgba(7,23,40,.94);
  border:1px solid rgba(135,203,255,.13);
  box-shadow:0 15px 38px rgba(13,43,75,.22);
  font-size:10px;line-height:1.2;
}
.lt-wa-float.cta-show::before{opacity:1;transform:none}
.lt-wa-float:hover{transform:translateY(-4px) scale(1.055);box-shadow:0 24px 58px rgba(20,78,48,.31),0 0 0 1px rgba(255,255,255,.18) inset}
.lt-wa-float::after{
  content:"";position:absolute;inset:-5px;border-radius:50%;
  border:1px solid rgba(37,211,102,.24);opacity:.55;
  animation:waHalo 2.8s ease-out infinite;pointer-events:none;
}
@keyframes waHalo{0%{transform:scale(.9);opacity:.55}70%,100%{transform:scale(1.35);opacity:0}}
@media(max-width:700px){
  .levelito-ship{transform:scale(.76)!important}
  .lt-wa-float{right:14px;bottom:14px;width:55px;height:55px}
  .lt-wa-float::before{display:none}
}
@media(prefers-reduced-motion:reduce){.lt-wa-float::after{animation:none!important}}
