/* Asistente IA para tu estudio contable - Estudio Digital */
.st{text-align:center;max-width:720px;margin:0 auto 56px}
.st h2{font-size:39px;line-height:47px;margin-bottom:16px}
.btn-w,.btn-g,.btn-l,.btn-p{display:inline-block;font-weight:600;font-size:18px;line-height:26px;border-radius:30px;padding:13px 32px;transition:.3s}
.btn-w{background:#fff;color:#4e2bcd;border:1px solid #fff}
.btn-w:hover{color:#4e2bcd;transform:translateY(-2px);box-shadow:0 12px 26px -12px rgba(0,0,0,.35)}
.btn-g{color:#fff;border:2px solid rgba(255,255,255,.6);padding:12px 30px}
.btn-g:hover{background:#fff;color:#4e2bcd}
.btn-l{color:#7145fe;border:1px solid #e6e3f0;background:#fff}
.btn-l:hover{border-color:#7145fe;color:#7145fe}
.btn-p{background:#7145fe;color:#fff;border:1px solid #7145fe}
.btn-p:hover{background:#4e2bcd;color:#fff}
.hd{position:absolute;top:0;left:0;right:0;z-index:5;padding:18px 0}
.hd .row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hd nav{display:flex;gap:22px;flex-wrap:wrap;flex:1;justify-content:center}
.hd nav a{color:rgba(255,255,255,.88);font-size:16px;font-weight:600}
.hd nav a:hover,.hd nav a.on{color:#fff}
.hd nav a.on{border-bottom:2px solid #fff}
.hd .cta{display:flex;gap:10px}
.hd .cta a{font-size:15px;padding:8px 20px}
.card{background:#fff;border:1px solid #e6e3f0;border-radius:16px;box-shadow:0 5px 20px rgba(0,0,0,.04)}
.ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#f1edff;color:#7145fe;flex:0 0 auto}
.vid{position:relative;aspect-ratio:16/9;border-radius:16px;background:linear-gradient(135deg,#efeaff,#f9f7ff);border:2px dashed #c9bcf7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px}
.vid.dark{background:linear-gradient(135deg,#2a2056,#1d1440);border-color:#4b3f8a}
.vid .play{width:68px;height:68px;border-radius:50%;background:#7145fe;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(113,69,254,.7)}
.vid b{font-family:'Nexa',sans-serif;color:#4e2bcd;font-size:18px}
.vid.dark b{color:#fff}
.vid small{font-size:15px;color:#8b83a8;line-height:20px}
.vid.dark small{color:#b9b0dc}
.q{display:inline-block;background:#fff;border:1px solid #e6e3f0;border-radius:24px;padding:10px 18px;font-size:17px;line-height:24px;color:#4a4a55;box-shadow:0 4px 14px rgba(60,20,140,.05)}
.q.hi{background:#7145fe;color:#fff;border-color:#7145fe}
.me{align-self:flex-end;max-width:82%;background:#7145fe;color:#fff;border-radius:18px 18px 4px 18px;padding:13px 18px;font-size:16px;line-height:24px}
.ai{max-width:92%;background:#2a2056;color:rgba(255,255,255,.9);border-radius:18px 18px 18px 4px;padding:16px 18px;font-size:15px;line-height:23px;border:1px solid #3a2f70}
.segitem{flex:0 0 33.3333%;padding:6px 10px;display:flex}
.segcard{flex:1;background:#2a2056;border:1px solid #3a2f70;border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;gap:14px;min-height:280px}
.segic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:rgba(113,69,254,.25);color:#cbbcff}
.segbtn{flex:0 0 auto;width:48px;height:48px;border-radius:50%;border:1px solid #3a2f70;background:#2a2056;color:#fff;display:grid;place-items:center;cursor:pointer;transition:.3s}
.segbtn:hover{background:#7145fe;border-color:#7145fe}
.foot a{color:rgba(255,255,255,.8);font-size:16px}
.foot a:hover{color:#fff}
details{border-bottom:1px solid #e6e3f0;padding:20px 0}
summary{cursor:pointer;font-family:'Nexa';font-weight:700;color:#222;font-size:19px;list-style:none}
details p{margin-top:12px;font-size:17px;line-height:27px}
@media (max-width:900px){.hd nav{display:none}}
.ask{background:#fff;border:1px solid #e6e3f0;border-radius:40px;padding:14px 14px 14px 22px;display:flex;align-items:center;gap:16px;box-shadow:0 12px 36px -14px rgba(113,69,254,.22)}
.ask-ic{width:44px;height:44px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:#f1edff;color:#7145fe}
.ask-tx{flex:1;min-width:0;font-size:21px;line-height:30px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ask-cur{display:inline-block;width:2px;height:24px;background:#7145fe;margin-left:2px;vertical-align:-4px;animation:askBlink 1s steps(1) infinite}
.ask-go{width:48px;height:48px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:#7145fe}
.tema{border:1px solid #e6e3f0;background:#fff;color:#4e2bcd;font-family:'Nexa',sans-serif;font-weight:700;font-size:16px;border-radius:30px;padding:10px 20px;cursor:pointer;transition:.3s}
.tema.on{background:#7145fe;border-color:#7145fe;color:#fff}
@keyframes askBlink{50%{opacity:0}}
.demo{background:#fff;border:1px solid #e6e3f0;border-radius:20px;box-shadow:0 30px 60px -30px rgba(78,43,205,.35);overflow:hidden}
.demo-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid #eeeaf8;font-size:14px;line-height:20px;color:#6f6790;background:#fbfaff}
.demo-bar i{width:11px;height:11px;border-radius:50%;background:#e6e3f0;display:block}
.demo-bar span{margin-left:8px;font-weight:600}
.demo-body{padding:22px;display:flex;flex-direction:column;gap:12px;min-height:420px}
.fade{transition:opacity .45s ease,transform .45s ease}
.bub{align-self:flex-start;max-width:94%;background:#f4f1ff;color:#2d2a3a;border-radius:18px 18px 18px 4px;padding:14px 16px;font-size:15px;line-height:22px}
.bub b{color:#222}
.dots3{align-self:flex-start;background:#f4f1ff;color:#7145fe;border-radius:18px 18px 18px 4px;padding:8px 16px;font-size:20px;letter-spacing:4px}
.drow{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #e6e0fa;font-size:15px;line-height:21px}
.tag{font-size:12px;line-height:16px;font-weight:700;border-radius:20px;padding:3px 10px;white-space:nowrap}
.t-v{background:#ffe9e1;color:#9a3412}
.t-t{background:#e6f0ff;color:#1d4ed8}
.t-n{background:#f1edff;color:#4e2bcd}
.recibo{position:relative;width:150px;height:184px;background:#fff;border:1px solid #e6e3f0;border-radius:10px;padding:14px 12px;display:flex;flex-direction:column;gap:7px;overflow:hidden;box-shadow:0 8px 20px -10px rgba(60,20,140,.3)}
.recibo i{display:block;height:6px;border-radius:4px;background:#e9e5f7}
.scan{position:absolute;left:0;right:0;height:34px;background:linear-gradient(180deg,rgba(113,69,254,0),rgba(113,69,254,.28),rgba(113,69,254,0));top:-40px}
.scan.on{animation:scanMove 1.3s ease-in-out infinite}
@keyframes scanMove{0%{top:-40px}100%{top:190px}}
.fld{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #e6e0fa;font-size:15px;line-height:21px}
.fld span{color:#6f6790}
.prop{border:1px dashed #b9a6ff;background:#faf8ff;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;line-height:20px}
.mini{font-size:13px;font-weight:700;border-radius:20px;padding:5px 12px;border:1px solid #e6e3f0;color:#4e2bcd;background:#fff}
.mini.p{background:#7145fe;color:#fff;border-color:#7145fe}
@media (prefers-reduced-motion:reduce){.fade{transition:none}.scan.on{animation:none}}
.hstep{position:relative}
.hstep h4,.hstep p{transition:none}
.hstep:not(:last-child)::before,.hstep:not(:last-child)::after{content:'';position:absolute;top:44px;left:calc(50% + 50px);width:calc(100% + 24px - 100px);height:4px;border-radius:4px}
.hstep:not(:last-child)::before{background:#e6e3f0}
.hstep:not(:last-child)::after{background:#7145fe;transform-origin:left;transform:scaleX(0);animation:9s ease-in-out infinite}
.hstep:nth-child(1)::after{animation-name:hfill1}
.hstep:nth-child(2)::after{animation-name:hfill2}
@keyframes hfill1{0%,7%{transform:scaleX(0)}15%,78%{transform:scaleX(1)}84%,100%{transform:scaleX(0)}}
@keyframes hfill2{0%,23%{transform:scaleX(0)}31%,78%{transform:scaleX(1)}84%,100%{transform:scaleX(0)}}
.hnode{position:relative;z-index:2;box-shadow:0 0 0 8px #f1edff;animation:9s ease-in-out infinite}
.hstep:nth-child(1) .hnode{animation-name:hon1}
.hstep:nth-child(2) .hnode{animation-name:hon2}
.hstep:nth-child(3) .hnode{animation-name:hon3}
@keyframes hon1{0%{opacity:.3;transform:scale(.9)}5%,78%{opacity:1;transform:none}84%,100%{opacity:.3;transform:scale(.9)}}
@keyframes hon2{0%,15%{opacity:.3;transform:scale(.9)}20%,78%{opacity:1;transform:none}84%,100%{opacity:.3;transform:scale(.9)}}
@keyframes hon3{0%,31%{opacity:.3;transform:scale(.9)}36%,78%{opacity:1;transform:none}84%,100%{opacity:.3;transform:scale(.9)}}
.hstep>h4,.hstep>p{animation:9s ease-in-out infinite}
.hstep:nth-child(1)>h4,.hstep:nth-child(1)>p{animation-name:htx1}
.hstep:nth-child(2)>h4,.hstep:nth-child(2)>p{animation-name:htx2}
.hstep:nth-child(3)>h4,.hstep:nth-child(3)>p{animation-name:htx3}
@keyframes htx1{0%{opacity:.45}5%,78%{opacity:1}84%,100%{opacity:.45}}
@keyframes htx2{0%,15%{opacity:.45}20%,78%{opacity:1}84%,100%{opacity:.45}}
@keyframes htx3{0%,31%{opacity:.45}36%,78%{opacity:1}84%,100%{opacity:.45}}
@media (max-width:1000px){.hstep::before,.hstep::after{display:none}}
@media (prefers-reduced-motion:reduce){.hnode,.hstep>h4,.hstep>p{animation:none;opacity:1;transform:none}.hstep::after{animation:none;transform:scaleX(1)}}

.u-9c3622{position:relative !important;overflow:hidden !important;padding:160px 0 180px !important;background:linear-gradient(125deg,#4e2bcd 0%,#5c33e0 46%,#7145fe 100%) !important}
.u-c9a2fa{font-size:20px !important;line-height:32px !important;color:rgba(255,255,255,.88) !important;margin-bottom:34px !important}
.u-81b713{display:flex !important;flex-direction:column !important;gap:12px !important;background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:22px !important;padding:24px !important;min-height:380px !important}
.u-2ea51e{font-size:15px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#b9a6ff !important;font-weight:600 !important}
.u-c0a130{align-self:flex-start !important;color:#b9a6ff !important;font-size:20px !important;letter-spacing:4px !important}
.u-3503ba{display:flex !important;flex-direction:column !important;gap:6px !important}
.u-48f69d{position:absolute !important;left:0 !important;bottom:-1px !important;width:100% !important;line-height:0 !important;z-index:1 !important}
.u-d4036c{max-width:860px !important;margin:0 auto 70px !important}
.u-6c317f{display:flex !important;flex-wrap:wrap !important;gap:10px !important;justify-content:center !important;margin-top:22px !important}
.u-404eff{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr)) !important;gap:50px !important;align-items:center !important}
.u-2937bf{margin-bottom:6px !important}
.u-8e8697{margin-bottom:16px !important}
.u-ef4825{margin-bottom:26px !important}
.u-37d2b6{display:flex !important;flex-direction:column !important;gap:16px !important}
.u-ef826e{padding:22px 24px !important;display:flex !important;gap:16px !important;align-items:flex-start !important}
.u-7b9606{display:block !important;font-family:'Nexa' !important;font-size:19px !important;color:#222 !important;margin-bottom:4px !important}
.u-d56255{font-size:17px !important;line-height:26px !important;color:#7145fe !important;font-weight:600 !important;padding-left:4px !important}
.u-ed8725{display:flex !important;flex-direction:column !important;align-items:flex-end !important;gap:8px !important}
.u-be7ad8{width:60% !important;height:9px !important;background:#d9d1fb !important}
.u-a0dccf{width:85% !important}
.u-337dc0{width:70% !important}
.u-057353{width:90% !important}
.u-c07c0f{width:50% !important}
.u-ad669e{width:80% !important}
.u-ec5207{width:40% !important;margin-top:auto !important;height:9px !important;background:#d9d1fb !important;align-self:flex-end !important}
.u-054cc6{font-size:15px !important;letter-spacing:0 !important}
.u-a58b07{margin-bottom:4px !important}
.u-89a45a{flex:1 !important;min-width:140px !important;color:#2d2a3a !important}
.u-10495e{color:#fff !important;font-size:22px !important;line-height:28px !important}
.u-716199{font-size:17px !important;line-height:27px !important;color:rgba(255,255,255,.78) !important}
.u-e075d2{display:flex !important;justify-content:center !important;gap:8px !important;margin-top:28px !important}
.u-6e2d34{text-align:center !important;margin-top:34px !important;font-size:19px !important;color:#7145fe !important;font-weight:600 !important}