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-31101u#product", "name": "Supermicro AS-C521D-31101U", "sku": "AS-C521D-31101U", "mpn": "AS-C521D-31101U", "model": "AS-C521D-31101U", "image": "https://www.supermicro.com/sites/default/files/content_resources/static_resources/products/gold-series/AS-C521D-31101U.png", "category": "Ordinateur de bureau", "description": "Supermicro AS-C521D-31101U \u0001 mini-tour avec EPYC 4124P 4 cœurs, 16 Go DDR5, 1 To NVMe et Windows 11 Home pour le bureau. Support en Europe.", "url": "https://sixe.be/systemes/supermicro/ordinateurs-entreprise/as-c521d-31101u", "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 EPYC 4124P (4C/5,3 GHz)"}, {"@type": "PropertyValue", "name": "Mémoire", "value": "16 Go DDR5-5600"}, {"@type": "PropertyValue", "name": "Stockage", "value": "1× 1 To M.2 NVMe"}, {"@type": "PropertyValue", "name": "Réseau", "value": "1× 1 GbE"}, {"@type": "PropertyValue", "name": "Format", "value": "Mini-tour compacte"}], "isRelatedTo": [{"@type": "Product", "name": "Supermicro AS-C521D-11302U", "url": "https://sixe.be/systemes/supermicro/ordinateurs-entreprise/as-c521d-11302u"}, {"@type": "Product", "name": "Supermicro AS-C521D-21101U", "url": "https://sixe.be/systemes/supermicro/ordinateurs-entreprise/as-c521d-21101u"}]}, {"@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-31101U", "item": "https://sixe.be/systemes/supermicro/ordinateurs-entreprise/as-c521d-31101u"}]}, {"@type": "FAQPage", "mainEntity": [{"@type": "Question", "name": "Puis-je y brancher deux écrans \u0001", "acceptedAnswer": {"@type": "Answer", "text": "Oui. Il dispose d'une sortie HDMI 2.1 et de deux USB4 à l'arrière qui sortent aussi l'image en DisplayPort 2.0 \u0001 un deuxième, voire un troisième écran se branchent sur la partie graphique intégrée, sans carte supplémentaire."}}, {"@type": "Question", "name": "Quelle différence avec l'AS-C521D-21101U \u0001", "acceptedAnswer": {"@type": "Answer", "text": "Ils partagent le boîtier, les 16 Go de mémoire, le disque de 1 To et Windows 11 Home. Le 21101U embarque un EPYC 4245P de 6 cœurs \u0001 celui-ci s'en tient à 4, ce que demande un poste dédié à la messagerie, au web et aux applications de gestion."}}, {"@type": "Question", "name": "Peut-on étendre la mémoire \u0001", "acceptedAnswer": {"@type": "Answer", "text": "Non \u0001 selon la fiche, ses deux emplacements acceptent au maximum les 16 Go déjà installés. Si le poste doit évoluer, mieux vaut l'AS-C521D-11302U, qui monte à 32 Go."}}]}]}

SupermicroAS-C521D-31101U

La configuration d'entrée de la mini-tour  un AMD EPYC 4124P de 4 cœurs à 5,3 GHz, 16 Go de DDR5, 1 To NVMe et Windows 11 Home pour le poste de bureau du quotidien.

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

La configuration exacte

Fiche technique officielle

Face avant schématique  survolez chaque composant.
Processeur1× AMD EPYC 4124P4 cœurs · 5,3 GHz
Mémoire16 GoDDR5-5600
Stockage1× 1 To M.2 NVMe
Réseau1× 1 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 Home

Pour le poste administratif  messagerie, bureautique et gestion

Avec 4 cœurs et 8 threads à 5,3 GHz, l'EPYC 4124P est largement dimensionné pour ce que fait un poste administratif (messagerie, bureautique et l'ERP de l'entreprise), des tâches qui dépendent davantage de la vitesse de chaque cœur que de leur nombre. Le boîtier, de 92 × 341 × 290 mm, prend peu de place sur ou sous le bureau.

Son plafond est clair  16 Go, le maximum accepté par la carte selon la fiche, et 4 cœurs. Pour compiler, faire tourner des machines virtuelles ou de très gros tableurs, il faut l'AS-C521D-11302U  et comme le 31101U est livré sous Windows 11 Home, s'il doit rejoindre un domaine, le passage à Pro figure dans le devis.

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, le passons en Pro et le joignons au domaine si nécessaire, puis nous le maintenons à jour, avec intervention d'un technicien sur site si vous la souscrivez. Si vous renouvelez plusieurs postes à la fois, nous les préparons tous avec la même image, les mêmes applications et les mêmes comptes, prêts à brancher.

Face au reste de la famille

ModèleCe qu'il embarqueQuand le choisir
AS-C521D-11302U1x AMD Ryzen 7 9700X · 32 GoLe plus rapide et le seul sous Windows 11 Pro.
AS-C521D-21101U1x AMD EPYC 4245P · 16 Go6 cœurs et Windows 11 Home, entre l'entrée de gamme et le Ryzen.

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-31101U

Puis-je y brancher deux écrans 

Oui. Il dispose d'une sortie HDMI 2.1 et de deux USB4 à l'arrière qui sortent aussi l'image en DisplayPort 2.0  un deuxième, voire un troisième écran se branchent sur la partie graphique intégrée, sans carte supplémentaire.

Quelle différence avec l'AS-C521D-21101U 

Ils partagent le boîtier, les 16 Go de mémoire, le disque de 1 To et Windows 11 Home. Le 21101U embarque un EPYC 4245P de 6 cœurs  celui-ci s'en tient à 4, ce que demande un poste dédié à la messagerie, au web et aux applications de gestion.

Peut-on étendre la mémoire 

Non  selon la fiche, ses deux emplacements acceptent au maximum les 16 Go déjà installés. Si le poste doit évoluer, mieux vaut l'AS-C521D-11302U, qui monte à 32 Go.

Le AS-C521D-31101U 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)})}); })();