:root{
  --p1:#4B3AA6; --p2:#7A4FD1; --p3:#C6A9FF;
  --bg:#FFFFFF; --bg-deep:#F6F1FF; --surface:#F3EDFF; --surface-2:#E9DFFF; --card:#FFFFFF;
  --ink:#1E1650; --ink-soft:#3C3478; --muted:#675E96;
  --primary:#7A4FD1; --primary-light:#6A3FC4; --accent:#7A4FD1;
  --accent-ink:#FFFFFF; --border:rgba(75,58,166,0.16);
  --danger:#D6336C; --ok:#4B3AA6;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;}

/* INTRO LOADER — logo, then name, then a zoom-dissolve reveal. 2.0s total, index.html only */
body.intro-active{overflow:hidden;}
#intro-loader{
  position:fixed;inset:0;z-index:999;
  display:flex;align-items:center;justify-content:center;
  background:
    radial-gradient(circle at 50% 42%, rgba(198,169,255,0.24), transparent 55%),
    var(--bg);
  animation:introOut .7s cubic-bezier(.65,0,.35,1) 1.3s forwards;
}
.intro-logo{display:flex;align-items:center;gap:12px;animation:introGroupOut .7s cubic-bezier(.6,0,.35,1) 1.3s forwards;}
.intro-logo svg{width:42px;height:42px;display:block;opacity:0;animation:introLogoIn .5s cubic-bezier(.16,1,.3,1) .05s forwards;}
.intro-logo span{font-family:'Sora',system-ui,sans-serif;font-weight:800;font-size:1.55rem;color:var(--ink);letter-spacing:-0.01em;opacity:0;animation:introNameIn .45s cubic-bezier(.16,1,.3,1) .6s forwards;}
@keyframes introLogoIn{
  0%{opacity:0;transform:scale(.78) translateY(6px);}
  100%{opacity:1;transform:scale(1) translateY(0);}
}
@keyframes introNameIn{
  0%{opacity:0;transform:translateX(-7px);}
  100%{opacity:1;transform:translateX(0);}
}
@keyframes introGroupOut{
  0%{transform:scale(1);opacity:1;}
  100%{transform:scale(1.16);opacity:0;}
}
@keyframes introOut{
  0%{opacity:1;visibility:visible;}
  100%{opacity:0;visibility:hidden;}
}
@media (prefers-reduced-motion: no-preference){
  body.intro-active header.nav, body.intro-active main{
    opacity:0;
    animation:introContentIn .7s cubic-bezier(.16,1,.3,1) 1.3s forwards;
  }
}
@keyframes introContentIn{
  from{opacity:0;transform:translateY(16px) scale(.985);}
  to{opacity:1;transform:translateY(0) scale(1);}
}
@media (prefers-reduced-motion: reduce){
  #intro-loader{display:none;}
  body.intro-active{overflow:visible;}
}
body{
  margin:0;color:var(--ink);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  background:
    radial-gradient(circle at 8% -6%, rgba(183,148,246,0.30), transparent 38%),
    radial-gradient(circle at 96% 8%, rgba(217,196,255,0.16), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(140,80,230,0.22), transparent 40%),
    var(--bg);
  background-attachment:fixed;
}
/* Soft depth for content cards sitting on the tinted background */
.plan,
.case-card,
.contact-card,
.booking-flow,
.booking-side-card,
.chat-live,
.demo-panel,
.voice-card,
.calc-box,
.webdemo,
.stat{
  box-shadow:0 1px 2px rgba(23,18,37,0.04), 0 8px 20px -14px rgba(23,18,37,0.18);
}
h1,h2,h3,h4{font-family:'Sora',system-ui,sans-serif;text-wrap:balance;margin:0;}
p{margin:0;}
a{color:inherit;}
button{font-family:inherit;}
img{max-width:100%;}
.wrap{max-width:1120px;margin:0 auto;padding-inline:20px;}
.tag-example{display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:500;font-style:italic;letter-spacing:0;text-transform:none;color:var(--muted);}
.tag-example::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--primary-light);flex:none;opacity:0.55;}

/* NAV */
header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--bg);border-bottom:1px solid var(--border);}
.nav-inner{max-width:1120px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:center;gap:9px;font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;text-decoration:none;color:var(--ink);flex:none;}
.brand svg{width:26px;height:26px;}
nav.links{display:flex;gap:18px;font-size:0.88rem;font-weight:600;align-items:center;}
nav.links > a{text-decoration:none;color:var(--ink-soft);white-space:nowrap;}
nav.links > a:hover, nav.links > a.active{color:var(--primary-light);}
.has-drop{position:relative;}
.has-drop > span{cursor:default;color:var(--ink-soft);display:flex;align-items:center;gap:4px;white-space:nowrap;}
.nav-cta{display:flex;align-items:center;gap:10px;flex:none;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;font-weight:700;font-size:0.88rem;padding:11px 18px;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;}
.btn-primary{background:var(--primary);color:#fff;}
.btn-primary:hover{background:var(--primary-light);}
.btn-accent{background:var(--accent);color:var(--accent-ink);}
.btn-accent:hover{filter:brightness(1.05);}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border);}
.menu-toggle{display:none;background:none;border:1px solid var(--border);border-radius:10px;padding:8px 10px;cursor:pointer;}
.menu-toggle svg{width:18px;height:18px;display:block;}
/* Squeeze tier: keep every item visible on the top bar, just tighter — no hamburger yet */
@media (max-width:1060px){
  .nav-inner{gap:10px;}
  .brand{font-size:1.0rem;gap:6px;}
  .brand svg{width:22px;height:22px;}
  nav.links{gap:11px;font-size:0.78rem;}
  .nav-cta{gap:6px;}
  .nav-cta .btn-ghost{display:none;}
  .nav-cta .btn-primary{padding:9px 13px;font-size:0.8rem;}
}
@media (max-width:760px){
  nav.links{position:fixed;inset:0;top:64px;background:var(--bg);flex-direction:column;align-items:stretch;padding:18px 20px;gap:4px;display:none;overflow-y:auto;font-size:0.95rem;}
  nav.links.open{display:flex;}
  nav.links > a, .has-drop > span{padding:12px 4px;border-bottom:1px solid var(--border);white-space:normal;}
  .menu-toggle{display:block;}
  .nav-cta .btn-ghost{display:flex;}
}
@media (max-width:480px){
  .nav-inner{padding-inline:16px;}
  .nav-cta .btn-ghost{display:none;}
  .nav-cta .btn-primary{padding:10px 14px;font-size:0.82rem;}
  .brand{font-size:1.02rem;}
}

/* BREADCRUMB + PAGE HERO */
.breadcrumb{font-size:0.8rem;color:var(--muted);display:flex;gap:6px;align-items:center;margin-bottom:16px;}
.breadcrumb a{text-decoration:none;color:var(--muted);}
.breadcrumb a:hover{color:var(--primary-light);}
.page-hero{padding-block:44px 36px;}
.page-hero .eyebrow{font-size:0.92rem;font-weight:700;color:var(--accent);margin-bottom:10px;display:inline-flex;align-items:center;gap:9px;}
.page-hero .eyebrow::before{content:"";width:20px;height:2px;background:var(--accent);display:inline-block;flex:none;}
.page-hero h1{font-size:clamp(1.9rem,4.4vw,2.7rem);font-weight:800;line-height:1.1;margin-bottom:14px;}
.page-hero .lead{font-size:1.02rem;color:var(--ink-soft);max-width:60ch;line-height:1.55;}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}

/* HOME HERO */
.hero{padding-block:56px 40px;display:grid;grid-template-columns:1.05fr 0.95fr;gap:40px;align-items:center;}
@media (max-width:860px){.hero{grid-template-columns:1fr;padding-block:32px 16px;}}
.hero h1{font-size:clamp(2.1rem,4.6vw,3.1rem);font-weight:800;line-height:1.08;margin-bottom:16px;}
.hero .lead{font-size:1.08rem;color:var(--ink-soft);max-width:52ch;line-height:1.55;margin-bottom:26px;}
.hero-visual{background:linear-gradient(155deg,var(--primary) 0%, #4B3AA6 55%, #100A26 130%);border-radius:22px;padding:26px;position:relative;overflow:hidden;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;}
.hero-visual .bars{position:absolute;top:26px;right:26px;display:flex;gap:8px;align-items:flex-end;}
.hero-visual .bars i{display:block;width:16px;border-radius:8px;background:var(--accent);opacity:0.9;}

/* HERO — minimalist, centered (home) */
.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:700;color:var(--ink-soft);background:var(--card);border:1px solid var(--border);padding:8px 18px;border-radius:100px;margin-bottom:24px;}
.hero-badge::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--accent);}
.btn-lg{padding:15px 30px;font-size:0.95rem;border-radius:100px;}
.bubble{max-width:82%;padding:9px 13px;border-radius:12px;font-size:0.85rem;margin-bottom:8px;line-height:1.4;}
.bubble.in{background:rgba(255,255,255,0.14);color:#fff;border-bottom-left-radius:4px;}
.bubble.out{background:var(--accent);color:var(--accent-ink);margin-left:auto;border-bottom-right-radius:4px;font-weight:600;}
.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none;}

/* FLOW DIAGRAM — animated data-flow between connected tools */
.flow-diagram{display:flex;align-items:flex-start;justify-content:center;gap:0;margin:38px auto 0;max-width:600px;}
.flow-node{display:flex;flex-direction:column;align-items:center;gap:9px;width:78px;flex:none;}
.flow-icon{width:54px;height:54px;border-radius:15px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex:none;}
.flow-icon svg{width:24px;height:24px;display:block;}
.flow-node span{font-size:0.72rem;color:var(--ink-soft);font-weight:700;text-align:center;line-height:1.2;}
.flow-line{flex:1;min-width:24px;height:2px;background:var(--border);position:relative;margin:26px 2px 0;}
.flow-pulse{position:absolute;top:50%;left:0;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px 2px rgba(217,196,255,0.7);animation:flow-move 2.6s ease-in-out infinite;opacity:0;}
@keyframes flow-move{0%{left:0%;opacity:0;}8%{opacity:1;}92%{opacity:1;}100%{left:100%;opacity:0;}}
@media (max-width:560px){
  .flow-diagram{flex-direction:column;gap:2px;max-width:180px;}
  .flow-line{width:2px;height:26px;min-width:0;margin:0;}
  .flow-pulse{animation-name:flow-move-v;left:50%;top:0;margin-left:-3.5px;margin-top:0;}
}
@keyframes flow-move-v{0%{top:0%;opacity:0;}8%{opacity:1;}92%{opacity:1;}100%{top:100%;opacity:0;}}
@media (prefers-reduced-motion: reduce){.flow-pulse{animation:none;opacity:0.9;}}

section{padding-block:52px;border-top:1px solid var(--border);}
/* Alternate bands: every other section sits on a deeper indigo so the page has rhythm */
main > section:nth-of-type(even){
  background:
    radial-gradient(ellipse 70% 120% at 85% 0%, rgba(198,169,255,0.10), transparent 60%),
    var(--bg-deep);
  border-top-color:transparent;
  padding-block:64px;
}
main > section:nth-of-type(even) + section{border-top-color:transparent;}
.price-teaser{margin-top:28px;text-align:center;}
.page-hero + section{border-top:none;padding-top:0;}
.section-head{max-width:680px;margin:0 auto 34px;text-align:center;}
.section-head .eyebrow{font-size:0.92rem;font-weight:700;color:var(--accent);margin-bottom:8px;display:inline-flex;align-items:center;gap:9px;}
.section-head .eyebrow::before{content:"";width:20px;height:2px;background:var(--accent);display:inline-block;flex:none;}
.section-head h2{font-size:clamp(1.4rem,3.2vw,1.95rem);font-weight:800;}
.section-head p{color:var(--muted);margin-top:10px;font-size:0.96rem;line-height:1.55;}

/* STATS */
.stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;text-align:center;}
.stat .n{font-family:'Sora',sans-serif;font-weight:800;font-size:1.5rem;color:var(--primary-light);}
.stat .l{font-size:0.78rem;color:var(--muted);margin-top:4px;}

/* SECTOR STRIP */

/* SERVICIOS GRID (home) — no cajas: conectadas por una línea, como el resto del sitio */
.services-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:36px 24px;position:relative;}
.svc-card{flex:0 1 190px;background:none;border:none;border-radius:0;padding:0;box-shadow:none;display:flex;flex-direction:column;gap:8px;text-decoration:none;position:relative;}
.svc-icon{width:46px;height:46px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .2s ease;}
.svc-icon svg{width:21px;height:21px;display:block;}
.svc-card:hover .svc-icon{background:var(--primary);border-color:var(--primary);transform:translateY(-3px);}
.svc-card h3{font-size:1.02rem;font-weight:700;color:var(--ink);margin-top:6px;}
.svc-card p{font-size:0.86rem;color:var(--muted);line-height:1.5;}
.svc-card .go{font-size:0.8rem;font-weight:700;color:var(--primary-light);text-decoration:none;margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:5px;}
.svc-card .go::after{content:"→";transition:transform .15s ease;}
.svc-card:hover .go::after{transform:translateX(3px);}
.svc-grid-footer{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;}
.svc-grid-footer .go{font-size:0.85rem;font-weight:700;color:var(--ink-soft);text-decoration:none;}

/* BENEFIT LIST — open layout, circular marker, no box */
.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px 26px;}
.benefit-card{border-radius:0;padding:0;background:none;border:none;}
.benefit-card .ico{width:46px;height:46px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:background .2s ease,border-color .2s ease,transform .2s ease;}
.benefit-card .ico svg{width:20px;height:20px;display:block;}
.benefit-card:hover .ico{background:var(--primary);border-color:var(--primary);transform:translateY(-2px);}
.benefit-card h3{font-size:0.98rem;margin-bottom:6px;}
.benefit-card p{font-size:0.85rem;color:var(--muted);line-height:1.5;}

/* STEPS / PROCESO — connected timeline, no boxes */
.timeline{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;}
.step{background:none;border:none;border-radius:0;padding:46px 4px 0 0;flex:1;position:relative;}
.step .n{position:absolute;top:0;left:0;width:34px;height:34px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-size:0.78rem;font-weight:800;color:var(--ink);}
.step:not(:last-child)::after{content:"";position:absolute;top:17px;left:42px;right:0;height:2px;background:var(--border);}
.step h4{font-size:0.92rem;margin-bottom:5px;}
.step p{font-size:0.8rem;color:var(--muted);line-height:1.45;padding-right:6px;}
@media (max-width:900px){
  .timeline{flex-direction:column;gap:0;}
  .step{padding:0 0 26px 50px;}
  .step .n{top:0;left:0;}
  .step:not(:last-child)::after{top:38px;left:16px;right:auto;bottom:2px;width:2px;height:auto;}
}

/* DEMO */
.tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;justify-content:center;}
.tab-btn{padding:9px 16px;border-radius:100px;border:1px solid var(--border);background:var(--surface);font-size:0.85rem;font-weight:700;color:var(--ink-soft);cursor:pointer;}
.tab-btn[aria-selected="true"]{background:var(--primary);color:#fff;border-color:var(--primary);}
.demo-panel{display:none;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px;}
.demo-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media (max-width:760px){.demo-panel.active{grid-template-columns:1fr;}}
.demo-panel .conv{display:flex;flex-direction:column;gap:8px;}
.demo-panel .conv .bubble{max-width:88%;}
.demo-panel .conv .bubble.in{background:var(--surface-2);color:var(--ink);}
.demo-panel .meta{display:flex;flex-direction:column;gap:14px;justify-content:center;}
.demo-panel .meta :is(h4,h3){font-size:1.05rem;font-weight:700;}
.demo-panel .meta p{font-size:0.88rem;color:var(--muted);line-height:1.5;}
.demo-panel .meta ul{margin:0;padding-left:18px;font-size:0.85rem;color:var(--ink-soft);display:flex;flex-direction:column;gap:6px;}

.live-call-card{background:linear-gradient(135deg,var(--primary),#100A26);color:#fff;border-radius:20px;padding:30px 32px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
.live-call-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.7rem;font-weight:800;letter-spacing:0.05em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);padding:5px 12px;border-radius:100px;}
.live-call-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent-ink);animation:pulse-dot 1.4s infinite;}
@keyframes pulse-dot{0%,100%{opacity:1;}50%{opacity:0.3;}}
.live-call-card h3{font-size:1.2rem;max-width:32ch;}
.live-call-card p{color:rgba(255,255,255,0.78);font-size:0.92rem;max-width:52ch;line-height:1.5;}
@media (prefers-reduced-motion: reduce){ .live-call-badge::before{animation:none;} }

.chat-live{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px;max-width:520px;margin-inline:auto;}
.chat-live-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.chat-live-head h3{font-size:1rem;}
.live-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.68rem;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);padding:4px 10px;border-radius:100px;flex:none;}
.live-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-ink);animation:pulse-dot 1.4s infinite;}
.chat-live-messages{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto;padding-right:2px;}
.chat-live-messages .bubble.in{background:var(--surface-2);color:var(--ink);}
.chat-live-messages .bubble{max-width:85%;}
.chat-live-form{display:flex;gap:8px;}
.chat-live-form input{flex:1;padding:11px 14px;border-radius:100px;border:1px solid var(--border);background:var(--card);color:var(--ink);font-family:inherit;font-size:0.9rem;}
.chat-live-form button{width:42px;height:42px;border-radius:50%;background:var(--primary);border:none;color:#fff;display:flex;align-items:center;justify-content:center;flex:none;cursor:pointer;}
.chat-live-form button:hover{background:var(--primary-light);}
.chat-live-suggestions{display:flex;flex-wrap:wrap;gap:7px;}
.chat-live-suggestions button{font-size:0.76rem;font-weight:600;padding:6px 12px;border-radius:100px;border:1px solid var(--border);background:var(--card);color:var(--ink-soft);cursor:pointer;}
.chat-live-suggestions button:hover{border-color:var(--primary-light);color:var(--primary-light);}
.typing-dots{display:inline-flex;gap:3px;padding:9px 13px;}
.typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:typing-blink 1s infinite;}
.typing-dots span:nth-child(2){animation-delay:0.15s;}
.typing-dots span:nth-child(3){animation-delay:0.3s;}
@keyframes typing-blink{0%,60%,100%{opacity:0.3;}30%{opacity:1;}}

/* MINI WEB DEMO */
.webdemo{display:grid;grid-template-columns:190px 1fr;gap:0;border:1px solid var(--border);border-radius:16px;overflow:hidden;max-width:920px;}
@media (max-width:700px){.webdemo{grid-template-columns:1fr;}}
.webdemo-picker{background:var(--surface);border-right:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:6px;}
@media (max-width:700px){.webdemo-picker{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto;}}
.webdemo-picker button{text-align:left;font-size:0.82rem;font-weight:700;padding:9px 12px;border-radius:10px;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;white-space:nowrap;}
.webdemo-picker button[aria-selected="true"]{background:var(--card);color:var(--primary-light);box-shadow:0 0 0 1px var(--border);}
.webdemo-frame{background:var(--card);display:flex;flex-direction:column;}
.webdemo-chrome{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--border);background:var(--surface-2);}
.webdemo-chrome .dot{width:8px;height:8px;border-radius:50%;background:var(--border);}
.webdemo-chrome .url{font-size:0.7rem;color:var(--muted);background:var(--card);border-radius:6px;padding:3px 10px;margin-left:6px;font-family:'JetBrains Mono',monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.webdemo-chrome .webdemo-openfull{margin-left:auto;font-size:0.7rem;font-weight:700;color:var(--primary-light);white-space:nowrap;padding:4px 8px;border-radius:6px;}
.webdemo-chrome .webdemo-openfull:hover{background:var(--card);}
.webdemo-viewport{position:relative;height:560px;max-height:70vh;background:#fff;}
.webdemo-viewport iframe{width:100%;height:100%;border:0;display:block;}
@media (max-width:700px){.webdemo-viewport{height:460px;}}

.voice-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px;}
.voice-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.play-btn{width:38px;height:38px;border-radius:50%;background:var(--accent);border:none;display:flex;align-items:center;justify-content:center;flex:none;cursor:default;}
.voice-script{display:flex;flex-direction:column;gap:8px;font-size:0.9rem;}
.voice-script .who{font-weight:700;color:var(--primary-light);margin-right:6px;}

/* ROI CALC */
.calc-box{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px;}
@media (max-width:760px){.calc-box{grid-template-columns:1fr;}}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;}
.field label{font-size:0.82rem;font-weight:700;color:var(--ink-soft);}
.field input[type="range"]{width:100%;accent-color:var(--primary-light);}
.field .val{font-family:'JetBrains Mono',monospace;font-size:0.95rem;color:var(--primary-light);font-weight:700;}
.calc-result{display:flex;flex-direction:column;justify-content:center;gap:16px;background:var(--primary);color:#fff;border-radius:16px;padding:26px;}
.calc-result .num{font-family:'Sora',sans-serif;font-weight:800;font-size:2.4rem;font-variant-numeric:tabular-nums;}
.calc-result .lbl{font-size:0.82rem;color:rgba(255,255,255,0.7);}
.calc-result .sub{font-size:0.85rem;color:rgba(255,255,255,0.85);border-top:1px solid rgba(255,255,255,0.18);padding-top:14px;margin-top:4px;}

/* ANTES/DESPUES */
.ab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;}
.ab-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;}
.ab-row{display:flex;font-size:0.85rem;}
.ab-row .before,.ab-row .after{flex:1;padding:11px 14px;line-height:1.4;}
.ab-row .before{background:color-mix(in srgb, var(--danger) 8%, var(--card));color:var(--ink-soft);}
.ab-row .after{background:color-mix(in srgb, var(--accent) 12%, var(--card));color:var(--ink);font-weight:600;}
.ab-head{display:flex;font-size:0.7rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;}
.ab-head span{flex:1;padding:8px 14px;}
.ab-head .before{color:var(--danger);}
.ab-head .after{color:var(--ok);}

/* USE CASES LIST — open layout, accent line marker, no box */
.usecase-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px 26px;}
.usecase-card{border:none;border-radius:0;padding:0 0 0 16px;background:none;position:relative;}
.usecase-card::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:2px;background:var(--accent);}
.usecase-card .sector{font-size:0.92rem;font-weight:800;color:var(--ink);margin-bottom:5px;}
.usecase-card p{font-size:0.87rem;color:var(--muted);line-height:1.5;}

/* INTEGRATIONS */
.integ-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.integ-row span{font-size:0.82rem;font-weight:600;padding:8px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border);}

/* CHECKLIST — plain rows, no box */
.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 20px;}
.check-item{display:flex;gap:10px;padding:0;background:none;border:none;font-size:0.87rem;color:var(--ink-soft);align-items:flex-start;}
.check-item svg{width:16px;height:16px;flex:none;margin-top:3px;padding:4px;box-sizing:content-box;border-radius:50%;background:var(--surface);color:var(--ok);}

/* PLANES */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media (max-width:860px){.plans{grid-template-columns:1fr;}}
.plans-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
@media (max-width:700px){.plans-2{grid-template-columns:1fr;}}
.plans-1{display:grid;grid-template-columns:minmax(0,420px);justify-content:start;}
#pack .plans-1{justify-content:center;}
.category-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;}
.category-nav a{font-size:0.82rem;font-weight:700;padding:8px 14px;border-radius:100px;background:var(--surface);border:1px solid var(--border);color:var(--ink-soft);text-decoration:none;}
.category-nav a:hover{color:var(--primary-light);border-color:var(--primary-light);}
.category-nav a.category-nav-external{background:var(--surface-2);color:var(--primary-light);}
.plan-category{padding-block:40px;border-top:1px solid var(--border);}
.plan-category:first-of-type{border-top:none;padding-top:8px;}
.plan-category .cat-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.plan-category .cat-head .icon{width:36px;height:36px;border-radius:10px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;flex:none;}
.plan-category .cat-head .icon svg{width:19px;height:19px;}
.plan-category .cat-head :is(h3,h2){font-size:1.15rem;}
.plan-category .cat-head p{font-size:0.85rem;color:var(--muted);margin-top:2px;}
.plan-note{font-size:0.8rem;color:var(--muted);margin-top:14px;}
.plan{border:1px solid var(--border);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:14px;background:var(--card);}
.plan.featured{border-color:var(--primary-light);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-light) 18%, transparent);position:relative;}
.plan.featured .ribbon{position:absolute;top:-13px;left:24px;background:var(--accent);color:var(--accent-ink);font-size:0.7rem;font-weight:800;padding:4px 12px;border-radius:100px;}
.plan :is(h3,h2){font-size:1.1rem;}
.plan .price{font-family:'Sora',sans-serif;font-weight:800;font-size:1.7rem;display:flex;align-items:baseline;gap:6px;}
.plan .price .per{font-size:0.8rem;font-weight:500;color:var(--muted);}
.plan ul{margin:0;padding-left:18px;font-size:0.85rem;color:var(--ink-soft);display:flex;flex-direction:column;gap:8px;}
.plan .btn{margin-top:auto;}

/* COMPARISON TABLE */

/* TRUST / SEGURIDAD */
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px 24px;}
.trust-card{border:none;border-radius:0;padding:14px 0 0;background:none;font-size:0.85rem;color:var(--ink-soft);line-height:1.5;position:relative;}
.trust-card::before{content:"";position:absolute;top:0;left:0;width:22px;height:2px;background:var(--accent);}
.trust-card :is(h4,h3){font-size:0.92rem;margin-bottom:6px;}

/* CASOS */
.case-card{border-radius:18px;padding:26px;background:var(--card);border:1px solid var(--border);display:flex;flex-direction:column;gap:18px;}
.case-card .sector-tag{align-self:flex-start;font-size:0.7rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:var(--primary-light);background:var(--surface-2);padding:4px 10px;border-radius:100px;}
.case-card .case-head :is(h3,h2){font-size:1.15rem;}
.case-list{display:flex;flex-direction:column;gap:18px;}
.case-head{display:flex;flex-direction:column;gap:8px;}
.case-testimonial{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:14px;background:var(--surface);}
.case-photo{flex:none;border-radius:22px;overflow:hidden;box-shadow:0 1px 2px rgba(23,18,37,0.06), 0 6px 14px -8px rgba(23,18,37,0.3);}
.case-photo svg{display:block;}
.case-quote-body{min-width:0;}
.case-quote{font-size:0.95rem;line-height:1.55;color:var(--ink);font-style:italic;margin-bottom:6px;}
.case-author{font-size:0.82rem;font-weight:700;color:var(--ink-soft);}
.case-role{font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0;}
.case-steps-title{font-size:0.78rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);margin-bottom:10px;}
.case-result{align-self:flex-start;}

/* TEAM / SOBRE NOSOTROS */
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;}
.team-card{border:1px solid var(--border);border-radius:20px;background:var(--card);overflow:hidden;box-shadow:0 1px 2px rgba(23,18,37,0.04), 0 8px 20px -14px rgba(23,18,37,0.18);}
.team-photo{aspect-ratio:4/5;overflow:hidden;background:var(--surface-2);}
.team-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.team-card :is(h4,h3){font-size:1.05rem;margin:16px 20px 2px;}
.team-role{font-size:0.8rem;font-weight:700;color:var(--primary-light);margin:0 20px 10px;}
.team-card p{font-size:0.87rem;color:var(--ink-soft);line-height:1.55;margin:0 20px 20px;}
.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px 24px;}
.value-card{border:none;border-radius:0;padding:14px 0 0;background:none;position:relative;}
.value-card::before{content:"";position:absolute;top:0;left:0;width:22px;height:2px;background:var(--accent);}
.value-card :is(h4,h3){font-size:0.95rem;margin-bottom:6px;}
.value-card p{font-size:0.85rem;color:var(--muted);line-height:1.5;}

/* CONTACTO */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
@media (max-width:760px){.contact-grid{grid-template-columns:1fr;}}
.contact-card{border:1px solid var(--border);border-radius:16px;padding:22px;background:var(--card);display:flex;flex-direction:column;gap:12px;}
.contact-row{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:var(--ink-soft);}
.contact-row svg{width:18px;height:18px;flex:none;color:var(--primary-light);margin-top:2px;}
.map-embed{border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(23,18,37,0.04), 0 8px 20px -14px rgba(23,18,37,0.18);}
.map-embed iframe{display:block;width:100%;height:380px;border:0;filter:saturate(0.9);}

/* CLIENTES / LOGOS */
.client-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.client-strip img{height:34px;max-width:100px;object-fit:contain;background:#fff;border-radius:8px;padding:6px 10px;box-shadow:0 0 0 1px var(--border);}

/* LOGO MARQUEE — continuous scrolling trust bar */

/* BOOKING FLOW */
.booking-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start;}
@media (max-width:860px){.booking-layout{grid-template-columns:1fr;}}
.booking-flow{border:1px solid var(--border);border-radius:20px;background:var(--card);padding:26px;}
.booking-context{display:inline-flex;align-self:flex-start;font-size:0.78rem;font-weight:700;color:var(--primary-light);background:var(--surface-2);padding:5px 12px;border-radius:100px;margin-bottom:16px;}
.booking-steps{display:flex;gap:8px;margin-bottom:22px;}
.booking-steps span{flex:1;height:4px;border-radius:100px;background:var(--surface-2);}
.booking-steps span.done{background:var(--primary-light);}
.booking-step-label{font-size:0.78rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:var(--primary-light);margin-bottom:6px;}
.booking-step-title{font-size:1.05rem;margin-bottom:14px;}
.chip-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px;}
.chip{padding:10px 16px;border-radius:100px;border:1px solid var(--border);background:var(--surface);font-size:0.86rem;font-weight:700;color:var(--ink-soft);cursor:pointer;}
.chip[aria-selected="true"]{background:var(--primary);color:#fff;border-color:var(--primary);}
.booking-mini-form{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}
.booking-mini-form input{padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-family:inherit;font-size:0.9rem;}
.booking-summary{font-size:0.85rem;color:var(--muted);margin-bottom:14px;min-height:20px;}
.booking-summary b{color:var(--ink);}
.booking-side{display:flex;flex-direction:column;gap:14px;}
.booking-side-card{border:1px solid var(--border);border-radius:16px;padding:18px 20px;background:var(--surface);}
.booking-side-card :is(h4,h3){font-size:0.9rem;margin-bottom:6px;}
.booking-side-card p{font-size:0.83rem;color:var(--muted);line-height:1.5;}
.booking-trust{display:flex;gap:10px;flex-wrap:wrap;}
.booking-trust span{font-size:0.75rem;font-weight:700;color:var(--ink-soft);background:var(--surface-2);padding:6px 12px;border-radius:100px;}

/* FAQ */
.faq-item{border-bottom:1px solid var(--border);}
.faq-q{width:100%;text-align:left;background:none;border:none;padding:18px 0;display:flex;justify-content:space-between;align-items:center;font-size:0.98rem;font-weight:700;color:var(--ink);cursor:pointer;gap:14px;}
.faq-q .plus{font-size:1.3rem;color:var(--primary-light);flex:none;transition:transform 0.15s;}
.faq-item[data-open="true"] .plus{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;font-size:0.9rem;color:var(--muted);line-height:1.55;transition:max-height 0.2s ease;}
.faq-item[data-open="true"] .faq-a{padding-bottom:18px;}

/* FINAL CTA */
.final-cta{background:linear-gradient(150deg,var(--primary),#100A26);color:#fff;border-radius:24px;padding:48px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;}
.final-cta h2{font-size:clamp(1.5rem,3.6vw,2.1rem);max-width:26ch;}
.final-cta p{color:rgba(255,255,255,0.78);max-width:50ch;}

footer{padding-block:40px 100px;color:var(--muted);font-size:0.82rem;border-top:1px solid var(--border);}
@media (max-width:760px){footer{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));}}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;margin-bottom:28px;}
@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr;}}
.footer-grid :is(h5,h2){font-size:0.78rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--ink-soft);margin-bottom:10px;}
.footer-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;}
.footer-grid a{text-decoration:none;color:var(--muted);font-size:0.85rem;}
.footer-grid a:hover{color:var(--primary-light);}
.footer-bottom{border-top:1px solid var(--border);padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}

.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;background:var(--bg);border-top:1px solid var(--border);padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:10px;}
@media (max-width:760px){.mobile-bar{display:flex;}}
.mobile-bar .btn{flex:1;}

.whatsapp-fab{position:fixed;right:20px;bottom:26px;z-index:45;width:54px;height:54px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,0.25);text-decoration:none;}
@media (max-width:760px){.whatsapp-fab{bottom:calc(74px + env(safe-area-inset-bottom,0px));}}
.whatsapp-fab svg{width:26px;height:26px;fill:#fff;}
.legal-body{max-width:70ch;display:flex;flex-direction:column;gap:16px;font-size:0.92rem;color:var(--ink-soft);line-height:1.6;}
.legal-body h2{font-size:1.1rem;margin-top:10px;}

/* White feature bands for the most important sections — re-scopes the palette so components adapt */
main > section.band-light{
  --bg:#FFFFFF; --surface:#F4EFFF; --surface-2:#EAE1FF; --card:#FFFFFF;
  --ink:#1D0E45; --ink-soft:#3B2A6B; --muted:#625590;
  --primary:#6A3DD8; --primary-light:#6A3DD8; --accent:#6A3DD8; --accent-ink:#FFFFFF;
  --border:rgba(52,27,110,0.14);
  background:#FFFFFF; color:var(--ink);
  border-top-color:transparent; padding-block:72px;
}
main > section.band-light + section{border-top-color:transparent;}
main > section.band-light [stroke="#D9C4FF"]{stroke:var(--primary);}
main > section.band-light [fill="#D9C4FF"]{fill:var(--primary);}
main > section.band-light .svc-card:hover .svc-icon [stroke]{stroke:#FFFFFF;}

/* ===== NEON TIMELINE (Cómo trabajamos) ===== */
.ntl{position:relative;--p:0;--head:0;--n:5;}
.ntl-inner{position:relative;}
.ntl-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));position:relative;z-index:1;}
.ntl-step{text-align:center;padding:0 12px;}
.ntl-dot{position:relative;width:46px;height:46px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Sora',system-ui,sans-serif;font-weight:800;font-size:0.84rem;color:var(--muted);background:var(--bg-deep);border:2px solid rgba(255,255,255,0.2);transition:color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease;}
.ntl-step :is(h4,h3){font-size:0.98rem;margin-bottom:6px;color:var(--ink-soft);transition:color .25s ease,text-shadow .25s ease;}
.ntl-step p{font-size:0.82rem;color:var(--muted);line-height:1.5;}
.ntl-rail{position:absolute;top:21.5px;left:calc(50% / var(--n));right:calc(50% / var(--n));height:3px;border-radius:3px;background:rgba(255,255,255,0.12);z-index:0;}
.ntl-fill{position:absolute;top:0;bottom:0;left:0;width:calc(var(--p) * 100%);border-radius:3px;background:linear-gradient(90deg,#7C4DFF,#C6A9FF 65%,#F6F0FF);box-shadow:0 0 6px #C6A9FF,0 0 16px rgba(198,169,255,0.85),0 0 34px rgba(124,77,255,0.7);}
.ntl-fill::after{content:"";position:absolute;right:-7px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff,0 0 22px #C6A9FF,0 0 44px #7C4DFF;opacity:var(--head);transition:opacity .3s ease;}
.ntl-step.lit .ntl-dot{color:#1D0E45;background:#EFE6FF;border-color:#F6F0FF;box-shadow:0 0 8px #C6A9FF,0 0 22px rgba(198,169,255,0.85),0 0 46px rgba(124,77,255,0.65);animation:neonOn .55s linear 1;}
.ntl-step.lit h4{color:#FFFFFF;text-shadow:0 0 14px rgba(198,169,255,0.75);}
@keyframes neonOn{0%{opacity:.35}12%{opacity:1}22%{opacity:.45}34%{opacity:1}48%{opacity:.75}60%,100%{opacity:1}}
@media (max-width:760px){
  .ntl{overflow-x:auto;margin-inline:-20px;padding:4px 20px 10px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  .ntl::-webkit-scrollbar{display:none;}
  .ntl-inner{min-width:calc(var(--n) * 156px);}
  .ntl-step{scroll-snap-align:center;}
}
@media (prefers-reduced-motion: reduce){.ntl-step.lit .ntl-dot{animation:none;}}

/* ===== SEO: search-results example ===== */
.serp-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,0.9fr);gap:44px;align-items:center;}
@media (max-width:880px){.serp-layout{grid-template-columns:1fr;gap:30px;}}
.serp{background:#fff;border:1px solid rgba(29,14,69,0.12);border-radius:20px;box-shadow:0 34px 70px -34px rgba(52,27,110,0.45);padding:20px 24px 12px;text-align:left;font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;color:#202124;}
.serp-bar{display:flex;align-items:center;gap:10px;border:1px solid #DFE1E5;border-radius:999px;padding:11px 18px;box-shadow:0 1px 6px rgba(32,33,36,0.16);font-size:1rem;min-height:46px;}
.serp-bar svg{width:18px;height:18px;color:#70757A;flex:none;}
.serp-caret{display:none;width:1.5px;height:1.15em;background:#202124;margin-left:1px;animation:serpBlink 1s steps(1) infinite;}
.serp.typing .serp-caret{display:inline-block;}
@keyframes serpBlink{50%{opacity:0}}
.serp-tabs{display:flex;gap:20px;font-size:0.8rem;color:#5F6368;margin:14px 4px 0;border-bottom:1px solid #EBEBEB;}
.serp-tabs span{padding-bottom:9px;}
.serp-tabs .on{color:#6A3DD8;border-bottom:2px solid #6A3DD8;font-weight:700;}
.serp-results{list-style:none;margin:12px 0 0;padding:0;position:relative;}
.serp-item{padding:14px 4px;transition:opacity .5s ease;}
.serp-site{display:flex;gap:10px;align-items:center;font-size:0.82rem;}
.serp-site b{font-weight:400;color:#202124;}
.serp-site small{display:block;color:#4D5156;font-size:0.74rem;margin-top:1px;}
.serp .fav{width:28px;height:28px;border-radius:50%;background:#F1F3F4;color:#5F6368;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:0.8rem;flex:none;}
.serp .fav.win{background:#6A3DD8;color:#fff;}
.serp-title{color:#1A0DAB;font-size:1.1rem;margin:7px 0 4px;line-height:1.3;}
.serp-item p{color:#4D5156;font-size:0.85rem;line-height:1.5;}
.serp-rating{font-size:0.8rem;color:#4D5156;margin-bottom:4px;}
.serp-rating span{color:#F4A417;letter-spacing:1px;}
.serp-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.serp-links span{font-size:0.78rem;color:#1A0DAB;border:1px solid #DADCE0;border-radius:999px;padding:4px 11px;}
.serp-win{position:relative;margin:4px -12px;padding:16px 14px;border-radius:14px;transition:background-color .5s ease,box-shadow .5s ease;}
.serp-rank{position:absolute;top:-11px;right:16px;background:#6A3DD8;color:#fff;font-family:'Sora',system-ui,sans-serif;font-weight:800;font-size:0.72rem;padding:4px 11px;border-radius:999px;opacity:0;transform:scale(.6);transition:opacity .35s ease,transform .45s cubic-bezier(.3,1.6,.5,1);}
.serp:not(.js) .serp-win, .serp.done .serp-win{background:#F6F1FF;box-shadow:0 0 0 2px #6A3DD8,0 18px 40px -18px rgba(106,61,216,0.55);}
.serp:not(.js) .serp-rank, .serp.done .serp-rank{opacity:1;transform:scale(1);}
.serp.done .serp-item:not(.serp-win){opacity:.5;}
.serp-notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px;text-align:left;}
.serp-notes li{display:flex;flex-direction:column;gap:5px;padding-left:18px;border-left:3px solid var(--primary);}
.serp-notes b{font-size:1.02rem;color:var(--ink);}
.serp-notes span{font-size:0.9rem;color:var(--muted);line-height:1.5;}
.serp-disclaimer{text-align:center;color:var(--muted);font-size:0.78rem;margin-top:24px;font-style:italic;}
@media (max-width:560px){.serp{padding:16px 14px 8px;}.serp-win{margin-inline:-6px;padding-inline:8px;}.serp-title{font-size:1rem;}}

/* ===== Automation flow examples ===== */
.flows .tabs{margin-bottom:26px;}
.flow-panel{display:flex;flex-direction:column;gap:22px;}
.flow-panel[hidden]{display:none;}
.flow-copy{max-width:640px;margin:0 auto;text-align:center;}
.flow-copy h3{font-size:1.2rem;margin-bottom:8px;color:var(--ink);}
.flow-copy p{color:var(--muted);font-size:0.95rem;line-height:1.6;}
.flow-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;}
.flow-tools span{font-size:0.76rem;font-weight:700;color:var(--primary);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px 12px;}
.flow-figure{margin:0;background:#FAFBFF;border:1px solid var(--border);border-radius:20px;padding:10px;box-shadow:0 30px 60px -36px rgba(52,27,110,0.45);overflow-x:auto;}
.flow-figure img{display:block;width:100%;height:auto;min-width:640px;border-radius:12px;}
.flow-panel:not([hidden]) .flow-figure{animation:flowIn .45s cubic-bezier(.16,1,.3,1);}
@keyframes flowIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion: reduce){.flow-panel:not([hidden]) .flow-figure{animation:none;}}
.flow-hint{display:none;text-align:center;font-size:0.78rem;color:var(--muted);margin-top:-10px;}
@media (max-width:700px){.flow-hint{display:block;}}

/* Neon timeline on white bands and inside cards */
main > section.band-light .ntl-rail{background:rgba(52,27,110,0.12);}
main > section.band-light .ntl-dot{background:#FFFFFF;border-color:rgba(52,27,110,0.22);color:var(--muted);}
main > section.band-light .ntl-step.lit .ntl-dot{background:#6A3DD8;border-color:#8F6BFF;color:#FFFFFF;box-shadow:0 0 8px rgba(124,77,255,0.7),0 0 22px rgba(124,77,255,0.45);}
main > section.band-light .ntl-step.lit h4{color:var(--ink);text-shadow:none;}
.case-card .ntl-dot{background:var(--surface);}
.case-card .ntl{margin-top:6px;}

/* Integrations: highlighted heading + benefits */
.hl{color:var(--primary);background:linear-gradient(transparent 62%, rgba(106,61,216,0.16) 62%);padding:0 4px;border-radius:4px;}
#conecta .integ-row{margin-bottom:44px;}
#conecta .integ-row span{font-size:0.9rem;padding:10px 18px;border-radius:999px;background:var(--surface);color:var(--ink);}
.conecta-benefits{border-top:1px solid var(--border);padding-top:40px;}

/* Animated hover for the audit-booking buttons */
.btn-cta{position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,filter .25s ease;}
.btn-cta::before{content:"";position:absolute;top:-2px;bottom:-2px;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,0.7),transparent);transform:skewX(-20deg);pointer-events:none;}
.btn-cta:hover{transform:translateY(-3px);filter:brightness(1.06);box-shadow:0 12px 30px -8px rgba(198,169,255,0.8),0 0 0 4px rgba(198,169,255,0.2);}
.btn-cta:hover::before{animation:ctaShine .85s cubic-bezier(.4,0,.2,1) 1;}
.btn-cta:active{transform:translateY(-1px) scale(.98);}
@keyframes ctaShine{from{left:-70%;}to{left:130%;}}
@media (prefers-reduced-motion: reduce){.btn-cta:hover{transform:none;}.btn-cta:hover::before{animation:none;}}

/* ===== Pricing cards: white, high-contrast ===== */
.plan{
  --ink:#1D0E45; --ink-soft:#3B2A6B; --muted:#625590;
  --primary:#6A3DD8; --primary-light:#6A3DD8; --accent:#6A3DD8; --accent-ink:#FFFFFF;
  --surface:#F4EFFF; --border:rgba(52,27,110,0.16);
  color:var(--ink);
  background:linear-gradient(90deg,#7C4DFF,#C6A9FF) top / 100% 5px no-repeat, #FFFFFF;
  border:none;border-radius:22px;padding:30px 28px 26px;gap:16px;
  box-shadow:0 26px 54px -26px rgba(8,2,28,0.7);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease;
}
.plan:hover{transform:translateY(-4px);box-shadow:0 34px 64px -26px rgba(8,2,28,0.8),0 0 0 2px rgba(164,124,255,0.55);}
.plan :is(h3,h2){font-size:1.15rem;color:var(--ink);}
.plan .price{font-size:2.2rem;color:var(--primary);letter-spacing:-0.02em;line-height:1.1;}
.plan .price .per{font-family:'Inter',system-ui,sans-serif;font-size:0.82rem;color:var(--muted);letter-spacing:0;}
.plan ul{list-style:none;padding:0;font-size:0.9rem;color:var(--ink-soft);gap:10px;}
.plan li{position:relative;padding-left:28px;line-height:1.45;}
.plan li::before{content:"";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:#EDE5FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%236A3DD8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;}
.plan .plan-note{color:var(--muted);}
.plan .btn{font-size:0.92rem;padding:13px 18px;border-radius:12px;}
.plan .btn-ghost{background:transparent;border:1.5px solid var(--primary);color:var(--primary);}
.plan .btn-ghost:hover{background:var(--primary);color:#FFFFFF;}
.plan.featured{box-shadow:0 0 0 3px #A47CFF,0 34px 70px -24px rgba(124,77,255,0.75);}
.plan.featured:hover{box-shadow:0 0 0 3px #B794FF,0 40px 80px -24px rgba(124,77,255,0.9);}
.plan.featured .ribbon{background:linear-gradient(90deg,#6A3DD8,#8F6BFF);color:#FFFFFF;font-size:0.72rem;padding:5px 13px;top:-14px;box-shadow:0 6px 16px -6px rgba(106,61,216,0.8);}
main > section.band-light .plan{box-shadow:0 0 0 1px rgba(52,27,110,0.12),0 26px 54px -30px rgba(52,27,110,0.5);}
main > section.band-light .plan.featured{box-shadow:0 0 0 3px #A47CFF,0 30px 60px -28px rgba(106,61,216,0.55);}
.plans-2{gap:26px;}
@media (prefers-reduced-motion: reduce){.plan:hover{transform:none;}}

/* Same glow on hover for every pricing card */
.plan:hover,.plan.featured:hover{transform:translateY(-4px);box-shadow:0 0 0 3px #B794FF,0 40px 80px -24px rgba(124,77,255,0.9);}
main > section.band-light .plan:hover{box-shadow:0 0 0 3px #B794FF,0 34px 70px -26px rgba(106,61,216,0.7);}
/* Highlighted offer: web from 199 € */
.plan.hot{box-shadow:0 0 0 3px #C6A9FF,0 0 34px rgba(198,169,255,0.55),0 34px 70px -24px rgba(124,77,255,0.8);}
.plan.hot .ribbon{background:linear-gradient(90deg,#FF7AB6,#8F6BFF);}
.plan.hot .price{font-size:2.6rem;}

/* ===== PLANS: home showcase ===== */
.price-show{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:center;}
.pcard{padding:24px 20px 22px;gap:12px;height:100%;}
.pcard.hot{padding:34px 22px 28px;transform:scale(1.06);z-index:1;}
.pcard.hot:hover{transform:scale(1.06) translateY(-4px);}
.pcard h3{font-size:1.02rem;}
.plan .price small{display:block;font-family:'Inter',system-ui,sans-serif;font-size:0.72rem;font-weight:600;color:var(--muted);letter-spacing:0;margin-bottom:-2px;}
.plan .price{flex-wrap:wrap;}
.pcard .price{font-size:1.9rem;}
.pcard.hot .price{font-size:2.4rem;}
.pcard ul{font-size:0.82rem;gap:8px;}
.pcard li{padding-left:24px;}
.pcard li::before{width:17px;height:17px;background-size:11px;}
.pcard .btn{width:100%;font-size:0.86rem;padding:12px 10px;}
@media (max-width:1060px){
  .price-show{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-inline:-20px;padding:18px 20px 26px;scrollbar-width:none;align-items:stretch;}
  .price-show::-webkit-scrollbar{display:none;}
  .pcard{flex:0 0 min(78%,280px);scroll-snap-align:center;height:auto;}
  .pcard.hot{order:-1;transform:none;}
  .pcard.hot:hover{transform:translateY(-4px);}
}

/* ===== PLANS: card in each service hero ===== */
.page-hero.has-plan .ph-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:center;}
.hero-plan{padding:30px 26px 22px;gap:12px;}
.hero-plan .ribbon{position:absolute;top:-13px;left:24px;background:linear-gradient(90deg,#6A3DD8,#8F6BFF);color:#fff;font-size:0.72rem;font-weight:800;padding:5px 13px;border-radius:100px;}
.hero-plan.hot .ribbon{background:linear-gradient(90deg,#FF7AB6,#8F6BFF);}
.hero-plan{position:relative;}
.hero-plan .price{font-size:2.5rem;}
.hero-plan ul{font-size:0.86rem;}
.hero-plan .btn{width:100%;margin-top:6px;}
.hero-plan-more{text-align:center;font-size:0.82rem;font-weight:700;color:var(--primary);text-decoration:none;}
.hero-plan-more:hover{text-decoration:underline;}
.hero-plan{animation:heroPlanIn .7s cubic-bezier(.16,1,.3,1) .15s both;}
@keyframes heroPlanIn{from{opacity:0;transform:translateY(18px) scale(.97);}to{opacity:1;transform:none;}}
@media (max-width:900px){.page-hero.has-plan .ph-grid{grid-template-columns:1fr;gap:34px;}.hero-plan{max-width:420px;}}
@media (prefers-reduced-motion: reduce){.hero-plan{animation:none;}}

/* ===== PLANS: highlighted nav link ===== */
nav.links > a.nav-planes{color:#FFFFFF;padding:6px 13px;border-radius:999px;border:1px solid rgba(198,169,255,0.6);background:rgba(198,169,255,0.14);box-shadow:0 0 14px rgba(198,169,255,0.35);transition:background .2s ease,box-shadow .2s ease;}
nav.links > a.nav-planes:hover,nav.links > a.nav-planes.active{background:rgba(198,169,255,0.28);box-shadow:0 0 20px rgba(198,169,255,0.6);color:#FFFFFF;}
@media (max-width:1060px){nav.links > a.nav-planes{padding:5px 10px;}}
@media (max-width:760px){nav.links > a.nav-planes{border-radius:10px;margin-block:6px;padding:12px 12px;}}

/* ===== PLANS: sticky bar (desktop) ===== */
.plans-bar{position:fixed;left:50%;bottom:22px;z-index:45;display:flex;align-items:center;gap:16px;padding:10px 10px 10px 22px;border-radius:999px;background:rgba(31,14,69,0.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(198,169,255,0.4);box-shadow:0 18px 40px -12px rgba(0,0,0,0.6),0 0 24px rgba(198,169,255,0.25);transform:translate(-50%,140%);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .3s ease;white-space:nowrap;}
.plans-bar.show{transform:translate(-50%,0);opacity:1;pointer-events:auto;}
.pb-text{font-size:0.86rem;color:var(--ink-soft);display:flex;align-items:center;gap:10px;}
.pb-text b{color:#fff;}
.pb-sep{width:4px;height:4px;border-radius:50%;background:rgba(198,169,255,0.6);}
.plans-bar .btn{padding:10px 18px;border-radius:999px;}
.pb-close{background:none;border:none;color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer;padding:4px 8px;}
.pb-close:hover{color:#fff;}
@media (max-width:760px){.plans-bar{display:none;}}
.plan{position:relative;}
.pcard .ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#FF7AB6,#8F6BFF);color:#fff;font-size:0.72rem;font-weight:800;padding:5px 14px;border-radius:100px;white-space:nowrap;box-shadow:0 6px 16px -6px rgba(106,61,216,0.8);}

/* ===== Digitalización: interactive growth sequence ===== */
.gs{display:grid;grid-template-columns:330px minmax(0,1fr);gap:48px;align-items:start;text-align:left;}
.gs-panel{position:sticky;top:92px;}
.gs-panel-inner{background:linear-gradient(160deg,#3A1F7A,#1F0E45);color:#FFFFFF;border-radius:22px;padding:24px 22px;box-shadow:0 30px 60px -30px rgba(31,14,69,0.8);display:flex;flex-direction:column;gap:18px;}
.gs-panel-inner h3{font-size:1.05rem;color:#FFFFFF;}
.gs-chips{display:flex;flex-wrap:wrap;gap:6px;}
.gs-chip{font:inherit;font-size:0.78rem;font-weight:700;color:#E7DBFF;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);border-radius:999px;padding:6px 12px;cursor:pointer;transition:background .2s ease,color .2s ease;}
.gs-chip:hover{background:rgba(255,255,255,0.16);}
.gs-chip[aria-pressed="true"]{background:#C6A9FF;color:#1D0E45;border-color:#C6A9FF;}
.gs-field{display:flex;flex-direction:column;gap:8px;}
.gs-field span{display:flex;justify-content:space-between;gap:10px;font-size:0.84rem;color:#E7DBFF;}
.gs-field output{font-weight:800;color:#FFFFFF;white-space:nowrap;}
.gs-field input[type=range]{width:100%;accent-color:#C6A9FF;cursor:pointer;}
.gs-summary{display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,0.15);padding-top:16px;}
.gs-summary div{display:flex;align-items:baseline;gap:8px;}
.gs-summary b{font-family:'Sora',system-ui,sans-serif;font-size:1.35rem;font-weight:800;color:#FFFFFF;text-shadow:0 0 16px rgba(198,169,255,0.6);}
.gs-summary span{font-size:0.82rem;color:#C2ACEE;}
.gs-flow{position:relative;}
.gs-line{position:absolute;left:27px;top:28px;bottom:60px;width:3px;margin-left:-1.5px;background:rgba(52,27,110,0.12);border-radius:3px;}
.gs-line-fill{width:100%;height:calc(var(--gp,0) * 100%);border-radius:3px;background:linear-gradient(#7C4DFF,#C6A9FF);box-shadow:0 0 8px rgba(124,77,255,0.7),0 0 20px rgba(124,77,255,0.4);}
.gs-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px;}
.gs-step{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:start;opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .7s cubic-bezier(.16,1,.3,1);}
.gs-step.in{opacity:1;transform:none;}
.gs-dot{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:#FFFFFF;border:2px solid rgba(52,27,110,0.18);display:flex;align-items:center;justify-content:center;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;}
.gs-dot svg{width:24px;height:24px;}
.gs-step.lit .gs-dot{background:#6A3DD8;border-color:#8F6BFF;box-shadow:0 0 10px rgba(124,77,255,0.6),0 0 28px rgba(124,77,255,0.35);}
.gs-step.lit .gs-dot [stroke]{stroke:#FFFFFF;}
.gs-step.gs-bad.lit .gs-dot{background:#D6336C;border-color:#F06595;box-shadow:0 0 10px rgba(214,51,108,0.55),0 0 26px rgba(214,51,108,0.3);}
.gs-card{background:#FFFFFF;border:1px solid rgba(52,27,110,0.12);border-radius:18px;padding:20px 22px;box-shadow:0 18px 40px -28px rgba(52,27,110,0.5);}
.gs-when{font-size:0.76rem;font-weight:800;color:var(--primary);}
.gs-card h3{font-size:1.15rem;margin:4px 0 6px;color:var(--ink);}
.gs-card p{color:var(--muted);font-size:0.9rem;line-height:1.55;}
.gs-metric{margin-top:12px;display:inline-block;background:#F4EFFF;color:var(--ink-soft);border-radius:12px;padding:9px 14px;font-size:0.9rem;line-height:1.5;}
.gs-metric b,.gs-card h3 b{font-family:'Sora',system-ui,sans-serif;color:var(--primary);font-weight:800;}
.gs-metric b{font-size:1.08rem;}
.gs-bad .gs-metric{background:#FFF0F4;}
.gs-bad .gs-metric b,.gs-bad h3 b{color:#D6336C;}
.gs-final .gs-card{border:2px solid #A47CFF;box-shadow:0 0 0 4px rgba(164,124,255,0.15),0 30px 60px -30px rgba(106,61,216,0.6);}
.gs-final .btn{margin-top:16px;}
.gs-chart{margin-top:10px;}
.gs-bars{display:flex;align-items:flex-end;gap:12px;height:180px;padding-bottom:24px;position:relative;border-bottom:1px solid rgba(52,27,110,0.15);margin-bottom:28px;}
.gs-m{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;position:relative;}
.gs-m i{display:block;border-radius:6px 6px 0 0;height:0;transition:height 1s cubic-bezier(.16,1,.3,1);}
.gs-m i.g{width:48%;background:linear-gradient(#9B7BFF,#6A3DD8);box-shadow:0 0 12px rgba(124,77,255,0.35);}
.gs-m i.c{width:22%;background:rgba(52,27,110,0.2);}
.gs-chart.grown .gs-m i{height:var(--h);}
.gs-m span{position:absolute;bottom:-24px;left:0;right:0;text-align:center;font-size:0.72rem;color:var(--muted);}
.gs-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:0.76rem;color:var(--muted);}
.gs-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;}
.gs-legend .l-gain::before{background:#6A3DD8;}
.gs-legend .l-cost::before{background:rgba(52,27,110,0.25);}
.gs-note{max-width:760px;margin:30px auto 0;text-align:center;font-size:0.78rem;color:var(--muted);line-height:1.55;}
@media (max-width:900px){
  .gs{grid-template-columns:1fr;gap:30px;}
  .gs-panel{position:static;}
  .gs-step{grid-template-columns:44px minmax(0,1fr);gap:12px;}
  .gs-dot{width:44px;height:44px;}
  .gs-dot svg{width:20px;height:20px;}
  .gs-line{left:21px;}
  .gs-card{padding:16px;}
  .gs-bars{gap:6px;height:150px;}
}
@media (prefers-reduced-motion: reduce){.gs-step{opacity:1;transform:none;transition:none;}.gs-m i{transition:none;}}

/* ===== Header: stronger WhatsApp + audit buttons ===== */
.nav-cta .btn-wa{background:#25D366;color:#063A1D;border:none;gap:7px;font-weight:800;box-shadow:0 0 0 1px rgba(255,255,255,0.18) inset,0 0 18px rgba(37,211,102,0.45);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}
.nav-cta .btn-wa svg{width:17px;height:17px;fill:currentColor;flex:none;}
.nav-cta .btn-wa:hover{background:#34E077;transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,0.25) inset,0 8px 24px -6px rgba(37,211,102,0.7);}
.btn-nav-audit{background:linear-gradient(135deg,#F1E8FF,#B794FF);color:#1D0E45;font-weight:800;border:none;animation:navGlow 2.8s ease-in-out infinite;}
.btn-nav-audit:hover{background:linear-gradient(135deg,#FFFFFF,#C6A9FF);color:#1D0E45;}
@keyframes navGlow{0%,100%{box-shadow:0 0 0 0 rgba(198,169,255,0),0 0 14px rgba(198,169,255,0.35);}50%{box-shadow:0 0 0 5px rgba(198,169,255,0.18),0 0 26px rgba(198,169,255,0.7);}}
@media (max-width:1060px){.nav-cta .btn-wa{display:inline-flex;padding:9px;border-radius:50%;}.nav-cta .btn-wa span{display:none;}}
@media (max-width:480px){.nav-cta .btn-wa{display:none;}}
@media (prefers-reduced-motion: reduce){.btn-nav-audit{animation:none;box-shadow:0 0 18px rgba(198,169,255,0.5);}}
@media (min-width:761px) and (max-width:800px){.nav-cta .btn-wa{display:none;}}


/* =====================================================================
   THEME — white + the three logo purples (#4B3AA6 · #7A4FD1 · #C6A9FF)
   ===================================================================== */
body{background:
    radial-gradient(circle at 6% -4%, rgba(198,169,255,0.38), transparent 36%),
    radial-gradient(circle at 98% 6%, rgba(122,79,209,0.14), transparent 32%),
    #FFFFFF;
  background-attachment:fixed;}
[stroke="#D9C4FF"]{stroke:var(--primary);}
[fill="#D9C4FF"]{fill:var(--primary);}

/* soft lavender for every other section */
main > section:nth-of-type(even){
  background:radial-gradient(ellipse 70% 120% at 90% 0%, rgba(198,169,255,0.22), transparent 60%),#F6F1FF;
}

/* coloured bands + coloured components: same tokens, inverted */
.final-cta, .live-call-card, .gs-panel-inner, .plans-bar{
  --bg:#4B3AA6; --bg-deep:#4B3AA6; --surface:rgba(255,255,255,0.12); --surface-2:rgba(255,255,255,0.2); --card:rgba(255,255,255,0.1);
  --ink:#FFFFFF; --ink-soft:#F1EBFF; --muted:#DCCFFF;
  --primary:#C6A9FF; --primary-light:#E6D9FF; --accent:#C6A9FF; --accent-ink:#2A1F6E;
  --border:rgba(255,255,255,0.24); --danger:#FFB3C8; --ok:#E6D9FF;
  color:var(--ink);
}

/* header: white glass */
header.nav{background:rgba(255,255,255,0.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);}
nav.links > a.nav-planes{color:var(--p1);border-color:rgba(122,79,209,0.45);background:rgba(198,169,255,0.22);box-shadow:0 0 14px rgba(122,79,209,0.22);}
nav.links > a.nav-planes:hover,nav.links > a.nav-planes.active{color:var(--p1);background:rgba(198,169,255,0.4);box-shadow:0 0 20px rgba(122,79,209,0.35);}
.btn-nav-audit{background:linear-gradient(135deg,#7A4FD1,#4B3AA6);color:#FFFFFF;}
.btn-nav-audit:hover{background:linear-gradient(135deg,#8A61DE,#5546B5);color:#FFFFFF;}
@keyframes navGlow{0%,100%{box-shadow:0 0 0 0 rgba(122,79,209,0),0 6px 16px -6px rgba(75,58,166,0.5);}50%{box-shadow:0 0 0 5px rgba(122,79,209,0.15),0 8px 24px -6px rgba(122,79,209,0.6);}}
.menu-toggle{color:var(--ink);}

/* hero */
.live-call-card{background:linear-gradient(135deg,#7A4FD1,#4B3AA6);}
.final-cta{background:
  radial-gradient(ellipse 60% 100% at 100% 0%, rgba(198,169,255,0.45), transparent 60%),
  linear-gradient(135deg,#4B3AA6,#7A4FD1);box-shadow:0 30px 60px -30px rgba(75,58,166,0.6);}
.gs-panel-inner{background:linear-gradient(160deg,#7A4FD1,#4B3AA6);box-shadow:0 30px 60px -30px rgba(75,58,166,0.6);}
.plans-bar{background:rgba(75,58,166,0.94);border-color:rgba(198,169,255,0.5);box-shadow:0 18px 40px -12px rgba(75,58,166,0.55);}
.intro-logo span{color:var(--ink);}
#intro-loader{background:radial-gradient(circle at 50% 42%, rgba(198,169,255,0.45), transparent 55%),#FFFFFF;}
footer{background:#F6F1FF;}
.mobile-bar{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);}

/* pricing cards on light backgrounds */
.plan{box-shadow:0 0 0 1px rgba(75,58,166,0.1),0 24px 50px -30px rgba(75,58,166,0.45);}
.plan.featured{box-shadow:0 0 0 3px #A47CFF,0 30px 60px -28px rgba(122,79,209,0.55);}
.plan.hot{box-shadow:0 0 0 3px #C6A9FF,0 0 30px rgba(198,169,255,0.6),0 30px 60px -28px rgba(122,79,209,0.6);}
.hero-plan{box-shadow:0 0 0 2px #C6A9FF,0 30px 60px -30px rgba(75,58,166,0.5);}

/* neon timeline: light by default, neon on coloured bands */
.ntl-rail{background:rgba(75,58,166,0.14);}
.ntl-dot{background:#FFFFFF;border-color:rgba(75,58,166,0.22);color:var(--muted);}
.ntl-fill{background:linear-gradient(90deg,#4B3AA6,#7A4FD1 60%,#C6A9FF);box-shadow:0 0 6px rgba(122,79,209,0.6),0 0 16px rgba(122,79,209,0.35);}
.ntl-fill::after{background:#FFFFFF;box-shadow:0 0 0 3px #7A4FD1,0 0 16px rgba(122,79,209,0.8);}
.ntl-step.lit .ntl-dot{background:#7A4FD1;border-color:#9B74E8;color:#FFFFFF;box-shadow:0 0 10px rgba(122,79,209,0.6),0 0 24px rgba(122,79,209,0.35);}
.ntl-step.lit h4{color:var(--ink);text-shadow:none;}
.case-card .ntl-dot{background:#FFFFFF;}

/* =====================================================================
   SERVICE FEATURE SECTIONS (home) — one per service, with a live demo
   ===================================================================== */

/* sequence helper: elements appear at their moment */
[data-seq] [data-at]{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .5s cubic-bezier(.16,1,.3,1);}
[data-seq] [data-at].on{opacity:1;transform:none;}

/* chatbot phone */

/* voice call */

/* web build */
@keyframes skel{to{background-position:-200% 0;}}

/* automation flow */
@media (prefers-reduced-motion: reduce){
  [data-seq] [data-at]{transition:none;}
}

/* ===== explicit section backgrounds ===== */
main > section.band-plain{background:transparent;}
main > section.band-soft{background:radial-gradient(ellipse 70% 120% at 90% 0%, rgba(198,169,255,0.22), transparent 60%),#F6F1FF;}
main > section.band-plain, main > section.band-soft{border-top-color:transparent;}

/* ===== topbar + nav with services on the bar ===== */
.topbar{background:linear-gradient(90deg,#4B3AA6,#7A4FD1);color:#F1EBFF;font-size:0.78rem;}
.topbar-inner{max-width:1120px;margin:0 auto;padding:7px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.topbar-claim b{color:#FFFFFF;}
.topbar-links{display:flex;gap:18px;}
.topbar-links a{color:#F1EBFF;text-decoration:none;font-weight:600;}
.topbar-links a:hover,.topbar-links a.active{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px;}
@media (max-width:760px){.topbar{display:none;}}
@media (max-width:900px){.topbar-claim{display:none;}.topbar-inner{justify-content:center;}}
nav.links > a.nav-sec{display:none;}
nav.links > a{color:var(--ink);}
nav.links > a.active{color:var(--primary);}
nav.links > a:not(.nav-planes):not(.nav-sec){position:relative;}
nav.links > a:not(.nav-planes):not(.nav-sec)::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--primary);transform:scaleX(0);transition:transform .2s ease;}
nav.links > a:not(.nav-planes):not(.nav-sec):hover::after, nav.links > a.active:not(.nav-planes)::after{transform:scaleX(1);}
@media (max-width:760px){
  nav.links > a.nav-sec{display:block;color:var(--ink-soft);font-weight:600;}
  nav.links > a::after{display:none;}
}

/* ===== HOME HERO: split, time-first ===== */

/* ===== PAIN LIST ===== */

/* ===== TIME CALCULATOR ===== */
.tb{display:grid;grid-template-columns:110px minmax(0,1fr) 54px;gap:12px;align-items:center;font-size:0.86rem;}
.tb i{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#E6D9FF,#FFFFFF);width:var(--w,0%);min-width:4px;transition:width .6s cubic-bezier(.16,1,.3,1);box-shadow:0 0 12px rgba(255,255,255,0.4);}
.tb em{font-style:normal;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;}
@media (max-width:520px){.tb{grid-template-columns:90px minmax(0,1fr) 48px;}}

/* ===== service sections extras ===== */

/* SEO mini SERP */
main{overflow-x:clip;} main > section{position:relative;z-index:1;}
@media (max-width:760px){header.nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#FFFFFF;} nav.links{height:calc(100vh - 64px);}}

/* ===== MINIMAL HOME (inspired by a calm product-site layout) ===== */
.hero-eyebrow{font-size:0.86rem;font-weight:700;color:var(--primary);margin-bottom:18px;}

main > section#como, main > section#faq{padding-block:96px;}

.final-cta h2{font-size:clamp(1.6rem,3.6vw,2.4rem);}
main > section#faq{background:transparent;}

/* ===== CTAs + consultoría ===== */
.hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;}
.hero-wa{font-size:0.9rem;font-weight:700;color:#1E9E55;text-decoration:none;border-bottom:2px solid rgba(37,211,102,0.35);}
.hero-wa:hover{border-color:#25D366;}
main > section#consultoria{padding-block:96px;}
.cons-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;}
.eyebrow-inline{font-size:0.86rem;font-weight:800;color:var(--primary);margin-bottom:14px;}
.cons-copy h2{font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1.15;margin-bottom:14px;}
.cons-lead{font-size:1.02rem;color:var(--ink-soft);line-height:1.6;}
.cons-list{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:16px;}
.cons-list li{position:relative;padding-left:34px;display:flex;flex-direction:column;gap:2px;}
.cons-list li::before{content:"";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;}
.cons-list b{color:var(--ink);}
.cons-list span{font-size:0.88rem;color:var(--muted);}
.cons-who{display:flex;align-items:center;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid var(--border);}
.cons-avatars{display:flex;flex:none;}
.cons-avatars img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #FFFFFF;box-shadow:0 4px 10px -4px rgba(75,58,166,0.5);}
.cons-avatars img + img{margin-left:-12px;}
.cons-who p{font-size:0.88rem;color:var(--ink-soft);}
.cons-book .booking-flow{background:#FFFFFF;border-radius:24px;padding:28px;box-shadow:0 0 0 1px rgba(75,58,166,0.1),0 40px 80px -44px rgba(75,58,166,0.6);}
.cons-alt{text-align:center;font-size:0.84rem;color:var(--muted);margin-top:16px;}
.cons-alt a{color:var(--primary);font-weight:700;}
@media (max-width:900px){.cons-grid{grid-template-columns:1fr;gap:34px;}}
.cons-avatars i{display:block;width:52px;height:52px;border-radius:50%;overflow:hidden;border:3px solid #FFFFFF;box-shadow:0 4px 10px -4px rgba(75,58,166,0.5);background:#EFE6FF;}
.cons-avatars i + i{margin-left:-12px;}
.cons-avatars i img{width:100%;height:100%;object-fit:cover;object-position:50% 8%;transform:scale(2.2);transform-origin:50% 10%;border:none;box-shadow:none;border-radius:0;margin:0;}
.cons-avatars i img{transform-origin:50% 24%;}
.cons-avatars i img{transform-origin:50% 31%;}

/* ===== DEMOS: three minimal home options ===== */
.opt-switch{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;background:#1E1650;color:#fff;font-size:0.82rem;padding:8px 12px;}
.opt-switch span{opacity:.7;margin-right:6px;}
.opt-switch a{color:#fff;text-decoration:none;font-weight:700;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,0.25);}
.opt-switch a.on{background:#C6A9FF;color:#1E1650;border-color:#C6A9FF;}
.opt-switch a.back{border:none;opacity:.7;font-weight:600;}
.opt-hero{text-align:center;padding-block:96px 72px;display:flex;flex-direction:column;align-items:center;}
.opt-hero h1{font-size:clamp(2.3rem,5.4vw,3.8rem);font-weight:800;line-height:1.06;letter-spacing:-0.02em;max-width:16ch;margin-bottom:18px;}
.opt-hero .lead{font-size:1.1rem;color:var(--ink-soft);max-width:48ch;margin-bottom:30px;}

/* option 1 — vertical path */
.o1{padding-block:40px 100px !important;}
.o1-path{list-style:none;margin:0 auto;padding:0;max-width:760px;position:relative;display:flex;flex-direction:column;gap:56px;}
.o1-line{position:absolute;left:27px;top:28px;bottom:28px;width:3px;background:rgba(75,58,166,0.12);border-radius:3px;}
.o1-line i{display:block;width:100%;height:calc(var(--o1p,0) * 100%);background:linear-gradient(#4B3AA6,#7A4FD1,#C6A9FF);border-radius:3px;box-shadow:0 0 10px rgba(122,79,209,0.6);}
.o1-step{display:grid;grid-template-columns:56px minmax(0,1fr);gap:28px;align-items:start;opacity:.25;transform:translateY(20px);transition:opacity .6s ease,transform .7s cubic-bezier(.16,1,.3,1);}
.o1-step.in{opacity:1;transform:none;}
.o1-dot{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:#FFFFFF;border:2px solid rgba(75,58,166,0.2);display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:800;color:var(--muted);transition:all .4s ease;}
.o1-step.in .o1-dot{background:#7A4FD1;border-color:#9B74E8;color:#fff;box-shadow:0 0 0 6px rgba(198,169,255,0.35),0 0 24px rgba(122,79,209,0.5);}
.o1-svc{display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;font-weight:800;color:var(--primary);}
.o1-svc svg{width:15px;height:15px;}
.o1-card :is(h3,h2){font-size:clamp(1.4rem,2.8vw,1.9rem);margin:8px 0 8px;line-height:1.15;}
.o1-card p{color:var(--ink-soft);font-size:1rem;line-height:1.6;max-width:52ch;}
.o1-gain{display:inline-flex;align-items:baseline;gap:8px;margin:16px 0 12px;padding:8px 14px;border-radius:12px;background:#F3EDFF;font-size:0.9rem;color:var(--ink-soft);}
.o1-gain b{font-family:'Sora',sans-serif;font-size:1.3rem;color:#2FB66B;}
.o1-card > a{display:block;font-size:0.88rem;font-weight:700;color:var(--primary);text-decoration:none;}
.o1-final .o1-card{background:linear-gradient(135deg,#4B3AA6,#7A4FD1);color:#fff;border-radius:24px;padding:30px;}
.o1-final .o1-card :is(h3,h2),.o1-final .o1-svc{color:#fff;}
.o1-final .o1-card p{color:#EDE6FF;}
.o1-final .btn{margin-top:18px;background:#fff;color:#4B3AA6;}
.o1-final small{display:block;margin-top:12px;font-size:0.74rem;color:#DCCFFF;}
@media (max-width:600px){.o1-step{grid-template-columns:44px minmax(0,1fr);gap:16px;}.o1-dot{width:44px;height:44px;}.o1-line{left:21px;}}

/* option 2 — sticky story */

/* option 3 — before/after stepper */

/* demo chooser */
.opt-switch{position:fixed;top:auto;bottom:18px;left:50%;transform:translateX(-50%);border-radius:999px;box-shadow:0 18px 40px -12px rgba(30,22,80,0.6);width:max-content;max-width:calc(100% - 100px);}
@media (max-width:760px){.opt-switch{bottom:84px;font-size:0.74rem;}.opt-switch span,.opt-switch a.back{display:none;}}

/* ===== HOME: neon journey ending around the booking box ===== */
.o1-wrap{position:relative;max-width:1040px;}
.o1-wrap .o1-path{max-width:none;margin:0;}
.o1-wrap .o1-step .o1-card{max-width:680px;}
.o1-line{position:absolute;left:47px;top:28px;width:4px;height:var(--o1h,100%);margin-left:-2px;background:rgba(122,79,209,0.12);border-radius:4px;bottom:auto;}
.o1-line i{display:block;width:100%;height:calc(var(--o1p,0) * 100%);border-radius:4px;background:linear-gradient(#7A4FD1,#A78BFA 60%,#E9D5FF);box-shadow:0 0 6px #A78BFA,0 0 16px rgba(167,139,250,0.9),0 0 34px rgba(122,79,209,0.7);}
.o1-spark{position:absolute;left:50%;top:calc(var(--o1p,0) * 100%);width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff,0 0 22px #C4B5FD,0 0 44px #8B5CF6;opacity:var(--o1spark,0);transition:opacity .3s ease;}
.o1-wrap .o1-step{grid-template-columns:96px minmax(0,1fr);gap:20px;}
.o1-wrap .o1-dot{margin-left:20px;}
.o1-step.in .o1-dot{background:#7A4FD1;border-color:#C4B5FD;box-shadow:0 0 0 5px rgba(196,181,253,0.35),0 0 18px rgba(167,139,250,0.9),0 0 40px rgba(122,79,209,0.6);}
.o1-cta{position:relative;margin-top:70px;margin-left:19px;border-radius:28px;background:#FFFFFF;padding:48px;box-shadow:0 40px 90px -50px rgba(75,58,166,0.55);transition:box-shadow .6s ease;}
.o1-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.o1-ring rect{fill:none;stroke:#A78BFA;stroke-width:4;stroke-dasharray:1000;stroke-dashoffset:calc(1000 - var(--o1q,0) * 1000);filter:drop-shadow(0 0 4px #A78BFA) drop-shadow(0 0 12px rgba(139,92,246,0.85)) drop-shadow(0 0 26px rgba(122,79,209,0.6));stroke-linecap:round;}
.o1-cta.lit{box-shadow:0 0 0 1px rgba(167,139,250,0.4),0 0 60px rgba(167,139,250,0.35),0 40px 90px -50px rgba(75,58,166,0.6);animation:o1pulse 2.8s ease-in-out infinite;}
@keyframes o1pulse{0%,100%{box-shadow:0 0 0 1px rgba(167,139,250,0.4),0 0 40px rgba(167,139,250,0.25),0 40px 90px -50px rgba(75,58,166,0.6);}50%{box-shadow:0 0 0 1px rgba(167,139,250,0.6),0 0 80px rgba(167,139,250,0.5),0 40px 90px -50px rgba(75,58,166,0.6);}}
.o1-cta-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;}
.o1-cta h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;margin-bottom:14px;}
.o1-urgency{margin-top:22px;font-weight:700;color:var(--p1);}
.o1-cta .booking-flow{background:#FBF9FF;border-radius:22px;padding:24px;box-shadow:0 0 0 1px rgba(75,58,166,0.1);}
@media (max-width:900px){.o1-cta-grid{grid-template-columns:1fr;gap:30px;}.o1-cta{padding:30px 22px;}}
@media (max-width:600px){
  .o1-line{left:22px;}
  .o1-wrap .o1-step{grid-template-columns:44px minmax(0,1fr);gap:16px;}
  .o1-wrap .o1-dot{margin-left:0;}
  .o1-cta{margin-left:-6px;margin-right:-6px;padding:26px 18px;}
}
@media (prefers-reduced-motion: reduce){.o1-cta.lit{animation:none;}}
.o1-cta{margin-left:-1px;}
@media (max-width:600px){
  .o1-line{left:34px;}
  .o1-wrap .o1-step{grid-template-columns:68px minmax(0,1fr);gap:8px;}
  .o1-wrap .o1-dot{margin-left:12px;}
  .o1-cta{margin-left:-14px;margin-right:-14px;}
}
.hp-field{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0;}
.book-error{margin-top:10px;font-size:0.82rem;font-weight:600;color:#D6336C;}
.book-ok{margin-top:12px;display:flex;flex-direction:column;gap:3px;background:#EAFBF1;border:1px solid #9BE3B9;color:#145C33;border-radius:14px;padding:12px 14px;font-size:0.88rem;}
.book-ok b{font-size:0.95rem;}
#bookSendBtn[disabled]{opacity:.7;cursor:wait;}

/* ===== Journey centrado (v2) ===== */
.o1-wrap{max-width:880px;}
.o1-line,.o1-wrap .o1-line{left:50% !important;margin-left:-2px;}
.o1-wrap .o1-path{gap:48px;}
.o1-wrap .o1-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;}
.o1-wrap .o1-dot{margin:0 !important;}
.o1-wrap .o1-step .o1-card{position:relative;z-index:1;width:100%;max-width:620px;background:#FFFFFF;border-radius:24px;padding:28px 30px;box-shadow:0 0 0 1px rgba(75,58,166,0.08),0 24px 60px -40px rgba(75,58,166,0.45);}
.o1-wrap .o1-final .o1-card{background:linear-gradient(135deg,#4B3AA6,#7A4FD1);}
.o1-wrap .o1-card p{margin-inline:auto;}
.o1-wrap .o1-svc{justify-content:center;}
.o1-wrap .o1-card > a{display:inline-block;}
.o1-wrap .o1-cta{margin:56px auto 0 !important;max-width:560px;text-align:center;padding:40px 32px;border-radius:28px;}
.o1-ring path{fill:none;stroke:#A78BFA;stroke-width:4;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:calc(1000 - var(--o1q,0) * 1000);filter:drop-shadow(0 0 4px #A78BFA) drop-shadow(0 0 12px rgba(139,92,246,0.85)) drop-shadow(0 0 26px rgba(122,79,209,0.6));}
.o1-ask{position:relative;font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(1.5rem,3.2vw,2.1rem);line-height:1.15;margin:0 0 20px;color:var(--ink);}
.o1-big{position:relative;font-size:1.1rem;letter-spacing:0.03em;padding:18px 34px;justify-content:center;}
.o1-cta small{position:relative;display:block;margin-top:14px;font-size:0.85rem;color:var(--muted);}
.o1-booking{margin-top:56px;background:#FFFFFF;border-radius:28px;padding:48px;box-shadow:0 0 0 1px rgba(75,58,166,0.08),0 40px 90px -50px rgba(75,58,166,0.55);scroll-margin-top:90px;}
.o1-book-head{text-align:center;max-width:680px;margin:0 auto 34px;}
.o1-book-head h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;margin:10px 0 14px;}
.o1-book-head .cons-lead{margin-inline:auto;}
.o1-booking .o1-cta-grid{align-items:start;}
@media (max-width:900px){.o1-booking{padding:30px 22px;}.o1-booking .cons-copy{text-align:center;}.o1-booking .cons-list{text-align:left;max-width:440px;margin-inline:auto;}.o1-booking .cons-who{justify-content:center;}}
@media (max-width:600px){
  .o1-wrap .o1-step .o1-card{padding:22px 18px;}
  .o1-wrap .o1-cta{padding:30px 18px;}
  .o1-big{font-size:1rem;padding:16px 22px;width:100%;}
  .o1-booking{margin-inline:-6px;padding:26px 16px;}
}

/* ===== Retoques finales ===== */
/* Pasos: el fondo de la tarjeta tapa siempre la línea; solo se atenúa el contenido */
.o1-wrap .o1-step{opacity:1;transform:none;}
.o1-wrap .o1-card > *,.o1-wrap .o1-dot{transition:opacity .6s ease,transform .7s cubic-bezier(.16,1,.3,1);}
.o1-wrap .o1-step:not(.in) .o1-card > *,.o1-wrap .o1-step:not(.in) .o1-dot{opacity:.28;}
.o1-wrap .o1-step:not(.in) .o1-card > *{transform:translateY(12px);}
.o1-gain b{white-space:nowrap;}
.opt-hero .lead,.page-hero .lead,.o1-card p,.o1-book-head .cons-lead{text-wrap:pretty;}
.contact-voice{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#F3EDFF,#FFFFFF);}
@media (max-width:600px){
  .opt-hero{padding-block:56px 32px;}
  .o1{padding-top:16px !important;}
  .o1-gain{flex-direction:column;align-items:center;gap:2px;text-align:center;}
  .o1-wrap .o1-card :is(h3,h2){font-size:1.35rem;}
}
@media (prefers-reduced-motion: reduce){.o1-wrap .o1-card > *,.o1-wrap .o1-dot{transition:none;}}
@media (min-width:900px){.values-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (min-width:900px){.usecase-list:has(> :nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr));}}

/* =====================================================================
   nexbia · CAPA PREMIUM (v3)
   Evolución visual sobre el sistema existente: mismos colores de marca
   (#4B3AA6 · #7A4FD1 · #C6A9FF), mismas tipografías (Sora + Inter).
   Solo refina jerarquía, espaciado, superficies, interacción y movimiento.
   ===================================================================== */
:root{
  --r-sm:10px; --r-md:16px; --r-lg:22px; --r-xl:28px;
  --line:rgba(75,58,166,0.11);
  --line-strong:rgba(122,79,209,0.32);
  --sh-1:0 1px 1px rgba(30,22,80,0.04),0 2px 6px -2px rgba(30,22,80,0.06),0 14px 30px -20px rgba(75,58,166,0.30);
  --sh-2:0 1px 2px rgba(30,22,80,0.05),0 8px 18px -8px rgba(30,22,80,0.10),0 30px 60px -30px rgba(75,58,166,0.48);
  --grad-brand:linear-gradient(135deg,#7A4FD1 0%,#4B3AA6 100%);
  --grad-brand-hover:linear-gradient(135deg,#8760DD 0%,#5546B5 100%);
  --grad-soft:linear-gradient(135deg,#F6F1FF 0%,#ECE3FF 100%);
  --ease:cubic-bezier(.2,.8,.2,1);
}

/* ---------- Base ---------- */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px;}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;}}
body{overflow-x:clip;line-height:1.6;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01";}
::selection{background:rgba(198,169,255,0.6);color:#1E1650;}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid rgba(122,79,209,0.55);outline-offset:3px;border-radius:10px;}
img{height:auto;}

/* ---------- Tipografía ---------- */
h1,h2,h3,h4{letter-spacing:-0.022em;color:inherit;}
h1{letter-spacing:-0.032em;}
p{text-wrap:pretty;}
.section-head{margin-bottom:46px;}
.section-head h2{font-size:clamp(1.7rem,3.5vw,2.5rem);line-height:1.1;}
.section-head p{font-size:1.03rem;line-height:1.65;max-width:60ch;margin-inline:auto;margin-top:14px;}
.section-head .eyebrow,.page-hero .eyebrow{font-size:0.86rem;letter-spacing:0.01em;}
.section-head .eyebrow::before,.page-hero .eyebrow::before{height:2px;width:22px;border-radius:2px;background:linear-gradient(90deg,#4B3AA6,#C6A9FF);}
.page-hero h1{font-size:clamp(2.15rem,4.9vw,3.3rem);line-height:1.05;margin-bottom:18px;}
.page-hero .lead{font-size:1.1rem;line-height:1.65;}

/* ---------- Ritmo de secciones ---------- */
section{padding-block:84px;border-top:0;}
main > section:nth-of-type(even){padding-block:92px;}
main > section.band-light{padding-block:88px;}
.page-hero + section{padding-top:8px;}
@media (max-width:760px){
  section{padding-block:60px;}
  main > section:nth-of-type(even),main > section.band-light{padding-block:64px;}
  .section-head{margin-bottom:34px;}
}

/* ---------- Cabeceras (hero) con retícula de marca ---------- */
.page-hero,.opt-hero{position:relative;isolation:isolate;}
.page-hero::before,.opt-hero::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  top:-60px;bottom:-20px;left:50%;width:100vw;transform:translateX(-50%);
  background-image:linear-gradient(rgba(75,58,166,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(75,58,166,0.07) 1px,transparent 1px);
  background-size:46px 46px;background-position:center top;
  -webkit-mask-image:radial-gradient(ellipse 55% 75% at 50% 15%,#000 15%,transparent 72%);
          mask-image:radial-gradient(ellipse 55% 75% at 50% 15%,#000 15%,transparent 72%);
}
.page-hero::before{-webkit-mask-image:radial-gradient(ellipse 50% 80% at 28% 20%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 50% 80% at 28% 20%,#000 10%,transparent 70%);}
.page-hero{padding-block:56px 48px;}
.opt-hero{padding-block:104px 80px;}
.opt-hero h1{font-size:clamp(2.5rem,6vw,4.3rem);line-height:1.02;letter-spacing:-0.04em;max-width:15ch;}
.opt-hero .lead{font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.6;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 16px 7px 12px;border-radius:999px;background:rgba(255,255,255,0.8);border:1px solid var(--line);box-shadow:var(--sh-1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:0.82rem;margin-bottom:26px;}
.hero-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:#7A4FD1;box-shadow:0 0 0 4px rgba(198,169,255,0.45);flex:none;}
.hero-ctas{gap:16px 22px;}
.breadcrumb{font-size:0.8rem;margin-bottom:20px;}
.breadcrumb a{transition:color .2s;}
@media (max-width:600px){
  .opt-hero{padding-block:64px 36px;}
  .page-hero{padding-block:34px 34px;}
}

/* ---------- Navegación ---------- */
header.nav{background:rgba(255,255,255,0.82);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom-color:var(--line);transition:box-shadow .3s var(--ease),background .3s;}
header.nav.is-scrolled{background:rgba(255,255,255,0.92);box-shadow:0 10px 30px -22px rgba(30,22,80,0.35);}
.nav-inner{padding-block:13px;}
nav.links{gap:22px;}
nav.links > a{color:var(--ink-soft);transition:color .2s;}
nav.links > a:hover{color:var(--p1);}
nav.links > a.active{color:var(--p2);}
nav.links > a.nav-planes{padding:6px 14px;transition:background .2s,box-shadow .2s,color .2s;}
.topbar{font-size:0.77rem;letter-spacing:0.005em;}
.menu-toggle{border-color:var(--line);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(30,22,80,0.06);transition:border-color .2s;}
.menu-toggle:hover{border-color:var(--line-strong);}
@media (max-width:1060px){nav.links{gap:12px;}}
@media (max-width:760px){
  nav.links{background:rgba(255,255,255,0.98);padding:14px 20px calc(110px + env(safe-area-inset-bottom,0px));gap:2px;}
  nav.links.open{animation:menuIn .28s var(--ease);}
  nav.links > a,.has-drop > span{padding:15px 6px;font-size:1.02rem;font-weight:650;color:var(--ink);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;}
  nav.links > a:not(.nav-planes)::after{content:"›";display:block !important;position:static;transform:none;background:none;height:auto;width:auto;font-size:1.25rem;line-height:1;color:var(--p3);}
  nav.links > a.nav-planes{justify-content:center;background:var(--grad-soft);color:var(--p1);border:1px solid var(--line-strong);}
  nav.links > a.nav-sec{font-weight:550;color:var(--ink-soft);}
  body.menu-open{overflow:hidden;}
}
@keyframes menuIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}

/* ---------- Botones ---------- */
.btn{border-radius:12px;letter-spacing:-0.005em;transition:transform .2s var(--ease),box-shadow .25s var(--ease),background .25s,border-color .2s,color .2s,filter .2s;}
.btn:active{transform:translateY(0) scale(.98);}
.btn-lg{padding:16px 32px;font-size:1rem;}
.btn-primary:not(:is(.final-cta,.live-call-card,.gs-panel-inner,.plans-bar,.band-color,.calc-result) *),
.btn-accent:not(:is(.final-cta,.live-call-card,.gs-panel-inner,.plans-bar,.band-color,.calc-result) *){
  background:var(--grad-brand);color:#fff;border-color:transparent;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.22),0 1px 2px rgba(30,22,80,0.22),0 10px 22px -10px rgba(75,58,166,0.65);
}
.btn-primary:not(:is(.final-cta,.live-call-card,.gs-panel-inner,.plans-bar,.band-color,.calc-result) *):hover,
.btn-accent:not(:is(.final-cta,.live-call-card,.gs-panel-inner,.plans-bar,.band-color,.calc-result) *):hover{
  background:var(--grad-brand-hover);filter:none;transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.26),0 2px 4px rgba(30,22,80,0.2),0 16px 30px -12px rgba(75,58,166,0.7);
}
.btn-ghost:not(:is(.final-cta,.live-call-card,.gs-panel-inner,.plans-bar,.band-color,.plan) *){
  background:#fff;border-color:rgba(75,58,166,0.18);color:var(--ink);box-shadow:0 1px 2px rgba(30,22,80,0.05);
}
.btn-ghost:not(:is(.final-cta,.live-call-card,.gs-panel-inner,.plans-bar,.band-color,.plan) *):hover{
  border-color:var(--line-strong);background:#FBF9FF;color:var(--p1);transform:translateY(-1px);box-shadow:0 8px 18px -12px rgba(75,58,166,0.5);
}
:is(.final-cta,.live-call-card,.gs-panel-inner,.band-color) :is(.btn-primary,.btn-accent){
  background:#FFFFFF;color:#2A1F6E;border-color:transparent;box-shadow:0 1px 2px rgba(16,10,38,0.2),0 12px 26px -12px rgba(16,10,38,0.55);
}
:is(.final-cta,.live-call-card,.gs-panel-inner,.band-color) :is(.btn-primary,.btn-accent):hover{background:#F3EDFF;color:#2A1F6E;transform:translateY(-1px);}
:is(.final-cta,.live-call-card,.band-color) .btn-ghost{background:rgba(255,255,255,0.06);}
:is(.final-cta,.live-call-card,.band-color) .btn-ghost:hover{background:rgba(255,255,255,0.14);transform:translateY(-1px);}
.hero-wa{transition:border-color .2s,color .2s;}
.hero-plan-more,.price-teaser a,.go{transition:color .2s;}
@media (prefers-reduced-motion: reduce){.btn,.btn:hover{transform:none !important;}}

/* ---------- Tarjetas de contenido ---------- */
.benefit-card,.usecase-card,.value-card,.trust-card{
  --ink:#1E1650; --ink-soft:#3C3478; --muted:#675E96;
  position:relative;background:#FFFFFF;border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-1);color:var(--ink);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s;
}
.benefit-card{padding:28px 24px 26px;}
.benefit-card .ico{width:50px;height:50px;border-radius:15px;background:var(--grad-soft);border:1px solid rgba(122,79,209,0.16);margin-bottom:18px;}
.benefit-card .ico svg{width:22px;height:22px;}
.benefit-card h3{font-size:1.05rem;margin-bottom:8px;}
.benefit-card p{font-size:0.9rem;line-height:1.6;}
.benefit-card:hover,.usecase-card:hover,.value-card:hover,.trust-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:rgba(122,79,209,0.26);}
.benefit-card:hover .ico{background:var(--grad-brand);border-color:transparent;transform:none;}
.benefit-card:hover .ico [stroke]{stroke:#FFFFFF;}
.benefit-card:hover .ico [fill]:not([fill="none"]){fill:#FFFFFF;}
.benefit-grid{gap:20px;}

.usecase-list{gap:18px;}
.usecase-card{padding:24px 22px 22px 26px;overflow:hidden;}
.usecase-card::before{left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#7A4FD1,#C6A9FF);}
.usecase-card .sector{font-family:'Sora',system-ui,sans-serif;font-size:1rem;letter-spacing:-0.01em;margin-bottom:7px;}
.usecase-card p{font-size:0.9rem;line-height:1.6;}

.values-grid,.trust-grid{gap:20px;}
.value-card,.trust-card{padding:30px 24px 24px;}
.value-card::before,.trust-card::before{top:22px;left:24px;width:26px;height:3px;border-radius:3px;background:linear-gradient(90deg,#4B3AA6,#C6A9FF);}
.value-card :is(h4,h3),.trust-card :is(h4,h3){font-size:1.02rem;margin:12px 0 8px;}
.value-card p,.trust-card{font-size:0.9rem;line-height:1.6;}
@media (prefers-reduced-motion: reduce){.benefit-card:hover,.usecase-card:hover,.value-card:hover,.trust-card:hover{transform:none;}}

/* checklist */
.check-grid{gap:14px;}
.check-item{background:#FFFFFF;border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;box-shadow:var(--sh-1);font-size:0.9rem;line-height:1.5;align-items:center;}
.check-item svg{background:var(--grad-brand);color:#fff;padding:5px;margin-top:0;}
.check-item svg [stroke]{stroke:#FFFFFF;}

/* pastillas: integraciones, categorías, chips, pestañas */
.integ-row{gap:10px;}
.integ-row span{background:#FFFFFF;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:0.84rem;box-shadow:0 1px 2px rgba(30,22,80,0.05);transition:border-color .2s,transform .2s var(--ease);}
.integ-row span:hover{border-color:var(--line-strong);transform:translateY(-1px);}
.category-nav{gap:10px;}
.category-nav a{background:#FFFFFF;border-color:var(--line);box-shadow:0 1px 2px rgba(30,22,80,0.05);padding:9px 16px;transition:border-color .2s,color .2s,transform .2s var(--ease),box-shadow .2s;}
.category-nav a:hover{transform:translateY(-1px);box-shadow:0 8px 18px -12px rgba(75,58,166,0.5);}
.category-nav a.category-nav-external{background:var(--grad-soft);}
.chip,.tab-btn{transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s var(--ease);}
.chip{background:#FFFFFF;border-color:rgba(75,58,166,0.18);}
.chip:hover,.tab-btn:hover{border-color:var(--line-strong);color:var(--p1);}
.chip[aria-selected="true"],.tab-btn[aria-selected="true"]{background:var(--grad-brand);border-color:transparent;color:#fff;box-shadow:0 8px 18px -10px rgba(75,58,166,0.7);}
.tab-btn{background:#FFFFFF;border-color:rgba(75,58,166,0.18);padding:10px 18px;}

/* ---------- FAQ ---------- */
.faq-list{display:flex;flex-direction:column;gap:12px;max-width:820px;margin-inline:auto;}
.faq-item{--ink:#1E1650;--muted:#675E96;background:#FFFFFF;border:1px solid var(--line);border-radius:var(--r-md);padding:0 22px;box-shadow:var(--sh-1);transition:border-color .25s,box-shadow .3s var(--ease);}
.faq-item:hover{border-color:rgba(122,79,209,0.24);}
.faq-item[data-open="true"]{border-color:var(--line-strong);box-shadow:var(--sh-2);}
.faq-q{padding:20px 0;font-size:1rem;color:var(--ink);}
.faq-q .plus{width:30px;height:30px;border-radius:50%;background:#F3EDFF;color:var(--p2);display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;line-height:1;transition:transform .25s var(--ease),background .25s,color .25s;}
.faq-item[data-open="true"] .plus{background:var(--grad-brand);color:#fff;}
.faq-a{font-size:0.94rem;line-height:1.65;transition:max-height .3s var(--ease);}

/* ---------- Superficies destacadas ---------- */
.case-card,.contact-card,.booking-flow,.chat-live,.voice-card,.calc-box,.webdemo,.demo-panel,.booking-side-card,.team-card{border-color:var(--line);box-shadow:var(--sh-1);}
.case-card{border-radius:var(--r-xl);padding:32px;}
.contact-card{border-radius:var(--r-lg);padding:28px;}
.booking-flow{border-radius:var(--r-lg);}
.chat-live,.voice-card,.calc-box,.webdemo{border-radius:var(--r-xl);}
.calc-box{background:linear-gradient(180deg,#FFFFFF,#F8F4FF);padding:32px;}
.calc-result{background:radial-gradient(ellipse 80% 100% at 100% 0%,rgba(198,169,255,0.35),transparent 60%),var(--grad-brand);border-radius:var(--r-lg);box-shadow:0 24px 48px -24px rgba(75,58,166,0.7);}
.ab-card{border-color:var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);background:#fff;}
.team-card{border-radius:var(--r-xl);transition:transform .35s var(--ease),box-shadow .35s var(--ease);}
.team-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);}
.team-photo img{transition:transform .8s var(--ease);}
.team-card:hover .team-photo img{transform:scale(1.03);}
.team-card :is(h4,h3){font-size:1.12rem;margin-top:20px;}
.contact-row{line-height:1.5;}
.contact-row a{text-underline-offset:3px;}
.booking-mini-form input,.chat-live-form input{background:#FFFFFF;border-color:rgba(75,58,166,0.2);transition:border-color .2s,box-shadow .2s;}
.booking-mini-form input{padding:13px 15px;border-radius:12px;font-size:0.95rem;}
.booking-mini-form input:focus,.chat-live-form input:focus{outline:none;border-color:#7A4FD1;box-shadow:0 0 0 4px rgba(198,169,255,0.4);}
.field input[type="range"]{accent-color:#7A4FD1;}
.plan .btn{border-radius:12px;}
.plan-category .cat-head .icon{background:var(--grad-soft);border:1px solid rgba(122,79,209,0.16);border-radius:12px;width:40px;height:40px;}
@media (prefers-reduced-motion: reduce){.team-card:hover,.team-card:hover .team-photo img{transform:none;}}

/* ---------- CTA final ---------- */
.final-cta{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-xl);padding:72px 36px;gap:18px;}
.final-cta::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.08) 1px,transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:radial-gradient(ellipse 70% 90% at 50% 0%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 90% at 50% 0%,#000,transparent 75%);
}
.final-cta h2{font-size:clamp(1.7rem,3.8vw,2.5rem);line-height:1.1;letter-spacing:-0.03em;}
.final-cta p{font-size:1.04rem;line-height:1.6;}
.final-cta .cta-row{margin-top:10px;gap:12px;}
@media (max-width:600px){.final-cta{padding:48px 20px;border-radius:var(--r-lg);}.final-cta .cta-row .btn{width:100%;}}

/* ---------- Footer ---------- */
footer{background:linear-gradient(180deg,#FBF9FF 0%,#F2ECFF 100%);border-top:1px solid var(--line);padding-top:64px;position:relative;}
footer::before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:min(1120px,100%);height:1px;background:linear-gradient(90deg,transparent,rgba(122,79,209,0.45),transparent);}
.footer-grid{gap:32px;margin-bottom:40px;}
.footer-grid :is(h5,h2){font-family:'Sora',system-ui,sans-serif;font-size:0.76rem;letter-spacing:0.08em;color:var(--ink);margin-bottom:14px;}
.footer-grid ul{gap:10px;}
.footer-grid a{color:var(--muted);transition:color .2s;}
.footer-grid a:hover{color:var(--p1);}
.footer-bottom{border-top-color:var(--line);padding-top:22px;font-size:0.8rem;}

/* ---------- Elementos flotantes ---------- */
.whatsapp-fab{transition:transform .25s var(--ease),box-shadow .25s;box-shadow:0 10px 26px -6px rgba(18,140,70,0.55),0 0 0 6px rgba(37,211,102,0.14);}
.whatsapp-fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 30px -6px rgba(18,140,70,0.6),0 0 0 8px rgba(37,211,102,0.16);}
.mobile-bar{border-top-color:var(--line);box-shadow:0 -10px 30px -20px rgba(30,22,80,0.35);gap:10px;}
.mobile-bar .btn{padding-block:13px;}
.plans-bar{box-shadow:0 20px 44px -14px rgba(30,22,80,0.55);}

/* ---------- Animación de aparición (suave) ---------- */
.rv:not(.rv-in){opacity:0;transform:translateY(16px);}
.rv.rv-in{animation:rvIn .75s var(--ease) var(--rv-d,0ms) backwards;}
@keyframes rvIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion: reduce){.rv:not(.rv-in){opacity:1;transform:none;}.rv.rv-in{animation:none;}}

/* =====================================================================
   nexbia · Diseño v3 — evolución premium
   Misma marca (#4B3AA6 · #7A4FD1 · #C6A9FF), mismas fuentes (Sora + Inter),
   mismo contenido. Solo afina jerarquía, ritmo, componentes y movimiento.
   ===================================================================== */
:root{
  --lav-50:#FBF9FF; --lav-100:#F6F1FF; --lav-200:#EDE4FF;
  --sh-3:0 2px 4px rgba(30,22,80,0.04),0 18px 40px -18px rgba(30,22,80,0.22),0 50px 90px -50px rgba(75,58,166,0.55);
  --btn-glow:inset 0 1px 0 rgba(255,255,255,0.22),0 1px 2px rgba(30,22,80,0.12),0 10px 22px -12px rgba(75,58,166,0.85);
}
body{font-size:16px;}

/* ---------- Tipografía y cabeceras de sección ---------- */
.section-head h2{font-weight:700;letter-spacing:-0.03em;}
.section-head p{color:var(--muted);}
.page-hero h1{letter-spacing:-0.035em;}
.section-head .eyebrow,.page-hero .eyebrow{
  padding:6px 14px 6px 11px;border-radius:999px;
  background:color-mix(in srgb,var(--primary) 9%,transparent);
  border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);
  color:var(--primary);font-size:0.8rem;font-weight:700;letter-spacing:0.01em;gap:8px;margin-bottom:16px;
}
.section-head .eyebrow::before,.page-hero .eyebrow::before{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent);}

/* ---------- Navegación ---------- */
@media (min-width:761px){
  nav.links{gap:2px;}
  nav.links > a:not(.nav-planes):not(.nav-sec){padding:8px 12px;border-radius:10px;transition:background .2s,color .2s;}
  nav.links > a:not(.nav-planes):not(.nav-sec)::after{display:none;}
  nav.links > a:not(.nav-planes):not(.nav-sec):hover{background:rgba(122,79,209,0.07);color:var(--p1);}
  nav.links > a.active:not(.nav-planes){background:rgba(122,79,209,0.11);color:var(--p1);}
  nav.links > a.nav-planes{margin-left:8px;}
}
@media (min-width:761px) and (max-width:1060px){
  nav.links > a:not(.nav-planes):not(.nav-sec){padding:6px 7px;}
  nav.links > a.nav-planes{margin-left:4px;}
}
.btn-nav-audit{box-shadow:var(--btn-glow);}

/* Menú móvil: hoja a pantalla completa, opaca y ordenada */
@media (max-width:760px){
  body.menu-open header.nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#FFFFFF;}
  body.menu-open .whatsapp-fab,body.menu-open .plans-bar{display:none !important;}
  nav.links{position:fixed;left:0;right:0;top:var(--nav-h,64px);bottom:0;height:auto;background:#FFFFFF;padding:10px 20px calc(120px + env(safe-area-inset-bottom,0px));gap:0;border-top:1px solid var(--line);}
  nav.links > a,nav.links > a.nav-sec{display:flex !important;align-items:center;justify-content:space-between;flex-wrap:nowrap;}
  nav.links > a:not(.nav-planes)::after{content:"";width:8px;height:8px;border-right:2px solid var(--p3);border-top:2px solid var(--p3);transform:rotate(45deg);flex:none;margin-right:4px;font-size:0;}
  nav.links > a.active:not(.nav-planes){color:var(--p2);}
  nav.links > a.nav-planes{margin:14px 0 10px;padding:14px;border-radius:14px;font-weight:700;}
  nav.links > a.nav-sec{font-size:0.98rem;padding:13px 6px;}
  nav.links > a.nav-sec:last-child{border-bottom:0;}
}

/* ---------- Botones ---------- */
.btn{min-height:44px;font-weight:700;}
.btn-primary:not(:is(.final-cta,.live-call-card,.gs-panel-inner,.plans-bar,.band-color,.calc-result) *),
.btn-accent:not(:is(.final-cta,.live-call-card,.gs-panel-inner,.plans-bar,.band-color,.calc-result) *){box-shadow:var(--btn-glow);}
.btn-primary:not(:is(.final-cta,.live-call-card,.gs-panel-inner,.plans-bar,.band-color,.calc-result) *):hover,
.btn-accent:not(:is(.final-cta,.live-call-card,.gs-panel-inner,.plans-bar,.band-color,.calc-result) *):hover{box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 2px 4px rgba(30,22,80,0.12),0 16px 30px -12px rgba(75,58,166,0.9);}
.btn-ghost:not(:is(.final-cta,.live-call-card,.gs-panel-inner,.plans-bar,.band-color,.plan) *){background:#FFFFFF;border-color:rgba(75,58,166,0.18);box-shadow:0 1px 2px rgba(30,22,80,0.05);}
.btn-ghost:not(:is(.final-cta,.live-call-card,.gs-panel-inner,.plans-bar,.band-color,.plan) *):hover{border-color:var(--line-strong);color:var(--p1);transform:translateY(-1px);}

/* ---------- Cabeceras de página ---------- */
.breadcrumb{gap:8px;}
.breadcrumb a{padding:3px 0;}
.breadcrumb span:first-of-type{opacity:.5;}
.page-hero.has-plan .ph-grid{gap:64px;}
.hero-plan{
  border:1.5px solid transparent !important;border-radius:var(--r-xl);
  background:linear-gradient(#FFFFFF,#FFFFFF) padding-box,linear-gradient(150deg,#C6A9FF,#7A4FD1 55%,#4B3AA6) border-box !important;
  box-shadow:var(--sh-3) !important;padding:32px 28px 24px;
}
.hero-plan .price{letter-spacing:-0.03em;}
.hero-plan ul{gap:9px;}

/* Franja de ventajas bajo la cabecera: un solo panel con divisiones finas */
.page-hero + section .benefit-grid{
  gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-xl);
  overflow:hidden;box-shadow:var(--sh-2);grid-template-columns:repeat(4,minmax(0,1fr));
}
.page-hero + section .benefit-card{
  background:#FFFFFF;border:0;border-radius:0;box-shadow:none;padding:30px 26px 28px;transform:none !important;
  transition:background .3s var(--ease);
}
.page-hero + section .benefit-card:hover{background:var(--lav-50);box-shadow:none;}
.page-hero + section .benefit-card .ico{width:44px;height:44px;border-radius:13px;margin-bottom:16px;}
.page-hero + section .benefit-card h3{font-size:1rem;line-height:1.3;}
.page-hero + section .benefit-card p{font-size:0.88rem;}
.benefit-card .ico [stroke]:not([stroke="none"]){stroke:var(--p2);}
.benefit-card:hover .ico [stroke]:not([stroke="none"]){stroke:#FFFFFF;}
@media (max-width:900px){.page-hero + section .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px){
  .page-hero + section .benefit-card{padding:22px 18px 20px;}
  .page-hero + section .benefit-card .ico{width:40px;height:40px;margin-bottom:12px;}
  .page-hero + section .benefit-card h3{font-size:0.95rem;}
  .page-hero + section .benefit-card p{font-size:0.84rem;}
}

/* ---------- Tarjetas: un mismo lenguaje ---------- */
.usecase-card,.value-card,.trust-card,.case-card,.contact-card,.team-card,.check-item{border-radius:var(--r-lg);}
.usecase-card,.value-card,.trust-card{background:#FFFFFF;border:1px solid var(--line);box-shadow:var(--sh-1);}
.usecase-card .sector{color:var(--ink);}
.case-card{border:1px solid var(--line);box-shadow:var(--sh-2);padding:34px;background:#FFFFFF;}
@media (max-width:600px){.case-card{padding:22px 18px;}}
.contact-card{border:1px solid var(--line);box-shadow:var(--sh-1);}
.team-card{overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-2);transition:transform .35s var(--ease),box-shadow .35s var(--ease);}
.team-card:hover{transform:translateY(-4px);box-shadow:var(--sh-3);}
.team-card img{transition:transform .8s var(--ease);}
.team-card:hover img{transform:scale(1.025);}

/* Pestañas como control segmentado */
.tabs{display:flex;width:fit-content;max-width:100%;margin-inline:auto;padding:5px;gap:4px;border-radius:999px;background:#FFFFFF;border:1px solid var(--line);box-shadow:var(--sh-1);}
.tabs .tab-btn{border:0;background:transparent;padding:10px 18px;}
.tabs .tab-btn:hover{background:rgba(122,79,209,0.07);}
.tabs .tab-btn[aria-selected="true"]{background:var(--grad-brand);color:#FFFFFF;}
@media (max-width:600px){.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:flex-start;}.tabs::-webkit-scrollbar{display:none;}.tabs .tab-btn{flex:none;padding:9px 14px;}}

/* Planes */
.plan{border-radius:var(--r-xl);}
.plan .price{letter-spacing:-0.035em;}

/* ---------- Llamada final ---------- */
.final-cta::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.07) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse 70% 90% at 50% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 90% at 50% 0%,#000 20%,transparent 75%);
}
.final-cta h2{font-weight:700;}

/* ---------- Pie ---------- */
footer .brand{font-size:1.15rem;}
.footer-grid :is(h5,h2){text-transform:none;letter-spacing:-0.005em;font-size:0.9rem;}
.footer-grid a{display:inline-block;transition:color .2s,transform .2s var(--ease);}
.footer-grid a:hover{transform:translateX(2px);}
@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr;}.footer-grid > div:first-child{grid-column:1/-1;}}

footer .brand{font-family:'Sora',system-ui,sans-serif;font-weight:800;color:var(--ink);letter-spacing:-0.01em;text-decoration:none;}
@media (max-width:760px){
  nav.links > a:not(.nav-planes):not(.nav-sec)::after,nav.links > a.nav-sec::after{
    content:"" !important;display:block !important;position:static !important;left:auto;right:auto;bottom:auto;
    width:8px !important;height:8px !important;background:none !important;border-radius:0;
    border-right:2px solid var(--p3);border-top:2px solid var(--p3);transform:rotate(45deg) !important;margin-right:4px;flex:none;
  }
  nav.links > a.active:not(.nav-planes)::after{border-color:var(--p2);}
}

/* Planes: cada categoría en dos columnas (qué es · cuánto cuesta) para no dejar huecos */
@media (min-width:980px){
  .plan-category > .wrap{display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px;align-items:start;}
  .plan-category .cat-head{flex-direction:column;align-items:flex-start;gap:14px;margin:0;position:sticky;top:110px;padding-top:6px;}
  .plan-category .cat-head .icon{width:48px;height:48px;border-radius:14px;}
  .plan-category .cat-head .icon svg{width:22px;height:22px;}
  .plan-category .cat-head :is(h3,h2){font-size:1.45rem;letter-spacing:-0.025em;}
  .plan-category .cat-head p{font-size:0.95rem;line-height:1.6;margin-top:6px;}
  .plan-category .plans-1{grid-template-columns:minmax(0,460px);}
}
.plan-category{padding-block:56px;border-top-color:var(--line);}
/* Digitalización · "Tres piezas": tarjetas con presencia */
.services-grid{gap:20px;max-width:980px;margin-inline:auto;}
.svc-card{flex:1 1 260px;max-width:310px;background:#FFFFFF;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 26px 24px;box-shadow:var(--sh-1);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s;}
.svc-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:rgba(122,79,209,0.26);}
.svc-card h3{font-size:1.1rem;}
.svc-card p{font-size:0.9rem;line-height:1.6;}
@media (max-width:600px){.svc-card{max-width:none;}}
@media (min-width:761px) and (max-width:900px){
  .nav-inner{gap:8px;padding-inline:16px;}
  nav.links{font-size:0.76rem;}
  nav.links > a:not(.nav-planes):not(.nav-sec){padding:6px 5px;}
  nav.links > a.nav-planes{padding:5px 10px;margin-left:2px;}
  .nav-cta .btn-nav-audit{padding:9px 11px;font-size:0.76rem;}
  .brand{font-size:0.98rem;}
}

/* ---------- Producción: accesibilidad y detalles ---------- */
.footer-grid h2.ft-h{margin-top:1.67em;}
.o1-gain b{color:#157A43;}
.gs-bad .gs-metric b,.gs-bad h3 b{color:#B8235A;}
.ntl:focus-visible,.flow-figure:focus-visible{outline:3px solid rgba(122,79,209,0.55);outline-offset:4px;border-radius:14px;}
.client-strip img{width:auto;}

/* Inicio · "Te atendemos": retratos de cara y hombros en vez de círculos */
.cons-avatars{display:flex;gap:10px;flex:none;}
.cons-avatars figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;}
.cons-avatars figure img{display:block;width:68px;height:85px;object-fit:cover;object-position:50% 50%;border-radius:14px;border:3px solid #FFFFFF;box-shadow:0 8px 18px -10px rgba(75,58,166,0.6);background:#EFE6FF;transform:none;margin:0;}
.cons-avatars figcaption{font-size:0.75rem;font-weight:700;color:var(--ink-soft);line-height:1;}
.cons-who{gap:18px;}
@media (max-width:600px){.cons-avatars figure img{width:62px;height:78px;}}

/* Precio orientativo (sustituye a los planes) */
.price-hint .ph-note{font-size:0.9rem;line-height:1.55;color:var(--ink-soft);margin:6px 0 14px;}
.price-hint .ph-note b{color:var(--p1);}
.price-hint ul{margin-bottom:18px;}
.mobile-bar > .btn{flex:1;justify-content:center;}

/* Botón de WhatsApp de la barra: destacado */
.nav-cta .btn-wa{background:#25D366 !important;color:#FFFFFF !important;border:none !important;font-weight:800;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 8px 20px -8px rgba(37,211,102,0.85) !important;}
.nav-cta .btn-wa:hover{background:#1EBE5A !important;transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 12px 26px -8px rgba(37,211,102,0.95) !important;}
.nav-cta .btn-wa svg{fill:#FFFFFF;}
/* Menú con Nosotros y Contacto: que quepa en anchos intermedios */
@media (min-width:761px) and (max-width:1200px){.nav-cta .btn-wa{display:inline-flex;padding:10px;border-radius:50%;}.nav-cta .btn-wa span{display:none;}}
@media (min-width:761px) and (max-width:960px){
  header.nav .brand .brand-word{display:none;}
  nav.links{font-size:0.74rem;}
  nav.links > a:not(.nav-planes):not(.nav-sec){padding:6px 4px;}
  .nav-cta{gap:6px;}
  .nav-cta .btn-nav-audit{padding:9px 10px;font-size:0.74rem;}
}
/* Inicio: titular SEO más largo, en 3 líneas */
.opt-hero h1{font-size:clamp(2.1rem,4.4vw,3.6rem);max-width:20ch;margin-inline:auto;line-height:1.06;}
@media (max-width:600px){.opt-hero h1{font-size:clamp(1.9rem,8.4vw,2.3rem);}}

/* "Precio orientativo" como encabezado (orden de títulos), mismo aspecto que la etiqueta */
.price-hint h2.ribbon{font-family:'Inter',system-ui,sans-serif;font-size:11.52px;font-weight:800;line-height:18.432px;letter-spacing:normal;text-transform:none;color:#FFFFFF;margin:0;text-wrap:wrap;}
/* WhatsApp de la barra: verde de marca con texto oscuro (contraste accesible 6,4:1) */
.nav-cta .btn-wa{color:#053B1C !important;}
.nav-cta .btn-wa svg{fill:#053B1C;}

/* Páginas web: un único ejemplo real, centrado */
.webdemo.webdemo-single{grid-template-columns:1fr;max-width:980px;margin-inline:auto;}
.webdemo{grid-template-columns:minmax(0,1fr);}
.webdemo>*,.webdemo-picker,.webdemo-frame{min-width:0;}
.webdemo-chrome .url{min-width:0;flex:0 1 auto;}
.price-sec{padding-block:24px 8px;}
.price-sec .price-hint{margin-inline:auto;max-width:440px;text-align:center;}
.price-sec .price-hint .ribbon{left:50%;transform:translateX(-50%);white-space:nowrap;}
.price-sec .price-hint ul{justify-items:center;justify-content:center;}
.price-sec .price-hint ul li{justify-content:center;}
.price-sec .price-hint ul{display:inline-flex;flex-direction:column;align-items:flex-start;text-align:left;margin-inline:auto;}
.price-sec .price-hint ul li{justify-content:flex-start;}
.price-sec .price-hint .price{justify-content:center;text-align:center;}
.price-sec{padding-bottom:40px;}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.case-photo.case-logo img{display:block;width:88px;height:88px;border-radius:22px;box-shadow:0 8px 20px -12px rgba(30,20,80,.45);}
.case-photo.case-logo img{object-fit:contain;background:#fff;}
.case-quote.case-quote-plain{font-style:normal;}
.section-head.geo-sub{margin:48px auto 22px;}
.section-head.geo-sub h3{font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:800;}
@media (min-width:761px) and (max-width:1360px){.nav-cta .btn-wa{display:inline-flex;padding:10px;border-radius:50%;}.nav-cta .btn-wa span{display:none;}}
@media (min-width:761px) and (max-width:1200px){nav.links > a:not(.nav-planes):not(.nav-sec){padding-inline:8px;}}
@media (min-width:761px) and (max-width:900px){nav.links > a:not(.nav-planes):not(.nav-sec){font-size:11px;padding-inline:4px;}.nav-cta .btn-nav-audit{padding-inline:12px;font-size:12px;}}
/* Revista GEO (inicio) */
.mag-sec{padding-block:72px 88px;background:linear-gradient(180deg,transparent,#F3EEFF 40%,transparent);}
.mag{position:relative;max-width:1080px;margin:0 auto;background:#fff;border-radius:6px;padding:28px 40px 22px;box-shadow:0 1px 0 #E7DCFF,0 40px 80px -40px rgba(43,26,110,.45),0 12px 24px -16px rgba(43,26,110,.25);transform:rotate(-0.6deg);}
.mag::before{content:"";position:absolute;inset:0;border-radius:6px;pointer-events:none;background:linear-gradient(90deg,rgba(75,58,166,.06),transparent 6%,transparent 94%,rgba(75,58,166,.05));}
.mag-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:3px solid #1E1650;padding-bottom:10px;margin-bottom:26px;font-size:.8rem;color:#5A4E8C;}
.mag-name{font-family:Sora,Inter,sans-serif;font-weight:800;font-size:1.35rem;color:#1E1650;letter-spacing:-.02em;}
.mag-name i{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#7A4FD1;}
.mag-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;}
.mag-cover{border-right:1px solid #E7DCFF;padding-right:36px;}
.mag-kicker{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:1.35rem;color:#5A4E8C;margin:0;}
.mag-big{font-family:Sora,Inter,sans-serif;font-weight:800;font-size:clamp(5rem,13vw,9.5rem);line-height:.82;letter-spacing:-.06em;margin:4px 0 14px;background:linear-gradient(135deg,#4B3AA6,#7A4FD1 55%,#C6A9FF);-webkit-background-clip:text;background-clip:text;color:transparent;}
.mag-dek{font-size:1.02rem;line-height:1.55;color:#2B2457;margin:0 0 18px;}
.mag-art{width:100%;height:auto;display:block;}
.mag-story :is(h2,h3){font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(1.55rem,2.8vw,2.2rem);line-height:1.12;color:#1E1650;margin:0 0 16px;letter-spacing:-.01em;}
.mag-cols{columns:2;column-gap:28px;column-rule:1px solid #EFE8FF;font-size:.93rem;line-height:1.62;color:#2B2457;}
.mag-cols p{margin:0 0 12px;break-inside:avoid-column;}
.mag-lead::first-letter{float:left;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:3.4rem;line-height:.8;padding:6px 8px 0 0;color:#4B3AA6;}
.mag-quote{break-inside:avoid;margin:6px 0 14px;padding:10px 0;border-block:2px solid #1E1650;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:1.22rem;line-height:1.3;color:#4B3AA6;}
.mag-chapters{list-style:none;margin:18px 0 16px;padding:14px 0 0;border-top:1px solid #E7DCFF;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.mag-chapters li{display:flex;flex-direction:column;gap:4px;font-size:.8rem;line-height:1.45;color:#5A4E8C;}
.mag-chapters b{font-family:Sora,Inter,sans-serif;font-size:1.05rem;color:#4B3AA6;}
.mag-more{font-weight:700;color:#4B3AA6;text-decoration:underline;text-underline-offset:3px;font-size:.92rem;}
.mag-more:hover{color:#7A4FD1;}
.mag-foot{display:flex;justify-content:space-between;margin-top:22px;padding-top:8px;border-top:1px solid #E7DCFF;font-size:.72rem;color:#8A7FB8;}
@media (max-width:900px){.mag{transform:none;padding:22px 20px 16px;}.mag-grid{grid-template-columns:1fr;gap:24px;}.mag-cover{border-right:0;border-bottom:1px solid #E7DCFF;padding:0 0 22px;}.mag-cols{columns:1;}.mag-chapters{grid-template-columns:1fr 1fr;}.mag-hide-sm{display:none;}.mag-sec{padding-block:48px 56px;}}
.mag-sec{padding-block:24px 72px;}
.mag-head{text-align:center;margin:0 auto 30px;max-width:760px;}
.mag-head h2{font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.12;font-weight:800;}
.mag{outline:none;}
@media (hover:hover) and (min-width:901px){
  .mag{transform:rotate(-1.4deg) scale(.94);filter:saturate(.85);opacity:.92;cursor:zoom-in;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s,filter .4s,opacity .4s;}
  .mag:hover,.mag:focus-visible{transform:rotate(0) scale(1.03);filter:none;opacity:1;cursor:default;box-shadow:0 1px 0 #E7DCFF,0 60px 120px -40px rgba(43,26,110,.6),0 24px 48px -24px rgba(43,26,110,.35);z-index:2;}
  .mag::after{content:"Pasa el ratón para leer";position:absolute;right:24px;top:-14px;background:#4B3AA6;color:#fff;font-size:.74rem;font-weight:700;padding:5px 12px;border-radius:999px;box-shadow:0 6px 14px -6px rgba(43,26,110,.6);transition:opacity .3s;}
  .mag:hover::after,.mag:focus-visible::after{opacity:0;}
}
@media (prefers-reduced-motion:reduce){.mag{transition:none!important;}}
.mag{max-width:900px;padding:22px 30px 18px;}
.mag-grid{gap:30px;}
.mag-cover{padding-right:26px;}
.mag-big{font-size:clamp(4.5rem,10vw,7.2rem);}
.mag-story :is(h2,h3){font-size:clamp(1.4rem,2.3vw,1.8rem);}
.mag-cols{font-size:.88rem;}
.mag-art{max-width:300px;}
.mag-intro{margin:14px auto 0;max-width:640px;font-size:1.02rem;line-height:1.6;color:var(--muted,#5A4E8C);}
.mag-intro strong{color:#1E1650;}
.mag-name{white-space:nowrap;}@media (max-width:520px){.mag-top{flex-wrap:wrap;gap:4px 12px;}.mag-meta{font-size:.72rem;}}
/* GEO: demo de chat con IA */
.aichat{background:#fff;border:1px solid rgba(29,14,69,.12);border-radius:20px;box-shadow:0 34px 70px -34px rgba(52,27,110,.45);overflow:hidden;text-align:left;display:flex;flex-direction:column;min-height:470px;}
.aichat-top{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid #EFEAFB;background:#FAF8FF;}
.aichat-top b{margin-left:8px;font-size:.82rem;color:#4B3AA6;font-weight:700;}
.aichat-dot{width:9px;height:9px;border-radius:50%;background:#E3DBF8;}
.aichat-body{flex:1;padding:20px 20px 8px;display:flex;flex-direction:column;gap:16px;}
.aichat-user{align-self:flex-end;max-width:82%;background:#4B3AA6;color:#fff;border-radius:18px 18px 4px 18px;padding:11px 15px;font-size:.92rem;line-height:1.45;}
.aichat-thinking{display:none;gap:5px;padding:12px 4px 0 44px;}
.aichat-thinking span{width:7px;height:7px;border-radius:50%;background:#C6A9FF;animation:aiDot 1s infinite ease-in-out;}
.aichat-thinking span:nth-child(2){animation-delay:.15s}.aichat-thinking span:nth-child(3){animation-delay:.3s}
@keyframes aiDot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
.aichat-bot{display:flex;gap:10px;align-items:flex-start;}
.aichat-avatar{flex:none;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4B3AA6,#C6A9FF);color:#fff;font:800 .68rem/32px Sora,Inter,sans-serif;text-align:center;}
.aichat-answer{flex:1;min-width:0;font-size:.9rem;line-height:1.5;color:#2B2457;}
.aichat-intro{margin:4px 0 10px;}
.aichat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.aichat-list li{position:relative;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid #EFEAFB;transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,background-color .5s;}
.aichat-list b{color:#1E1650;font-size:.95rem;}
.aichat-list li span{color:#5A4E8C;font-size:.84rem;}
.aichat-src{align-self:flex-start;margin-top:6px;font-style:normal;font-size:.74rem;font-weight:700;color:#4B3AA6;background:#F1EBFF;border-radius:999px;padding:3px 10px;}
.aichat-rank{position:absolute;top:-11px;right:12px;background:#6A3DD8;color:#fff!important;font:800 .7rem Sora,Inter,sans-serif!important;padding:4px 10px;border-radius:999px;transition:opacity .4s,transform .4s;}
.aichat-win{background:#F6F1FF;box-shadow:0 0 0 2px #6A3DD8,0 18px 40px -18px rgba(106,61,216,.55);border-color:transparent!important;}
.aichat-input{display:flex;align-items:center;gap:4px;margin:8px 16px 16px;border:1px solid #E3DBF8;border-radius:999px;padding:10px 10px 10px 16px;font-size:.9rem;color:#2B2457;min-height:46px;}
.aichat-typed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px);}
.aichat-send{margin-left:auto;width:30px;height:30px;border-radius:50%;background:#E3DBF8;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;transition:background .3s;}
.aichat.has-text .aichat-send{background:#4B3AA6;}
.aichat.typing .serp-caret{display:inline-block;}
/* estados de la animación (solo con JS) */
.aichat.js:not(.sent) .aichat-user,.aichat.js:not(.answered) .aichat-bot{display:none;}
.aichat.thinking .aichat-thinking{display:flex;}
.aichat.js.answered:not(.done) .aichat-list li{opacity:0;transform:translateY(8px);}
.aichat.js .aichat-list li.in{opacity:1;transform:none;}
.aichat.js:not(.done) .aichat-win{background:transparent;box-shadow:none;border-color:#EFEAFB!important;}
.aichat.js:not(.done) .aichat-rank,.aichat.js:not(.done) .aichat-src{opacity:0;transform:scale(.6);}
.aichat.js .aichat-user{animation:aiPop .35s cubic-bezier(.22,1,.36,1);}
@keyframes aiPop{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.aichat.done .aichat-list li:not(.aichat-win){opacity:.55;}
@media (max-width:760px){.aichat{min-height:0}.aichat-body{padding:16px 14px 6px}.aichat-user{max-width:92%}}