.tecla-top{background:#fffffff2}.tecla-brand{font-weight:900;letter-spacing:.08em;color:#092d5c}.tecla-brand i{color:#ff8b22;font-style:normal}.tecla-brand small{font-size:.7rem;letter-spacing:0;color:#617896}.tecla-top .links .active{color:#1268d6}.tecla-demo{padding:68px 0 82px;background:radial-gradient(circle at 88% 6%,#cfeaff 0,transparent 28%),linear-gradient(145deg,#fff 10%,#f1f8ff 78%)}.tecla-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:42px;align-items:center;max-width:920px;margin:0 auto 34px}.tecla-intro h1{margin:8px 0 16px;font-size:clamp(2.7rem,5vw,4.7rem);letter-spacing:-.065em;line-height:1}.tecla-intro h1 span{color:#1268d6}.tecla-intro p{max-width:610px;margin:0;color:#5b738f;font-size:1.12rem}.demo-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.demo-tags span{padding:6px 11px;border-radius:999px;background:#e6f2ff;color:#1268d6;font-size:.8rem;font-weight:800}.tecla-side{min-height:190px;display:flex;align-items:center;justify-content:center;gap:15px;padding:14px 18px;border-radius:25px;background:#092d5c;color:#fff;box-shadow:0 20px 40px #0b376121}.tecla-side img{width:104px;height:162px;object-fit:cover;object-position:top;border-radius:16px}.tecla-side p{margin:0;color:#d5e8ff;font-size:.92rem}.chat-card{max-width:920px;margin:auto;overflow:hidden;border:1px solid #d8e8f7;border-radius:28px;background:#fff;box-shadow:0 22px 55px #0b376121}.chat-head{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(110deg,#082d5f,#1268d6);color:#fff}.chat-person{display:flex;align-items:center;gap:12px;min-width:0}.chat-person img{width:48px;height:48px;object-fit:cover;object-position:top;border-radius:14px;background:#fff}.chat-head strong,.chat-head small{display:block}.chat-head small{margin-top:3px;color:#c8e2ff;font-size:.8rem}.online{display:flex!important;align-items:center;gap:6px;white-space:nowrap;font-size:.82rem!important;color:#d6e9ff!important}.online i{width:8px;height:8px;border-radius:50%;background:#8de0b4;box-shadow:0 0 0 3px #8de0b422}.messages{height:350px;overflow:auto;padding:24px;background:linear-gradient(180deg,#f6fbff,#fff);display:flex;flex-direction:column;gap:12px}.message{max-width:min(82%,570px);padding:13px 16px;border-radius:18px;line-height:1.45}.message.tecla{align-self:flex-start;background:#e3f1ff;color:#092d5c;border-bottom-left-radius:5px}.message.user{align-self:flex-end;background:#1268d6;color:#fff;border-bottom-right-radius:5px}.quick{display:flex;gap:8px;flex-wrap:wrap;padding:14px 18px 4px;background:#fff}.quick button{border:1px solid #c9ddf4;border-radius:999px;background:#fff;color:#1268d6;padding:8px 12px;font:700 .82rem Arial;cursor:pointer}.quick button:hover{background:#eaf4ff}.chat-form{display:flex;gap:10px;padding:12px 18px}.chat-form input{min-width:0;flex:1;border:1px solid #c4d8ed;border-radius:999px;padding:13px 16px;font:inherit;color:#092d5c}.chat-disclaimer{margin:0;padding:0 20px 18px;color:#647d9a;font-size:.78rem}.tecla-kiosk-section{padding-top:58px;background:#fff}.chat-kiosk{max-width:920px;margin:auto;padding:27px;border-radius:24px;background:#061e40;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.chat-kiosk h2{margin:6px 0 8px}.chat-kiosk p{max-width:690px;margin:0;color:#bcd5ef}.voice-note{max-width:920px;margin:13px auto 0;color:#647d9a;font-size:.8rem}@media(max-width:760px){.tecla-demo{padding:43px 0 56px}.tecla-intro{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.tecla-intro h1{font-size:3rem}.tecla-intro p{font-size:1.05rem}.tecla-side{justify-content:flex-start;min-height:116px}.tecla-side img{width:70px;height:98px}.chat-card{border-radius:22px}.chat-head{padding:14px}.chat-head small{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online{font-size:.72rem!important}.messages{height:320px;padding:17px}.quick{padding:12px 14px 3px}.chat-form{padding:12px 14px;flex-direction:column}.chat-form .btn{width:100%}.chat-disclaimer{padding:0 14px 16px}.chat-kiosk{align-items:flex-start;flex-direction:column;padding:23px}.chat-kiosk .btn{width:100%}}@media(max-width:420px){.tecla-top .links{display:none}.tecla-side{display:none}.online{font-size:0!important}.online i{width:9px;height:9px}.message{max-width:90%}}