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%)}}.uv-rail:hover .uv-track,.uv-rail:focus .uv-track{animation-play-state:paused}
@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}
@media(hover:hover){#integraciones .uv-rail:hover .uv-track{animation-play-state:paused}}
#integraciones .uv-rail:focus-visible .uv-track{animation-play-state:paused}

#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;
}