.sv-rich .sv-body { padding-top:40px; }
.sv-rich .sv-editorial-intro { padding-bottom:34px; margin-bottom:48px; }
.sv-rich .sv-section-head h2 span { color:var(--sv-accent); }
.sv-showcase { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:48px; align-items:center; margin:0 0 58px; padding:12px 0 36px; border-bottom:1px solid var(--sv-line); }
.sv-showcase-art,.sv-showcase-copy { min-width:0; }
.sv-showcase .sv-section-head { margin-bottom:24px; }
.sv-showcase-copy > p { font-size:15px; line-height:1.85; }
.sv-showcase-reverse .sv-showcase-art { grid-column:2; grid-row:1; }
.sv-showcase-reverse .sv-showcase-copy { grid-column:1; grid-row:1; }
.sv-scene { margin:0; width:100%; }
.sv-scene img { display:block; width:100%; height:auto; object-fit:contain; }
.sv-showcase .sv-detail-list { gap:0; }
.sv-showcase .sv-detail-list article { padding:16px 0; border-top:1px solid var(--sv-line); }
.sv-showcase .sv-detail-list h3 { font-size:18px; margin-bottom:7px; }
.sv-showcase .sv-detail-list p { font-size:14px; line-height:1.75; }
.sv-showcase .sv-options { display:block; border:0; border-radius:0; }
.sv-showcase .sv-options article { background:transparent; padding:17px 0; border:0; border-top:1px solid var(--sv-line); }
.sv-showcase .sv-options h3 { font-size:21px; }
.sv-showcase .sv-options p { font-size:14px; }
.sv-showcase .sv-options .sv-option-label { color:var(--sv-accent); font-size:10px; margin-bottom:8px; } .sv-rich .sv-expertise-grid { gap:20px; }
.sv-rich .sv-expertise { display:grid; grid-template-columns:50px minmax(0,1fr); gap:0 17px; align-content:start; padding:26px; border:1px solid var(--sv-line); border-radius:12px; background:linear-gradient(135deg,#fff,var(--sv-soft)); }
.sv-rich .sv-expertise h3,.sv-rich .sv-expertise p { grid-column:2; }
.sv-rich .sv-expertise h3 { font-size:20px; line-height:1.3; margin-bottom:10px; }
.sv-rich .sv-expertise p { font-size:14px; line-height:1.75; margin-bottom:0; }
.sv-capability-symbol { grid-column:1; grid-row:1 / span 2; width:48px; color:var(--sv-accent); }
.sv-capability-symbol svg { width:42px; height:42px; display:block; }
.sv-rich .sv-business-cases { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sv-rich .sv-business-cases .sv-expertise { grid-template-columns:1fr; gap:18px; }
.sv-rich .sv-business-cases .sv-capability-symbol,.sv-rich .sv-business-cases .sv-expertise h3,.sv-rich .sv-business-cases .sv-expertise p { grid-column:1; grid-row:auto; }
.sv-showcase .sv-expertise-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 24px; }
.sv-rich .sv-showcase .sv-expertise { display:block; padding:0; border:0; border-radius:0; background:transparent; }
.sv-showcase .sv-capability-symbol { width:38px; margin-bottom:12px; }
.sv-showcase .sv-capability-symbol svg { width:34px; height:34px; }
.sv-rich .sv-showcase .sv-expertise h3 { font-size:17px; }
.sv-rich .sv-showcase .sv-expertise p { font-size:13px; } .sv-rich .sv-development-roadmap { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.sv-rich .sv-development-roadmap li { display:grid; grid-template-columns:42px minmax(0,1fr); align-content:start; gap:15px 16px; padding:24px; border:1px solid var(--sv-line); border-radius:12px; background:#fff; }
.sv-stage-symbol { width:42px; color:var(--sv-accent); grid-column:1; grid-row:1; }
.sv-stage-symbol svg { display:block; width:40px; height:40px; }
.sv-rich .sv-development-roadmap .sv-step-number { align-self:center; justify-self:end; grid-column:2; grid-row:1; font-size:12px; }
.sv-development-roadmap li > div:not(.sv-stage-symbol) { grid-column:1 / -1; }
.sv-development-roadmap h3 { font-size:19px; }
.sv-development-roadmap p { font-size:14px; line-height:1.75; }
.sv-rich .sv-editions { gap:22px; background:transparent; border:0; border-radius:0; }
.sv-rich .sv-editions article { border:1px solid var(--sv-line); border-radius:12px; padding:28px; background:var(--sv-soft); }
.sv-edition-logo { height:56px; display:flex; align-items:center; margin-bottom:20px; }
.sv-edition-logo img { display:block; width:auto; max-width:125px; height:48px; object-fit:contain; }
.sv-rich .sv-geo-feature { padding:28px 30px; background:#f6f1fd; border:1px solid var(--sv-line); border-radius:14px; }
.sv-rich .sv-geo-feature .sv-graphic { max-width:420px; } .sv-rich .sv-integration-grid { gap:22px; }
.sv-rich .sv-integration-grid > article { border:1px solid var(--sv-line); padding:26px 28px; border-radius:12px; background:#fff; }
.sv-rich .sv-integration-grid > article h3 { font-size:21px; }
.sv-rich .sv-integration-grid > article > p { min-height:46px; }
.sv-rich .sv-integration-logos { margin-top:18px; gap:14px 22px; }
.sv-rich .sv-integration-google { background:#fbf9fe!important; } .sv-vignette { margin:0; min-width:0; }
.sv-route-mount { margin:0 0 48px; }
.sv-sync { padding:30px; border:1px solid var(--sv-line); background:#f7f3fd; border-radius:14px; }
.sv-sync-route { display:grid; grid-template-columns:1fr 42px 1fr 42px 1fr; gap:14px; align-items:center; }
.sv-sync-route > div { display:flex; flex-direction:column; align-items:center; text-align:center; min-width:0; }
.sv-sync-icon { display:flex; width:60px; height:60px; padding:12px; margin-bottom:15px; border-radius:14px; background:#fff; color:#7620f1; }
.sv-sync-icon svg { width:100%; height:100%; }
.sv-sync-route strong { color:#21104d; font-size:16px; }
.sv-sync-route small { display:block; color:#676a80; font-size:12px; line-height:1.6; margin-top:7px; }
.sv-stream { width:100%; height:2px; background:repeating-linear-gradient(90deg,#b393e0 0 4px,transparent 4px 9px); }
.sv-sync figcaption { display:flex; align-items:center; gap:14px; margin:26px 0 0; border-top:1px solid #e4d7f5; padding:18px 0 0; }
.sv-sync figcaption > span { font-size:30px; line-height:1; color:#7620f1; }
.sv-sync figcaption strong { color:#21104d; font-size:13px; }
.sv-sync figcaption p { margin:4px 0 0; font-size:12px; }
.sv-performance-board { width:100%; max-width:440px; margin:auto; padding:24px; border:1px solid var(--sv-line); border-radius:15px; background:var(--sv-soft); box-shadow:0 12px 36px #185c4808; }
.sv-board-top { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--sv-deep); font-size:12px; margin-bottom:18px; }
.sv-board-top > i { width:7px; height:7px; border-radius:50%; background:var(--sv-accent); }
.sv-ad-preview { display:flex; align-items:center; gap:14px; padding:17px; background:#fff; border:1px solid var(--sv-line); border-radius:9px; }
.sv-ad-mark { width:36px; color:var(--sv-accent); }
.sv-ad-mark svg { display:block; width:36px; height:36px; }
.sv-ad-preview strong,.sv-ad-preview small { display:block; }
.sv-ad-preview strong { font-size:16px; color:var(--sv-deep); }
.sv-ad-preview small { font-size:11px; color:#676a80; }
.sv-ad-preview > span { margin-left:auto; color:var(--sv-accent); font-size:22px; }
.sv-performance-bridge { height:25px; width:1px; margin:auto; border-left:2px dashed var(--sv-accent); opacity:.4; }
.sv-destination-preview { background:#fff; border:1px solid var(--sv-line); border-radius:9px; padding:14px; }
.sv-browser-dots { display:flex; gap:4px; border-bottom:1px solid var(--sv-line); padding-bottom:10px; margin-bottom:12px; }
.sv-browser-dots i { width:4px; height:4px; border-radius:50%; background:var(--sv-line); }
.sv-preview-title { font-size:13px; font-weight:650; color:var(--sv-deep); }
.sv-preview-layout { display:grid; grid-template-columns:72px 1fr; gap:16px; margin:12px 0; }
.sv-preview-product { border-radius:5px; background:var(--sv-soft); height:74px; position:relative; }
.sv-preview-product:after { content:''; display:block; width:24px; height:44px; border-radius:5px 5px 8px 8px; background:var(--sv-accent); margin:15px auto; }
.sv-preview-layout i { display:block; height:5px; background:var(--sv-line); border-radius:2px; margin:4px 0 10px; }
.sv-preview-layout i:nth-child(2) { width:70%; }.sv-preview-layout i:nth-child(3) { width:44%; }
.sv-preview-layout b { display:block; height:15px; width:55%; background:var(--sv-accent); border-radius:3px; }
.sv-preview-caption { font-size:10px; color:#676a80; }
.sv-board-result { display:flex; align-items:center; gap:10px; margin-top:16px; color:var(--sv-deep); font-size:12px; }
.sv-board-result > span { color:var(--sv-accent); width:26px; }
.sv-board-result svg { display:block; width:26px; height:26px; }
.sv-architecture { border:1px solid #e7dbf5; background:#f8f4fe; border-radius:15px; padding:26px; }
.sv-architecture-top { display:flex; gap:9px; justify-content:center; padding-bottom:20px; }
.sv-architecture-top span { padding:6px 9px; background:white; border:1px solid #e5d7f4; border-radius:5px; font-size:11px; color:#684496; }
.sv-architecture-core { padding:22px; background:#21104d; border-radius:10px; text-align:center; color:#fff; }
.sv-architecture-core strong,.sv-architecture-core small { display:block; }.sv-architecture-core strong { font-size:17px; }.sv-architecture-core small { font-size:11px; color:#d4c3eb; margin-top:7px; }
.sv-shop-window { display:flex; justify-content:center; gap:9px; margin-bottom:16px; }.sv-shop-window i { display:block; width:24px; height:31px; border:1px solid #a67bdd; border-radius:3px; background:#ffffff14; }.sv-shop-window i:nth-child(2) { background:#b98aef; }
.sv-architecture-bottom { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:22px; }
.sv-architecture-bottom > div { display:flex; flex-direction:column; align-items:center; gap:9px; color:#684496; font-size:11px; }.sv-architecture-bottom svg { width:32px; height:32px; color:#7620f1; }
.sv-commerce-board { padding:28px; border:1px solid #e8dcf7; border-radius:14px; background:#f8f4fe; margin:0 0 48px; }
.sv-commerce-catalog { padding:23px; background:white; border:1px solid #e8dcf7; border-radius:10px; }
.sv-commerce-catalog .sv-board-top strong { color:#21104d; font-size:16px; }.sv-commerce-catalog .sv-board-top span { font-size:11px; color:#80669f; }
.sv-catalog-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.sv-catalog-products > div { padding:12px 16px; background:#f8f4fe; border-radius:6px; }
.sv-catalog-products i { display:block; height:58px; margin:5px auto 18px; position:relative; }
.sv-product-bottle { width:32px; background:#b693e8; border-radius:8px 8px 5px 5px; }.sv-product-bottle:before { content:''; position:absolute; width:20px; height:7px; background:#7620f1; left:6px; top:-5px; border-radius:3px 3px 0 0; }
.sv-product-box { width:58px; background:#9360dc; border-radius:4px; }.sv-product-box:before { content:''; position:absolute; width:12px; height:100%; background:#d7bff4; left:23px; }
.sv-product-bag { width:47px; background:#cbb3ed; border-radius:4px; }.sv-product-bag:before { content:''; position:absolute; width:22px; height:18px; border:3px solid #9360dc; border-bottom:0; border-radius:14px 14px 0 0; top:-13px; left:12px; }
.sv-catalog-products b { display:block; width:80%; height:5px; border-radius:3px; background:#ddcff0; margin-bottom:8px; }.sv-catalog-products small { display:block; width:40%; height:4px; background:#7620f1; border-radius:2px; }
.sv-commerce-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:26px; }
.sv-commerce-steps > div { min-width:0; }.sv-commerce-steps > div > span { display:block; width:32px; height:32px; color:#7620f1; margin-bottom:13px; }.sv-commerce-steps svg { width:32px; height:32px; }
.sv-commerce-steps strong { display:block; font-size:17px; color:#21104d; }.sv-commerce-steps p { font-size:13px; line-height:1.75; margin:8px 0 0; }
@media(prefers-reduced-motion:no-preference) { .sv-rich .sv-expertise,.sv-rich .sv-development-roadmap li { transition:transform .35s,border-color .35s; }.sv-rich .sv-expertise:hover,.sv-rich .sv-development-roadmap li:hover { border-color:var(--sv-accent); transform:translateY(-2px); } .sv-sync.sv-motion .sv-stream { animation:sv-transfer 3s linear infinite; } @keyframes sv-transfer { to { background-position:36px 0; } } }
@media(max-width:1000px) { .sv-showcase { gap:30px; }.sv-rich .sv-expertise { padding:22px; grid-template-columns:38px minmax(0,1fr); gap:0 12px; }.sv-capability-symbol svg { width:34px; height:34px; }.sv-rich .sv-business-cases { gap:16px; }.sv-rich .sv-development-roadmap li { padding:21px; } }
@media(max-width:800px) { .sv-showcase { display:flex; flex-direction:column; gap:22px; margin-bottom:40px; padding-bottom:28px; }.sv-showcase-copy { display:contents; }.sv-showcase-copy > .sv-section-head { order:0; width:100%; margin:0; }.sv-showcase-art { order:1; width:100%; max-width:540px; }.sv-showcase-copy > :not(.sv-section-head) { order:2; width:100%; }.sv-rich .sv-business-cases { grid-template-columns:1fr; }.sv-rich .sv-business-cases .sv-expertise { grid-template-columns:46px minmax(0,1fr); gap:0 16px; }.sv-rich .sv-business-cases .sv-capability-symbol { grid-column:1; grid-row:1 / span 2; }.sv-rich .sv-business-cases .sv-expertise h3,.sv-rich .sv-business-cases .sv-expertise p { grid-column:2; }.sv-rich .sv-development-roadmap { grid-template-columns:repeat(2,minmax(0,1fr)); }.sv-rich .sv-integration-grid > article { padding:22px; } }
@media(max-width:540px) { .sv-rich .sv-expertise-grid { grid-template-columns:1fr; gap:16px; }.sv-rich .sv-expertise h3 { font-size:19px; }.sv-rich .sv-expertise { padding:22px 20px; }.sv-rich .sv-showcase .sv-expertise-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }.sv-rich .sv-showcase .sv-expertise { padding:0; }.sv-rich .sv-showcase .sv-expertise h3 { font-size:17px; }.sv-rich .sv-development-roadmap { grid-template-columns:1fr; }.sv-rich .sv-development-roadmap li { grid-template-columns:42px minmax(0,1fr); gap:12px; }.sv-rich .sv-geo-feature { padding:24px 20px; }.sv-sync { padding:24px 20px; }.sv-sync-route { grid-template-columns:1fr; gap:16px; }.sv-sync-route > div { display:grid; grid-template-columns:52px minmax(0,1fr); gap:0 14px; text-align:left; align-items:center; }.sv-sync-icon { grid-column:1; grid-row:1 / span 2; width:50px; height:50px; padding:10px; margin:0; }.sv-sync-route strong,.sv-sync-route small { grid-column:2; }.sv-sync-route strong { font-size:15px; }.sv-sync-route small { margin-top:4px; }.sv-stream { width:2px; height:16px; margin-left:24px; background:repeating-linear-gradient(0deg,#b393e0 0 4px,transparent 4px 9px); }.sv-commerce-board { padding:22px 18px; }.sv-commerce-catalog { padding:17px 14px; }.sv-commerce-catalog .sv-board-top { align-items:flex-start; flex-direction:column; gap:5px; }.sv-catalog-products { gap:10px; }.sv-catalog-products > div { padding:12px 8px; }.sv-catalog-products i { transform:scale(.8); }.sv-commerce-steps { grid-template-columns:1fr; gap:22px; }.sv-commerce-steps > div { display:grid; grid-template-columns:34px minmax(0,1fr); gap:0 14px; }.sv-commerce-steps > div > span { grid-column:1; grid-row:1 / span 2; margin:0; }.sv-commerce-steps strong,.sv-commerce-steps p { grid-column:2; }.sv-commerce-steps strong { font-size:16px; } }
.sv-rich .sv-integration-grid > article:last-child { grid-column:1 / -1; }
.sv-rich .sv-integration-grid > article:last-child .sv-integration-logos { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media(max-width:540px) { .sv-rich .sv-integration-grid > article:last-child .sv-integration-logos { grid-template-columns:repeat(2,minmax(0,1fr)); } } .sv-rich .sv-editorial-feature { margin:0 0 56px; padding:0 0 40px; border-bottom:1px solid var(--sv-line); }
.sv-feature-copy { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:0 56px; }
.sv-feature-copy > .sv-section-head { grid-column:1; grid-row:1 / span 8; margin:0; }
.sv-feature-copy > :not(.sv-section-head) { grid-column:2; }
.sv-feature-copy > p { font-size:15px; line-height:1.85; }
.sv-feature-copy .sv-detail-list { gap:0; }
.sv-feature-copy .sv-detail-list article { padding:18px 0; border-top:1px solid var(--sv-line); }
.sv-feature-copy .sv-detail-list article:first-child { padding-top:0; border-top:0; }
.sv-feature-copy .sv-detail-list h3 { font-size:18px; margin-bottom:8px; }
.sv-feature-copy .sv-detail-list p { font-size:14px; line-height:1.8; }
.sv-feature-copy .sv-options { display:grid; grid-template-columns:1fr 1fr; gap:28px; border:0; background:none; }
.sv-feature-copy .sv-options article { padding:0; border:0; background:none; }
.sv-feature-copy .sv-options h3 { font-size:20px; line-height:1.4; }
.sv-feature-copy .sv-options p { font-size:14px; line-height:1.8; }
.sv-feature-copy .sv-option-label { color:var(--sv-accent); font-size:10px; letter-spacing:.06em; }
.sv-rich .sv-expertise { background:transparent; border:0; border-top:1px solid var(--sv-line); border-radius:0; padding:24px 0; grid-template-columns:36px minmax(0,1fr); gap:0 18px; }
.sv-capability-symbol,.sv-capability-symbol svg { width:32px; height:32px; }
.sv-rich .sv-expertise h3 { font-size:19px; }
.sv-rich .sv-business-cases { gap:34px; }
.sv-rich .sv-business-cases .sv-expertise { gap:18px; }
.sv-rich .sv-feature-media .sv-expertise-grid { grid-template-columns:1fr 1fr; gap:24px 30px; }
.sv-rich .sv-feature-media .sv-expertise { display:block; border:0; padding:0; }
.sv-feature-media .sv-capability-symbol { margin-bottom:14px; }
.sv-rich .sv-feature-media .sv-expertise h3 { font-size:18px; }
.sv-rich .sv-development-roadmap { gap:30px 38px; }
.sv-rich .sv-development-roadmap li { border:0; border-top:1px solid var(--sv-line); border-radius:0; padding:21px 0 8px; gap:16px; background:transparent; }
.sv-stage-symbol,.sv-stage-symbol svg { width:30px; height:30px; }
.sv-rich .sv-development-roadmap h3 { font-size:18px; }
.sv-rich .sv-editions article { background:transparent; padding:26px; border-radius:8px; }
.sv-edition-logo { height:40px; margin-bottom:22px; }
.sv-edition-logo img { max-height:36px; }
.sv-rich .sv-geo-feature { background:linear-gradient(120deg,#faf7fe,#fff); border:0; border-radius:0; padding:30px 0; border-block:1px solid var(--sv-line); }
.sv-rich .sv-integration-grid { gap:0 38px; }
.sv-rich .sv-integration-grid > article { border:0; border-top:1px solid var(--sv-line); border-radius:0; padding:28px 0 32px; }
.sv-rich .sv-integration-grid .sv-integration-google { background:transparent!important; }
.sv-rich .sv-integration-grid > article > p { min-height:0; max-width:66ch; }
.sv-rich .sv-method { padding:32px; border:0; border-radius:8px; background:#faf8fd; }
.sv-rich .sv-inline-note { border-left-width:2px; padding-left:20px; }
.sv-rich .sv-inline-note h3 { font-size:15px; line-height:1.5; }
.sv-rich .sv-inline-note p { font-size:13px; line-height:1.8; } .sv-rich .sv-expertise:hover,.sv-rich .sv-development-roadmap li:hover { transform:none; border-color:var(--sv-line); }
@media(max-width:1000px) { .sv-feature-copy { gap:0 34px; }.sv-feature-copy .sv-options { grid-template-columns:1fr; gap:24px; } }
@media(max-width:800px) { .sv-feature-copy { grid-template-columns:1fr; gap:24px; }.sv-feature-copy > .sv-section-head,.sv-feature-copy > :not(.sv-section-head) { grid-column:1; grid-row:auto; }.sv-rich .sv-editorial-feature { margin-bottom:40px; padding-bottom:30px; }.sv-feature-copy .sv-options { grid-template-columns:1fr 1fr; }.sv-rich .sv-business-cases .sv-expertise { grid-template-columns:36px minmax(0,1fr); gap:0 18px; }.sv-rich .sv-integration-grid { gap:0 28px; } }
@media(max-width:540px) { .sv-feature-copy .sv-options { grid-template-columns:1fr; gap:24px; }.sv-rich .sv-feature-media .sv-expertise-grid { gap:26px 22px; }.sv-rich .sv-feature-media .sv-expertise p { font-size:13px; }.sv-rich .sv-method { padding:24px 20px; }.sv-rich .sv-development-roadmap { gap:20px; }.sv-rich .sv-expertise { padding:22px 0; }.sv-rich .sv-geo-feature { padding:24px 0; }.sv-rich .sv-integration-grid > article { padding:24px 0; } }
.sv-rich .portada-imagen[src*="servicio-escena-"] { mix-blend-mode:multiply; }