/* VanguardIA — estilos del sitio */
body{margin:0;background:#101B21}
a{color:#6BE08C}a:hover{color:#2C96FF}
html{scroll-behavior:smooth}
.vg-desk{display:flex}
.vg-mob{display:none}
@media (max-width: 900px){.vg-desk{display:none !important}.vg-mob{display:flex !important}}
.vg-grid{background-image:linear-gradient(rgba(242,245,243,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(242,245,243,0.05) 1px,transparent 1px);background-size:64px 64px}
.vg-drift{animation:vgdrift 28s linear infinite}
@keyframes vgdrift{to{background-position:64px 64px,64px 64px}}
.vg-track{scrollbar-width:none}
.vg-track::-webkit-scrollbar{display:none}
.vg-marquee{animation:vgscroll 38s linear infinite}
@keyframes vgscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes vgup{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.vg-in{animation:vgup .9s cubic-bezier(.2,.7,.2,1) both}
.vg-d1{animation-delay:.1s}.vg-d2{animation-delay:.2s}.vg-d3{animation-delay:.3s}.vg-d4{animation-delay:.45s}
@supports (animation-timeline: view()){.vg-rv{animation:vgup linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}
.vg-blink{animation:vgblink 1.4s steps(2,start) infinite}
@keyframes vgblink{to{opacity:.25}}
.vg-nl{position:relative;transition:color .25s}
.vg-nl::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--acc,#6BE08C);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.vg-nl:hover{color:#F2F5F3 !important}.vg-nl:hover::after{transform:scaleX(1)}
.vg-btn{transition:filter .2s,background-color .25s,color .25s}
.vg-btn:hover{filter:brightness(1.08)}
.vg-btn .vg-arr{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.vg-btn:hover .vg-arr{transform:translateX(5px)}
.vg-ghost:hover{background:rgba(242,245,243,0.08) !important}
.vg-logowrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.vg-logos{animation:vgscroll 36s linear infinite}
.vg-logowrap:hover .vg-logos{animation-play-state:paused}
.vg-logo{opacity:.72;transition:opacity .3s,transform .3s}
.vg-logo:hover{opacity:1;transform:translateY(-2px)}
.vg-card{flex:1 1 220px;transition:background-color .35s}
.vg-tabbtn:hover{background-color:rgba(242,245,243,0.06) !important;color:#F2F5F3 !important}
@media (max-width: 600px){.vg-tabs{width:100%}.vg-tabs button{padding:0 10px !important;font-size:15px !important}}
.vg-card:hover{background-color:#14242C !important}
.vg-card .vg-ico{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.vg-card:hover .vg-ico{transform:translateY(-4px)}
.vg-row{transition:padding .3s cubic-bezier(.2,.7,.2,1),color .25s}
.vg-row:hover{padding-left:10px !important;color:var(--acc,#6BE08C) !important}
.vg-row .vg-arr{transition:transform .3s}
.vg-row:hover .vg-arr{transform:translateX(4px)}
.vg-pk{transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s}
.vg-pk:hover{transform:translateY(-6px);border-color:var(--acc,#6BE08C) !important}
.vg-media{overflow:hidden}
.vg-media video,.vg-media img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.vg-vcard:hover .vg-media video,.vg-pcard:hover img{transform:scale(1.04)}
.vg-top{position:fixed;right:20px;bottom:20px;z-index:60;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s,transform .3s cubic-bezier(.2,.7,.2,1)}
.vg-top.is-on{opacity:1;transform:none;pointer-events:auto}
.vg-top:hover{filter:brightness(1.1)}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}html{scroll-behavior:auto}}

/* --- export additions --- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
img,video{max-width:none}
.vg-tab{background:transparent;border:none;color:#9AA8AE;font-family:'Funnel Display',sans-serif;font-weight:700;font-size:17px;height:50px;padding:0 26px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;flex:1 1 0;white-space:nowrap;transition:background-color .25s,color .25s}
.vg-tab:hover{background-color:rgba(242,245,243,0.06);color:#F2F5F3}
.vg-tab .vg-tab-num{font-size:12px;opacity:.6}
.vg-tab.is-active,.vg-tab.is-active:hover{background-color:#6BE08C;color:#101B21}
.vg-tab:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #2C96FF;outline-offset:3px}
.vg-panel-in{animation:vgup .6s cubic-bezier(.2,.7,.2,1) both}
