/* Web v2: las animaciones explican identidad, reflujo e información. */
.dw-systems-v2 { --dws-line:rgba(255,246,224,.19); --dws-muted:#bcb3c9; color:#fff6e0; }
.dw-systems-v2 figure { margin:0; min-width:0; }
.dw-systems-v2 .dw-motion-tools { display:flex; align-items:center; justify-content:space-between; gap:20px; width:min(1560px,100%); margin:auto; padding:28px var(--pad) 0; color:var(--dws-muted); font:400 11px/1.7 var(--font-body); }
.dw-systems-v2 [data-web-motion-toggle] { display:flex; align-items:center; gap:9px; flex:none; min-height:44px; padding:8px 0; border:0; border-bottom:1px solid #a292bd; background:none; color:#fff6e0; font:500 10px/1.6 var(--font-body); cursor:pointer; }
.dw-systems-v2 [data-web-motion-toggle][hidden] { display:none; }
.dw-systems-v2 [data-web-motion-toggle]>span:first-child { color:#ffae00; font-size:15px; }
.dw-systems-v2 .dws-brand { display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); align-items:center; gap:clamp(30px,5vw,78px); }
.dw-systems-v2 .dws-copy { min-width:0; }
.dw-systems-v2 .dws-copy>.dw-body { margin-top:25px; }
.dw-systems-v2 .dws-copy h2 { max-width:640px; }
.dw-systems-v2 .dws-scene { position:relative; overflow:hidden; border:1px solid var(--dws-line); background:linear-gradient(140deg,#151020,#0b0b13 70%); }
.dw-systems-v2 .dws-scene::before { content:""; position:absolute; z-index:0; inset:0; background-image:linear-gradient(rgba(183,155,225,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(183,155,225,.055) 1px,transparent 1px); background-size:26px 26px; pointer-events:none; }
.dw-systems-v2 .dws-scene-head { position:relative; display:flex; justify-content:space-between; align-items:start; gap:16px; padding:16px 20px; border-bottom:1px solid var(--dws-line); color:#d1c6dd; font:500 8px/1.7 var(--font-body); letter-spacing:.07em; text-transform:uppercase; }
.dw-systems-v2 .dws-scene-head>span:last-child { color:#a893c1; }
.dw-systems-v2 figcaption { position:relative; display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0; padding:15px 20px; border-top:1px solid var(--dws-line); color:#dfd5e7; background:#110e18; font:400 10px/1.7 var(--font-body); }
.dw-systems-v2 figcaption small { color:#a89cb6; font:400 8px/1.7 var(--font-body); text-align:right; }
.dw-systems-v2 .dws-brand-stage { position:relative; min-height:350px; padding:30px; }
.dw-systems-v2 .dws-brand-words { position:relative; z-index:2; display:grid; align-content:start; gap:1px; width:72%; }
.dw-systems-v2 .dws-brand-words>span { display:block; width:fit-content; font:900 clamp(23px,2.2vw,35px)/1.4 var(--font-title); text-transform:uppercase; letter-spacing:-.045em; animation:dwsBrandWord 12s ease-in-out infinite; }
.dw-systems-v2 .dws-brand-words>span:nth-child(2) { color:#c29aff; animation-delay:-8s; }.dw-systems-v2 .dws-brand-words>span:nth-child(3) { color:#ff87b7; animation-delay:-4s; }
.dw-systems-v2 .dws-brand-orbit { position:absolute; left:30px; bottom:34px; display:flex; align-items:end; gap:9px; z-index:3; width:48%; }
.dw-systems-v2 .dws-token { position:relative; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px; width:68px; min-height:64px; padding:9px 6px 19px; border:1px solid #6a528a; background:#1c142b; animation:dwsBrandToken 12s ease-in-out infinite; }
.dw-systems-v2 .dws-token>small { position:absolute; left:3px; right:3px; bottom:4px; color:#c8b4dd; font:500 7px/1.5 var(--font-body); text-align:center; }
.dw-systems-v2 .dws-token--type>span { font:900 23px/1 var(--font-title); color:#fff6e0; letter-spacing:-.06em; }
.dw-systems-v2 .dws-token--color { animation-delay:-8s; }.dw-systems-v2 .dws-token--content { animation-delay:-4s; }
.dw-systems-v2 .dws-token--color>i { display:block; width:11px; height:26px; border-radius:10px; background:#6a00ff; }.dw-systems-v2 .dws-token--color>i:nth-child(2) { background:#ff2e8a; }.dw-systems-v2 .dws-token--color>i:nth-child(3) { background:#ffae00; }
.dw-systems-v2 .dws-token--content { display:grid; gap:4px; align-content:center; }.dw-systems-v2 .dws-token--content>i { display:block; width:42px; height:4px; background:#c3addd; }.dw-systems-v2 .dws-token--content>i:first-child { height:9px; background:#ff86b6; }.dw-systems-v2 .dws-token--content>i:nth-child(3) { width:29px; }
.dw-systems-v2 .dws-brand-canvas { position:absolute; z-index:2; right:28px; bottom:30px; width:42%; height:205px; padding:12px; border:1px solid #b385ed; background:#191321; box-shadow:8px 8px 0 rgba(106,0,255,.12); animation:dwsCanvasReveal 12s ease-in-out infinite; }
.dw-systems-v2 .dws-mini-nav { display:flex; align-items:center; gap:8px; padding-bottom:14px; border-bottom:1px solid #42334e; }.dw-systems-v2 .dws-mini-nav>b { margin-right:auto; font:900 11px/1 var(--font-title); color:#fff6e0; }.dw-systems-v2 .dws-mini-nav>i { width:23px; height:3px; background:#685377; }
.dw-systems-v2 .dws-mini-hero { display:grid; grid-template-columns:1fr .75fr; gap:8px; margin-top:16px; align-items:center; }.dw-systems-v2 .dws-mini-hero>span { font:900 clamp(9px,1vw,15px)/1.45 var(--font-title); text-transform:uppercase; color:#fff6e0; }.dw-systems-v2 .dws-mini-hero>i { height:69px; background:linear-gradient(135deg,#0011ff,#6a00ff 35%,#ff2e8a 70%,#ffae00); animation:dwsVisualBlend 12s ease-in-out infinite; }
.dw-systems-v2 .dws-mini-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:18px; }.dw-systems-v2 .dws-mini-cards>i { height:32px; border:1px solid #5c456e; border-top:3px solid #ab74ee; }.dw-systems-v2 .dws-mini-cards>i:nth-child(2) { border-top-color:#ff69a4; }.dw-systems-v2 .dws-mini-cards>i:nth-child(3) { border-top-color:#ffae00; }
.dw-systems-v2 .dws-brand-connector { position:absolute; left:30px; right:30px; bottom:18px; height:1px; background:linear-gradient(90deg,#0011ff,#6a00ff,#ff2e8a,#ffae00); opacity:.55; transform-origin:left; animation:dwsConnector 12s ease-in-out infinite; }
.dw-systems-v2 .dws-section-top { display:flex; justify-content:space-between; gap:20px; margin-bottom:40px; }.dw-systems-v2 .dws-section-top>.dw-eyebrow { margin:0; }.dw-systems-v2 .dws-section-top>span { font:400 11px/1.7 var(--font-body); color:var(--dws-muted); }
.dw-systems-v2 .dws-responsive-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; gap:clamp(30px,5vw,78px); }
.dw-systems-v2 .dws-device-labels { display:grid; width:66px; text-align:right; }.dw-systems-v2 .dws-device-labels>b { grid-area:1/1; font-weight:500; opacity:0; animation:dwsDeviceDesktop 15s linear infinite; }.dw-systems-v2 .dws-device-labels>b:nth-child(2) { animation-name:dwsDeviceTablet; }.dw-systems-v2 .dws-device-labels>b:nth-child(3) { animation-name:dwsDeviceMobile; }
.dw-systems-v2 .dws-device-stage { position:relative; display:flex; justify-content:center; align-items:start; height:359px; padding:26px 15px; }
.dw-systems-v2 .dws-device-guide { position:absolute; top:14px; bottom:14px; width:1px; border-left:1px dashed #755293; opacity:.45; }.dw-systems-v2 .dws-device-guide--left { left:24%; }.dw-systems-v2 .dws-device-guide--right { right:24%; }
.dw-systems-v2 .dws-adaptive-device { position:relative; width:94%; max-width:100%; height:306px; overflow:hidden; padding:7px; border:1px solid #b78ee7; border-radius:8px; background:#1d1428; box-shadow:8px 8px 0 #160c27; container:dw-demo / inline-size; animation:dwsDeviceResize 15s cubic-bezier(.55,0,.35,1) infinite; }
.dw-systems-v2 .dws-adaptive-page { min-height:100%; background:#f9f2e3; color:#1a1228; padding:14px; }
.dw-systems-v2 .dws-adaptive-nav { display:flex; align-items:center; gap:12px; min-height:18px; margin-bottom:20px; }.dw-systems-v2 .dws-adaptive-nav>b { margin-right:auto; color:#3b165d; font:900 11px/1 var(--font-title); }.dw-systems-v2 .dws-adaptive-nav>span { display:flex; gap:7px; }.dw-systems-v2 .dws-adaptive-nav>span>i { width:22px; height:3px; background:#9888aa; }.dw-systems-v2 .dws-adaptive-nav>em { display:none; color:#3b165d; font:500 18px/1 var(--font-body); }
.dw-systems-v2 .dws-adaptive-hero { display:grid; grid-template-columns:1fr .85fr; align-items:center; gap:14px; }.dw-systems-v2 .dws-adaptive-hero>div>small { display:block; margin-bottom:10px; font:500 7px/1.5 var(--font-body); color:#694f82; text-transform:uppercase; letter-spacing:.05em; }.dw-systems-v2 .dws-adaptive-hero strong { display:block; color:#301341; font:900 15px/1.4 var(--font-title); text-transform:uppercase; letter-spacing:-.04em; }.dw-systems-v2 .dws-adaptive-hero>div>i { display:block; width:100%; height:3px; margin-top:8px; background:#c4b5d3; }.dw-systems-v2 .dws-adaptive-hero>div>i:nth-of-type(2) { width:72%; margin-top:5px; }.dw-systems-v2 .dws-adaptive-hero>div>b { display:block; width:fit-content; margin-top:11px; padding:6px 9px; color:#fff6e0; background:#6320a4; font:500 7px/1.5 var(--font-body); }.dw-systems-v2 .dws-adaptive-hero>span { display:block; height:124px; background:radial-gradient(ellipse at 75% 28%,#ffbf38,transparent 45%),radial-gradient(ellipse at 72% 75%,#ff2e8a,transparent 70%),linear-gradient(135deg,#0011ff,#6a00ff); }
.dw-systems-v2 .dws-adaptive-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:20px; }.dw-systems-v2 .dws-adaptive-cards>div { min-width:0; padding:7px; border:1px solid #c8bbd5; }.dw-systems-v2 .dws-adaptive-cards i { display:block; height:16px; background:#dfd2e9; border-left:3px solid #6a00ff; }.dw-systems-v2 .dws-adaptive-cards b { display:block; margin-top:7px; font:500 6px/1.5 var(--font-body); color:#705582; white-space:nowrap; }
@container dw-demo (max-width:240px) {
 .dw-systems-v2 .dws-adaptive-page { padding:13px; }.dw-systems-v2 .dws-adaptive-nav { margin-bottom:14px; }.dw-systems-v2 .dws-adaptive-nav>span { display:none; }.dw-systems-v2 .dws-adaptive-nav>em { display:block; }.dw-systems-v2 .dws-adaptive-hero { grid-template-columns:1fr; gap:14px; }.dw-systems-v2 .dws-adaptive-hero strong { font-size:13px; }.dw-systems-v2 .dws-adaptive-hero>span { height:80px; }.dw-systems-v2 .dws-adaptive-hero>div>small { margin-bottom:6px; }.dw-systems-v2 .dws-adaptive-cards { grid-template-columns:1fr; margin-top:14px; }.dw-systems-v2 .dws-adaptive-cards>div { display:flex; align-items:center; gap:9px; }.dw-systems-v2 .dws-adaptive-cards i { width:27px; flex:none; }.dw-systems-v2 .dws-adaptive-cards b { margin:0; }
}
.dw-systems-v2 .dws-notes { padding:0; margin:26px 0 0; list-style:none; }.dw-systems-v2 .dws-notes>li { display:flex; gap:15px; padding:13px 0; border-top:1px solid var(--dws-line); color:#ddd1e5; font:400 11px/1.7 var(--font-body); }.dw-systems-v2 .dws-notes>li>span { color:#bb94ed; font-size:9px; }
.dw-systems-v2 .dws-seo-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(35px,5vw,80px); align-items:start; margin-bottom:43px; }.dw-systems-v2 .dws-seo-heading>.dw-body { margin-top:30px; }
.dw-systems-v2 .dws-seo-flow { display:grid; grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr) 35px minmax(0,1fr); align-items:center; gap:15px; min-height:265px; padding:30px; }
.dw-systems-v2 .dws-seo-stage { position:relative; min-width:0; }.dw-systems-v2 .dws-step-no { display:block; margin-bottom:25px; color:#bba1d3; font:500 9px/1.5 var(--font-body); letter-spacing:.05em; text-transform:uppercase; }
.dw-systems-v2 .dws-seo-stage>p { margin:21px 0 0; color:#d9cce5; font:400 10px/1.65 var(--font-body); }
.dw-systems-v2 .dws-search { position:relative; display:flex; align-items:center; gap:9px; min-height:47px; padding:10px; border:1px solid #9871cb; background:#211431; animation:dwsKeywordFocus 15s ease-in-out infinite; }.dw-systems-v2 .dws-search>span { flex:none; color:#c39bff; font:500 21px/1 var(--font-body); }.dw-systems-v2 .dws-search>b { font:500 11px/1.6 var(--font-body); color:#fff6e0; }.dw-systems-v2 .dws-search>i { width:1px; height:15px; background:#ffa337; animation:dwsCursor 1.6s ease infinite; }
.dw-systems-v2 .dws-keywords { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }.dw-systems-v2 .dws-keywords>span { display:block; padding:5px 8px; border:1px solid #65507b; color:#bba8d0; font:400 8px/1.5 var(--font-body); }
.dw-systems-v2 .dws-flow-link { position:relative; display:flex; align-items:center; justify-content:center; height:35px; color:#c283f2; font:400 21px/1 var(--font-body); }.dw-systems-v2 .dws-flow-link>i { position:absolute; top:50%; left:0; width:5px; height:5px; background:#ffae00; border-radius:50%; animation:dwsFlowTravel 15s linear infinite; }.dw-systems-v2 .dws-flow-link:nth-of-type(4)>i { animation-delay:-9s; }
.dw-systems-v2 .dws-sitemap { display:flex; flex-direction:column; align-items:center; min-height:94px; padding-top:2px; }.dw-systems-v2 .dws-sitemap>b { display:block; min-width:80px; padding:8px 13px; border:1px solid #e887bc; color:#ffcee6; background:#2e1830; font:500 10px/1.5 var(--font-body); text-align:center; animation:dwsMapFocus 15s ease-in-out infinite; }.dw-systems-v2 .dws-sitemap>i { display:block; height:20px; width:1px; background:#77527f; }.dw-systems-v2 .dws-sitemap>div { display:flex; justify-content:center; gap:7px; width:100%; border-top:1px solid #77527f; padding-top:12px; }.dw-systems-v2 .dws-sitemap>div>span { position:relative; display:block; padding:6px; border:1px solid #7b5a8f; color:#d4bcdf; background:#211728; font:400 8px/1.5 var(--font-body); }.dw-systems-v2 .dws-sitemap>div>span::before { content:""; position:absolute; top:-13px; left:50%; height:12px; width:1px; background:#77527f; }
.dw-systems-v2 .dws-crawl-page { position:relative; min-height:100px; overflow:hidden; padding:13px; border:1px solid #ac8552; background:#221c1b; }.dw-systems-v2 .dws-crawl-page>div { display:flex; align-items:center; gap:8px; margin-bottom:13px; }.dw-systems-v2 .dws-crawl-page>div>i { display:block; height:10px; width:9px; border:1px solid #e6b877; }.dw-systems-v2 .dws-crawl-page b { color:#f8dfb1; font:500 10px/1.5 var(--font-body); }.dw-systems-v2 .dws-crawl-page>span { display:block; height:3px; width:95%; background:#70604d; margin-top:7px; }.dw-systems-v2 .dws-crawl-page>span:nth-of-type(2) { width:78%; }.dw-systems-v2 .dws-crawl-page>span:nth-of-type(3) { width:87%; }.dw-systems-v2 .dws-crawl-page>em { display:block; margin-top:12px; color:#d5ba92; font:400 8px/1.5 var(--font-body); }.dw-systems-v2 .dws-crawl-scan { position:absolute; top:0; bottom:0; width:20%; left:0; background:linear-gradient(90deg,transparent,rgba(255,174,0,.13)); border-right:1px solid #f8c270; animation:dwsCrawl 15s linear infinite; }
.dw-systems-v2 .dws-seo-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; margin-top:35px; }.dw-systems-v2 .dws-seo-details>article { min-width:0; padding-top:23px; border-top:1px solid var(--dws-line); }.dw-systems-v2 .dws-seo-details>article>span { color:#bf94ee; font:500 9px/1.5 var(--font-body); }.dw-systems-v2 .dws-seo-details h3 { margin:14px 0 14px; font-size:clamp(12px,1.13vw,17px); line-height:1.5; }.dw-systems-v2 .dws-seo-details p { margin:0; color:#bfb3cd; font:400 12px/1.85 var(--font-body); }
.dw-systems-v2 [data-web-scene]:not(.is-active) *,.dw-systems-v2 [data-web-scene]:not(.is-active) *::before,.dw-systems-v2 [data-web-scene]:not(.is-active) *::after,.dw-main.dw-motion-paused [data-web-scene] *,.dw-main.dw-motion-paused [data-web-scene] *::before,.dw-main.dw-motion-paused [data-web-scene] *::after { animation-play-state:paused!important; }
@keyframes dwsBrandWord { 0%,24%,100% { opacity:1; transform:translateX(0); } 33%,88% { opacity:.45; transform:translateX(5px); } }
@keyframes dwsBrandToken { 0%,17%,100% { transform:translate(0,0); border-color:#b68ce6; } 27%,34% { transform:translate(10px,-7px); border-color:#ffbc43; } 44%,88% { transform:translate(0,0); border-color:#6a528a; } }
@keyframes dwsCanvasReveal { 0%,9%,100% { transform:translateY(4px); border-color:#7f53ad; } 35%,83% { transform:translateY(-4px); border-color:#ffc25c; } }
@keyframes dwsVisualBlend { 0%,20%,100% { filter:saturate(.65); } 40%,80% { filter:saturate(1.25); } }
@keyframes dwsConnector { 0%,100% { transform:scaleX(.3); opacity:.3; } 45%,75% { transform:scaleX(1); opacity:1; } }
@keyframes dwsDeviceResize { 0%,20%,100% { width:94%; } 32%,49% { width:65%; } 62%,82% { width:min(37%,220px); } }
@keyframes dwsDeviceDesktop { 0%,24%,95%,100% { opacity:1; } 28%,91% { opacity:0; } }
@keyframes dwsDeviceTablet { 0%,27%,56%,100% { opacity:0; } 32%,50% { opacity:1; } }
@keyframes dwsDeviceMobile { 0%,55%,92%,100% { opacity:0; } 62%,85% { opacity:1; } }
@keyframes dwsKeywordFocus { 0%,26%,100% { border-color:#c7a0ff; box-shadow:0 0 0 3px rgba(106,0,255,.13); } 36%,92% { border-color:#665077; box-shadow:none; } }
@keyframes dwsCursor { 0%,45%,100% { opacity:1; } 55%,90% { opacity:.2; } }
@keyframes dwsMapFocus { 0%,27%,78%,100% { border-color:#7b5a8f; } 38%,67% { border-color:#ff84bd; } }
@keyframes dwsFlowTravel { 0%,27%,56%,100% { left:0; opacity:0; } 30% { left:0; opacity:1; } 51% { left:100%; opacity:1; } }
@keyframes dwsCrawl { 0%,62%,100% { transform:translateX(-110%); opacity:0; } 66% { transform:translateX(-50%); opacity:1; } 92% { transform:translateX(500%); opacity:1; } 95% { opacity:0; } }
@media (max-width:1100px) {
 .dw-systems-v2 .dws-brand,.dw-systems-v2 .dws-responsive-grid { gap:32px; }.dw-systems-v2 .dws-brand-stage { min-height:330px; padding:23px; }.dw-systems-v2 .dws-brand-words>span { font-size:23px; }.dw-systems-v2 .dws-brand-orbit { left:22px; gap:6px; }.dw-systems-v2 .dws-token { width:52px; min-height:57px; }.dw-systems-v2 .dws-token--type>span { font-size:19px; }.dw-systems-v2 .dws-token--color>i { width:8px; height:22px; }.dw-systems-v2 .dws-token--content>i { width:31px; }.dw-systems-v2 .dws-token--content>i:nth-child(3) { width:22px; }.dw-systems-v2 .dws-brand-canvas { right:20px; width:44%; height:195px; padding:10px; }.dw-systems-v2 .dws-seo-flow { gap:8px; padding:25px 20px; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr); }.dw-systems-v2 .dws-search>b { font-size:10px; }.dw-systems-v2 .dws-sitemap>div { gap:4px; }.dw-systems-v2 .dws-sitemap>div>span { padding:5px 4px; font-size:7px; }.dw-systems-v2 .dws-seo-details { gap:25px; }
}
@media (max-width:820px) {
 .dw-systems-v2 .dw-motion-tools { padding:25px 22px 0; }.dw-systems-v2 .dws-brand,.dw-systems-v2 .dws-responsive-grid { grid-template-columns:1fr; gap:32px; }.dw-systems-v2 .dws-brand-stage { min-height:350px; }.dw-systems-v2 .dws-brand-words>span { font-size:clamp(23px,5vw,35px); }.dw-systems-v2 .dws-brand-canvas { width:43%; right:30px; bottom:30px; height:215px; padding:14px; }.dw-systems-v2 .dws-mini-hero>span { font-size:clamp(11px,2.2vw,16px); }.dw-systems-v2 .dws-brand-orbit { left:28px; gap:12px; }.dw-systems-v2 .dws-token { width:68px; min-height:64px; }.dw-systems-v2 .dws-token--type>span { font-size:23px; }.dw-systems-v2 .dws-token--color>i { width:11px; height:26px; }.dw-systems-v2 .dws-token--content>i { width:42px; }.dw-systems-v2 .dws-responsive-grid>.dws-copy { grid-row:1; }.dw-systems-v2 .dws-section-top { margin-bottom:25px; display:block; }.dw-systems-v2 .dws-section-top>span { display:block; margin-top:12px; }.dw-systems-v2 .dws-seo-heading { grid-template-columns:1fr; gap:25px; }.dw-systems-v2 .dws-seo-heading>.dw-body { margin:0; }.dw-systems-v2 .dws-seo-scene .dws-scene-head>span:last-child { display:none; }.dw-systems-v2 .dws-seo-flow { grid-template-columns:1fr; gap:0; padding:25px; }.dw-systems-v2 .dws-seo-stage { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); column-gap:25px; align-items:center; }.dw-systems-v2 .dws-step-no { margin-bottom:14px; grid-column:1; }.dw-systems-v2 .dws-seo-stage>p { grid-column:1; grid-row:2; margin:0; max-width:190px; }.dw-systems-v2 .dws-search,.dw-systems-v2 .dws-sitemap,.dw-systems-v2 .dws-crawl-page { grid-column:2; grid-row:1/3; }.dw-systems-v2 .dws-keywords { grid-column:2; grid-row:3; }.dw-systems-v2 .dws-flow-link { transform:rotate(90deg); width:35px; height:50px; margin:3px 0 3px auto; right:22%; }.dw-systems-v2 .dws-seo-details { grid-template-columns:1fr; gap:23px; }.dw-systems-v2 .dws-seo-details h3 { font-size:16px; }.dw-systems-v2 .dws-seo-details>article { display:grid; grid-template-columns:30px minmax(0,1fr); column-gap:13px; padding-top:20px; }.dw-systems-v2 .dws-seo-details>article>span { grid-row:1/3; padding-top:4px; }.dw-systems-v2 .dws-seo-details h3 { margin:0 0 12px; }.dw-systems-v2 .dws-seo-details p { grid-column:2; }
}
@media (max-width:520px) {
 .dw-systems-v2 .dw-motion-tools { align-items:start; font-size:10px; }.dw-systems-v2 .dw-motion-tools>span { max-width:125px; }.dw-systems-v2 [data-web-motion-toggle] { font-size:9px; min-height:42px; padding-top:0; }.dw-systems-v2 .dws-scene-head { padding:13px 14px; font-size:7px; }.dw-systems-v2 figcaption { padding:13px 14px; font-size:9px; gap:15px; }.dw-systems-v2 figcaption small { max-width:75px; font-size:7px; }.dw-systems-v2 .dws-brand-stage { min-height:336px; padding:22px; }.dw-systems-v2 .dws-brand-words { width:100%; }.dw-systems-v2 .dws-brand-words>span { font-size:clamp(20px,5.9vw,29px); }.dw-systems-v2 .dws-brand-canvas { right:17px; bottom:25px; width:48%; height:173px; padding:9px; }.dw-systems-v2 .dws-mini-nav { padding-bottom:10px; }.dw-systems-v2 .dws-mini-nav>i { width:17px; }.dw-systems-v2 .dws-mini-hero { margin-top:13px; grid-template-columns:1fr .6fr; }.dw-systems-v2 .dws-mini-hero>span { font-size:8px; }.dw-systems-v2 .dws-mini-hero>i { height:55px; }.dw-systems-v2 .dws-mini-cards { margin-top:14px; gap:5px; }.dw-systems-v2 .dws-mini-cards>i { height:25px; }.dw-systems-v2 .dws-brand-orbit { left:20px; bottom:38px; width:37%; flex-wrap:wrap; gap:6px; }.dw-systems-v2 .dws-token { width:48px; min-height:53px; padding:7px 4px 16px; }.dw-systems-v2 .dws-token>small { font-size:6px; }.dw-systems-v2 .dws-token--type>span { font-size:17px; }.dw-systems-v2 .dws-token--color>i { width:8px; height:22px; }.dw-systems-v2 .dws-token--content>i { width:32px; }.dw-systems-v2 .dws-token--content>i:nth-child(3) { width:23px; }.dw-systems-v2 .dws-brand-orbit>.dws-token:last-child { margin-left:25px; }.dw-systems-v2 .dws-device-stage { height:339px; padding:20px 9px; }.dw-systems-v2 .dws-adaptive-device { height:296px; padding:5px; animation-name:dwsDeviceResizeMobile; }.dw-systems-v2 .dws-adaptive-page { padding:10px; }.dw-systems-v2 .dws-adaptive-hero strong { font-size:11px; }.dw-systems-v2 .dws-adaptive-hero { gap:9px; }.dw-systems-v2 .dws-adaptive-nav { margin-bottom:13px; }.dw-systems-v2 .dws-adaptive-hero>span { height:67px; }.dw-systems-v2 .dws-adaptive-cards { margin-top:11px; }.dw-systems-v2 .dws-adaptive-hero>div>small { font-size:6px; }.dw-systems-v2 .dws-adaptive-hero>div>b { font-size:6px; padding:5px; }.dw-systems-v2 .dws-device-labels { width:48px; }.dw-systems-v2 .dws-seo-flow { padding:24px 16px; }.dw-systems-v2 .dws-seo-stage { grid-template-columns:1fr; gap:0; }.dw-systems-v2 .dws-step-no { margin-bottom:17px; }.dw-systems-v2 .dws-search,.dw-systems-v2 .dws-sitemap,.dw-systems-v2 .dws-crawl-page { grid-column:1; grid-row:2; }.dw-systems-v2 .dws-keywords { grid-column:1; grid-row:3; }.dw-systems-v2 .dws-seo-stage>p { grid-row:4; margin-top:15px; max-width:none; }.dw-systems-v2 .dws-flow-link { margin:5px auto; right:auto; height:45px; }.dw-systems-v2 .dws-search>b { font-size:11px; }.dw-systems-v2 .dws-sitemap>div { gap:10px; }.dw-systems-v2 .dws-sitemap>div>span { padding:8px; font-size:9px; }.dw-systems-v2 .dws-seo-details h3 { font-size:14px; }
}
@keyframes dwsDeviceResizeMobile { 0%,20%,100% { width:96%; } 32%,49% { width:76%; } 62%,82% { width:58%; } }
@media (prefers-reduced-motion:reduce) {
 .dw-systems-v2 *,.dw-systems-v2 *::before,.dw-systems-v2 *::after { animation:none!important; transition:none!important; }.dw-systems-v2 .dws-device-labels>b { opacity:0; }.dw-systems-v2 .dws-device-labels>b:first-child { opacity:1; }.dw-systems-v2 .dws-adaptive-device { width:94%; }.dw-systems-v2 .dws-brand-words>span { opacity:1; }.dw-systems-v2 .dws-crawl-scan { display:none; }.dw-systems-v2 .dws-flow-link>i { display:none; }
}

/* El control sigue disponible al recorrer las demostraciones. */
.dw-systems-v2 .dw-motion-tools { position:sticky; top:0; z-index:8; padding-bottom:12px; background:rgba(9,8,15,.97); border-bottom:1px solid rgba(255,246,224,.12); }