.te-flujo{container:teflujo / inline-size}.te-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}.te-step{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:18px;background:#faf8f5;border:1px solid #E6E0E4;min-width:0;transition:border-color .35s ease,box-shadow .35s ease}.te-step.is-now{border-color:#17131b;box-shadow:0 22px 44px -28px #17131b80}.te-step__head{display:flex;align-items:center;justify-content:space-between;gap:8px;height:26px;flex:none}.te-step__n{font:800 26px/1 Archivo,sans-serif;letter-spacing:-.02em;color:#b03553}.te-who{display:inline-flex;align-items:center;height:26px;padding:0 10px;box-sizing:border-box;border-radius:999px;border:1px solid #17131B;font:600 10.5px/1 JetBrains Mono,monospace;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:#17131b}.te-who--negocio{background:#b03553;border-color:#b03553;color:#fff}.te-who--mp{background:#17131b;color:#fff}.te-step__txt{display:flex;flex-direction:column;gap:8px}.te-step__txt h3{margin:0;font:800 19px/1.15 Archivo,sans-serif;letter-spacing:-.01em;min-height:2.3em;text-wrap:balance}.te-step__txt p{margin:0;font-size:15px;line-height:1.45;color:#4a4350}.te-shot{position:relative;flex:none;width:100%;aspect-ratio:4 / 5;min-height:0;box-sizing:border-box;padding:6px;border-radius:16px;background:#17131b;container-type:inline-size}.te-screen{height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border-radius:11px;background:#fff;color:#17131b;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:clamp(9.5px,5.5cqw,15px);line-height:1.25}.te-screen b{font-weight:700}.te-screen small{font:500 .8em/1.1 JetBrains Mono,monospace;color:#5c5360}.te-screen i,.te-screen em{font-style:normal}.te-top{display:flex;align-items:center;gap:.55em;padding:.7em .8em;border-bottom:1px solid #EEE7EC;flex:none}.te-top b{flex:1;min-width:0;font:800 1em/1.1 Archivo,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.te-logo{width:1.5em;height:1.5em;border-radius:.45em;background:#b03553;flex:none}.te-logo--ink{background:#17131b}.te-avatar{width:1.7em;height:1.7em;border-radius:2em;background:#835e8a;color:#fff;display:grid;place-items:center;font:700 .8em/1 JetBrains Mono,monospace;flex:none}.te-screen small.te-wa{color:#1e7a43;font-weight:600}.te-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:.5em;padding:.75em .8em .8em}.te-main--center{align-items:center;text-align:center;gap:.6em;padding-top:1.3em}.te-btn{margin-top:auto;flex:none;display:flex;align-items:center;justify-content:center;height:2.6em;border-radius:.7em;background:#b03553;color:#fff;font-weight:700;font-size:.95em;white-space:nowrap;align-self:stretch}.te-btn--wa{background:#1e7a43}.te-btn--ink{background:#17131b}.te-prod{display:flex;align-items:center;gap:.6em;padding:.45em;border-radius:.7em;border:1px solid #E6E0E4}.te-prod span{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25em}.te-prod b{font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.te-prod em{width:1.9em;height:1.9em;border-radius:.55em;background:#f4eef2;display:grid;place-items:center;font:700 .9em/1 JetBrains Mono,monospace;flex:none}.te-thumb{width:2.4em;height:2.4em;border-radius:.55em;flex:none}.te-thumb--a{background:linear-gradient(135deg,#ead9de,#d9b8c2)}.te-thumb--b{background:linear-gradient(135deg,#e6e0ea,#c9bad0)}.te-field{display:flex;align-items:center;justify-content:space-between;gap:.6em;height:2.2em;padding:0 .65em;border-radius:.6em;background:#faf8f5;border:1px solid #E6E0E4;flex:none}.te-field span{font-weight:600;font-size:.92em;white-space:nowrap}.te-check{width:3em;height:3em;border-radius:3em;background:#e6f5ec;color:#1e7a43;display:grid;place-items:center;flex:none}.te-check svg{width:1.6em;height:1.6em}.te-big{font:800 1.25em/1.1 Archivo,sans-serif}.te-folio{font:600 .9em/1 JetBrains Mono,monospace;padding:.55em .8em;border-radius:99px;border:1px dashed #B03553;color:#b03553;white-space:nowrap}.te-sub{font-size:.95em;color:#4a4350}.te-order{display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:.55em .6em;border-radius:.7em;border:1px solid #E6E0E4}.te-order.is-on{border-color:#17131b;background:#f4eef2}.te-order span{min-width:0;display:flex;flex-direction:column;gap:.3em}.te-order b{font:600 .9em/1 JetBrains Mono,monospace}.te-order small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.te-chip{display:inline-flex;align-items:center;height:1.9em;padding:0 .6em;border-radius:99px;border:1px solid #C9BFC7;color:#5c5360;font:600 .74em/1 JetBrains Mono,monospace;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex:none}.te-chip--nuevo{border-color:#b03553;color:#b03553}.te-chip--ok{border-color:#1e7a43;background:#e6f5ec;color:#1e7a43}.te-msg{max-width:88%;padding:.6em .7em;border-radius:.85em;font-size:.95em;line-height:1.3}.te-msg--in{align-self:flex-start;background:#f4eef2;border-bottom-left-radius:.25em}.te-msg--out{align-self:flex-end;background:#ddf3e4;border-bottom-right-radius:.25em}.te-pay{align-self:flex-end;width:88%;box-sizing:border-box;display:flex;flex-direction:column;gap:.4em;padding:.7em;border-radius:.85em;border:1.5px solid #17131B;background:#fff}.te-pay b{font:800 1.2em/1 Archivo,sans-serif}.te-screen small.te-pay__url{color:#b03553}.te-input{margin-top:auto;flex:none;display:flex;align-items:center;height:2.4em;padding:0 .9em;border-radius:2em;border:1px solid #E6E0E4;background:#faf8f5;color:#5c5360;font-size:.9em;white-space:nowrap}.te-line{display:flex;align-items:center;gap:.6em;font-size:.95em;font-weight:600}.te-line i{width:1.3em;height:1.3em;border-radius:2em;background:#1e7a43;flex:none;position:relative}.te-line i:after{content:"";position:absolute;left:32%;top:22%;width:26%;height:42%;border:solid #FFFFFF;border-width:0 .14em .14em 0;transform:rotate(45deg)}.te-conf{margin-top:.2em;font:600 .8em/1.3 JetBrains Mono,monospace;color:#1e7a43;padding:.6em .65em;border-radius:.6em;background:#e6f5ec}.te-step:not(:last-child) .te-shot:after{content:"";position:absolute;top:50%;right:-29px;width:22px;height:22px;margin-top:-11px;border-radius:22px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317131B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12h12M13 7l5 5-5 5'/%3E%3C/svg%3E") center / 12px no-repeat;border:1px solid #DCD4DA;z-index:1}@container teflujo (max-width: 1159px){.te-steps{grid-template-columns:minmax(0,1fr)}.te-step{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-areas:"shot head" "shot txt";grid-template-rows:auto 1fr;column-gap:24px;row-gap:14px;padding:18px}.te-step__head{grid-area:head;justify-content:flex-start;gap:12px}.te-shot{grid-area:shot}.te-step__txt{grid-area:txt}.te-step__txt h3{min-height:0;font-size:22px}.te-step__txt p{font-size:16px;max-width:46ch}.te-step:not(:last-child) .te-shot:after{display:none}}@container teflujo (max-width: 559px){.te-step{display:flex;flex-direction:column;padding:16px}.te-shot{width:min(100%,260px)}}@media(prefers-reduced-motion:reduce){.te-step{transition:none}}.cw-mant:hover b{color:#b03553}
