html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF;color:#1F2B30;font-family:'Fira Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#1F2B30;text-decoration:none}
a:hover{color:#4A555B}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
@keyframes tb-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}
@keyframes tb-dash{to{stroke-dashoffset:-24}}
@keyframes tb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes tb-panel-sheen{0%{transform:translateX(-140%) rotate(12deg)}55%,100%{transform:translateX(240%) rotate(12deg)}}
@keyframes tb-value-pop{0%{transform:translateY(0);filter:none}45%{transform:translateY(-3px);filter:drop-shadow(0 5px 8px rgba(248,210,13,.24))}100%{transform:translateY(0);filter:none}}
.tb-live-panel{isolation:isolate}
.tb-live-panel:after{content:'';position:absolute;z-index:3;inset:-30% auto -30% -28%;width:18%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);opacity:.55;pointer-events:none;animation:tb-panel-sheen 6.8s ease-in-out infinite}
.tb-live-value{display:inline-block;min-width:2ch;font-variant-numeric:tabular-nums}
.tb-live-value.is-updating{animation:tb-value-pop .62s cubic-bezier(.22,.61,.36,1)}
.tb-live-bar{transition:height .75s cubic-bezier(.22,.61,.36,1),background-color .35s;transform-origin:bottom}
.tb-live-agent,.tb-live-status{display:inline-block;transition:opacity .18s,transform .18s}
.tb-live-agent.is-changing,.tb-live-status.is-changing{opacity:.15;transform:translateY(3px)}
.tb-live-panel.is-ticking{box-shadow:0 34px 78px rgba(31,43,48,.25),0 0 0 1px rgba(248,210,13,.14)}
@media(prefers-reduced-motion:reduce){.tb-live-panel:after{animation:none;display:none}.tb-live-value.is-updating{animation:none}.tb-live-bar,.tb-live-agent,.tb-live-status{transition:none}}
@keyframes tb-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tb-track{display:flex;width:max-content;gap:18px;animation:tb-marquee 42s linear infinite}
.tb-track:hover{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.tb-track{animation:none}}
.tb-logo{flex:none;width:186px;height:92px;background:#FFFFFF;border:1px solid rgba(31,43,48,.1);border-radius:14px;padding:14px 20px;box-shadow:0 4px 14px rgba(31,43,48,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
@keyframes tb-glow{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.95)}50%{opacity:.85;transform:translate(-50%,-50%) scale(1.05)}}
@keyframes tb-fadeup{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.tb-reveal{opacity:0}
.tb-reveal.tb-in{animation:tb-fadeup .7s cubic-bezier(.22,.61,.36,1) forwards}
@media (prefers-reduced-motion:reduce){.tb-reveal{opacity:1 !important;animation:none !important}}
.tb-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.tb-bento>*{grid-column:span 2}
.tb-bento>.tb-feat{grid-column:span 4}
@media(max-width:880px){.tb-bento{grid-template-columns:repeat(2,1fr)}.tb-bento>*,.tb-bento>.tb-feat{grid-column:span 2}}
@media(max-width:560px){.tb-bento{grid-template-columns:1fr}.tb-bento>*,.tb-bento>.tb-feat{grid-column:span 1}}
.tb-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4}
@media(max-width:880px){.tb-arrow{display:none}}
@media(max-width:900px){.tb-nav{display:none}}
.tb-input::placeholder{color:#9AA3A7}
.tb-acc{border:1px solid rgba(31,43,48,.1);border-radius:14px;background:#FFFFFF;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.tb-acc[open]{border-color:rgba(248,210,13,.55);box-shadow:0 14px 34px rgba(31,43,48,.08)}
.tb-acc+.tb-acc{margin-top:12px}
.tb-acc>summary{display:flex;align-items:center;gap:16px;padding:20px 22px;cursor:pointer}
.tb-acc>summary:hover{background:#FAFAF7}
.tb-acc[open]>summary{background:#FEF9E3}
.tb-acc-ic{margin-left:auto;flex:none;width:30px;height:30px;border-radius:50%;background:#F3F4F1;color:#1F2B30;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:transform .28s cubic-bezier(.22,.61,.36,1),background .2s}
.tb-acc[open] .tb-acc-ic{transform:rotate(135deg);background:#F8D20D}
.tb-acc-num{flex:none;width:34px;height:34px;border-radius:9px;background:#F8D20D;color:#1F2B30;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px;font-family:'Fira Sans',sans-serif}
.tb-acc[open] .tb-acc-num{background:#1F2B30;color:#F8D20D}
.tb-acc-body{padding:2px 24px 24px 72px}
@media(max-width:560px){.tb-acc-body{padding:2px 20px 22px 20px}}

/* Proceso: mantiene el apilado en escritorio y pasa a lectura vertical en móvil. */
@media(max-width:880px){
  .tb-process-head-wrap{padding:64px 22px 28px!important}
  .tb-process-stack{padding:0 22px 58px!important}
  .tb-process-step{position:relative!important;top:auto!important;margin-bottom:18px!important}
  .tb-process-step:last-child{margin-bottom:0!important}
  .tb-process-card{grid-template-columns:1fr!important;min-height:0!important;border-radius:17px!important;box-shadow:0 16px 34px rgba(31,43,48,.18)!important}
  .tb-process-copy{padding:30px 26px 27px!important}
  .tb-process-copy h3{font-size:24px!important}
  .tb-process-visual{padding:24px 26px 27px!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.09)!important}
}
@media(max-width:520px){
  .tb-process-head-wrap{padding:54px 18px 24px!important}
  .tb-process-stack{padding:0 18px 50px!important}
  .tb-process-title{font-size:31px!important;line-height:1.12!important;letter-spacing:-.025em!important}
  .tb-process-card{border-radius:15px!important}
  .tb-process-copy{padding:26px 21px 23px!important}
  .tb-process-copy h3{font-size:22px!important;margin-top:10px!important}
  .tb-process-copy p{font-size:14.5px!important;line-height:1.58!important}
  .tb-process-visual{padding:21px!important}
  .tb-process-visual>div{max-width:100%!important}
  .tb-process-kpis{gap:9px!important}
  .tb-process-kpis>div{padding:13px!important}
}
@media(max-width:350px){
  .tb-process-title{font-size:28px!important}
  .tb-process-head-wrap,.tb-process-stack{padding-left:14px!important;padding-right:14px!important}
  .tb-process-copy,.tb-process-visual{padding-left:18px!important;padding-right:18px!important}
}

/* Segunda revisión móvil: contenido interno estable entre 320 y 390 px. */
@media(max-width:520px){
  .tb-process-step,.tb-process-card{width:100%!important;max-width:100%!important}
  .tb-process-card,.tb-process-visual{overflow:hidden!important}
  .tb-process-list-row{display:grid!important;grid-template-columns:9px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;padding:12px 13px!important}
  .tb-process-list-row span{min-width:0}
  .tb-process-list-row span:nth-child(2){overflow-wrap:anywhere}
  .tb-process-list-row span:last-child{text-align:right;white-space:nowrap}
  .tb-process-chat{max-width:100%!important;overflow-wrap:anywhere}
  .tb-process-status{max-width:100%!important;line-height:1.4!important;white-space:normal!important}
}
@media(max-width:350px){
  .tb-process-kpis{grid-template-columns:1fr!important}
  .tb-process-kpis>div{min-width:0!important}
  .tb-process-list-row{grid-template-columns:9px minmax(0,1fr)!important}
  .tb-process-list-row span:last-child{grid-column:2;text-align:left;margin-top:-3px}
}