/* Página de servicio: software-factory
   Generado por _trabajo/construir-css.js — no editar a mano.
   Todo el CSS cuelga de .ksrv para no tocar el header/footer de Elementor. */
.ksrv{--orange:#FF5B00;
    --orange-dark:#e64f00;
    --peach:#FFF1E6;
    --black:#0B0C0E;
    --carbon:#21272A;
    --card-dark:#21272A;
    --gray:#6B7280;
    --gray-light:#9CA3AF;
    --bg:#F5F6F8;
    --bg2:#F1F2F5;
    --border:#E7E8EC;
    --plomo:#6B7280;
    --plomo-light:#9CA3AF;
    --plomo-dark:#21272A;
    --mono:'KsrvSans',-apple-system,BlinkMacSystemFont,sans-serif;}
.ksrv svg{display:block;}
.ksrv .hero{position:relative; background:var(--carbon); color:#fff; padding:80px 0 100px; overflow:hidden;}
.ksrv .hero .wrap{display:grid; grid-template-columns:1.05fr .95fr; gap:50px; align-items:center; position:relative; z-index:2;}
.ksrv h1{font-size:52px; font-weight:800; letter-spacing:-.02em; line-height:1.06; margin-bottom:10px; color:#fff;}
.ksrv .tagline{font-size:19px; font-weight:700; color:var(--orange); margin-bottom:18px; letter-spacing:-.005em;}
.ksrv .hero p.lead{font-size:16.5px; color:#B8BAC2; max-width:500px; margin-bottom:30px;}
.ksrv .hero-ctas{display:flex; gap:14px; margin-bottom:44px;}
.ksrv .mini-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; border-top:1px solid #2A2D33; padding-top:24px;}
.ksrv .mini-stats .m{position:relative; padding-right:22px;}
.ksrv .mini-stats .m::after{content:''; position:absolute; top:2px; bottom:2px; right:-11px; width:1px; background:#2A2D33;}
.ksrv .mini-stats .m:last-child{padding-right:0;}
.ksrv .mini-stats .m:last-child::after{display:none;}
.ksrv .mini-stats .num{font-family:var(--mono); font-size:22px; font-weight:700; color:#fff; white-space:nowrap;}
.ksrv .mini-stats .label{font-size:11px; color:var(--gray-light); margin-top:4px; line-height:1.3; white-space:nowrap; overflow:visible;}
.ksrv .ring-row{display:flex; align-items:center; gap:9px;}
.ksrv .stat-icon-badge{width:40px; height:40px; border-radius:50%; background:rgba(255,91,0,.14); border:1px solid rgba(255,91,0,.32); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.ksrv .stat-icon-badge svg{width:20px; height:20px;}
.ksrv .hero-photo{position:relative; width:100%; max-width:440px; margin:0 auto;}
.ksrv .hero-photo img{width:100%; height:auto; display:block; border-radius:24px;}
.ksrv .section{padding:88px 0; position:relative;}
.ksrv .kicker{display:inline-flex; align-items:center; gap:8px; font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.08em; color:var(--orange); text-transform:uppercase; margin-bottom:16px;}
.ksrv .kicker::before{content:''; width:18px; height:1.5px; background:var(--orange);}
.ksrv h1 .accent{color:var(--orange);}
.ksrv .section-sub.line2{margin-bottom:48px;}
.ksrv .scroll-hint{display:none;}
.ksrv .timeline-compare{display:flex; flex-direction:column; gap:18px;}
.ksrv .timeline-row{background:#fff; border:1px solid var(--border); border-radius:20px; padding:28px 32px 32px; position:relative; opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease;}
.ksrv .timeline-row.in-view{opacity:1; transform:translateY(0);}
.ksrv .timeline-row.good{background:var(--carbon); color:#fff; overflow:hidden; transition-delay:.12s;}
.ksrv .timeline-row.good .dots{top:-30px; right:-30px; width:160px; height:160px; color:rgba(255,91,0,.32); -webkit-mask-image:radial-gradient(circle,#000 0%,transparent 70%); mask-image:radial-gradient(circle,#000 0%,transparent 70%);}
.ksrv .trow-top{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:30px; position:relative; z-index:2;}
.ksrv .trow-label{font-size:12.5px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; display:flex; align-items:center; gap:8px;}
.ksrv .timeline-row.bad .trow-label{color:var(--plomo);}
.ksrv .timeline-row.good .trow-label{color:var(--orange);}
.ksrv .trow-label svg{width:19px;height:19px;}
.ksrv .timeline-row.bad .trow-label svg{animation:ks-flicker 2.6s ease-in-out infinite;}
.ksrv .trow-duration{font-family:var(--mono); font-weight:800; font-size:26px; line-height:1; text-align:right;}
.ksrv .timeline-row.bad .trow-duration{color:var(--black);}
.ksrv .timeline-row.good .trow-duration{color:var(--orange);}
.ksrv .trow-duration span{display:block; font-family:'KsrvSans',sans-serif; font-size:12px; font-weight:600; color:var(--gray); margin-top:3px; text-transform:none; letter-spacing:0;}
.ksrv .timeline-row.good .trow-duration span{color:#B8BAC2;}
.ksrv .ttrack-bar{height:8px; border-radius:8px; background:var(--bg2); position:relative; z-index:2;}
.ksrv .timeline-row.good .ttrack-bar{background:rgba(255,255,255,.1);}
.ksrv .ttrack-fill{height:100%; border-radius:8px; background:var(--plomo-light); position:relative;}
.ksrv .timeline-row.good .ttrack-fill{background:var(--orange);}
.ksrv .ttrack-points{display:flex; justify-content:space-between; position:relative; z-index:2;}
.ksrv .tpoint{display:flex; flex-direction:column; align-items:center; gap:8px; transform:translateY(-17px);}
.ksrv .tpoint:first-child{align-items:flex-start;}
.ksrv .tpoint:last-child{align-items:flex-end;}
.ksrv .tpoint .tdot{width:34px; height:34px; border-radius:50%; background:#fff; border:2px solid var(--border); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.ksrv .timeline-row.good .tpoint .tdot{background:var(--carbon); border-color:var(--orange);}
.ksrv .tpoint .tdot svg{width:19px;height:19px;}
.ksrv .tpoint .tlabel{font-size:11px; font-weight:700; color:var(--gray); white-space:nowrap;}
.ksrv .timeline-row.good .tpoint .tlabel{color:#B8BAC2;}
.ksrv .tresult-chip{display:inline-flex; align-items:center; gap:7px; font-family:var(--mono); font-size:11.5px; font-weight:700; letter-spacing:.03em; padding:6px 13px; border-radius:20px; margin-top:22px; position:relative; z-index:2;}
.ksrv .timeline-row.bad .tresult-chip{color:var(--plomo); background:var(--bg2); border:1px solid var(--border);}
.ksrv .timeline-row.good .tresult-chip{color:var(--orange); background:rgba(255,91,0,.12); border:1px solid rgba(255,91,0,.3);}
.ksrv .sim-card{background:var(--carbon); border-radius:20px; overflow:hidden; color:#fff; box-shadow:0 24px 50px rgba(20,20,30,.16); transform:none; position:relative; z-index:2;}
.ksrv .sim-term-bar{display:flex; align-items:center; gap:8px; padding:14px 20px; border-bottom:1px solid rgba(255,255,255,.08);}
.ksrv .sim-term-bar .stdot{width:10px; height:10px; border-radius:50%;}
.ksrv .sim-term-bar .stdot:nth-child(1){background:var(--orange);}
.ksrv .sim-term-bar .stdot:nth-child(2){background:var(--plomo-light);}
.ksrv .sim-term-bar .stdot:nth-child(3){background:var(--plomo);}
.ksrv .sim-term-bar .term-title{margin-left:auto; font-family:var(--mono); font-size:11.5px; color:#8C8E96;}
.ksrv .sim-body{padding:32px 32px 28px;}
.ksrv .sim-toggle{position:relative; display:flex; background:rgba(255,255,255,.06); border-radius:12px; padding:4px; margin-bottom:30px;}
.ksrv .sim-toggle-indicator{position:absolute; top:4px; left:4px; width:calc(50% - 4px); height:calc(100% - 8px); background:rgba(255,255,255,.08); border:1px solid transparent; border-radius:9px; transition:transform .35s cubic-bezier(.4,0,.2,1), background .3s, border-color .3s; z-index:1;}
.ksrv .sim-toggle-opt{flex:1; position:relative; z-index:2; background:none; border:none; font-family:inherit; font-size:13px; font-weight:700; padding:12px 8px; color:#9A9DA5; cursor:pointer; border-radius:9px; transition:color .3s;}
.ksrv .sim-toggle-opt.active{color:#fff;}
.ksrv .sim-toggle-opt[data-mode="good"]:not(.active){animation:ks-toggleGlow 1.8s ease-in-out infinite;}
.ksrv .sim-counter{text-align:center; margin-bottom:28px;}
.ksrv .sim-counter-num{font-family:var(--mono); font-size:64px; font-weight:800; line-height:1; color:#D7D8DD; transition:color .3s;}
.ksrv .sim-counter-unit{font-size:13.5px; color:#B8BAC2; margin-top:6px; font-weight:600;}
.ksrv .sim-milestones{display:flex; justify-content:space-between; margin:28px 0 26px; gap:6px;}
.ksrv .sim-milestone{display:flex; flex-direction:column; align-items:center; gap:9px; flex:1; text-align:center;}
.ksrv .sim-mile-ic{width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.06); border:2px solid var(--border); display:flex; align-items:center; justify-content:center; transition:border-color .3s;}
.ksrv .sim-mile-ic svg{width:20px;height:20px; color:var(--orange);}
.ksrv .sim-milestone-label{font-size:10.5px; font-weight:700; color:#B8BAC2; line-height:1.25; min-height:26px;}
.ksrv .sim-output{font-family:var(--mono); font-size:12.5px; color:#C7C9CF; background:rgba(0,0,0,.22); border-radius:10px; padding:14px 16px; min-height:20px;}
.ksrv .sim-output .out{color:var(--orange); font-weight:700; margin-right:6px;}
.ksrv .sim-output .cursor-blink{display:inline-block; width:7px; height:13px; background:var(--orange); margin-left:2px; vertical-align:middle; animation:ks-blink 1s step-end infinite;}
.ksrv .divide-wrap{display:flex; flex-direction:column; gap:0;}
.ksrv .divide-block{border-radius:20px; padding:28px 32px; position:relative; overflow:hidden; opacity:0; transform:translateY(28px); transition:opacity .65s ease, transform .65s ease, box-shadow .3s ease;}
.ksrv .divide-block.in-view{opacity:1; transform:translateY(0);}
.ksrv .divide-block.bad{background:#fff; border:1px solid var(--border);}
.ksrv .divide-block.bad:hover{box-shadow:0 14px 30px rgba(20,20,30,.06);}
.ksrv .divide-block.good{background:var(--carbon); color:#fff; transition-delay:.12s;}
.ksrv .divide-block.good:hover{box-shadow:0 20px 44px rgba(255,91,0,.14);}
.ksrv .divide-block.good .dots{top:-40px; right:-40px; width:200px; height:200px; color:rgba(255,91,0,.35); -webkit-mask-image:radial-gradient(circle,#000 0%,transparent 70%); mask-image:radial-gradient(circle,#000 0%,transparent 70%);}
.ksrv .divide-inner{display:grid; grid-template-columns:auto 1fr; gap:34px; align-items:center; position:relative; z-index:2;}
.ksrv .divide-label{font-size:12.5px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; margin-bottom:14px; display:flex; align-items:center; gap:8px;}
.ksrv .divide-block.bad .divide-label{color:var(--plomo);}
.ksrv .divide-block.bad .divide-label svg{animation:ks-flicker 2.6s ease-in-out infinite;}
.ksrv .divide-block.good .divide-label{color:var(--orange);}
.ksrv .icon-chain{display:flex; align-items:center; gap:0; flex-wrap:wrap;}
.ksrv .problem-grid{display:grid; grid-template-columns:2fr .4fr; gap:40px; align-items:stretch;}
.ksrv .problem-photo-slot{position:relative; height:100%; min-height:180px;}
.ksrv .problem-photo-slot img{position:absolute; bottom:-30%; right:-65%; height:830px; width:auto; max-width:none; object-fit:contain; display:block; z-index:10; pointer-events:none; transition:transform .4s cubic-bezier(.25,.46,.45,.94);}
.ksrv .problem-photo-slot:hover img{transform:scale(1.12);}
.ksrv .problem-photo-slot .ptxt{font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;}
.ksrv .problem-photo-slot .psub{font-size:12.5px; color:var(--orange-dark); opacity:.75; max-width:180px;}
.ksrv .problem-photo-slot svg{width:34px; height:34px; opacity:.7;}
.ksrv .zoom-hover{transition:transform .5s cubic-bezier(.25,.46,.45,.94);}
.ksrv .problem-photo-slot:hover .zoom-hover, .ksrv .services-photo-slot:hover .zoom-hover, .ksrv .photo-bg-slot:hover .zoom-hover{transform:scale(1.08);}
.ksrv .chain-node{width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; transition:transform .2s ease;}
.ksrv .divide-block.bad .chain-node{background:var(--bg2); border:1.5px dashed var(--plomo-light); animation:ks-jitter 3.4s ease-in-out infinite;}
.ksrv .divide-block.bad .chain-node:nth-child(3){animation-delay:.4s;}
.ksrv .divide-block.bad .chain-node:nth-child(5){animation-delay:.8s;}
.ksrv .divide-block.bad .chain-node svg{width:20px;height:20px;}
.ksrv .divide-block.good .chain-node{background:rgba(255,91,0,.15); border:1.5px solid var(--orange);}
.ksrv .divide-block.good .chain-node:hover{transform:scale(1.1);}
.ksrv .divide-block.good .chain-node svg{width:20px;height:20px;}
.ksrv .divide-block.good .chain-node::after{content:''; position:absolute; inset:-6px; border-radius:16px; border:1.5px solid rgba(255,91,0,.35); animation:ks-ringpulse 2.4s ease-out infinite;}
.ksrv .divide-block.good .chain-node:nth-child(3)::after{animation-delay:.6s;}
.ksrv .divide-block.good .chain-node:nth-child(5)::after{animation-delay:1.2s;}
.ksrv .chain-gap{width:22px; height:2px; border-top:2px dashed var(--plomo-light); margin:0 -2px;}
.ksrv .chain-link-line{width:22px; height:2px; background:var(--orange); margin:0 -2px; position:relative; overflow:visible;}
.ksrv .chain-link-line::after{content:''; position:absolute; top:50%; left:0; width:6px; height:6px; border-radius:50%; background:#fff; box-shadow:0 0 6px 1px rgba(255,91,0,.8); transform:translateY(-50%); animation:ks-flow 1.8s linear infinite;}
.ksrv .divide-block h3{font-size:19px; font-weight:800; margin-bottom:8px;}
.ksrv .divide-block.good h3{color:#fff;}
.ksrv .divide-block p{font-size:15px; position:relative; z-index:2; max-width:520px;}
.ksrv .divide-block.bad p{color:var(--gray);}
.ksrv .divide-block.good p{color:#C7C9CF;}
.ksrv .divide-connector{display:flex; align-items:center; justify-content:center; gap:14px; padding:4px 0;}
.ksrv .divide-connector .line{width:80px; height:1px; background:repeating-linear-gradient(90deg, var(--border) 0 6px, transparent 6px 11px);}
.ksrv .divide-connector .badge{width:40px;height:40px; border-radius:50%; background:var(--orange); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; animation:ks-bounce 1.8s ease-in-out infinite;}
.ksrv .divide-connector .badge svg{width:22px;height:22px;}
.ksrv .services-grid{display:grid; grid-template-columns:1.5fr .5fr; gap:40px; align-items:stretch;}
.ksrv .services-photo-slot{border-radius:20px; border:2px dashed #FF5B00; background:#FF5B00; position:relative; width:100%; height:100%; min-height:300px; overflow:visible;}
.ksrv .services-photo-slot img{position:absolute; left:50%; bottom:-20%; transform:translateX(-50%) scale(1.26); transform-origin:bottom center; max-width:none; height:100%; width:auto; object-fit:contain; z-index:2; transition:transform .4s cubic-bezier(.25,.46,.45,.94);}
.ksrv .services-photo-slot:hover img{transform:translateX(-50%) scale(1.4);}
.ksrv .faq-grid{display:grid; grid-template-columns:1.5fr .5fr; gap:40px; align-items:stretch;}
.ksrv .photo-bg-slot{border-radius:20px; border:2px dashed #FF5B00; background:#FF5B00; position:relative; min-height:280px; overflow:visible;}
.ksrv .photo-bg-slot img{position:absolute; left:50%; bottom:-10%; transform:translateX(-50%) scale(1.2); transform-origin:bottom center; max-width:none; height:100%; width:auto; object-fit:contain; z-index:2; transition:transform .4s cubic-bezier(.25,.46,.45,.94), bottom .4s;}
.ksrv .photo-bg-slot:hover img{transform:translateX(-50%) scale(1.32);}
.ksrv .flip-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:20px;}
.ksrv .flip-card{position:relative; height:190px; border-radius:16px; overflow:hidden; cursor:pointer;
    background:var(--card-dark); border-top:3px solid var(--card-accent, var(--orange));}
.ksrv .flip-face{position:absolute; inset:0; padding:20px 20px; display:flex; flex-direction:column;
    transition:opacity .25s ease; align-items:flex-start;}
.ksrv .flip-front{opacity:1;}
.ksrv .flip-front .code{font-family:var(--mono); font-size:11px; font-weight:700; color:var(--card-accent, var(--orange)); letter-spacing:.06em; margin-bottom:8px;}
.ksrv .flip-front .ic{width:42px; height:42px; border-radius:10px; background:rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; margin-bottom:10px;}
.ksrv .flip-front .ic svg{width:22px; height:22px;}
.ksrv .flip-front h3{color:#fff; font-size:16px; font-weight:800; margin-bottom:6px;}
.ksrv .flip-front p{color:#9A9DA5; font-size:12.5px; line-height:1.4;}
.ksrv .flip-front .tap-hint{position:absolute; bottom:14px; left:20px; font-size:10.5px; color:#6C6F78; font-family:var(--mono);}
.ksrv .flip-back{opacity:0; background:var(--card-accent, var(--orange)); justify-content:center; pointer-events:none;}
.ksrv .flip-back h3{color:#fff; font-size:15px; font-weight:800; margin-bottom:10px;}
.ksrv .flip-back ul{list-style:none;}
.ksrv .flip-back li{display:flex; gap:8px; align-items:flex-start; color:#fff; font-size:12px; margin-bottom:7px; font-weight:500; line-height:1.3;}
.ksrv .flip-back li svg{flex-shrink:0; width:13px; height:13px; margin-top:1px;}
.ksrv .flip-card:hover .flip-front, .ksrv .flip-card.active .flip-front{opacity:0;}
.ksrv .flip-card:hover .flip-back, .ksrv .flip-card.active .flip-back{opacity:1; pointer-events:auto;}
.ksrv .grid-cta{text-align:center; margin-top:4px;}
.ksrv .diagnostic-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center;}
.ksrv .diagnostic-left .kicker{justify-content:flex-start;}
.ksrv .diagnostic-left p{color:var(--gray); font-size:16px; margin-bottom:24px; max-width:480px;}
.ksrv .diag-stats{display:flex; gap:22px; margin-bottom:30px; flex-wrap:wrap;}
.ksrv .diag-stat{display:flex; align-items:center; gap:9px;}
.ksrv .diag-stat .dsic{width:40px; height:40px; border-radius:10px; background:#FF5B00; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.ksrv .diag-stat .dsic svg{width:20px;height:20px;}
.ksrv .diag-stat .dstxt{font-size:13px; font-weight:700; color:var(--black); line-height:1.2;}
.ksrv .diag-stat .dstxt span{display:block; font-weight:500; color:var(--gray); font-size:11.5px;}
.ksrv .diagnostic-panel{position:relative; background:var(--carbon); border-radius:24px; padding:38px 30px 30px; color:#fff; overflow:hidden;}
.ksrv .diagnostic-panel .dots{top:-30px; right:-30px; width:170px; height:170px; color:rgba(255,91,0,.32); -webkit-mask-image:radial-gradient(circle,#000 0%,transparent 70%); mask-image:radial-gradient(circle,#000 0%,transparent 70%);}
.ksrv .panel-label{position:relative; z-index:2; font-family:var(--mono); font-size:11px; letter-spacing:.07em; color:var(--orange); text-transform:uppercase; text-align:center; margin-bottom:24px;}
.ksrv .gauge-radial{position:relative; width:230px; height:118px; margin:0 auto 4px; z-index:2;}
.ksrv .gauge-arc-svg{width:100%; height:100%; overflow:visible;}
.ksrv .gauge-needle{position:absolute; left:50%; bottom:4px; width:3px; height:82px; background:#fff; border-radius:3px; transform-origin:bottom center; transform:translateX(-50%) rotate(-62deg); animation:ks-needlesweep 3.6s ease-in-out infinite alternate; box-shadow:0 0 8px rgba(255,255,255,.5);}
.ksrv .gauge-pivot{position:absolute; left:50%; bottom:0; width:16px; height:16px; margin-left:-8px; border-radius:50%; background:var(--orange); border:3px solid var(--carbon); z-index:3;}
.ksrv .gauge-labels{display:flex; justify-content:space-between; font-family:var(--mono); font-size:10.5px; color:#9A9DA5; text-transform:uppercase; letter-spacing:.03em; padding:0 4px; position:relative; z-index:2;}
.ksrv .panel-foot{text-align:center; font-size:13.5px; color:#C7C9CF; margin-top:22px; position:relative; z-index:2;}
.ksrv .panel-foot b{color:#fff;}
.ksrv .factory-grid{display:grid; grid-template-columns:1.7fr 1fr; gap:28px; align-items:start;}
.ksrv .tech-base{align-content:start;}
.ksrv .factory-photo{position:relative; height:100%; min-height:300px; z-index:25;}
.ksrv .factory-photo img{position:absolute; top:-150%; left:50%; transform:translateX(-50%); height:auto; width:130%; max-width:none; object-fit:contain; display:block; z-index:25; pointer-events:none; transition:transform .4s cubic-bezier(.25,.46,.45,.94);}
.ksrv .factory-photo:hover img{transform:translateX(-50%) scale(1.12);}
.ksrv .tech-soc{position:relative; background:var(--carbon); color:#fff; border-radius:20px; padding:26px 30px; display:flex; align-items:center; gap:20px; overflow:hidden; z-index:2;}
.ksrv .tech-soc .dots{top:-30px; right:-20px; width:150px; height:150px; color:rgba(255,91,0,.3); -webkit-mask-image:radial-gradient(circle,#000 0%,transparent 70%); mask-image:radial-gradient(circle,#000 0%,transparent 70%);}
.ksrv .tech-soc .ic{width:60px; height:60px; border-radius:14px; background:rgba(255,91,0,.16); border:1px solid rgba(255,91,0,.4); display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; z-index:2;}
.ksrv .tech-soc .ic svg{width:30px;height:30px;}
.ksrv .tech-soc .soc-body{position:relative; z-index:2; flex:1;}
.ksrv .tech-soc .cat{font-weight:800; font-size:17px; display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.ksrv .tech-soc .cat .live{display:inline-flex; align-items:center; gap:5px; font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:.04em; color:var(--orange); background:rgba(255,91,0,.12); border:1px solid rgba(255,91,0,.3); padding:3px 8px; border-radius:20px;}
.ksrv .tech-soc .cat .live span{width:6px;height:6px;border-radius:50%;background:var(--orange); animation:ks-pulse 1.8s infinite;}
.ksrv .tech-soc .desc{font-size:13.5px; color:#B8BAC2; margin:6px 0 10px;}
.ksrv .tech-connectors{position:relative; height:56px; width:100%; z-index:1; margin:-2px 0;}
.ksrv .tech-connectors svg{width:100%; height:100%; display:block; overflow:visible;}
.ksrv .tech-base{display:grid; grid-template-columns:1fr 1fr; gap:12px; position:relative; z-index:2;}
.ksrv .tech-card{background:#fff; border-radius:14px; padding:14px 16px; text-align:left; border:1px solid var(--border); border-top:3px solid transparent; transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease; display:flex; flex-direction:column; gap:8px;}
.ksrv .tech-card:hover{border-top-color:var(--orange); transform:translateY(-3px); box-shadow:0 14px 28px rgba(20,20,30,.08);}
.ksrv .tech-card .ic{width:34px; height:34px; border-radius:8px; background:rgba(255,91,0,.14); border:1px solid rgba(255,91,0,.35); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.ksrv .tech-card .ic svg{width:18px;height:18px; color:var(--orange);}
.ksrv .tech-card .cat{font-weight:800; font-size:13px;}
.ksrv .tech-chips{display:flex; flex-wrap:wrap; gap:5px;}
.ksrv .tech-card .head{display:flex; align-items:center; gap:8px;}
.ksrv .tech-chip{font-size:10px; font-weight:600; color:var(--carbon); background:var(--bg2); border:1px solid var(--border); padding:3px 8px; border-radius:20px;}
.ksrv .case-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.ksrv .case-card{background:#fff; border-radius:22px; padding:0; overflow:hidden; border:1px solid var(--border); transition:transform .25s ease, box-shadow .25s ease;}
.ksrv .case-card:hover{transform:translateY(-5px); box-shadow:0 24px 46px rgba(20,20,30,.1);}
.ksrv .case-banner{position:relative; background:var(--carbon); color:#fff; padding:28px 30px 26px; overflow:hidden;}
.ksrv .case-banner .dots{top:-30px; right:-24px; width:150px; height:150px; color:rgba(255,91,0,.32); -webkit-mask-image:radial-gradient(circle,#000 0%,transparent 70%); mask-image:radial-gradient(circle,#000 0%,transparent 70%);}
.ksrv .case-top{display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2; margin-bottom:22px;}
.ksrv .case-top-left{display:flex; align-items:center; gap:12px;}
.ksrv .case-banner .ic{width:50px; height:50px; border-radius:12px; background:rgba(255,91,0,.16); border:1px solid rgba(255,91,0,.4); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:transform .25s ease;}
.ksrv .case-card:hover .case-banner .ic{transform:rotate(-6deg) scale(1.06);}
.ksrv .case-banner .ic svg{width:27px;height:27px;}
.ksrv .case-banner .kicker2{font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--gray-light); margin-bottom:2px;}
.ksrv .case-banner .industry{font-weight:800; font-size:16px;}
.ksrv .verified-tag{display:flex; align-items:center; gap:5px; font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:.03em; color:var(--orange); background:rgba(255,91,0,.12); border:1px solid rgba(255,91,0,.3); padding:4px 9px; border-radius:20px;}
.ksrv .verified-tag svg{width:13px;height:13px;}
.ksrv .case-hero-stat{position:relative; z-index:2;}
.ksrv .case-hero-stat .num{font-family:var(--mono); font-weight:800; font-size:38px; color:#fff; line-height:1; letter-spacing:-.01em;}
.ksrv .case-hero-stat .num .accent-num{color:var(--orange);}
.ksrv .case-hero-stat .lbl{font-size:13.5px; color:#B8BAC2; margin-top:6px;}
.ksrv .case-body{padding:24px 30px 28px;}
.ksrv .case-body .desc{font-size:14.5px; color:var(--gray); margin-bottom:20px;}
.ksrv .case-mini-list{display:flex; flex-direction:column; gap:12px;}
.ksrv .case-mini-item{display:flex; align-items:center; gap:11px; font-size:14px; font-weight:700; color:var(--black);}
.ksrv .case-mini-item .mic{width:34px;height:34px; border-radius:8px; background:#FF5B00; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.ksrv .case-mini-item .mic svg{width:18px;height:18px;}
.ksrv .faq-terminal{background:var(--carbon); border-radius:20px; overflow:hidden; color:#fff; box-shadow:0 24px 50px rgba(20,20,30,.16);}
.ksrv .faq-q{display:flex; align-items:flex-start; gap:12px; padding:18px 24px; cursor:pointer; font-family:var(--mono);}
.ksrv .faq-q .prompt{color:var(--orange); font-weight:700; flex-shrink:0;}
.ksrv .faq-q .qtxt{flex:1; font-weight:600; font-size:15px; color:#fff; font-family:'KsrvSans',sans-serif;}
.ksrv .faq-q .chev svg{width:15px; height:15px; color:#8C8E96; transition:transform .2s ease; flex-shrink:0; margin-top:2px;}
.ksrv .faq-line.open .faq-q .chev svg{transform:rotate(180deg); color:var(--orange);}
.ksrv .faq-line.open .faq-q .prompt{color:var(--orange);}
.ksrv .faq-line.open .faq-a{max-height:160px;}
.ksrv .faq-a-inner p .cursor-blink{display:inline-block; width:7px; height:14px; background:var(--orange); margin-left:3px; vertical-align:middle; animation:ks-blink 1s step-end infinite;}
.ksrv .cta-final{position:relative; text-align:center; padding:100px 0 90px; background:var(--carbon); color:#fff; overflow:hidden;}
.ksrv .cta-final h2{font-size:40px; font-weight:800; max-width:none; white-space:nowrap; margin:0 auto 16px; letter-spacing:-.015em; line-height:1.12; color:#fff;}
.ksrv .cta-final p{color:#B8BAC2; font-size:16px; margin-bottom:34px; max-width:460px; margin-left:auto; margin-right:auto;}
.ksrv .cta-final .btns .link-secondary{display:inline-flex; align-items:center; gap:6px; color:#D7D8DD; font-weight:600; font-size:14.5px; padding:12px 6px;}
.ksrv .cta-final .btns .link-secondary svg{width:18px;height:18px; color:var(--orange);}
.ksrv .cta-trust{display:flex; justify-content:center; gap:36px; border-top:1px solid rgba(255,255,255,.1); padding-top:30px; max-width:600px; margin:0 auto;}
.ksrv .cta-trust .t{flex:1; padding:0; display:flex; flex-direction:column; align-items:center; transition:transform .2s ease;}
.ksrv .cta-trust .t .t-ic{width:62px; height:62px; border-radius:50%; background:rgba(255,91,0,.14); border:1px solid rgba(255,91,0,.32); display:flex; align-items:center; justify-content:center; margin-bottom:10px;}
.ksrv .cta-trust .t .t-ic svg{width:31px; height:31px;}
.ksrv .cta-trust .t .tnum{font-family:var(--mono); font-weight:700; font-size:19px; color:#fff;}
.ksrv .cta-trust .t .tlbl{font-size:11.5px; color:#8C8E96; margin-top:3px;}
.ksrv .footer-logo{font-size:20px; font-weight:800; margin-bottom:18px;}
.ksrv .foot-bottom{border-top:1px solid #232326; margin-top:50px; padding-top:22px; font-size:13px; color:#7C7E86; display:flex; justify-content:space-between;}
.ksrv .quiz-card{background:var(--carbon); color:#fff; border-radius:22px; box-shadow:0 25px 55px rgba(20,20,30,.2); padding:44px 46px; max-width:720px; margin:34px auto 0; text-align:left; display:none; position:relative; overflow:hidden;}
.ksrv .quiz-card.visible{display:block;}
.ksrv .quiz-progress{height:6px; background:#33383E; border-radius:10px; overflow:hidden; margin-bottom:30px;}
.ksrv .quiz-progress-fill{height:100%; background:var(--orange); width:0%; transition:width .3s ease;}
.ksrv .quiz-step{font-family:var(--mono); font-size:12px; font-weight:700; color:var(--gray-light); text-transform:uppercase; letter-spacing:.05em; margin-bottom:10px;}
.ksrv .quiz-q{font-size:21px; font-weight:800; margin-bottom:22px; line-height:1.3; color:#fff;}
.ksrv .quiz-options{display:flex; flex-direction:column; gap:10px; margin-bottom:30px;}
.ksrv .quiz-opt{border:2px solid #33383E; border-radius:12px; padding:16px 18px; font-size:15px; font-weight:600; cursor:pointer; transition:all .15s ease; color:#D7D8DD;}
.ksrv .quiz-opt:hover{border-color:var(--orange);}
.ksrv .quiz-opt.selected{border-color:var(--orange); background:rgba(255,91,0,.12); color:#fff;}
.ksrv .quiz-nav{display:flex; justify-content:space-between; align-items:center;}
.ksrv .quiz-nav button:disabled{opacity:.35; cursor:not-allowed;}
.ksrv .quiz-result{text-align:center;}
.ksrv .quiz-result .score{font-family:var(--mono); font-size:56px; font-weight:800; margin-bottom:4px;}
.ksrv .quiz-result .tier{font-size:22px; font-weight:800; margin-bottom:14px; color:#fff;}
.ksrv .quiz-result p{color:#B8BAC2; font-size:15.5px; max-width:480px; margin:0 auto 26px;}
.ksrv .quiz-teaser{text-align:center; max-width:640px; margin:0 auto;}
.ksrv .quiz-teaser p{color:var(--gray); font-size:16px; margin-bottom:26px;}
@media(max-width:900px){
.ksrv .hero .wrap, .ksrv .footer-grid, .ksrv .divide-inner, .ksrv .diagnostic-grid, .ksrv .problem-grid, .ksrv .services-grid, .ksrv .faq-grid{grid-template-columns:1fr !important;}
.ksrv .diagnostic-panel{margin-top:10px;}
.ksrv .divide-connector .line{width:40px;}
.ksrv .factory-grid{grid-template-columns:1fr !important;}
.ksrv .tech-base{grid-template-columns:1fr 1fr !important;}
.ksrv h1{font-size:38px;}
.ksrv .cta-final h2{font-size:24px; white-space:normal; max-width:100%;}
.ksrv .cta-trust{gap:18px;}
.ksrv .quiz-card{padding:30px 24px;}
.ksrv .hero-photo{max-width:300px;}
.ksrv .problem-photo-slot, .ksrv .services-photo-slot, .ksrv .photo-bg-slot{margin-top:24px; min-height:220px; overflow:hidden !important;}
.ksrv .problem-photo-slot img, .ksrv .services-photo-slot img, .ksrv .photo-bg-slot img{position:relative !important; left:auto !important; right:auto !important; bottom:auto !important;
      top:auto !important; transform:none !important; height:auto !important; width:100% !important;
      max-width:100% !important; object-fit:contain !important;}
.ksrv .factory-grid{display:flex !important; flex-direction:column !important; grid-template-columns:1fr !important; width:100% !important; max-width:100% !important; min-width:0 !important;}
.ksrv .tech-base{order:1 !important; width:100% !important; max-width:100% !important; min-width:0 !important;
      display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; gap:14px !important;
      overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; scroll-snap-type:x mandatory !important;
      scrollbar-width:none !important; grid-template-columns:none !important; box-sizing:border-box !important;}
.ksrv .tech-card{flex:0 0 80% !important; max-width:80% !important; width:80% !important; scroll-snap-align:start !important; box-sizing:border-box !important;}
.ksrv .factory-photo{order:2 !important; position:relative !important; min-height:unset !important; height:auto !important;
      width:100% !important; max-width:320px !important; margin:15px auto 0 auto !important; display:flex !important;
      justify-content:center !important; align-items:center !important; overflow:visible !important;
      z-index:1 !important;}
.ksrv .factory-photo img{position:relative !important; top:auto !important; left:auto !important; bottom:auto !important;
      right:auto !important; transform:scale(1.25) !important;
      -webkit-clip-path:inset(9% 5% 0 5%) !important;
      clip-path:inset(9% 5% 0 5%) !important;
      width:100% !important; max-width:300px !important;
      height:auto !important; object-fit:contain !important; display:block !important;
      margin:0 auto !important; z-index:1 !important; pointer-events:none !important;}
.ksrv .factory-photo:hover img{transform:scale(1.25) !important;}
.ksrv .flip-grid, .ksrv .case-grid{display:flex !important; flex-direction:row; flex-wrap:nowrap; gap:14px;
      overflow-x:auto; -webkit-overflow-scrolling:touch;
      scroll-snap-type:x mandatory; scrollbar-width:none;
      margin:0 -20px; padding:2px 20px 12px; max-width:none;}
.ksrv .flip-grid::-webkit-scrollbar, .ksrv .case-grid::-webkit-scrollbar{display:none;}
.ksrv .flip-grid .flip-card{flex:0 0 80%; scroll-snap-align:start;}
.ksrv .case-card{flex:0 0 85%; scroll-snap-align:start;}
.ksrv .mini-stats{display:flex !important; flex-direction:row; flex-wrap:nowrap; gap:14px;
      overflow-x:auto; -webkit-overflow-scrolling:touch;
      scroll-snap-type:x mandatory; scrollbar-width:none;
      margin:0 -20px; padding:2px 20px 12px;}
.ksrv .mini-stats::-webkit-scrollbar{display:none;}
.ksrv .mini-stats .m{flex:0 0 42%; scroll-snap-align:start;}
.ksrv .scroll-hint{display:flex; align-items:center; gap:6px; font-size:12px; color:var(--gray); margin:-6px 0 20px;}
.ksrv .scroll-hint svg{width:14px; height:14px;}
}
@media(max-width:600px){
.ksrv h1{font-size:30px;}
.ksrv .tagline{font-size:16px;}
.ksrv .hero p.lead{font-size:15px;}
.ksrv .hero{padding:56px 0 60px;}
.ksrv .section{padding:56px 0;}
.ksrv .section-title{font-size:25px;}
.ksrv .cta-final .btns{flex-direction:column; width:100%;}
.ksrv .cta-final .btns .cta-btn{width:100%; justify-content:center;}
}

@keyframes ks-toggleGlow{
    0%,100%{ box-shadow:0 0 0 0 rgba(255,91,0,0); color:#9A9DA5; }
    50%{ box-shadow:0 0 16px 3px rgba(255,91,0,.5); color:#FFD1AD; }
  }
@keyframes ks-jitter{ 0%,100%{ opacity:1; } 46%{ opacity:1; } 48%{ opacity:.35; } 50%{ opacity:1; } }
@keyframes ks-flicker{ 0%,100%{ opacity:1; } 50%{ opacity:.4; } }
@keyframes ks-needlesweep{ 0%{ transform:translateX(-50%) rotate(-62deg); } 100%{ transform:translateX(-50%) rotate(62deg); } }

/* ---- correcciones propias de software-factory (ver construir-css.js) ---- */
/*
 * El eyebrow del hero se fusionó dentro del <h1> (ver construir-html.js);
 * esta página nunca tuvo la regla que colorea el span.accent dentro de un
 * <h1> suelto (solo la tenía .section-title .accent), a diferencia de
 * ai-software-factory que ya usa este mismo patrón. Se copia esa regla.
 */
.ksrv h1 .accent{ color:var(--orange); }
/*
 * .problem-photo-slot img trae a propósito un tamaño y una sangría enormes
 * (height:830px, offsets negativos, z-index:10) para verse bien en desktop,
 * donde su columna es angosta (.4fr) y la imagen se sale de ella a
 * propósito. En móvil las columnas se apilan y esta imagen dejó de aportar
 * — se pidió quitarla directamente en vez de seguir ajustándole el tamaño.
 * Pedido el 21-ago-2026.
 */
@media(max-width:900px){
  .ksrv .problem-photo-slot{ display:none !important; }
}
/*
 * .sim-card: en escritorio traía transform:translateX(-10%) que lo sacaba
 * del grid hacia la izquierda desalineándolo del título y del contenedor.
 * Se fuerza transform:none para alinear el borde izquierdo al grid.
 * El lado derecho mantiene la cuadrícula original 2fr .4fr y la foto
 * grande de 830px (con pointer-events:none para no bloquear clics).
 */
.ksrv .sim-card{
  transform: none !important;
}
.ksrv .problem-grid{
  grid-template-columns: 2fr .4fr !important;
  gap: 40px !important;
  align-items: stretch !important;
}
.ksrv .problem-photo-slot img{
  position: absolute !important;
  bottom: -30% !important;
  right: -65% !important;
  height: 830px !important;
  max-height: none !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  display: block !important;
  z-index: 10 !important;
  pointer-events: none !important;
}
@media(min-width:901px){
  .ksrv #diagnostico{
    position: relative !important;
    z-index: 10 !important;
  }
  .ksrv #diagnostico.quiz-open,
  .ksrv #diagnostico:has(.quiz-card.visible){
    z-index: 40 !important;
  }
  .ksrv .factory-photo{
    position: relative !important;
    height: 100% !important;
    min-height: 300px !important;
    overflow: visible !important;
    z-index: 25 !important;
  }
  .ksrv .factory-photo img{
    position: absolute !important;
    top: -150% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    height: auto !important;
    width: 130% !important;
    max-width: none !important;
    object-fit: contain !important;
    display: block !important;
    z-index: 25 !important;
    pointer-events: none !important;
    transition: transform .4s cubic-bezier(.25,.46,.45,.94) !important;
  }
  .ksrv .factory-photo:hover img{
    transform: translateX(-50%) scale(1.12) !important;
  }
}
@media(max-width:900px){
  .ksrv .problem-grid{ grid-template-columns: 1fr !important; }
  .ksrv .sim-card{ transform: none !important; }
  .ksrv .factory-grid{
    grid-template-columns: 1fr !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .ksrv .tech-base{
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    grid-template-columns: none !important;
    box-sizing: border-box !important;
  }
  .ksrv .tech-card{
    flex: 0 0 80% !important;
    max-width: 80% !important;
    width: 80% !important;
    scroll-snap-align: start !important;
    box-sizing: border-box !important;
  }
  .ksrv .factory-photo{
    order: 2 !important;
    position: relative !important;
    min-height: unset !important;
    height: auto !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 15px auto 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: visible !important;
    z-index: 1 !important;
  }
  .ksrv .factory-photo img{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    right: auto !important;
    transform: scale(1.25) !important;
    -webkit-clip-path: inset(9% 5% 0 5%) !important;
    clip-path: inset(9% 5% 0 5%) !important;
    width: 100% !important;
    max-width: 300px !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }
  .ksrv .factory-photo:hover img{
    transform: scale(1.25) !important;
  }
}

/*
 * Cuatro secciones con varias tarjetas repetidas (4 formas de Software
 * Factory, tecnologías que dominamos, resultados comprobados, métricas)
 * quedaban en una rejilla de 2 columnas apretada en móvil. El resto de
 * páginas del sitio ya resuelve este mismo caso con un carrusel deslizable
 * — aquí nunca se aplicó. Mismo patrón, calcado.
 */
@media(max-width:900px){
  .ksrv .mini-stats, .ksrv .flip-grid, .ksrv .case-grid, .ksrv .tech-base{
    display:flex !important; flex-direction:row; flex-wrap:nowrap; gap:14px;
    overflow-x:auto; -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory; scrollbar-width:none;
    grid-template-columns:none !important;
  }
  .ksrv .mini-stats::-webkit-scrollbar, .ksrv .flip-grid::-webkit-scrollbar,
  .ksrv .case-grid::-webkit-scrollbar, .ksrv .tech-base::-webkit-scrollbar{ display:none; }
  .ksrv .mini-stats .m{ flex:0 0 42%; scroll-snap-align:start; padding-right:22px; }
  .ksrv .mini-stats .m::after{ display:none; }
  .ksrv .flip-grid .flip-card{ flex:0 0 80%; scroll-snap-align:start; }
  .ksrv .case-card{ flex:0 0 85%; scroll-snap-align:start; }
  .ksrv .tech-card{ flex:0 0 80%; scroll-snap-align:start; }
}
/*
 * Tres ajustes de espacio en móvil pedidos el 21-ago-2026, sobre secciones
 * que ya quedaron bien en desktop:
 */
@media(max-width:900px){
  /*
   * 1) El toggle "Modelo tradicional" / "Software Factory" tenía
   *    padding:12px 8px pensado para el ancho de escritorio; en móvil ese
   *    padding lateral le comía el espacio al texto, que casi no entraba.
   *    Se recorta al 10% pedido (8px → ~1px), el vertical se conserva.
   */
  .ksrv .sim-toggle-opt{ padding:12px 1px !important; }

  /*
   * 1b) .sim-body (el cuerpo del simulador "kruger-tech — simulate
   *     --timeline") tenía padding:32px 32px 28px pensado para escritorio;
   *     en móvil sobraba espacio. Se baja a 10px por todos lados. Pedido
   *     el 22-ago-2026.
   */
  .ksrv .sim-body{ padding:10px !important; }

  /*
   * 1c) El botón "Hablar con un experto en Software Factory" (CTA final)
   *     hereda white-space:nowrap de .cta-btn — en móvil el texto no cabe
   *     en una línea y queda cortado. Se permite el salto a dos líneas.
   *     Pedido el 22-ago-2026.
   */
  .ksrv .cta-final .btns .cta-btn{ white-space:normal !important; text-align:center; line-height:1.3; }

  /*
   * 2) Las tarjetas de "4 formas de Software Factory" (.flip-card) tienen
   *    alto fijo (190px) calibrado para el texto de escritorio; en móvil
   *    ese texto no entraba y el link "Ver detalle" quedaba sobrepuesto.
   *    +30px de alto, como se pidió.
   */
  .ksrv .flip-card{ height:220px !important; }
  /* El fix de .case-top ("Verificado" arriba) ahora es global, ver CORRECCIONES. */
}
/*
 * La foto de "Resolvemos tus dudas" (.photo-bg-slot img) usa un truco de
 * escritorio: height:100% + transform:scale(1.2) anclado abajo, pensado
 * para una caja alta. En la caja de móvil (min-height:200px) ese mismo
 * transform deja huecos arriba y abajo — mismo tipo de bug que el del
 * simulador (transform calibrado solo para desktop). Se resetea a flujo
 * normal, sin position/transform, con un ancho fijo centrado. Pedido el
 * 21-ago-2026.
 */
@media(max-width:900px){
  .ksrv .photo-bg-slot{ display:flex !important; align-items:center; justify-content:center; }
  .ksrv .photo-bg-slot img{
    position:static !important; transform:none !important; bottom:auto !important; left:auto !important;
    height:auto !important; width:70%; max-width:220px; margin:0 auto; display:block;
  }
}