html:has(.smg-lp),body:has(.smg-lp){overflow-x:clip!important} .container:has(.smg-lp),.content:has(.smg-lp),.entry-content-wrapper:has(.smg-lp),.post-entry:has(.smg-lp),.av_textblock_section:has(.smg-lp),.avia_textblock:has(.smg-lp),.elementor-widget-html:has(.smg-lp),.elementor-widget-container:has(.smg-lp){padding:0!important;margin:0!important;max-width:none!important;background:transparent!important} .smg-lp{--o:#F28D28;--ink:#050708;--s1:#0c0f12;--s2:#13171b;--tx:#e9ecef;--mu:#9aa3ab;--ln:rgba(255,255,255,.09); font-family:'Red Hat Display',-apple-system,'Segoe UI',sans-serif!important;background:var(--ink)!important;color:var(--tx)!important;-webkit-font-smoothing:antialiased;line-height:1.6!important;font-size:17px!important} .smg-lp *,.smg-lp *::before,.smg-lp *::after{box-sizing:border-box} .smg-fw{width:100vw!important;max-width:100vw!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;position:relative!important} .smg-wrap{max-width:1280px!important;margin:0 auto!important;padding:0 24px!important} .smg-lp p{color:var(--tx)!important;margin:0 0 1em!important;font-size:17px!important} .smg-lp a{color:var(--o)!important;text-decoration:none!important} .smg-lp a:hover{text-decoration:underline!important} .smg-mono{font-family:'Red Hat Mono',ui-monospace,Consolas,monospace!important} .smg-lp h1,.smg-lp h2,.smg-lp h3{color:#fff!important;font-family:inherit!important;text-transform:none!important} /* hero */ .smg-hero{background:radial-gradient(120% 90% at 85% 40%,#15100a 0%,var(--ink) 55%)!important;padding:72px 0 88px!important} .smg-hero-grid{display:grid!important;grid-template-columns:.9fr 1.25fr!important;gap:40px!important;align-items:center!important} .smg-bc{font-size:14px!important;color:var(--mu)!important;margin-bottom:28px!important} .smg-lp .smg-bc a{color:var(--mu)!important} .smg-h1{font-size:clamp(1.9rem,3vw,2.75rem)!important;white-space:nowrap;font-weight:900!important;line-height:1!important;letter-spacing:-.035em!important;margin:0 0 24px!important;word-break:break-word} .smg-h1 span{display:block!important;font-weight:500!important;font-size:.42em!important;letter-spacing:0!important;color:var(--o)!important;margin-bottom:10px!important} .smg-lede{font-size:20px!important;line-height:1.5!important;color:#cfd5da!important;max-width:34em} .smg-ctas{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:22px!important;margin-top:30px!important} .smg-lp .smg-btn{display:inline-block!important;background:var(--o)!important;color:#111!important;font-weight:700!important;padding:15px 28px!important;border-radius:4px!important;transition:transform .15s,background .15s!important} .smg-lp .smg-btn:hover{background:#ffa24a!important;text-decoration:none!important;transform:translateY(-1px)} .smg-lp .smg-link{color:#fff!important;border-bottom:1px solid var(--o)!important} .smg-lp .smg-link:hover{text-decoration:none!important;color:var(--o)!important} .smg-fig{margin:0!important;text-align:center} .smg-fig figcaption{margin-top:14px!important;font-size:13px!important;color:var(--mu)!important;letter-spacing:.04em} .smg-svg{width:100%!important;max-height:600px!important;height:auto!important;filter:drop-shadow(0 30px 50px rgba(0,0,0,.6))} .c-body{fill:url(#smgbody);stroke:var(--st,#353c43);stroke-width:1.5} .c-ear{fill:#14171a} .c-zone{fill:transparent;stroke:transparent;stroke-width:1.5;transition:fill .25s,stroke .25s} .c-bay{fill:#0e1114;stroke:#30373e} .c-gpu{fill:#101316;stroke:#2c3238} .c-fan{fill:none;stroke:#3a4249;stroke-width:2;stroke-dasharray:3 4} .c-vent{fill:#0b0d0f} .c-port{fill:#0b0d0f;stroke:#4a535b} .c-led{fill:var(--o);animation:smgled 2.4s ease-in-out infinite} @keyframes smgled{50%{opacity:.35}} .smg-svg g.on .c-zone{fill:rgba(242,141,40,.12);stroke:var(--o)} .smg-svg g.on .c-fan{stroke:var(--o);animation:smgspin 1.2s linear infinite;transform-box:fill-box;transform-origin:center} @keyframes smgspin{to{transform:rotate(360deg)}} /* secciones */ .smg-sec{padding:96px 0!important} .smg-s1{background:var(--ink)!important} .smg-s2{background:var(--ink)!important} .smg-s3{background:var(--ink)!important} .smg-s4{background:var(--ink)!important} .smg-h2{font-size:clamp(1.6rem,2.8vw,2.3rem)!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.15!important;margin:0 0 22px!important} .smg-h3{font-size:1.25rem!important;font-weight:700!important;margin:36px 0 12px!important} .smg-cols{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:56px!important;align-items:start!important} .smg-prose{max-width:780px!important} .smg-ext::after{content:" ↗"} /* tablas */ .smg-lp table{width:100%!important;border-collapse:collapse!important;margin:0!important;border:0!important;background:transparent!important} .smg-lp th,.smg-lp td{background:transparent!important;border:0!important;border-bottom:1px solid var(--ln)!important;padding:14px 12px!important;text-align:left!important;vertical-align:top!important;color:var(--tx)!important;font-size:16px!important} .smg-lp tr{background:transparent!important} .smg-spec th{width:34%!important;color:var(--mu)!important;font-weight:500!important} .smg-spec td{font-family:'Red Hat Mono',ui-monospace,monospace!important;font-size:15px!important} .smg-spec tr[data-z]{cursor:default;transition:background .2s} .smg-spec tr.on th,.smg-spec tr.on td{background:rgba(242,141,40,.08)!important} .smg-spec tr.on th{color:var(--o)!important} .smg-cmp thead th{color:var(--mu)!important;font-weight:500!important;font-size:14px!important} .smg-cmp tbody th{font-family:'Red Hat Mono',ui-monospace,monospace!important;font-weight:500!important;white-space:nowrap} .smg-scroll{overflow-x:auto!important} /* faq */ .smg-lp details{border-bottom:1px solid var(--ln)!important;padding:4px 0!important} .smg-lp summary{cursor:pointer;font-weight:700!important;font-size:18px!important;padding:16px 0!important;list-style:none;color:#fff!important} .smg-lp summary::-webkit-details-marker{display:none} .smg-lp summary::after{content:"+";float:right;color:var(--o);font-weight:400;transition:transform .2s} .smg-lp details[open] summary::after{transform:rotate(45deg)} .smg-lp details p{color:#cfd5da!important} /* cierre */ .smg-cta{background:var(--ink)!important;padding:96px 0 120px!important} .smg-lp .smg-cta .smg-h2{font-size:clamp(2rem,4vw,3.4rem)!important;max-width:15em} .smg-lp .smg-cta p{color:#cfd5da!important;max-width:40em} /* transiciones ligadas al scroll, distintas por sección; sin soporte = estado final */ @supports (animation-timeline:view()){ @media (prefers-reduced-motion:no-preference){ .smg-s1{animation:smgsheet linear both;animation-timeline:view();animation-range:entry 0% entry 60%} .smg-s2 .smg-wrap{animation:smgblur linear both;animation-timeline:view();animation-range:entry 10% entry 70%} .smg-s3{animation:smgclip linear both;animation-timeline:view();animation-range:entry 0% entry 70%} .smg-s4 details{animation:smgrise linear both;animation-timeline:view();animation-range:entry 0% entry 100%} @keyframes smgsheet{from{transform:translateY(80px);border-radius:60px 60px 0 0}} @keyframes smgblur{from{opacity:0;filter:blur(10px)}} @keyframes smgclip{from{clip-path:inset(0 8% 0 8% round 24px)}} @keyframes smgrise{from{opacity:0;transform:translateY(24px)}} } } @media (prefers-reduced-motion:reduce){.c-led,.smg-svg g.on .c-fan{animation:none!important}} @media (max-width:860px){ .smg-hero{padding:40px 0 64px!important} .smg-hero-grid,.smg-cols{grid-template-columns:1fr!important;gap:32px!important} .smg-fig{order:-1} .smg-svg{max-height:300px!important} .c-cota{display:none} .smg-sec{padding:64px 0!important} .smg-wrap{padding:0 16px!important} .smg-lede{font-size:18px!important} .smg-h1{white-space:normal!important} .smg-cmp thead{display:none} .smg-cmp tr{display:block!important;border-bottom:1px solid var(--ln)!important;padding:10px 0!important} .smg-cmp th,.smg-cmp td{display:block!important;border:0!important;padding:3px 0!important} .smg-spec th{width:40%!important} } .c-cota polyline{fill:none;stroke:rgba(255,255,255,.28);stroke-width:1;stroke-dasharray:2 3;transition:stroke .2s} .c-cota circle{fill:var(--o)} .c-cota text{font-family:"Red Hat Mono",ui-monospace,monospace;font-size:17px;fill:#e9ecef} .c-cota .k{fill:#8b949c;font-family:"Red Hat Display",sans-serif;font-size:15px} .smg-svg g.c-cota.on polyline{stroke:var(--o);stroke-dasharray:none} .smg-svg g.c-cota.on text{fill:var(--o)} /* ── hero ── */ .smg-hh{padding:96px 0 120px!important;overflow:hidden!important} .smg-hub-hero{grid-template-columns:1fr 1.1fr!important;position:relative;z-index:2} .smg-lp .smg-kick{color:var(--o)!important;font-size:15px!important;letter-spacing:.02em!important;margin:0 0 18px!important;min-height:1.6em} .smg-h1-hub{white-space:normal!important;font-size:clamp(2.4rem,4.6vw,4.2rem)!important;line-height:1!important} .smg-horizon{position:absolute!important;left:-10%!important;right:-10%!important;bottom:-74%!important;height:90%!important;border-radius:50%!important; background:radial-gradient(closest-side,#050708 92%,transparent 100%)!important;box-shadow:0 -2px 0 rgba(242,141,40,.9),0 -18px 60px rgba(242,141,40,.35),0 -60px 160px rgba(242,141,40,.18)!important;z-index:1;pointer-events:none} /* Tilted Card (React Bits) */ .smg-lp .smg-tilt{display:block!important;perspective:900px;text-decoration:none!important;color:var(--mu)!important} .smg-tilt-in{display:block;transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform} .smg-tilt-img{width:100%!important;height:auto!important;display:block;filter:drop-shadow(0 40px 40px rgba(0,0,0,.7)) drop-shadow(0 0 1px rgba(255,255,255,.3)) brightness(1.15)} .smg-tilt-cap{display:block;text-align:center;margin-top:18px;font-size:14px!important;color:var(--mu)!important} .smg-tilt-cap .smg-mono{color:#fff!important} /* ── paneles de familia (Skiper ExpandOnHover) ── */ .smg-pans{display:flex!important;gap:10px!important;height:440px!important;margin-top:8px!important} .smg-lp .smg-pan{position:relative!important;flex:1 1 0!important;min-width:0!important;border-radius:10px!important;overflow:hidden!important;background:linear-gradient(180deg,#171b1f,#0e1114)!important; color:var(--tx)!important;text-decoration:none!important;transition:flex-grow .55s cubic-bezier(.2,.8,.2,1),background .3s!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:22px!important} .smg-pans:not(:hover):not(:focus-within) .smg-pan:nth-child(2),.smg-lp .smg-pan:hover,.smg-lp .smg-pan:focus-visible{flex-grow:3.4!important} .smg-lp .smg-pan:hover,.smg-lp .smg-pan:focus-visible,.smg-pans:not(:hover):not(:focus-within) .smg-pan:nth-child(2){background:linear-gradient(180deg,#1d1712,#0e1114)!important} .smg-pan-fig{flex:1;display:flex;align-items:center;justify-content:center;min-height:0} .smg-pan-fig img{max-width:100%!important;max-height:210px!important;width:auto!important;height:auto!important;filter:brightness(1.15) drop-shadow(0 20px 24px rgba(0,0,0,.6));transition:transform .55s cubic-bezier(.2,.8,.2,1)} .smg-lp .smg-pan:hover .smg-pan-fig img{transform:scale(1.06)} .smg-pan-txt{display:flex;flex-direction:column;gap:6px;min-width:0} .smg-pan-h{font-weight:800!important;font-size:19px!important;color:#fff!important;line-height:1.15} .smg-pan-n{font-size:13px!important;color:var(--o)!important} .smg-pan-p,.smg-pan-go{max-height:0;opacity:0;overflow:hidden;transition:opacity .3s,max-height .45s;font-size:15px!important;color:#cfd5da!important;line-height:1.45} .smg-pan-go{color:var(--o)!important;font-weight:700} .smg-lp .smg-pan:hover .smg-pan-p,.smg-lp .smg-pan:hover .smg-pan-go,.smg-lp .smg-pan:focus-visible .smg-pan-p,.smg-lp .smg-pan:focus-visible .smg-pan-go, .smg-pans:not(:hover):not(:focus-within) .smg-pan:nth-child(2) .smg-pan-p,.smg-pans:not(:hover):not(:focus-within) .smg-pan:nth-child(2) .smg-pan-go{max-height:120px;opacity:1;transition-delay:.15s} /* ── catálogo ── */ .smg-s2b{background:var(--ink)!important} .smg-tabs{display:flex!important;flex-wrap:wrap!important;gap:4px 26px!important;margin:8px 0 40px!important;border-bottom:1px solid var(--ln)!important} .smg-lp .smg-tabs button{all:unset;cursor:pointer;padding:12px 0!important;color:var(--mu)!important;font:500 16px 'Red Hat Display',sans-serif!important;border-bottom:2px solid transparent!important;margin-bottom:-1px!important} .smg-lp .smg-tabs button.on,.smg-lp .smg-tabs button:hover{color:#fff!important;border-bottom-color:var(--o)!important} .smg-lp .smg-tabs button:focus-visible{outline:2px solid var(--o)!important;outline-offset:4px} .smg-grp{margin:0 0 56px!important} .smg-grp[hidden]{display:none!important} .smg-grp-h{display:flex!important;justify-content:space-between!important;align-items:baseline!important;margin-bottom:18px!important} .smg-grp-h .smg-h3{margin:0!important} .smg-grp-h a{white-space:nowrap;font-size:15px!important} .smg-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:14px!important} @media (prefers-reduced-motion:reduce){.smg-tilt-in,.smg-lp .smg-pan,.smg-pan-fig img,.smg-card-fig img,.smg-w-p{transition:none!important}} @media (max-width:860px){ .smg-hh{padding:44px 0 90px!important} .smg-hub-hero{grid-template-columns:1fr!important} .smg-tilt{order:2} .smg-pans{flex-direction:column!important;height:auto!important} .smg-lp .smg-pan{flex:none!important;flex-direction:row!important;align-items:center!important;gap:16px!important;padding:16px!important} .smg-pan-fig{flex:0 0 38%} .smg-pan-fig img{max-height:90px!important} .smg-pan-p{display:none} .smg-pan-go{max-height:none;opacity:1} .smg-tabs{flex-wrap:nowrap!important;overflow-x:auto!important} .smg-lp .smg-tabs button{white-space:nowrap} .smg-why{grid-template-columns:1fr!important;gap:24px!important} .smg-why-h{position:static} .smg-incs{grid-template-columns:1fr!important} .smg-grid{grid-template-columns:1fr 1fr!important;gap:10px!important} .smg-card-fig{height:104px!important} .smg-card-fig img{max-height:70px!important;max-width:84%!important} .smg-search input{font-size:16px!important} .smg-card-pn{font-size:12px!important;word-break:break-all} .smg-card-l1{font-size:13.5px!important} .smg-card-l2{font-size:12.5px!important} .smg-pan-txt{flex:1} }/* ── un solo fondo ── */ .smg-lp .smg-sec{background:var(--ink)!important;border-radius:0!important;margin-top:0!important;padding:88px 0!important} /* ── buscador ── */ .smg-find{display:flex!important;align-items:center!important;gap:20px!important;margin:6px 0 18px!important} .smg-search{flex:1;position:relative;display:block} .smg-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .smg-lp .smg-search input{width:100%!important;box-sizing:border-box!important;background:#0f1215!important;color:#fff!important;border:1px solid #232a30!important;border-radius:10px!important; padding:16px 18px 16px 50px!important;font:400 17px 'Red Hat Display',sans-serif!important;outline:none!important;margin:0!important;height:auto!important;box-shadow:none!important;transition:border-color .2s!important} .smg-lp .smg-search input:focus{border-color:var(--o)!important} .smg-lp .smg-search input::placeholder{color:#6d767e!important} .smg-search::before{content:"";position:absolute;left:19px;top:50%;width:13px;height:13px;margin-top:-9px;border:2px solid #8b949c;border-radius:50%;pointer-events:none} .smg-search::after{content:"";position:absolute;left:32px;top:50%;width:7px;height:2px;margin-top:5px;background:#8b949c;transform:rotate(45deg);pointer-events:none} .smg-count{color:var(--mu)!important;font-size:14px!important;white-space:nowrap} .smg-lp .smg-empty{color:#cfd5da!important;padding:28px 0!important} .smg-lp .smg-tabs{margin:0 0 36px!important} /* ── tarjetas limpias (foco tipo Spotlight Card en la foto) ── */ .smg-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:28px 18px!important} .smg-lp .smg-card{display:flex!important;flex-direction:column!important;background:none!important;padding:0!important;color:var(--tx)!important;text-decoration:none!important;box-shadow:none!important;border:0!important} .smg-lp .smg-card[hidden]{display:none!important} .smg-card-fig{position:relative!important;overflow:hidden!important;height:150px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:#0f1215!important;margin:0 0 14px!important;transition:background .3s} .smg-card-fig::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s;pointer-events:none;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(242,141,40,.14),transparent 70%)} .smg-lp .smg-card:hover .smg-card-fig{background:#14181c!important} .smg-lp .smg-card:hover .smg-card-fig::before{opacity:1} .smg-card-fig img{position:relative;max-height:96px!important;max-width:82%!important;width:auto!important;height:auto!important;filter:brightness(1.15) drop-shadow(0 10px 12px rgba(0,0,0,.5));transition:transform .35s cubic-bezier(.2,.8,.2,1)} .smg-lp .smg-card:hover .smg-card-fig img{transform:translateY(-4px) scale(1.04)} .smg-card-u{position:absolute;top:10px;right:12px;font-size:12px!important;color:#7d868e!important} .smg-card-pn{color:#fff!important;font-size:14.5px!important;margin:0 0 4px!important;transition:color .2s} .smg-lp .smg-card:hover .smg-card-pn{color:var(--o)!important} .smg-card-l1{font-size:15px!important;line-height:1.4!important;color:var(--mu)!important} /* ── por qué con nosotros: lista desplegable ── */ .smg-why{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:72px!important;align-items:start!important} .smg-why-h p{color:#cfd5da!important;font-size:19px!important} .smg-w{position:relative;padding:0 0 0 26px!important} .smg-w::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:#1e2429;transition:background .3s} .smg-w.on::before{background:var(--o)} .smg-lp .smg-w-h{margin:0!important;font-size:inherit!important} .smg-lp .smg-w-h button{all:unset;cursor:pointer;display:block;width:100%;padding:14px 0!important;font:800 clamp(1.25rem,2.1vw,1.7rem)/1.2 'Red Hat Display',sans-serif!important;color:#59626a!important;letter-spacing:-.015em;transition:color .25s} .smg-lp .smg-w.on .smg-w-h button,.smg-lp .smg-w-h button:hover{color:#fff!important} .smg-lp .smg-w-h button:focus-visible{outline:2px solid var(--o);outline-offset:4px} .smg-w-p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)} .smg-w.on .smg-w-p{grid-template-rows:1fr} .smg-w-p>p{overflow:hidden;margin:0!important;color:#cfd5da!important;max-width:36em} .smg-w.on .smg-w-p>p{padding:0 0 18px!important} /* ── qué incluye: tres columnas sin cajas ── */ .smg-incs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:40px!important} .smg-inc{padding:22px 0 0!important;border-top:2px solid #1e2429!important} .smg-inc:nth-child(2){border-top-color:var(--o)!important} .smg-inc .smg-h3{margin:0 0 12px!important;font-size:19px!important} .smg-lp .smg-inc ul{margin:0!important;padding:0!important;list-style:none!important} .smg-lp .smg-inc li{padding:6px 0!important;color:#cfd5da!important;font-size:16px!important;margin:0!important;list-style:none!important;border:0!important}/* ── hero v3: mismo negro que la página, el servidor se refleja en el suelo ── */ .smg-lp .smg-hh{background:var(--ink)!important} .smg-horizon{display:none!important} .smg-tilt-img{-webkit-box-reflect:below 4px linear-gradient(transparent 80%,rgba(255,255,255,.12))} .smg-tilt-in::after{content:"";display:block;height:1px;margin:-1px 4% 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)} .smg-lp .smg-tilt-cap{margin-top:84px!important} /* ── nada de subrayados en tarjetas, paneles y enlaces sueltos ── */ .smg-lp a,.smg-lp a:hover{text-decoration:none!important} .smg-lp p a:hover,.smg-lp li a:hover{text-decoration:underline!important;text-underline-offset:3px} .smg-lp .smg-link{border-bottom:0!important;color:#fff!important} .smg-lp .smg-link::after,.smg-grp-h a::after,.smg-pan-go::after{content:"→";margin-left:7px;color:var(--o);display:inline-block;transition:transform .2s} .smg-lp .smg-link:hover::after,.smg-grp-h a:hover::after,.smg-lp .smg-pan:hover .smg-pan-go::after{transform:translateX(3px)} /* ── lo que montamos: pestañas por tipo de proyecto ── */ .smg-lp .smg-sub{color:#cfd5da!important;max-width:44em;font-size:18px!important;margin-bottom:34px!important} .smg-casos{display:grid!important;grid-template-columns:280px 1fr!important;gap:56px!important;align-items:start!important} .smg-ctabs{display:flex;flex-direction:column;gap:4px;position:sticky;top:110px} .smg-lp .smg-ctabs button{all:unset;cursor:pointer;padding:12px 0 12px 20px!important;border-left:2px solid #1e2429!important;font:700 19px/1.25 'Red Hat Display',sans-serif!important;color:#59626a!important;transition:color .2s,border-color .2s} .smg-lp .smg-ctabs button.on,.smg-lp .smg-ctabs button:hover{color:#fff!important} .smg-lp .smg-ctabs button.on{border-left-color:var(--o)!important} .smg-lp .smg-ctabs button:focus-visible{outline:2px solid var(--o);outline-offset:3px} .smg-caso{display:none} .smg-caso.on,.smg-casos:not(.js) .smg-caso{display:block} .smg-caso .smg-h3{margin-top:0!important;font-size:24px!important} .smg-caso p{color:#cfd5da!important;max-width:42em} .smg-lp .smg-caso-t th{width:22%!important} .smg-lp .smg-caso-t td{font-family:'Red Hat Display',sans-serif!important;font-size:16px!important} .smg-lp .smg-caso-t td a{color:var(--o)!important;font-family:'Red Hat Mono',ui-monospace,monospace!important;font-size:14.5px!important} @media (max-width:860px){.smg-casos{grid-template-columns:1fr!important;gap:20px!important}.smg-ctabs{position:static;flex-direction:row;overflow-x:auto}.smg-lp .smg-ctabs button{border-left:0!important;border-bottom:2px solid #1e2429!important;padding:10px 14px!important;white-space:nowrap;font-size:16px!important}.smg-lp .smg-ctabs button.on{border-bottom-color:var(--o)!important}} .smg-lp .smg-caso-t td a{white-space:nowrap} /* ── fichas y familias ── */ .smg-lp .smg-h1-sub{font-size:clamp(2.1rem,3.8vw,3.4rem)!important} .smg-h1-sub span{display:block!important;font-weight:500!important;font-size:.42em!important;letter-spacing:0!important;color:var(--o)!important;margin-bottom:10px!important} .smg-lp .smg-bc{margin-bottom:22px!important} .smg-spec-grid{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:64px!important;align-items:start!important} .smg-plan{margin:0!important;position:sticky;top:110px} .smg-plan .c-cota{display:none} .smg-plan .smg-svg{width:100%!important;height:auto!important;max-height:460px!important;filter:none!important} .smg-plan figcaption{margin-top:12px!important;font-size:14px!important;color:var(--mu)!important;text-align:center} .smg-lp .smg-note{margin-top:18px!important;color:var(--mu)!important;font-size:15px!important} .smg-lp .smg-spec th,.smg-lp .smg-spec td,.smg-lp .smg-cmp th,.smg-lp .smg-cmp td{border-bottom:1px solid #161b20!important} .smg-lp .smg-cmp tbody th a{color:#fff!important} .smg-lp .smg-cmp tbody th a:hover{color:var(--o)!important} .smg-cmp-full th,.smg-cmp-full td{font-size:14.5px!important;white-space:normal} .smg-cmp-full tbody th{white-space:nowrap} .smg-lp .smg-more{margin-top:22px!important} .smg-cpd{margin-top:40px!important;padding:26px 28px!important;border-radius:12px!important;background:#0f1215!important;border-left:3px solid var(--o)!important} .smg-cpd .smg-h3{margin:0 0 10px!important} .smg-lp .smg-cpd p:last-child{margin-bottom:0!important} @media (max-width:860px){ .smg-spec-grid{grid-template-columns:1fr!important;gap:28px!important} .smg-plan{position:static;order:-1} .smg-cmp-full{min-width:760px} } .smg-lp .smg-hh-sub{padding:80px 0 40px!important} .smg-lp .smg-h1-sub{font-size:clamp(1.9rem,3.1vw,2.9rem)!important;white-space:nowrap} .smg-plan .smg-svg{max-height:380px!important} @media (max-width:860px){.smg-lp .smg-h1-sub{white-space:normal;word-break:break-word}.smg-lp .smg-hh-sub{padding:40px 0 24px!important}} .smg-lp .smg-h1-sub{font-size:clamp(1.8rem,2.6vw,2.55rem)!important;white-space:nowrap!important} .smg-lp .smg-h1-sub:not(:has(span)){white-space:normal!important;font-size:clamp(2rem,3.4vw,3.1rem)!important} .smg-lp h1,.smg-lp h2{text-wrap:balance} @media (max-width:860px){.smg-lp .smg-h1-sub{white-space:normal!important;font-size:1.75rem!important;overflow-wrap:anywhere}} @media (max-width:860px){.smg-plan{display:none!important}} /* ── Scroll Reveal (React Bits): titular fijo y texto que se enciende al leer ── */ .smg-story{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:72px!important;align-items:start!important} .smg-lp .smg-story-h{position:sticky;top:110px;font-size:clamp(1.9rem,3.2vw,2.8rem)!important;line-height:1.08!important} .smg-lp .smg-story-b p{font-size:19px!important;line-height:1.65!important;color:#e9ecef!important} .smg-lp .smg-story-b .smg-h3{margin-top:44px!important} .smg-lp .smg-num{font-weight:700!important;color:var(--o)!important;font-family:'Red Hat Mono',ui-monospace,monospace!important;font-size:.92em!important;white-space:nowrap} .smg-reveal.js .w{opacity:.18;transition:opacity .35s ease} .smg-reveal.js .w.on{opacity:1} .smg-lp .smg-story-b .smg-cpd p{font-size:17px!important} @media (max-width:860px){.smg-story{grid-template-columns:1fr!important;gap:18px!important}.smg-lp .smg-story-h{position:static}.smg-lp .smg-story-b p{font-size:17.5px!important}} /* ── hoja de especificaciones ── */ .smg-cfg-h{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:24px!important;flex-wrap:wrap} .smg-lp .smg-cfg-h .smg-note{margin:0!important} .smg-lp .smg-plan{position:static!important;max-width:820px!important;margin:30px auto 36px!important} .smg-lp .smg-plan .smg-svg{max-height:340px!important} .smg-tiles{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:12px!important} .smg-tile{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 22px 22px!important;border-radius:12px!important;background:#0f1215!important;transition:background .25s} .smg-tile::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:2px;background:transparent;transition:background .25s} .smg-tile[data-z]{cursor:default} .smg-tile.on{background:#16130f!important} .smg-tile.on::before{background:var(--o)} .smg-tile-k{font-size:13.5px!important;color:#7d868e!important} .smg-tile-v{font-size:21px!important;font-weight:800!important;line-height:1.2!important;color:#fff!important;letter-spacing:-.01em} .smg-tile.on .smg-tile-v{color:var(--o)!important} .smg-tile-d{font-family:'Red Hat Mono',ui-monospace,monospace!important;font-size:13.5px!important;line-height:1.45!important;color:#9aa3ab!important} @media (max-width:860px){.smg-tiles{grid-template-columns:1fr 1fr!important}.smg-tile{padding:16px!important}.smg-tile-v{font-size:17px!important}} @media (max-width:480px){.smg-tiles{grid-template-columns:1fr!important}} .smg-tiles{grid-template-columns:repeat(3,1fr)!important} .smg-tile:last-child:nth-child(3n+2){grid-column:span 2} .smg-tile:last-child:nth-child(3n+1){grid-column:span 3} .smg-lp .smg-extra{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:14px 40px!important;margin:26px 0 0!important;padding:0 4px!important} .smg-lp .smg-extra dt{font-size:13.5px!important;color:#7d868e!important;margin:0 0 4px!important;font-weight:400!important} .smg-lp .smg-extra dd{margin:0!important;font-size:15.5px!important;color:#cfd5da!important} @media (max-width:860px){.smg-tiles{grid-template-columns:1fr 1fr!important}.smg-tile:last-child:nth-child(3n+2),.smg-tile:last-child:nth-child(3n+1){grid-column:auto}.smg-tile:last-child:nth-child(odd){grid-column:span 2}} @media (max-width:480px){.smg-tiles{grid-template-columns:1fr 1fr!important;gap:8px!important}.smg-tile{padding:14px!important}.smg-tile-v{font-size:15.5px!important}.smg-tile-d{font-size:12px!important}} @media (max-width:860px){.smg-cfg-h{margin-bottom:22px!important}} /* ── CTA a las landings de servicio ── */ .smg-svcs{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:12px!important} .smg-lp .smg-svc-a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:22px 24px!important;border-radius:12px!important;background:#0f1215!important;color:#fff!important;font-weight:700!important;font-size:18px!important;text-decoration:none!important;transition:background .25s,color .25s} .smg-lp .smg-svc-a::after{content:"→";color:var(--o);font-size:20px;transition:transform .25s} .smg-lp .smg-svc-a:hover{background:#16130f!important;color:var(--o)!important} .smg-lp .smg-svc-a:hover::after{transform:translateX(4px)}
{"@context": "https://schema.org", "@graph": [{"@type": "Product", "@id": "https://sixe.be/systemes/supermicro/ordinateurs-entreprise/as-c521d-11302u#product", "name": "Supermicro AS-C521D-11302U", "sku": "AS-C521D-11302U", "mpn": "AS-C521D-11302U", "model": "AS-C521D-11302U", "image": "https://www.supermicro.com/sites/default/files/content_resources/static_resources/products/gold-series/AS-C521D-11302U.png", "category": "Ordinateur de bureau", "description": "Supermicro AS-C521D-11302U \u0001 mini-tour avec Ryzen 7 9700X 8 cœurs, 32 Go DDR5, 1 To NVMe et Windows 11 Pro. Installation et support en Europe.", "url": "https://sixe.be/systemes/supermicro/ordinateurs-entreprise/as-c521d-11302u", "brand": {"@type": "Brand", "name": "Supermicro"}, "manufacturer": {"@type": "Organization", "name": "Super Micro Computer, Inc.", "url": "https://www.supermicro.com"}, "additionalProperty": [{"@type": "PropertyValue", "name": "Processeur", "value": "1× AMD Ryzen 7 9700X (8C/5,5 GHz)"}, {"@type": "PropertyValue", "name": "Mémoire", "value": "32 Go DDR5-5600"}, {"@type": "PropertyValue", "name": "Stockage", "value": "1× 1 To M.2 NVMe"}, {"@type": "PropertyValue", "name": "Réseau", "value": "1× 5 GbE"}, {"@type": "PropertyValue", "name": "Format", "value": "Mini-tour compacte"}], "isRelatedTo": [{"@type": "Product", "name": "Supermicro AS-C521D-21101U", "url": "https://sixe.be/systemes/supermicro/ordinateurs-entreprise/as-c521d-21101u"}, {"@type": "Product", "name": "Supermicro AS-C521D-31101U", "url": "https://sixe.be/systemes/supermicro/ordinateurs-entreprise/as-c521d-31101u"}]}, {"@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "Accueil", "item": "https://sixe.be/"}, {"@type": "ListItem", "position": 2, "name": "Supermicro", "item": "https://sixe.be/systemes/supermicro"}, {"@type": "ListItem", "position": 3, "name": "Ordinateurs pour entreprises", "item": "https://sixe.be/systemes/supermicro/ordinateurs-entreprise"}, {"@type": "ListItem", "position": 4, "name": "AS-C521D-11302U", "item": "https://sixe.be/systemes/supermicro/ordinateurs-entreprise/as-c521d-11302u"}]}, {"@type": "FAQPage", "mainEntity": [{"@type": "Question", "name": "Puis-je y ajouter une carte graphique \u0001", "acceptedAnswer": {"@type": "Answer", "text": "Il n'a pas d'emplacement PCIe, seulement deux M.2 pour disques NVMe, et l'alimentation fait 300 W. Si le poste a besoin d'un GPU dédié, l'équipement adapté est le SYS-C542i-11302U, une tour prête pour les RTX 5070, 5080 ou 5090."}}, {"@type": "Question", "name": "Puis-je ajouter du stockage \u0001", "acceptedAnswer": {"@type": "Answer", "text": "Oui. Il dispose d'un second emplacement M.2 NVMe et, à l'intérieur du boîtier, d'une baie pour un disque SATA 3,5 pouces et d'une autre en 2,5 pouces, qui servent ici à stocker des projets ou des copies locales sans toucher au disque système."}}, {"@type": "Question", "name": "Quel réseau propose-t-il \u0001", "acceptedAnswer": {"@type": "Answer", "text": "Un port 5 GbE, le même que sur les trois mini-tours. Avec un NAS et un switch 5 ou 10 GbE, les projets de plusieurs gigaoctets s'ouvrent depuis le réseau sans les télécharger au préalable \u0001 avec un switch 1 GbE, il fonctionnera à 1 GbE."}}]}]}

SupermicroAS-C521D-11302U

Une mini-tour de 9,2 cm de large avec un Ryzen 7 9700X de 8 cœurs, 32 Go de DDR5, 1 To NVMe et Windows 11 Pro  le plus rapide des trois postes de travail et le seul sous Pro.

Supermicro AS-C521D-11302UMini-tour compacte · Gold Series G2

La configuration exacte

Fiche technique officielle

Face avant schématique  survolez chaque composant.
Processeur1× AMD Ryzen 7 9700X8 cœurs · 5,5 GHz
Mémoire32 GoDDR5-5600
Stockage1× 1 To M.2 NVMe
Réseau1× 5 GbE
FormatMini-tour compacte
Garantie
1 an pièces et main-d'œuvre
Intervention sur site
En option  étend la garantie à 3 ans avec intervention le jour ouvré suivant
Logiciel
Windows 11 Pro

Pour le poste qui compile, calcule ou ouvre de gros fichiers

Le Ryzen 7 9700X est un processeur de bureau de 8 cœurs et 16 threads qui monte à 5,5 GHz, et avec 32 Go il a de la marge pour le développement, les gros tableurs, la CAO légère ou deux machines virtuelles de test. Le boîtier mesure 92 × 341 × 290 mm et se glisse sous l'écran ou sur une étagère  à l'arrière, il offre un HDMI 2.1 et deux USB4 qui sortent aussi l'image en DisplayPort 2.0, de quoi piloter plusieurs écrans avec la partie graphique intégrée du processeur.

Windows 11 Pro permet de le joindre au domaine Active Directory ou à Entra ID et de le gérer par stratégies de groupe, et c'est la principale raison de le choisir plutôt que les deux modèles EPYC. La mémoire n'a pas de marge d'évolution, car la fiche fixe à 32 Go le maximum de ses deux emplacements.

Ce que nous prenons en charge

Face à un PC de bureau de grande marque, ce qui change, c'est qui s'en occupe  nous le préparons avec votre image d'entreprise, nous le joignons au domaine et nous le maintenons à jour, avec intervention d'un technicien sur site si vous la souscrivez.

Face au reste de la famille

ModèleCe qu'il embarqueQuand le choisir
AS-C521D-21101U1x AMD EPYC 4245P · 16 Go6 cœurs et Windows 11 Home, entre l'entrée de gamme et le Ryzen.
AS-C521D-31101U1x AMD EPYC 4124P · 16 GoL'entrée de gamme, pour le bureau au quotidien sous Windows 11 Home.

Voir tous les ordinateurs pour entreprises

Ce que comprend la livraison

En usine

  • Configuration assemblée et testée par Supermicro
  • Garantie de 1 an pièces et main-d'œuvre

De notre côté

  • Windows et BIOS à jour
  • Intégration à votre domaine et à votre image système, si vous en avez une
  • Passage à Windows 11 Pro si votre réseau l'exige

Si vous en avez besoin

  • Garantie étendue à 3 ans avec intervention sur site le jour ouvré suivant

Questions sur le AS-C521D-11302U

Puis-je y ajouter une carte graphique 

Il n'a pas d'emplacement PCIe, seulement deux M.2 pour disques NVMe, et l'alimentation fait 300 W. Si le poste a besoin d'un GPU dédié, l'équipement adapté est le SYS-C542i-11302U, une tour prête pour les RTX 5070, 5080 ou 5090.

Puis-je ajouter du stockage 

Oui. Il dispose d'un second emplacement M.2 NVMe et, à l'intérieur du boîtier, d'une baie pour un disque SATA 3,5 pouces et d'une autre en 2,5 pouces, qui servent ici à stocker des projets ou des copies locales sans toucher au disque système.

Quel réseau propose-t-il 

Un port 5 GbE, le même que sur les trois mini-tours. Avec un NAS et un switch 5 ou 10 GbE, les projets de plusieurs gigaoctets s'ouvrent depuis le réseau sans les télécharger au préalable  avec un switch 1 GbE, il fonctionnera à 1 GbE.

Le AS-C521D-11302U convient-il à vos bureaux 

Dites-nous combien de postes il vous faut et pour quel usage  nous vous répondons avec le prix et le délai confirmé.

(function(){var lp=document.querySelector('.smg-lp');if(!lp)return; var calm=matchMedia('(prefers-reduced-motion: reduce)').matches,fine=matchMedia('(pointer: fine)').matches; // catálogo: pestañas + buscador var bs=lp.querySelectorAll('.smg-tabs button'),gs=lp.querySelectorAll('.smg-grp'),inp=lp.querySelector('.smg-search input'), cnt=lp.querySelector('.smg-count'),empty=lp.querySelector('.smg-empty'),fam='*'; function norm(s){return s.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'')} function run(){var ws=norm(inp?inp.value:'').split(/\s+/).filter(Boolean),tot=0; gs.forEach(function(g){var n=0;g.querySelectorAll('.smg-card').forEach(function(c){var q=norm(c.dataset.q),u=norm(c.dataset.u),ok=ws.every(function(w){return /^\d+u$/.test(w)?u.indexOf(w)>-1:q.indexOf(w)>-1});c.hidden=!ok;if(ok)n++}); var show=(fam==='*'||g.dataset.f===fam)&&n>0;g.hidden=!show;if(show)tot+=n}); if(cnt)cnt.textContent=tot+' '+(tot===1?cnt.dataset.one:cnt.dataset.many);if(empty)empty.hidden=tot>0} bs.forEach(function(b){b.addEventListener('click',function(){fam=b.dataset.f; bs.forEach(function(x){x.classList.toggle('on',x===b);x.setAttribute('aria-pressed',x===b)});run()})}); if(inp)inp.addEventListener('input',run); // foco en la foto de cada tarjeta lp.querySelectorAll('.smg-card').forEach(function(c){c.addEventListener('mousemove',function(ev){var r=c.getBoundingClientRect(); c.style.setProperty('--mx',(ev.clientX-r.left)+'px');c.style.setProperty('--my',(ev.clientY-r.top)+'px')})}); // por qué con nosotros: uno abierto cada vez var ws=lp.querySelectorAll('.smg-w'); function open(w){ws.forEach(function(x){var on=x===w;x.classList.toggle('on',on);x.querySelector('button').setAttribute('aria-expanded',on)})} ws.forEach(function(w){var b=w.querySelector('button');b.addEventListener('click',function(){open(w)});if(fine)w.addEventListener('mouseenter',function(){open(w)})}); // pestañas de proyectos lp.querySelectorAll('.smg-casos').forEach(function(w){w.classList.add('js');var tb=w.querySelectorAll('[role=tab]'),ps=w.querySelectorAll('.smg-caso'); tb.forEach(function(t){t.addEventListener('click',function(){tb.forEach(function(x){var on=x===t;x.classList.toggle('on',on);x.setAttribute('aria-selected',on)}); ps.forEach(function(p){p.classList.toggle('on',p.dataset.c===t.dataset.c)})})})}); if(calm)return; // Scroll Reveal: parte el texto en palabras (sin tocar enlaces ni etiquetas) y las enciende según avanza la lectura lp.querySelectorAll('.smg-reveal').forEach(function(box){var ps=[].slice.call(box.querySelectorAll('p'));box.classList.add('js'); ps.forEach(function(p){var tw=document.createTreeWalker(p,NodeFilter.SHOW_TEXT),ns=[],n;while(n=tw.nextNode())ns.push(n); ns.forEach(function(t){if(!t.nodeValue.trim())return;var f=document.createDocumentFragment();t.nodeValue.split(/(\s+)/).forEach(function(w){if(!w)return; if(/^\s+$/.test(w)){f.appendChild(document.createTextNode(w));return}var s=document.createElement('span');s.className='w';s.textContent=w;f.appendChild(s)});t.parentNode.replaceChild(f,t)}); p._w=[].slice.call(p.querySelectorAll('.w'))}); var tick=false;function upd(){tick=false;var vh=innerHeight;ps.forEach(function(p){var r=p.getBoundingClientRect(),k=Math.min(1,Math.max(0,(vh*.82-r.top)/(r.height+vh*.25))),c=Math.round(k*p._w.length); p._w.forEach(function(w,i){w.classList.toggle('on',i<c)})})} addEventListener('scroll',function(){if(!tick){tick=true;requestAnimationFrame(upd)}},{passive:true});upd()});// Decrypted Text lp.querySelectorAll('[data-decrypt]').forEach(function(el){var t=el.textContent,cs='ABCDEFGHJKLMNPQRSTUVWXYZ0123456789-',i=0; var id=setInterval(function(){el.textContent=t.split('').map(function(ch,k){return kt.length){clearInterval(id);el.textContent=t}},38)}); if(!fine)return; // Tilted Card lp.querySelectorAll('.smg-tilt').forEach(function(t){var a=t.querySelector('.smg-tilt-in'); t.addEventListener('mousemove',function(ev){var r=t.getBoundingClientRect(),x=(ev.clientX-r.left)/r.width-.5,y=(ev.clientY-r.top)/r.height-.5; a.style.transform='rotateY('+(x*14)+'deg) rotateX('+(-y*10)+'deg) scale(1.03)'}); t.addEventListener('mouseleave',function(){a.style.transform=''})}); // Magnet lp.querySelectorAll('.smg-mag').forEach(function(m){m.addEventListener('mousemove',function(ev){var r=m.getBoundingClientRect(); m.style.transform='translate('+((ev.clientX-r.left-r.width/2)*.18)+'px,'+((ev.clientY-r.top-r.height/2)*.3)+'px)'}); m.addEventListener('mouseleave',function(){m.style.transform=''})}); })(); (function(){var lp=document.querySelector('.smg-lp');if(!lp)return; var svg=lp.querySelector('.smg-svg');if(!svg)return; function set(z){svg.querySelectorAll('g[data-z]').forEach(function(g){g.classList.toggle('on',g.dataset.z===z)}); lp.querySelectorAll('.smg-spec tr[data-z],.smg-tile[data-z]').forEach(function(r){r.classList.toggle('on',r.dataset.z===z)})} lp.querySelectorAll('.smg-spec tr[data-z],.smg-tile[data-z]').forEach(function(r){r.addEventListener('mouseenter',function(){set(r.dataset.z)});r.addEventListener('mouseleave',function(){set(null)})}); svg.querySelectorAll('g[data-z]').forEach(function(g){g.addEventListener('mouseenter',function(){set(g.dataset.z)});g.addEventListener('mouseleave',function(){set(null)})}); })();