
main .hero.wrap{padding-block:clamp(28px,3.5vw,55px);min-height:0}.hero .hero-copy{width:100%;max-width:1060px}.hero .hero-copy h1{font-size:clamp(2.65rem,5.5vw,5.6rem);max-width:22ch;line-height:1.03}.hero .hero-description{max-width:60ch}
#capacidades .capabilities-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(18px,4vw,68px)}#capacidades .channel-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}#capacidades .uv-pick{background:#fff;color:#243952;padding:7px 11px}html[data-theme=dark] #capacidades .uv-pick{background:#1b293c;color:#e9f1ff}#capacidades .uv-pick[aria-pressed=true],html[data-theme=dark] #capacidades .uv-pick[aria-pressed=true]{background:#153e88;color:white;border-color:#759de8}#capacidades .hero-scene> :not(.uv-handset):not(.operation-window):not(.scene-caption){display:none}
#humano #profile-avatar{width:clamp(88px,11vw,156px)!important;height:clamp(99px,13vw,176px)!important;flex:none;border-radius:20px}#humano .profile-tabs{display:flex;flex-wrap:wrap;gap:8px}#humano .profile-tabs button{display:inline-flex;align-items:center;gap:8px}#humano .profile-tabs button:before{content:'';width:34px;height:34px;flex:none;background:#f5e8dd var(--portrait) center 20%/cover;border-radius:50%}
.uv-tools{text-align:center;margin:36px auto 0}.uv-tools figcaption{margin-bottom:12px;font-weight:600}.uv-rail{overflow:hidden;background:#fff;border-radius:16px;padding:13px 0}.uv-track{display:flex;width:max-content;animation:uvTools 52s linear infinite}.uv-track>div{display:flex}.uv-mark{display:block;width:108px;height:40px;margin:0 11px;background-image:url('integration-marks.webp');background-size:auto 40px;background-position:var(--pos) center;background-repeat:no-repeat}@keyframes uvTools{to{transform:translateX(-50%)}}
@media(max-width:760px){#capacidades .capabilities-layout{grid-template-columns:1fr;gap:6px}#capacidades .channel-list{gap:4px}#capacidades .uv-pick{font-size:13px;min-height:39px;padding:5px 8px}#capacidades .uv-pick span{gap:4px}#capacidades .uv-pick img,#capacidades .uv-pick svg{width:16px;height:16px}#capacidades .uv-handset{height:clamp(340px,53svh,460px);width:min(100%,295px)}#humano .profile-tabs button{font-size:13px;padding:6px}.hero .hero-copy h1{font-size:clamp(2.45rem,9vw,4rem)}}
@media(prefers-reduced-motion:reduce){.uv-rail{overflow:auto}.uv-track{animation:none}.uv-track>div+div{display:none}}
#humano [data-profile="0"]{--portrait:url(equipo-luna.webp)}#humano [data-profile="1"]{--portrait:url(equipo-theo.webp)}#humano [data-profile="2"]{--portrait:url(equipo-aria.webp)}#humano [data-profile="3"]{--portrait:url(equipo-nora.webp)}#humano [data-profile="4"]{--portrait:url(equipo-nora.webp)}@media(min-width:561px) and (max-width:820px){header .button.button-small{display:none!important}}

/* A stable handset silhouette, including when mobile browser chrome collapses. */
#capacidades .uv-handset{width:min(100%,324px);height:auto;aspect-ratio:1 / 1.85;align-self:center}
@media(max-width:760px){#capacidades .uv-handset{width:min(100%,312px);height:auto;aspect-ratio:1 / 1.85}}
#integraciones{overflow-x:clip;padding-bottom:0}
#integraciones .uv-tools{background:#fff;color:#273650;margin:clamp(28px,4vw,56px) 0 0;padding:22px 0 16px;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
#integraciones .uv-tools figcaption{color:#34425a;font-size:clamp(.92rem,1.6vw,1.06rem);margin:0 0 6px}
#integraciones .uv-rail{border:0;border-radius:0;padding:8px 0;background:white;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
#integraciones .uv-track{animation-play-state:running}



#integraciones .uv-mark{width:112px;flex:none;background-position:calc(var(--pos) - 2px) center}
#integraciones .uv-tools,#integraciones .uv-rail{background:#fff;color:#29384c}
.uv-pay-preview{margin:8px 0 6px auto;width:fit-content;max-width:96%;border:1px solid #afc9ba;border-radius:14px;background:#fff;color:#173d2b;overflow:hidden;font:14px/1.4 system-ui}
.uv-pay-preview summary{display:block;cursor:pointer;background:#116440;color:white;padding:12px 16px;font-weight:650}.uv-pay-preview div{padding:4px 12px}.uv-pay-preview div:first-of-type{padding-top:12px;font-weight:700}.uv-pay-preview div:last-child{font-size:12px;padding-bottom:12px}.uv-pay-preview summary:focus-visible{outline:3px solid #95d7ff;outline-offset:-4px}
.uv-catalog-summary>summary{cursor:pointer;padding:12px 0;font-weight:650}

#integraciones .integration-catalog > details {
  padding: 0;
}
#integraciones .integration-catalog > details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
  min-height: 44px;
  padding: 10px 18px;
  margin: 0;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}
#integraciones .integration-catalog summary::-webkit-details-marker { display: none; }
#integraciones .integration-catalog summary > span[aria-hidden] { display: none; }
#integraciones .integration-catalog > details > summary::after {
  content: "";
  flex: 0 0 14px;
  height: 14px;
  background: linear-gradient(currentColor,currentColor) center / 14px 2px no-repeat,
              linear-gradient(currentColor,currentColor) center / 2px 14px no-repeat;
}
#integraciones .integration-catalog > details[open] > summary::after {
  background-size: 14px 2px, 0 0;
}
#integraciones .integration-catalog > details > :not(summary) { margin-inline: 18px; }
html[data-theme="dark"] #integraciones .uv-tools {
  background: #162131;
  color: #e4ebf8;
  box-shadow: 0 0 0 100vmax #162131;
}
html[data-theme="dark"] #integraciones .uv-rail { background: #162131; }
html[data-theme="dark"] #integraciones .uv-tools figcaption { color: #e4ebf8; }
html[data-theme="dark"] #integraciones .uv-mark {
  filter: grayscale(1) invert(1) brightness(1.65);
  mix-blend-mode: screen;
}

@media (min-width:761px) {
  #capacidades .uv-channel-stage .uv-handset {
    width:min(100%,clamp(254px,48svh,310px));
    height:min(570px,calc(100svh - 96px));
    grid-template-rows:25px auto minmax(0,1fr) 36px 12px;
  }
  #capacidades .uv-handset .uv-status i {width:50px;height:13px}
  #capacidades .uv-handset .uv-contact {padding:6px 10px;gap:7px}
  #capacidades .uv-handset .uv-avatar {width:29px;height:29px;flex:none;font-size:13px}
  #capacidades .uv-handset .uv-contact aside {padding:4px}
  #capacidades .uv-handset .uv-contact aside :is(img,svg) {width:18px;height:18px}
  #capacidades .uv-handset .uv-contact small {font-size:11px}
  #capacidades .uv-handset .uv-stream {padding:10px}
  #capacidades .uv-handset .uv-msg {max-width:90%;padding:7px 10px}
  #capacidades .channel-list .uv-pick {padding:6px 10px;font-size:.94rem;min-height:40px}
  #capacidades .channel-list .uv-pick :is(svg,img) {width:18px;height:18px}
}
#integraciones #integrations-title { color: #101d31 !important; font-weight: 540; }
html[data-theme="dark"] #integraciones #integrations-title { color: #eef3fb !important; }
#integraciones #integrations-title span { color: #1952dc !important; }
html[data-theme=dark] #integraciones #integrations-title span { color: #85aaff !important; }
/* UVTeam: floating model selector and native-inspired night conversations */
@media(prefers-reduced-motion:no-preference){.uv-live button.ai-stack-node{animation:uv-orbit-drift 5.4s ease-in-out infinite alternate}.uv-live button.ai-stack-node:nth-of-type(2n){animation-delay:-2.3s}.uv-live button.ai-stack-node:nth-of-type(3n){animation-delay:-3.8s;animation-duration:6.1s}.uv-live .uv-face{translate:var(--gx,0px) var(--gy,0px);transition:translate .15s ease-out}}@keyframes uv-orbit-drift{from{translate:-1px 3px}to{translate:1px -4px}}
html[data-theme=dark] #capacidades .uv-handset[data-kind="0"]{--bar:#202c33;--paper:#0b141a;--bubble:#005c4b;--reply:#fff;--ink:#f5f7fa;background:var(--paper);color-scheme:dark}
html[data-theme=dark] #capacidades .uv-handset[data-kind="1"]{--bar:#19151c;--paper:#100f13;--bubble:#7138ab;--reply:#fff;--ink:#f5f7fa;background:var(--paper);color-scheme:dark}
html[data-theme=dark] #capacidades .uv-handset[data-kind="2"]{--bar:#192333;--paper:#101925;--bubble:#224fa2;--reply:#fff;--ink:#f5f7fa;background:var(--paper);color-scheme:dark}
html[data-theme=dark] #capacidades .uv-handset[data-kind="3"]{--bar:#191a20;--paper:#101114;--bubble:#2356b8;--reply:#fff;--ink:#f5f7fa;background:var(--paper);color-scheme:dark}
html[data-theme=dark] #capacidades .uv-handset[data-kind="4"]{--bar:#171719;--paper:#101012;--bubble:#34343b;--reply:#fff;--ink:#f5f7fa;background:var(--paper);color-scheme:dark}
html[data-theme=dark] #capacidades .uv-handset[data-kind="5"]{--bar:#242335;--paper:#171622;--bubble:#48447c;--reply:#fff;--ink:#f5f7fa;background:var(--paper);color-scheme:dark}
html[data-theme=dark] #capacidades .uv-handset[data-kind="6"]{--bar:#1c1c1e;--paper:#101011;--bubble:#246239;--reply:#fff;--ink:#f5f7fa;background:var(--paper);color-scheme:dark}
html[data-theme=dark] #capacidades .uv-handset[data-kind="7"]{--bar:#202c38;--paper:#131c25;--bubble:#344f69;--reply:#fff;--ink:#f5f7fa;background:var(--paper);color-scheme:dark}
html[data-theme=dark] #capacidades .uv-handset[data-kind="8"]{--bar:#192940;--paper:#101d2b;--bubble:#204d87;--reply:#fff;--ink:#f5f7fa;background:var(--paper);color-scheme:dark}
html[data-theme=dark] #capacidades .uv-handset .uv-stream{background-color:var(--paper)}html[data-theme=dark] #capacidades .uv-handset .uv-msg{background:#27313b;color:#f3f5f7}html[data-theme=dark] #capacidades .uv-handset .uv-out{background:var(--bubble);color:white}html[data-theme=dark] #capacidades .uv-handset .uv-msg strong{color:inherit}html[data-theme=dark] #capacidades .uv-handset .uv-compose{background:#232d36;color:#c8d2dc;border-color:#45515c}html[data-theme=dark] #capacidades .uv-handset .uv-home{background:#c2cbd3}html[data-theme=dark] #capacidades .uv-pay-preview{background:#1c302c;color:#e4f4ec;border-color:#477061}

/* Model constellation */
.ai-stack-orbit.uv-live{width:min(100%,390px);height:auto;aspect-ratio:1;margin:24px auto 32px;background:radial-gradient(ellipse at 42% 48%,#82b7fc26,transparent 56%),radial-gradient(ellipse at 64% 67%,#dfc77618,transparent 55%)}
.ai-stack-orbit.uv-live .ai-stack-ring{inset:10%;border:1px dashed #91a7c34f}
.ai-stack-orbit.uv-live .ai-stack-ring:after{inset:21%;border:1px solid #91a7c332;animation:none}
.ai-stack-orbit.uv-live .ai-stack-core{inset:36%;border-radius:50%}
.ai-stack-orbit.uv-live .uv-face{position:relative;width:78%;perspective:280px}
.ai-stack-orbit.uv-live .uv-face svg{animation:none;transform:rotateY(var(--turn,0deg)) rotateX(var(--tilt,0deg));transition:transform .16s ease-out}
.uv-live .uv-face:before,.uv-live .uv-face:after{content:"";position:absolute;width:16%;height:21%;border-radius:50%;background:#090f41;top:58%;left:-16%;translate:0 var(--gy,0px)}
.uv-live .uv-face:after{left:auto;right:-16%;top:47%}
[data-theme=dark] .uv-live .uv-face:is(:before,:after){background:#e9e3c1}
.ai-stack-orbit.uv-live button.ai-stack-node{inset:0 auto auto 0;offset-path:circle(40% at 50% 50%);offset-rotate:0deg;offset-distance:var(--pos);width:clamp(44px,5vw,54px);height:clamp(44px,5vw,54px);padding:9px;border-radius:15px;display:grid;place-items:center;animation:none;translate:none;background:#fff;color:#526076;box-shadow:0 3px 10px #243b6220}
.uv-live .ai-stack-node img{filter:grayscale(1);width:26px;height:26px;object-fit:contain}
.uv-live button.ai-stack-node[aria-pressed=true]{box-shadow:0 0 0 5px #679ae42c,0 4px 14px #25396325;border-color:#9aaac0}
.uv-live .ai-stack-node[aria-pressed=true] img{filter:none}
.uv-live button.ai-stack-node span{display:none}
.uv-live button.ai-stack-node[aria-pressed=true]:after{content:attr(aria-label);position:absolute;top:calc(100% + 4px);white-space:nowrap;font:600 12px/1.2 system-ui;color:#253550}
[data-theme=dark] .uv-live button.ai-stack-node[aria-pressed=true]:after{color:#edf2ff}
.uv-live .ai-stack-node-5{font-size:0}.uv-live .ai-stack-node-5:before{content:"⇄";font:26px/1 system-ui}
@media(prefers-reduced-motion:no-preference){.ai-stack-orbit.uv-live button.ai-stack-node{animation:uv-revolve 95s linear infinite}.ai-stack-orbit.uv-live.is-reading button.ai-stack-node{animation-play-state:paused}}
@keyframes uv-revolve{from{offset-distance:var(--pos)}to{offset-distance:calc(var(--pos) + 100%)}}

.ai-stack-orbit .uv-greeting{display:grid;place-items:center;width:100%;height:100%;padding:0;background:transparent;border:0;border-radius:50%;cursor:pointer;touch-action:manipulation}
.uv-greeting:focus-visible{outline:2px solid #669aff;outline-offset:5px}
.ai-stack-orbit .uv-greeting .uv-face::before,.ai-stack-orbit .uv-greeting .uv-face::after{opacity:0}
.uv-greeting.waving .uv-face::before,.uv-greeting.waving .uv-face::after{animation:uv-hand-wave 1.2s both;transform-origin:50% 90%}
.uv-greeting.waving .uv-face::before{animation-delay:50ms}
@keyframes uv-hand-wave{0%,100%{opacity:0;transform:translateY(9px) scale(.4)}18%,82%{opacity:1}25%,60%{transform:translateY(-5px) rotate(-22deg)}43%,76%{transform:translateY(-10px) rotate(23deg)}}
@media(prefers-reduced-motion:no-preference){
.uv-greeting{animation:uv-idle-float 4.6s ease-in-out infinite}
@keyframes uv-idle-float{0%,100%{translate:0 2px;rotate:-1deg}50%{translate:0 -4px;rotate:1.5deg}}
.uv-greeting .grovy-eyes{transform-box:fill-box;transform-origin:center;animation:uv-blink 6.3s infinite}
@keyframes uv-blink{0%,90%,94%,100%{scale:1 1}92%{scale:1 .12}}
}
@media(prefers-reduced-motion:reduce){.uv-greeting.waving .uv-face:is(::before,::after){animation:none}.ai-stack-orbit .uv-greeting.waving .uv-face::before,.ai-stack-orbit .uv-greeting.waving .uv-face::after{opacity:1;animation:none}}

