/* ExeptedTech x Reyo Assistant — integración 2026.
   El botón de WhatsApp permanece fijo a la DERECHA; Reyo se coloca a la IZQUIERDA.
   Todas las reglas del chat están bajo #reyo-assistant-root para no afectar la tienda. */
:root{--reyo-blue:#389bff;--reyo-cyan:#4deaff;--reyo-violet:#a36bff}
#reyo-assistant-root {left:clamp(12px,2vw,24px)!important;right:auto!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;z-index:1100!important;max-width:100%;pointer-events:none}
#reyo-assistant-root .reyo-panel,#reyo-assistant-root .reyo-launcher{pointer-events:auto}
#reyo-assistant-root .reyo-launcher {position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:64px!important;height:64px!important;padding:3px!important;display:grid;place-items:center;border-radius:20px!important;overflow:visible!important;background:#08172f!important;border:1px solid #60cbff!important;box-shadow:0 12px 38px rgba(12,94,249,.37)!important;transition:transform .18s ease,box-shadow .18s ease!important}
#reyo-assistant-root .reyo-launcher[hidden]{display:none!important}
#reyo-assistant-root .reyo-launcher img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center;overflow:hidden!important;border-radius:16px!important;display:block!important}
#reyo-assistant-root .reyo-launcher:hover{transform:translateY(-3px);box-shadow:0 16px 42px #1d7bff80!important}
#reyo-assistant-root .reyo-launcher-glow{z-index:1;right:-4px!important;top:-4px!important;box-shadow:0 0 0 2px #061128}
#reyo-assistant-root .reyo-panel{margin:0 0 12px 0!important;width:min(414px,calc(100vw - 28px))!important;height:min(690px,calc(100dvh - 110px))!important;min-height:280px!important;border:1px solid #3d7dd1!important;border-radius:22px!important;overflow:hidden;background:#071329!important;box-shadow:0 30px 80px #000b1df0,0 0 35px #3b82ff24!important}
#reyo-assistant-root .reyo-panel[hidden]{display:none!important}
#reyo-assistant-root .reyo-mark{width:48px!important;height:48px!important;overflow:hidden;border-radius:12px!important;background:#071329!important;flex:none}
#reyo-assistant-root .reyo-mark img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
#reyo-assistant-root .reyo-head{padding:11px 12px!important;flex:none}
#reyo-assistant-root .reyo-title{font-size:14px!important;white-space:normal!important}
#reyo-assistant-root .reyo-subtitle{font-size:10px!important;line-height:1.4}
#reyo-assistant-root .reyo-icon-button{width:34px;min-width:34px;height:34px;display:grid;place-items:center}
#reyo-assistant-root .reyo-toolbar{flex-wrap:wrap!important;gap:6px!important;padding:8px 10px!important}
#reyo-assistant-root .reyo-plan{margin-left:auto;white-space:nowrap}
#reyo-assistant-root .reyo-select{min-width:86px;max-width:43%;font-size:11px!important}
#reyo-assistant-root .reyo-messages{min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#reyo-assistant-root .reyo-message{max-width:94%}
#reyo-assistant-root .reyo-message-body{overflow-wrap:anywhere;word-break:normal}
#reyo-assistant-root .reyo-input{font-size:16px!important}
#reyo-assistant-root .reyo-foot{flex:none}
#reyo-assistant-root .reyo-send{min-width:42px}
#reyo-assistant-root .reyo-bottom{align-items:center;flex-wrap:wrap;font-size:10px}
#reyo-assistant-root .reyo-report{min-height:30px;display:flex;align-items:center}
/* Product identity within ExeptedTech's storefront */
.xt-reyo-section{position:relative;isolation:isolate;margin-block:20px 28px;max-width:1180px;scroll-margin-top:95px}
.xt-reyo-shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(240px,.88fr);gap:clamp(20px,3vw,48px);align-items:center;padding:clamp(24px,5vw,64px);border-radius:28px;border:1px solid rgba(81,172,255,.32);background:radial-gradient(ellipse at 89% 18%,rgba(91,71,236,.2),transparent 46%),linear-gradient(125deg,#09152d,#081226 45%,#110d2b);box-shadow:0 22px 80px #0007;overflow:hidden}
.xt-reyo-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#69e2ff;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.xt-reyo-eyebrow::before{content:'';width:9px;height:9px;border-radius:100%;background:#5bffc8;box-shadow:0 0 13px #3ffccd}
.xt-reyo-shell h2{font-size:clamp(34px,5vw,60px);line-height:1.04;letter-spacing:-.045em;margin:16px 0 17px;color:#f4f7ff}
.xt-reyo-shell h2 span{color:#66dafe}
.xt-reyo-intro{font-size:clamp(14px,1.5vw,17px);line-height:1.75;color:#b1c2e1;max-width:610px}
.xt-reyo-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 22px;padding:0;list-style:none}
.xt-reyo-benefits li{font-size:12px;line-height:1.45;color:#d5e8ff;padding:10px 11px;border:1px solid #293f68;background:rgba(65,113,194,.08);border-radius:12px}
.xt-reyo-benefits li::before{content:'✓';color:#5ceecb;font-weight:bold;margin-right:8px}
.xt-reyo-buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.xt-reyo-buttons a,.xt-reyo-buttons button{min-height:45px;cursor:pointer}
.xt-reyo-buttons .xt-reyo-primary{border:0;background:linear-gradient(100deg,#1985f7,#397fff 55%,#9860f0);color:#fff;box-shadow:0 12px 24px #2162e955}
.xt-reyo-buttons .xt-reyo-secondary{color:#d3e7ff;border:1px solid #4771ad;background:#112447}
.xt-reyo-sub{display:block;color:#8299be;font-size:12px;line-height:1.5;margin-top:13px}
.xt-reyo-art{position:relative;display:grid;place-items:center;min-width:0;min-height:320px;isolation:isolate}
.xt-reyo-art::before{content:'';position:absolute;inset:6% 4%;border-radius:50%;background:radial-gradient(ellipse,#2886ee40 0%,transparent 62%);filter:blur(13px);z-index:-1}
.xt-reyo-art img{display:block;width:min(100%,410px);height:auto;max-height:460px;object-fit:contain;border-radius:19px;box-shadow:0 0 50px rgba(19,94,236,.15)}
.xt-reyo-seal{position:absolute;right:2%;bottom:5%;border:1px solid rgba(100,220,255,.5);background:rgba(9,26,58,.95);border-radius:12px;padding:9px 13px;color:#9deaff;font-size:10px;font-weight:800;letter-spacing:.11em}
.xt-reyo-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.xt-reyo-plan{border:1px solid rgba(112,154,210,.25);border-radius:17px;padding:19px 21px;background:#0c1832}
.xt-reyo-plan strong{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:16px;color:#f0f7ff}
.xt-reyo-plan strong span{color:#78e5f9;font-size:13px}
.xt-reyo-plan p{color:#a6bddd;line-height:1.55;font-size:13px;margin:10px 0 0}
.xt-reyo-plan-pro{border-color:#6050a485;background:linear-gradient(120deg,#101b39,#180f33)}
.xt-reyo-plan-pro strong span{color:#cbb6ff}
.xt-reyo-availability{font-size:11px;color:#9dc2ee;margin-top:14px}
.xt-reyo-availability b{color:#69f0bc}
/* Cart and accounts must never be obstructed by the assistant launcher */
body:has(.store-cart-overlay:not([hidden])) #reyo-assistant-root,body:has(.auth-modal:not([hidden])) #reyo-assistant-root{visibility:hidden}
@media(max-width:750px){
  #reyo-assistant-root{left:max(12px,env(safe-area-inset-left))!important;right:auto!important;bottom:calc(95px + env(safe-area-inset-bottom))!important}
  #reyo-assistant-root .reyo-launcher{width:58px!important;height:58px!important;border-radius:18px!important}
  #reyo-assistant-root .reyo-launcher img{border-radius:14px!important}
  #reyo-assistant-root .reyo-panel:not([hidden]){position:fixed;inset:0!important;margin:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;height:var(--reyo-visual-height,100dvh)!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:0!important;pointer-events:auto!important}
  body.reyo-chat-open{overflow:hidden!important;touch-action:auto}
  #reyo-assistant-root .reyo-head{padding-top:calc(10px + env(safe-area-inset-top))!important}
  #reyo-assistant-root .reyo-foot{padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}
  #reyo-assistant-root .reyo-messages{padding:13px!important}
  .xt-reyo-section{padding-inline:14px!important;margin-block:18px 12px}
  .xt-reyo-shell{grid-template-columns:minmax(0,1fr);gap:15px;padding:24px 20px;border-radius:22px}
  .xt-reyo-art{min-height:0;max-height:280px;order:-1}
  .xt-reyo-art img{width:min(72%,240px);max-height:260px}
  .xt-reyo-seal{right:4%;bottom:9%;font-size:9px}
  .xt-reyo-shell h2{font-size:clamp(30px,8.2vw,43px)}
  .xt-reyo-benefits{gap:7px;margin:15px 0 17px}
  .xt-reyo-benefits li{padding:9px;font-size:11px}
  .xt-reyo-plans{grid-template-columns:minmax(0,1fr)}
  /* Disable expensive decorative animations on handheld devices. */
  .nova-glow{animation:none!important}
  .whatsapp{animation:none!important}
}
@media(max-width:360px){
  .xt-reyo-shell{padding:19px 15px}
  .xt-reyo-benefits{grid-template-columns:1fr}
  #reyo-assistant-root .reyo-toolbar{padding:7px!important}
  #reyo-assistant-root .reyo-select{min-width:75px;font-size:10px!important}
  #reyo-assistant-root .reyo-subtitle{font-size:9px!important}
  #reyo-assistant-root .reyo-plan{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.xt-reyo-section *,#reyo-assistant-root *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Spacing final: keep Reyo visually integrated without a huge blank gutter. */
.xt-reyo-section.section{padding-block:45px}
@media(max-width:750px){.xt-reyo-section.section{padding-block:22px}}