
/* Esquinas suaves. Animación exclusivamente al pasar el cursor en escritorio. */
@property --edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.btn,.btn.primary,.btn.ghost,.btn.light,.header-talk,.v10-catalog .btn{border-radius:10px!important;position:relative;isolation:isolate;transition:background .2s,border-color .2s;transform:none!important;box-shadow:none!important}
.btn::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--edge-angle),transparent 0deg,transparent 225deg,#2563eb 275deg,#10b981 320deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0}
@keyframes edge-orbit{to{--edge-angle:360deg}}
@media(min-width:861px) and (hover:hover) and (pointer:fine){.btn:hover::before{opacity:.65;animation:edge-orbit 4s linear infinite}.btn:hover{border-color:#477b9960}}
@media(max-width:860px),(hover:none),(pointer:coarse){.btn::before{display:none!important;animation:none!important}}
@media(prefers-reduced-motion:reduce){.btn:hover::before{animation:none!important}}
.software-boxes{position:relative;height:410px;width:100%;max-width:630px;align-self:center}.software-box{position:absolute;width:39%;filter:drop-shadow(0 20px 22px #0002)}.software-box .box-paper{width:100%;max-width:100%;height:auto}.box-0{left:0;top:12%;transform:rotate(-7deg);z-index:1}.box-1{left:24%;top:0;transform:rotate(-2deg);z-index:2}.box-2{left:45%;top:18%;transform:rotate(4deg);z-index:3}.box-3{left:66%;top:5%;transform:rotate(9deg);z-index:4}.box-print{position:absolute;inset:24% 22% 19% 23%;display:flex;flex-direction:column;align-items:start;color:#152c42;gap:4px}.box-print img{width:70%;height:auto;object-fit:contain;margin-bottom:10px}.box-print>span{font:600 12px Manrope,sans-serif;letter-spacing:-.03em}.box-print strong{font:700 15px/1.2 Manrope,sans-serif;letter-spacing:-.04em}.box-print i{display:block;margin-top:auto;width:90%;height:3px;background:linear-gradient(90deg,#2563eb,#10b981);opacity:.7}.product-rows{row-gap:15px}.product-row{padding:26px 0 30px}.conceptual-hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px}.conceptual-copy h1{max-width:17ch}.conceptual-copy .page-hero__lead{max-width:49ch}.solutions-art,.demo-art{height:330px;position:relative;isolation:isolate}.solution-node{position:absolute;background:linear-gradient(135deg,#163037dd,#142134ef);border:1px solid #35575a;border-radius:16px;padding:20px 23px;display:flex;gap:14px;align-items:center;color:#d4e5e5;box-shadow:0 20px 40px #0002;font-size:13px}.solution-node img{width:27px;height:27px}.node-a{left:0;top:15px;transform:rotate(-7deg)}.node-b{right:0;top:128px;transform:rotate(5deg)}.node-c{left:18px;bottom:8px;transform:rotate(-3deg)}.solution-core{position:absolute;left:30%;top:42%;padding:16px;border:1px solid #376859;border-radius:50%;background:#112c29}.solution-core img{width:30px;height:30px}.concept-line{position:absolute;left:25%;top:50px;width:52%;height:230px;border:1px solid #367c6980;border-left:0;border-radius:0 80px 80px 0}.knowledge-card{position:absolute;top:0;right:10px;width:220px;background:#142c31;border:1px solid #31534e;border-radius:15px;transform:rotate(6deg);padding:24px;color:#cee7dd;font-size:12px}.knowledge-card img{width:30px;margin-bottom:14px}.knowledge-card i{display:block;height:5px;border-radius:2px;background:#4c797780;width:85%;margin-top:13px}.knowledge-card i:last-child{width:60%}.question-card{position:absolute;left:0;top:133px;padding:19px 23px;background:#e4efec;color:#1c3938;border-radius:15px 15px 15px 4px;box-shadow:0 15px 35px #0002;font-size:14px;transform:rotate(-4deg)}.answer-card{position:absolute;right:0;bottom:0;display:flex;align-items:start;gap:15px;background:#172b43;border:1px solid #3c536f;padding:23px;border-radius:15px 15px 4px 15px;font-size:12px;transform:rotate(2deg)}.answer-card>img{width:27px}.thinking-dots{display:flex;gap:6px;margin-top:16px}.thinking-dots b{width:5px;height:5px;background:#70baa6;border-radius:50%}.detail-concept{position:relative;display:grid;gap:20px;max-width:440px;padding:30px 0;margin:auto}.detail-step{display:flex;align-items:center;gap:20px;padding:25px 30px;border:1px solid #32534e;border-radius:14px;background:linear-gradient(115deg,#14312f,#15253a);color:#d7e8e7;font-size:18px;box-shadow:0 18px 25px -25px #000}.detail-step img{width:35px;height:35px}.detail-conversa .detail-step:nth-child(2){margin-left:40px}.detail-conversa .detail-step:last-child{margin-left:80px}.detail-agentes{padding-left:30px;border-left:1px solid #326554}.detail-agentes .detail-step{border-radius:16px 16px 16px 3px}.detail-crm-integrado{grid-template-columns:1fr 1fr;gap:20px}.detail-crm-integrado .detail-step{flex-direction:column;padding:28px 20px;text-align:center;font-size:15px}.detail-crm-integrado .detail-step:last-child{grid-column:1/-1;flex-direction:row;justify-content:center}.detail-proyectos .detail-step{transform:rotate(-3deg)}.detail-proyectos .detail-step:nth-child(2){transform:rotate(3deg);margin-left:30px}.detail-proyectos .detail-step:last-child{margin-left:60px}
@media(max-width:1100px){.conceptual-hero{gap:30px;grid-template-columns:1.1fr .9fr}.software-boxes{height:340px}.box-print strong{font-size:12px}.box-print>span{font-size:10px}.box-print img{margin-bottom:6px}.solution-node{padding:17px 18px;font-size:12px}}
@media(max-width:700px){.conceptual-hero{grid-template-columns:1fr;gap:30px}.solutions-art,.demo-art{width:100%;max-width:410px;margin:auto;height:310px}.software-boxes{height:310px;max-width:440px;margin:10px auto 0;width:95%}.software-box{width:38%}.box-3{left:63%}.box-print>span{font-size:9px}.box-print strong{font-size:11px}.box-print{gap:3px}.box-print img{margin-bottom:6px}.detail-step{font-size:15px;padding:22px}.detail-conversa .detail-step:last-child{margin-left:35px}.detail-conversa .detail-step:nth-child(2){margin-left:18px}.detail-proyectos .detail-step:last-child{margin-left:30px}.detail-concept{max-width:100%}}

.software-box{width:32%}.box-0{left:0}.box-1{left:24%}.box-2{left:48%}.box-3{left:72%}.box-print strong{font-size:13px;overflow-wrap:normal}.box-print{right:20%}.box-print>span{font-size:11px}@media(max-width:700px){.software-boxes{height:255px}.box-print strong{font-size:9px}.box-print>span{font-size:8px}}
