:root{--clr-soporte: #1F6FEB;--clr-soporte-dk: #1547A8;--clr-soporte-pale: rgba(31,111,235,.07);--clr-software: #107C10;--clr-software-dk: #0B5809;--clr-software-pale: rgba(16,124,16,.07);--clr-capacitacion: #4A4F57;--clr-capacitacion-dk: #23272F;--clr-capacitacion-pale:rgba(74,79,87,.08);--clr-presencia: #B8860B;--clr-presencia-dk: #7A5A07;--clr-presencia-pale: rgba(184,134,11,.07);--clr-tienda: #C62828;--clr-tienda-dk: #7F1D1D;--clr-tienda-pale: rgba(198,40,40,.08);--bg: #F6F6F6;--fg: #0A0A0A;--divider: rgba(0,0,0,.09);--header-h: 72px;--font-ui: "Inter", sans-serif;--font-display: "Space Grotesk", sans-serif;--ease-smooth: cubic-bezier(.4,0,.2,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--ease-cinematic: cubic-bezier(.77,0,.175,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}#root{width:100%;height:100%}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:1;transition:opacity .8s var(--ease-smooth)}body.has-active #bg-canvas{opacity:0}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;z-index:200;background:#f6f6f6d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .5s var(--ease-smooth),border-color .5s var(--ease-smooth);animation:fadeDown .7s var(--ease-smooth) both}.site-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--divider);transition:background .5s var(--ease-smooth)}body[data-active=soporte] .site-header{background:#1f6feb14}body[data-active=software] .site-header{background:#107c100f}body[data-active=capacitacion] .site-header{background:#4a4f571a}body[data-active=presencia] .site-header{background:#b8860b0f}body[data-active=tienda] .site-header{background:#c6282814}.header-logo{display:inline-flex;align-items:center;background:none;border:none;cursor:pointer;padding:.25rem 0;border-radius:6px;transition:opacity .2s}.header-logo:hover{opacity:.8}.header-logo:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:4px}.header-logo-image{display:block;height:48px;width:auto;max-width:min(42vw,540px);object-fit:contain}.btn-dashboard{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;background:#f6f6f6b8;border:1px solid rgba(35,39,47,.26);border-radius:7px;color:#23272ff0;font-family:var(--font-ui);font-size:.82rem;font-weight:500;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,color .3s}.btn-dashboard:hover{background:#ebebebeb;border-color:#23272f66;transform:translateY(-1px)}.btn-dashboard:focus-visible{outline:2px solid var(--fg);outline-offset:3px}body[data-active=soporte] .btn-dashboard,body[data-active=software] .btn-dashboard,body[data-active=capacitacion] .btn-dashboard,body[data-active=presencia] .btn-dashboard,body[data-active=tienda] .btn-dashboard{background:#f6f6f6d1;border-color:#23272f57;color:#23272ff0}body.has-active .btn-dashboard:hover{background:#eeeeeef5;border-color:#23272f75}.main-stage{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;z-index:1;overflow:hidden}.cols-wrapper{display:flex;height:100%;width:100%}.col{position:relative;flex:1;height:100%;cursor:pointer;overflow:hidden;border-right:1px solid var(--divider);outline:none;transition:flex .7s var(--ease-cinematic)}.col:last-child{border-right:none}.col:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;outline:3px solid #fff;outline-offset:-3px;border-radius:0;pointer-events:none}.col-fill{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .55s var(--ease-smooth)}.col[data-brand=soporte] .col-fill{background:linear-gradient(155deg,var(--clr-soporte) 0%,var(--clr-soporte-dk) 100%)}.col[data-brand=software] .col-fill{background:linear-gradient(155deg,var(--clr-software) 0%,var(--clr-software-dk) 100%)}.col[data-brand=capacitacion] .col-fill{background:linear-gradient(155deg,var(--clr-capacitacion) 0%,var(--clr-capacitacion-dk) 100%)}.col[data-brand=presencia] .col-fill{background:linear-gradient(155deg,var(--clr-presencia) 0%,var(--clr-presencia-dk) 100%)}.col[data-brand=tienda] .col-fill{background:linear-gradient(155deg,var(--clr-tienda) 0%,var(--clr-tienda-dk) 100%)}.col:not(.is-active):hover .col-fill{opacity:.06}.col-bg-num{position:absolute;bottom:-.1em;right:.25rem;font-family:var(--font-display);font-size:clamp(7rem,15vw,14rem);font-weight:800;letter-spacing:-.06em;color:#00000008;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;transition:color .4s,opacity .4s}.col.is-active .col-bg-num{color:#ffffff0a}.col-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 1.75rem;transition:opacity .35s var(--ease-smooth),transform .35s var(--ease-smooth)}.col-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:1.75rem}.col-num{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:#0a0a0a4d;transition:color .4s}.col-rule{flex:1;height:1px;background:var(--divider);transition:background .4s}.col-title{font-family:var(--font-display);font-size:clamp(1.6rem,2.2vw,2.8rem);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--fg);transition:color .3s,letter-spacing .3s}.col:not(.is-active):hover .col-title{letter-spacing:-.02em}.col[data-brand=capacitacion] .col-num{color:#0a0a0a4d}.col[data-brand=capacitacion] .col-rule{background:var(--divider)}.col[data-brand=capacitacion] .col-title{color:var(--fg)}.col[data-brand=capacitacion] .col-sub{color:#0a0a0a66}.col[data-brand=capacitacion] .col-arrow{color:#0a0a0a33}.col[data-brand=tienda] .col-rule{background:#c6282829}.col[data-brand=tienda] .col-title{color:var(--fg)}.col[data-brand=tienda] .col-sub{color:#0a0a0a75}.col[data-brand=tienda] .col-arrow{color:#c6282857}.col-sub{margin-top:.7rem;font-size:.78rem;font-weight:400;color:#0a0a0a66;line-height:1.5;transition:opacity .3s}.col-arrow{display:inline-block;margin-top:1.5rem;font-size:.85rem;color:#0a0a0a33;opacity:0;transform:translate(-6px);transition:opacity .3s,transform .3s,color .3s}.col:hover .col-arrow{opacity:1;transform:translate(0)}.col-accent-bar{position:absolute;bottom:0;left:0;right:0;height:3px;opacity:0;transition:opacity .3s,height .3s}.col[data-brand=soporte] .col-accent-bar{background:var(--clr-soporte)}.col[data-brand=software] .col-accent-bar{background:var(--clr-software)}.col[data-brand=capacitacion] .col-accent-bar{background:var(--clr-capacitacion)}.col[data-brand=presencia] .col-accent-bar{background:var(--clr-presencia)}.col[data-brand=tienda] .col-accent-bar{background:var(--clr-tienda)}.col:not(.is-active):hover .col-accent-bar{opacity:1}.col-inactive-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);white-space:nowrap;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0a0a0a38;opacity:0;pointer-events:none;transition:opacity .4s .25s,color .3s}.col[data-brand=soporte] .col-inactive-label{color:#1f6febb3}.col[data-brand=software] .col-inactive-label{color:#107c1099}.col[data-brand=capacitacion] .col-inactive-label{color:#4a4f5766}.col[data-brand=presencia] .col-inactive-label{color:#b8860b99}.col[data-brand=tienda] .col-inactive-label{color:#c62828a8}body.has-active .col.is-active{flex:3.5;z-index:20}body.has-active .col:not(.is-active){flex:.4;cursor:pointer}body.has-active .col.is-active .col-fill{opacity:1}body.has-active .col.is-active .col-content{opacity:0;pointer-events:none}body.has-active .col.is-active .col-accent-bar{opacity:0}body.has-active .col.is-active .col-bg-num{color:#ffffff0a}body.has-active .col:not(.is-active) .col-content{opacity:0;pointer-events:none}body.has-active .col:not(.is-active) .col-inactive-label{opacity:1}body.has-active .col:not(.is-active):hover .col-fill{opacity:.09}.col-expanded{position:absolute;top:0;right:0;bottom:0;left:0;padding:clamp(1.5rem,3vw,3.5rem);overflow-y:auto;overflow-x:hidden;opacity:0;pointer-events:none;display:flex;flex-direction:column;transition:opacity .45s .25s var(--ease-smooth)}.col-expanded::-webkit-scrollbar{width:4px}.col-expanded::-webkit-scrollbar-track{background:#ffffff14}.col-expanded::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:2px}body.has-active .col.is-active .col-expanded{opacity:1;pointer-events:auto}.exp-num{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffff73;margin-bottom:.6rem}.exp-name{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,5.5rem);font-weight:800;letter-spacing:-.04em;line-height:.92;color:#fff;margin-bottom:.85rem;animation:none}.exp-value{font-size:clamp(.85rem,1.1vw,1.05rem);font-weight:300;line-height:1.6;color:#ffffffb8;max-width:520px;margin-bottom:1.25rem}.exp-message{display:inline-block;font-size:clamp(.95rem,1.2vw,1.3rem);font-weight:600;font-style:italic;color:#ffffffe0;border-left:3px solid rgba(255,255,255,.35);padding-left:1rem;margin-bottom:2.5rem}.exp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem;margin-bottom:2rem;flex:1}.svc-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:1.2rem;transition:background .25s var(--ease-smooth),border-color .25s var(--ease-smooth),transform .25s var(--ease-spring)}.svc-card:hover{background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-3px)}.svc-icon{width:32px;height:32px;color:#ffffffd9;margin-bottom:.7rem}.svc-icon svg{width:100%;height:100%}.svc-title{font-size:.85rem;font-weight:600;color:#fff;margin-bottom:.3rem;letter-spacing:-.01em}.svc-desc{font-size:.74rem;font-weight:400;color:#ffffff94;line-height:1.5}.exp-cta{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;flex-wrap:wrap}.btn-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.4);border-radius:8px;color:#fff;font-family:var(--font-ui);font-size:.85rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .2s,border-color .2s,transform .2s var(--ease-spring);white-space:nowrap}.btn-cta:hover{background:#ffffff38;border-color:#ffffffa6;transform:translateY(-2px)}.btn-cta:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:3px}.btn-cta-ghost{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;color:#ffffff8c;font-family:var(--font-ui);font-size:.82rem;cursor:pointer;transition:color .2s}.btn-cta-ghost:hover{color:#ffffffe6}.center-brand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none;z-index:10;visibility:visible;transition:opacity .4s var(--ease-smooth),transform .4s var(--ease-smooth),visibility 0s 0s;animation:fadeUp .9s var(--ease-smooth) .5s both}body.has-active .center-brand{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9);visibility:hidden;transition:opacity .4s var(--ease-smooth),transform .4s var(--ease-smooth),visibility 0s .4s}.cb-logo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;width:54px;height:54px;margin-bottom:1.25rem}.cb-sq{border-radius:4px}.cb-sq--1{background:var(--clr-soporte)}.cb-sq--2{background:var(--clr-software)}.cb-sq--3{background:var(--clr-presencia)}.cb-sq--4{background:var(--clr-capacitacion)}.cb-wordmark{display:flex;gap:.3em;align-items:baseline}.cb-torre{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;letter-spacing:-.04em;color:var(--fg)}.cb-digital{font-family:var(--font-display);font-size:clamp(.85rem,1.2vw,1.1rem);font-weight:400;letter-spacing:.22em;color:#0a0a0a61}.cb-tagline{margin-top:.45rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#0a0a0a59}.cb-pills{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:center;margin-top:1.4rem}.cb-pill{padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff}.cb-pill--soporte{background:var(--clr-soporte)}.cb-pill--software{background:var(--clr-software)}.cb-pill--capacitacion{background:var(--clr-capacitacion)}.cb-pill--presencia{background:var(--clr-presencia)}.cb-pill--tienda{background:var(--clr-tienda)}.cb-hint{margin-top:1.4rem;font-size:.72rem;color:#0a0a0a38;letter-spacing:.04em;display:flex;align-items:center;gap:.6rem}.hint-arr{display:inline-block;animation:hintPulse 2.2s ease-in-out infinite}.hint-arr--left{animation-direction:reverse}.hint-arr--right{animation-delay:1.1s}.btn-back{position:fixed;bottom:2rem;left:2rem;width:46px;height:46px;border-radius:50%;background:#ffffff24;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:300;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .4s var(--ease-spring),transform .4s var(--ease-spring),background .2s,border-color .2s}.btn-back:not([hidden]){opacity:1;transform:translateY(0);pointer-events:auto}.btn-back:hover{background:#ffffff40;border-color:#ffffff8c;transform:translateY(-2px) scale(1.06)}.btn-back:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:3px}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,-50%) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}@keyframes hintPulse{0%,to{opacity:.25;transform:translate(0)}50%{opacity:.65;transform:translate(4px)}}@keyframes cardIn{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes colEntrance{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.col{animation:colEntrance .7s var(--ease-smooth) both}.col:nth-child(1){animation-delay:.1s}.col:nth-child(2){animation-delay:.2s}.col:nth-child(3){animation-delay:.3s}.col:nth-child(4){animation-delay:.4s}.col:nth-child(5){animation-delay:.5s}.svc-card.entering{animation:cardIn .5s var(--ease-spring) both}.svc-card.entering:nth-child(1){animation-delay:.25s}.svc-card.entering:nth-child(2){animation-delay:.33s}.svc-card.entering:nth-child(3){animation-delay:.41s}.svc-card.entering:nth-child(4){animation-delay:.49s}.svc-card.entering:nth-child(5){animation-delay:.57s}.svc-card.entering:nth-child(6){animation-delay:.65s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 900px){.exp-grid{grid-template-columns:repeat(2,1fr)}.exp-name{font-size:clamp(2rem,6vw,3.5rem)}}@media (max-width: 640px){:root{--header-h: 60px}html,body{overflow:hidden}.main-stage{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;overflow:hidden}body.has-active .main-stage{overflow-y:auto}.cols-wrapper{flex-direction:column;height:100%;width:100%}.col{flex:1!important;height:auto;border-right:none;border-bottom:1px solid var(--divider);transition:flex .6s var(--ease-cinematic)}.col:last-child{border-bottom:none}body.has-active .col.is-active{flex:10!important}body.has-active .col:not(.is-active){flex:.6!important;min-height:52px}body.has-active .col:not(.is-active) .col-content{opacity:1;pointer-events:none}.col-content{flex-direction:row;align-items:center;padding:.85rem 1.25rem;gap:.85rem;justify-content:flex-start}.col-meta{margin-bottom:0;flex-shrink:0}.col-title{font-size:1.3rem}.col-sub,.col-arrow,.col-bg-num,.col-inactive-label{display:none}.col-expanded{padding:1.5rem 1.25rem 5rem;overflow-y:auto}.exp-grid{grid-template-columns:1fr}.exp-name{font-size:2.5rem}.center-brand{display:none}.btn-back{bottom:1.25rem;left:1.25rem}.header-logo-image{height:36px;max-width:68vw}.site-header{padding:0 1.25rem}}