@charset "UTF-8";.s11{display:flex;flex-direction:column;gap:200px;width:100%;padding:100px 80px}.s11 .s11-header{text-align:center}.s11 .s11-header .s11-title{font-size:60px}.s11 .s11-body{display:flex;justify-content:center;align-items:center;width:100%}.s11 .s11-body .left{display:flex;flex-direction:column;justify-content:center;gap:80px}.s11 .s11-body .left .title{font-family:Jost;font-weight:900;font-size:60px}.s11 .s11-body .left .text{font-family:Jost;font-weight:600;font-size:35px}.s11 .s11-body .left .p{font-family:Jost;font-weight:300;font-size:24px}.s11 .s11-body .left .btn{border-radius:50px;padding:10px 20px;width:fit-content}.s11 .s11-body .left .btn .btn-texto{color:#fff;font-family:Jost;font-weight:400;font-size:22px}.s11 .s11-body .right{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.s11 .s11-body .right .kyn-cont{display:flex;align-items:center;justify-content:center;width:100%}.s11 .s11-body .right .kyn-cont .kyn{width:50%;height:auto;animation:chipFloat 4s ease-in-out infinite}.s11 .s11-body .right .cards-kyn{position:absolute;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.s11 .s11-body .right .cards-kyn .card-cont{position:relative;width:100%}.s11 .s11-body .right .cards-kyn .card-cont .card{position:absolute;border:none;background-color:transparent;width:33%;max-width:230px;height:auto;animation:chipFloat 4s ease-in-out infinite;z-index:20}@keyframes chipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.s11 .s11-body .right .cards-kyn .card-cont .tutoriales{left:0;top:-300px}.s11 .s11-body .right .cards-kyn .card-cont .actualizaciones{left:70%;top:-300px}.s11 .s11-body .right .cards-kyn .card-cont .capacitaciones{left:0;top:-30px}.s11 .s11-body .right .cards-kyn .card-cont .mesa{left:73%;top:-120px}.s11 .s11-body .right .cards-kyn .card-cont .contenido{left:0;top:215px}.s11 .s11-body .right .cards-kyn .card-cont .guias{left:70%;top:215px}.s11 .s11-body .right .rb-orbit{position:absolute;top:50%;left:50%;border-radius:50%;border:1.5px dashed rgb(255,75,75);pointer-events:none;z-index:10}.s11 .s11-body .right .rbo1{width:400px;height:600px;transform:translate(-50%,-50%) rotate(0);animation:rbOrbit 10s linear infinite}.s11 .s11-body .right .rbo2{width:480px;height:630px;transform:translate(-50%,-50%) rotate(0);animation:rbOrbit 16s linear infinite reverse}@keyframes rbOrbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.s11 .s11-body .right .robot-glow{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:220px;height:50px;background:radial-gradient(ellipse,rgba(255,107,26,.65),rgba(255,45,85,.35),transparent 70%);filter:blur(14px);animation:glowPulse 3s ease-in-out infinite;border-radius:50%}@keyframes glowPulse{0%,to{transform:translate(-50%) scaleX(1);opacity:.7}50%{transform:translate(-50%) scaleX(1.3);opacity:1}}@media(max-width:768px){.s11{padding:0}.s11 .s11-header .s11-title{font-size:50px}.s11 .s11-body{flex-direction:column;width:100%;gap:180px}.s11 .s11-body .left{width:95%;justify-content:center;align-items:center}.s11 .s11-body .left .title{font-size:50px;text-align:center}.s11 .s11-body .left .text{font-size:32px;text-align:center}.s11 .s11-body .left .p{font-size:22px;text-align:center}.s11 .s11-body .left .btn{border:none}.s11 .s11-body .right{width:100%;position:static}.s11 .s11-body .right .kyn-cont{display:flex;align-items:center;justify-content:center}.s11 .s11-body .right .kyn-cont .kyn{width:80%;height:auto;animation:none}.s11 .s11-body .right .cards-kyn{width:100%;position:static;overflow-x:auto}.s11 .s11-body .right .cards-kyn .card-cont{position:static;display:flex;flex-direction:row;gap:15px;padding-left:20px;width:max-content}.s11 .s11-body .right .cards-kyn .card-cont .card{position:static;width:230px;flex-shrink:0;height:auto;transform:none!important;animation:none}.s11 .s11-body .right .rb-orbit{display:none}}@media(min-width:769px){.s11-body{flex-direction:column;justify-content:center;align-items:center;gap:180px}.s11-body .left,.s11-body .right{width:100%}}@media(min-width:1201px){.s11-body{flex-direction:row;gap:20px}.s11-body .left,.s11-body .right{width:50%}}
