.sv-page { --sv-accent:#7620f1; --sv-deep:#21104d; --sv-soft:#f4effc; --sv-line:#e3d8f3; --sv-bright:#c900f3; }
.sv-green { --sv-accent:#168363; --sv-deep:#185c48; --sv-soft:#edf7f2; --sv-line:#cce5da; --sv-bright:#69cda5; }
.sv-orange { --sv-accent:#c74600; --sv-deep:#21104d; --sv-soft:#fff3e8; --sv-line:#ffd2b2; --sv-bright:#f97316; }
.sv-page .portada-slider { display:flex; min-width:0; background:#fbf9fe; }
.sv-page .portada-carrusel { display:grid; flex:1; min-width:0; height:auto; }
.sv-page .portada-diapositivas { display:grid; grid-area:1/1; overflow:hidden; touch-action:pan-y; }
.sv-page .portada-diapositiva { grid-area:1/1; visibility:hidden; pointer-events:none; background:linear-gradient(105deg,#faf7fe,#f5f0fc); }
.sv-green .portada-diapositiva { background:linear-gradient(110deg,#edf7f2,#f7fcf9); }.sv-orange .portada-diapositiva { background:linear-gradient(110deg,#fff0df,#fffbf7); }
.sv-page .portada-carrusel .portada-diapositiva.ec-slide-active { visibility:visible; pointer-events:auto; }
.sv-page .portada-carrusel .portada-escena { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:center; gap:24px; min-height:420px; height:100%; padding:30px clamp(30px,3.6vw,56px) 54px; }
.sv-page .portada-escena .portada-mensaje { display:block; padding:0; min-width:0; }
.sv-page .portada-antetitulo { color:var(--sv-accent); font-size:11px; line-height:1.5; margin:0 0 15px; letter-spacing:.04em; font-weight:700; }
.sv-page .portada-escena .portada-titulo { color:#21104d; font-size:clamp(28px,2.7vw,40px); line-height:1.13; letter-spacing:-.035em; margin:0 0 18px; max-width:520px; font-weight:700; }
.sv-page .portada-titulo span { color:var(--sv-accent); }
.sv-page .portada-escena .portada-descripcion { font-size:15px; color:#64667c; line-height:1.65; margin:0; max-width:460px; }
.sv-page .portada-ilustracion { min-width:0; width:calc(100% + 15px); margin:0 0 0 -6px; grid-column:2; grid-row:1; }
.sv-page .portada-imagen { display:block; width:100%; max-height:350px; object-fit:contain; }
.sv-hero-link { display:inline-flex; align-items:center; gap:12px; min-height:40px; margin-top:16px; color:var(--sv-deep); font-size:13px; font-weight:650; text-decoration:none; }
.sv-page .portada-flecha { color:var(--sv-deep); border-color:var(--sv-line); background:#ffffffb0; width:26px; height:36px; }.sv-page .portada-flecha[data-slide-prev] { left:2px; }.sv-page .portada-flecha[data-slide-next] { right:2px; }
.sv-page .portada-indicador::after { background:var(--sv-line); }.sv-page .portada-indicador[aria-current=true]::after { background:var(--sv-accent); }.sv-page .portada-pausa { color:var(--sv-deep); } .sv-page .sv-body { padding-top:28px; padding-bottom:20px; }.sv-body .editorial-contenido { color:#676a80; font-size:16px; line-height:1.75; }
.sv-body h2 { margin:0 0 18px; color:#21104d; font-size:clamp(25px,2.3vw,32px); font-weight:700; line-height:1.2; letter-spacing:-.03em; text-wrap:balance; }
.sv-body h3 { color:#21104d; font-size:19px; line-height:1.32; letter-spacing:-.02em; font-weight:650; margin:0 0 10px; }
.sv-body p { margin:0 0 14px; }.sv-body p:last-child { margin-bottom:0; }
.sv-kicker { display:flex; align-items:center; gap:10px; color:var(--sv-accent); font-size:11px; line-height:1.4; letter-spacing:.045em; text-transform:uppercase; font-weight:700; margin:0 0 13px!important; }
.sv-kicker::before { content:""; display:block; width:24px; height:2px; flex:0 0 24px; background:linear-gradient(90deg,#08b9e8,var(--sv-accent)); }
.sv-editorial-intro { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:50px; align-items:start; padding:12px 0 32px; margin-bottom:28px; border-bottom:1px solid #e9e3f2; }.sv-editorial-intro h2 { margin-bottom:0; }.sv-editorial-intro > div { padding-top:23px; }
.sv-section { margin:0 0 36px; }.sv-section-head { max-width:830px; margin-bottom:22px; }.sv-section-head h2 { margin-bottom:0; }
.sv-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); align-items:center; gap:46px; padding:32px; margin:0 0 36px; border:1px solid #e7ddf3; border-radius:18px; background:linear-gradient(125deg,#f9f6fe,#fdfbff); }
.sv-story-reverse { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); }.sv-story-reverse .sv-story-art { order:2; }
.sv-story-art { min-width:0; }.sv-story-art .sv-graphic { max-width:480px; }.sv-story-copy { min-width:0; }.sv-story-copy .sv-section-head { margin-bottom:20px; }.sv-story p { font-size:15px; line-height:1.75; }
.sv-editorial-art { width:100%; max-width:520px; margin:auto; }.sv-editorial-art img { display:block; width:100%; height:auto; max-height:370px; object-fit:contain; }
.sv-detail-list article { padding:15px 0; border-bottom:1px solid #e7def1; }.sv-detail-list article:first-child { padding-top:0; }.sv-detail-list article:last-child { border:0; padding-bottom:0; }.sv-detail-list h3 { font-size:17px; margin:0 0 7px; }.sv-detail-list p { font-size:15px; }
.sv-options { display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid #e3d8f2; border-radius:16px; overflow:hidden; background:white; }.sv-options article { padding:30px; }.sv-options article+article { background:#f6f1fd; border-left:1px solid #e3d8f2; }.sv-options h3 { font-size:24px; }.sv-options p { font-size:15px; }.sv-option-label { font-size:11px!important; text-transform:uppercase; color:var(--sv-accent); font-weight:700; letter-spacing:.045em; margin-bottom:12px!important; }
.sv-expertise-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.sv-expertise { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:0 16px; padding:25px; border:1px solid #e5daf3; border-radius:15px; background:linear-gradient(125deg,#fff,#faf7fd); min-width:0; }.sv-expertise h3 { grid-row:1; grid-column:1/-1; font-size:20px; margin-bottom:14px; }.sv-expertise p { grid-column:1; grid-row:2; font-size:15px; }.sv-expertise .sv-mini-art { grid-column:2; grid-row:2; align-self:center; min-width:0; }
.sv-process { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px 30px; }.sv-process li { display:flex; gap:14px; min-width:0; padding-top:16px; border-top:1px solid #ded1f0; }.sv-step-number { color:var(--sv-accent); font-size:12px; font-weight:700; line-height:26px; }.sv-process h3 { font-size:18px; }.sv-process p { font-size:14px; line-height:1.75; }
.sv-process-section { padding-top:4px; }.sv-process-section .sv-section-head { margin-bottom:28px; }
.sv-inline-note { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:32px; padding:23px 0; border-top:1px solid #e6dcef; border-bottom:1px solid #e6dcef; margin:6px 0 32px; }.sv-inline-note h3 { font-size:17px; margin:0; }.sv-inline-note p { font-size:14px; }
.sv-method { margin:0 0 36px; padding:28px; border:1px solid #e5daf2; border-radius:16px; background:#fcfaff; }.sv-method-stages { display:grid; grid-template-columns:1fr 1fr; gap:36px; }.sv-method-stages article { padding-top:18px; border-top:2px solid #b99be5; }.sv-method-stages article > span { color:#7620f1; font-size:11px; font-weight:700; text-transform:uppercase; }.sv-method h3 { margin:12px 0 10px; font-size:20px; }.sv-method p { font-size:15px; }.sv-method-bottom { display:grid; grid-template-columns:1fr 1fr; gap:36px; margin-top:24px; padding-top:22px; border-top:1px solid #e5daf2; }.sv-method-bottom strong { color:#21104d; font-size:14px; line-height:1.5; display:block; margin-bottom:6px; }.sv-method-bottom p { font-size:13px; line-height:1.75; }
.sv-integration-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 28px; }.sv-integration-grid article { position:relative; min-width:0; padding:23px 0; border-top:1px solid #e3d7f1; }.sv-integration-grid h3 { font-size:20px; padding-right:22px; }.sv-integration-grid p { font-size:14px; }.sv-category-mark { position:absolute; top:23px; right:0; color:#ac8ed7; font-size:10px; }.sv-integration-grid .sv-brands { font-size:12px; color:#684496; line-height:1.8; padding-top:7px; }
.sv-objectives { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }.sv-objectives article { padding:24px; border:1px solid #cce5da; background:#f4faf7; border-radius:14px; }.sv-objectives span { display:block; color:#168363; font-size:12px; font-weight:700; margin-bottom:16px; }.sv-objectives h3 { font-size:21px; }.sv-objectives p { font-size:15px; }
.sv-service-paths { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.sv-service-paths a { display:flex; flex-direction:column; gap:9px; padding:25px; background:#f6f0ff; border:1px solid #e3d5f5; border-radius:14px; color:#21104d; text-decoration:none; }.sv-service-paths strong { font-size:22px; }.sv-service-paths span { font-size:14px; color:#6a4a95; }
.sv-next-links { display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px; border-top:1px solid #e8dff3; padding:22px 0; margin:4px 0 0; }.sv-next-links > span { color:#737388; font-size:12px; }.sv-next-links a { color:#63349d; font-size:13px; font-weight:600; text-decoration:none; }
.sv-platforms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.sv-platform { min-width:0; padding:25px; border:1px solid #e5daf3; border-radius:15px; background:white; }.sv-platform-logo { display:flex; align-items:center; gap:20px; min-height:48px; margin-bottom:18px; }.sv-platform-logo img { width:auto; height:36px; max-width:145px; object-fit:contain; }.sv-platform p { font-size:14px; }.sv-platform-lead { color:#5d368f; font-weight:600; }
.sv-service-index { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-bottom:32px; }.sv-index-item { display:grid; grid-template-columns:160px minmax(0,1fr); align-items:center; gap:22px; padding:24px; border:1px solid #e3d8f2; border-radius:16px; background:#fbf8ff; text-decoration:none; min-width:0; }.sv-index-item h2 { font-size:22px; margin-bottom:10px; }.sv-index-item p { font-size:14px; color:#6a6d82; }.sv-index-link { color:#7620f1; font-size:12px; font-weight:650; }.sv-index-art { min-width:0; }.sv-index-art img { display:block; width:100%; height:auto; max-height:175px; object-fit:contain; }
.sv-service-cta { background:#21104d; color:white; margin-top:10px; }.sv-service-cta > .interior-contenedor { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:40px; align-items:center; padding-top:30px; padding-bottom:30px; }.sv-service-cta h2 { max-width:800px; margin:0 0 12px; font-size:clamp(25px,2.4vw,33px); line-height:1.2; letter-spacing:-.025em; color:white; }.sv-service-cta p { max-width:780px; color:#d0c6e4; font-size:15px; line-height:1.7; margin:0; }.sv-service-cta .interior-boton { background:#f2ebff; border-color:#f2ebff; color:#21104d; white-space:nowrap; } .sv-graphic { min-width:0; width:100%; max-width:500px; margin:auto; }.sv-graphic svg { display:block; width:100%; height:auto; overflow:visible; }.sv-graphic text { font-family:inherit; fill:var(--sv-deep); font-size:14px; font-weight:600; }.sv-graphic text[fill=white] { fill:white; }
.sv-page a:focus-visible,.sv-page button:focus-visible { outline:2px solid var(--sv-accent); outline-offset:4px; }
@media(prefers-reduced-motion:no-preference) { .sv-motion .sv-float { animation:sv-float 6s ease-in-out infinite; }.sv-motion .sv-float-late { animation:sv-float 7s 1s ease-in-out infinite; }.sv-motion .sv-flow { animation:sv-flow 7s linear infinite; }.sv-index-item,.sv-service-paths a { transition:border-color .35s,background-color .35s; }.sv-index-item:hover,.sv-service-paths a:hover { border-color:#b894e9; background:white; } @keyframes sv-float { 50% { transform:translateY(-4px); } } @keyframes sv-flow { to { stroke-dashoffset:-52; } } }
@media(max-width:1100px) { .sv-page .portada-carrusel .portada-escena { gap:12px; padding:28px 30px 52px; grid-template-columns:1fr; }.sv-page .portada-ilustracion { grid-column:1; grid-row:2; width:100%; max-width:320px; margin:auto; }.sv-page .portada-imagen { max-height:240px; }.sv-page .portada-escena .portada-titulo { font-size:32px; max-width:600px; }.sv-page .portada-escena .portada-descripcion { max-width:600px; }.sv-story { gap:25px; padding:26px; }.sv-expertise { grid-template-columns:minmax(0,1fr) 120px; gap:0 10px; padding:23px; }.sv-index-item { grid-template-columns:110px minmax(0,1fr); gap:18px; }.sv-editorial-intro { gap:30px; } }
@media(max-width:800px) { .sv-page .portada-carrusel .portada-escena { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); min-height:360px; padding:28px 32px 50px; }.sv-page .portada-ilustracion { grid-column:2; grid-row:1; }.sv-page .portada-escena .portada-titulo { font-size:31px; }.sv-story { gap:26px; }.sv-editorial-intro { grid-template-columns:1fr; gap:18px; }.sv-editorial-intro > div { padding:0; }.sv-expertise-grid { grid-template-columns:1fr; }.sv-expertise { grid-template-columns:minmax(0,1fr) 180px; }.sv-story { grid-template-columns:1fr; }.sv-story-art { max-width:420px; width:100%; margin:auto; }.sv-story-reverse .sv-story-art { order:0; }.sv-process { grid-template-columns:repeat(2,minmax(0,1fr)); }.sv-integration-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.sv-objectives { grid-template-columns:1fr; gap:15px; }.sv-index-item { grid-template-columns:1fr; }.sv-index-art { max-width:200px; width:100%; margin:auto; }.sv-service-cta > .interior-contenedor { grid-template-columns:1fr; gap:20px; }.sv-service-cta .interior-boton { justify-self:start; } }
@media(max-width:540px) { .sv-page .portada-carrusel .portada-escena { grid-template-columns:1fr; padding:25px 24px 49px; gap:10px; min-height:0; }.sv-page .portada-ilustracion { grid-column:1; grid-row:2; max-width:300px; }.sv-page .portada-imagen { max-height:225px; }.sv-page .portada-escena .portada-titulo { font-size:30px; }.sv-page .portada-escena .portada-descripcion { font-size:15px; }.sv-page .portada-ilustracion .sv-graphic { max-width:290px; }.sv-page .sv-body { padding-top:22px; }.sv-body h2 { font-size:25px; }.sv-body .editorial-contenido { font-size:15px; }.sv-story { padding:23px 20px; gap:22px; border-radius:14px; margin-bottom:30px; }.sv-section,.sv-method { margin-bottom:30px; }.sv-story-art { max-width:310px; }.sv-editorial-intro { margin-bottom:26px; padding-bottom:26px; }.sv-options,.sv-method-stages,.sv-method-bottom,.sv-platforms,.sv-service-index,.sv-service-paths { grid-template-columns:1fr; }.sv-options article { padding:24px 21px; }.sv-options article+article { border-left:0; border-top:1px solid #e3d8f2; }.sv-expertise { grid-template-columns:minmax(0,1fr) 105px; padding:22px 20px; }.sv-expertise h3 { font-size:20px; }.sv-expertise p { font-size:14px; }.sv-process { grid-template-columns:1fr; gap:20px; }.sv-inline-note { grid-template-columns:1fr; gap:12px; }.sv-method { padding:23px 20px; }.sv-method-stages,.sv-method-bottom { gap:22px; }.sv-integration-grid { grid-template-columns:1fr; gap:0; }.sv-integration-grid article { padding:20px 0; }.sv-next-links { align-items:flex-start; flex-direction:column; gap:12px; }.sv-index-item { grid-template-columns:110px minmax(0,1fr); gap:16px; padding:22px 18px; }.sv-index-item h2 { font-size:20px; }.sv-platform-logo { flex-wrap:wrap; }.sv-platform { padding:23px 20px; }.sv-service-cta > .interior-contenedor { padding-top:28px; padding-bottom:28px; } }
@media(prefers-reduced-motion:reduce) { .sv-page *, .sv-page *::before,.sv-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
.sv-mini-art .sv-graphic text { display:none; }
.sv-working-note { color:#767588; font-size:13px; line-height:1.75; margin:20px 0 24px; max-width:980px; }
@media(min-width:1101px) { .sv-expertise { grid-template-columns:minmax(0,1fr) 180px; }.sv-expertise .sv-mini-art { max-width:180px; } }
.sv-publication-section { margin:0 0 32px; max-width:950px; padding:8px 0; }
.sv-publication-section p { font-size:15px; }
@media(prefers-reduced-motion:no-preference) { .sv-motion .sv-knob { animation:sv-adjust 8s ease-in-out infinite; }.sv-motion .sv-knob:nth-of-type(2) { animation-delay:-2s; } @keyframes sv-adjust { 50% { transform:translateX(12px); } } }
.sv-platform-logo { height:50px; overflow:hidden; }
.sv-platform-logo:empty { display:none; }
.sv-platform-logo img[src*="prestashop.png"] { width:190px; max-width:190px; height:106px; flex-shrink:0; }
.sv-platform-logo img[src*="vtex.png"] { width:145px; max-width:145px; height:80px; flex-shrink:0; }
.sv-platform:last-child:nth-child(odd) { grid-column:1/-1; } .sv-page { background:#fff; }
.sv-page .portada-diapositiva { background:linear-gradient(105deg,#fcfaff,#f6f2fc); }
.sv-page .portada-ilustracion { width:calc(100% + 22px); margin-left:-11px; }
.sv-page .portada-imagen { max-height:355px; }
.sv-green .portada-diapositiva { background:linear-gradient(110deg,#edf7f2,#f7fcf9); }
.sv-orange .portada-diapositiva { background:linear-gradient(110deg,#fff0df,#fffaf5); }
.sv-slide-points { list-style:none; padding:0 0 0 24px; margin:0; border-left:1px solid var(--sv-line); }
.sv-slide-points li { padding:17px 0; border-bottom:1px solid var(--sv-line); font-size:19px; font-weight:600; line-height:1.4; color:var(--sv-deep); letter-spacing:-.015em; }
.sv-slide-points li:first-child { padding-top:0; }.sv-slide-points li:last-child { border:0; padding-bottom:0; }
.sv-story { background:transparent; border:0; border-bottom:1px solid #e9e2f1; border-radius:0; padding:10px 0 32px; gap:42px; margin-bottom:32px; }
.sv-story-art .sv-graphic { max-width:430px; }
.sv-story-text { display:block; }
.sv-story-text .sv-story-copy { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); column-gap:48px; row-gap:0; }
.sv-story-text .sv-story-copy > .sv-section-head { grid-column:1; grid-row:1 / span 8; margin:0; }
.sv-story-text .sv-story-copy > :not(.sv-section-head) { grid-column:2; }
.sv-expertise-grid { gap:0 34px; }
.sv-expertise { display:block; background:transparent; border:0; border-top:1px solid #e4dbee; border-radius:0; padding:22px 0; }
.sv-expertise h3 { font-size:19px; margin-bottom:10px; }
.sv-expertise p { font-size:15px; }
.sv-method { background:#fcfbfe; padding:28px; border-color:#e6deee; border-radius:12px; }
.sv-options { border-color:#e4dcee; border-radius:12px; }
.sv-options article+article { background:#faf7fe; border-color:#e4dcee; }
.sv-index-item { grid-template-columns:28px minmax(0,1fr); padding:24px 0; background:transparent; border:0; border-top:1px solid #e5ddef; border-radius:0; gap:18px; }
.sv-index-order { align-self:start; padding-top:5px; font-size:11px; font-weight:600; color:#9a82b9; }
.sv-index-item h2 { font-size:23px; margin-bottom:9px; }.sv-index-item p { font-size:15px; }
.sv-index-item:hover { background:transparent; border-color:#9b75cb; }
.sv-service-index { gap:0 36px; }
.sv-inline-note { gap:42px; }
.sv-next-links { padding-top:18px; margin-top:0; }
@media(max-width:1100px) { .sv-page .portada-ilustracion { width:100%; margin:auto; max-width:340px; }.sv-page .portada-imagen { max-height:255px; } }
@media(max-width:800px) { .sv-story-text .sv-story-copy { grid-template-columns:1fr; gap:18px; }.sv-story-text .sv-story-copy > .sv-section-head,.sv-story-text .sv-story-copy > :not(.sv-section-head) { grid-column:1; grid-row:auto; }.sv-story { gap:20px; padding:6px 0 28px; }.sv-index-item { grid-template-columns:24px minmax(0,1fr); }.sv-slide-points li { font-size:17px; } }
@media(max-width:540px) { .sv-page .portada-imagen { max-height:245px; }.sv-page .portada-ilustracion { max-width:320px; }.sv-slide-points { padding-left:18px; margin:12px 0; }.sv-slide-points li { font-size:16px; padding:13px 0; }.sv-service-index { grid-template-columns:1fr; }.sv-index-item { padding:22px 0; }.sv-expertise { padding:20px 0; }.sv-method { padding:22px 20px; }.sv-story-text .sv-story-copy { gap:17px; } } .sv-page .portada-diapositiva:not(.ec-slide-active) * { visibility:hidden; }
.sv-page .portada-diapositiva { opacity:0; }
.sv-page .portada-carrusel .portada-diapositiva.ec-slide-active { opacity:1; } .sv-shared-platforms .ec-platforms { margin-bottom:28px; } .sv-integration-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 48px; }
.sv-integration-grid article { padding:28px 0 32px; }
.sv-integration-grid h3 { padding-right:0; }
.sv-integration-logos { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 24px; align-items:center; margin:24px 0 0; padding:0; }
.sv-integration-logos li { display:flex; align-items:center; justify-content:center; min-width:0; height:52px; margin:0; padding:0; }
.sv-integration-logos img { display:block; width:auto; height:auto; max-width:110px; max-height:44px; object-fit:contain; }
.sv-integration-logos img[src$=".svg"] { width:38px; height:38px; }
.sv-shared-platforms.ec-body h2 { margin:0 0 16px; font-size:clamp(27px,2.8vw,38px); line-height:1.18; letter-spacing:-.035em; font-weight:650; }
.sv-shared-platforms.ec-body h3 { font-size:21px; font-weight:650; letter-spacing:-.025em; line-height:1.25; margin:0 0 10px; }
@media(max-width:800px) { .sv-integration-grid { gap:0 30px; } .sv-integration-logos { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .sv-integration-grid { grid-template-columns:1fr; } .sv-integration-logos { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .sv-integration-logos img { max-width:90px; } } .sv-body .sv-integration-logos li { flex-direction:column; justify-content:center; gap:8px; height:auto; min-height:100px; overflow:visible; padding:4px 0; }
.sv-integration-logos li span { font-size:11px; line-height:1.35; text-align:center; color:#62667b; }
.sv-body .sv-integration-logos img { flex-shrink:0; object-fit:contain; object-position:center; }
.sv-integration-logos img[src$=".png"] { width:88px; height:88px; max-width:100%; max-height:88px; }
.sv-integration-logos img[src$=".svg"] { width:38px; height:38px; max-width:100%; max-height:44px; }
.sv-integration-logos img[src$="googleads-official.png"],.sv-integration-logos img[src$="googlemaps-color.png"] { width:38px; height:38px; max-height:38px; }
.sv-integration-logos img[src$="mercado-libre.png"] { width:110px; height:44px; max-width:100%; max-height:44px; }
.sv-integration-google { grid-column:1 / -1; }
.sv-integration-google .sv-integration-logos { grid-template-columns:repeat(4,minmax(0,1fr)); }
.sv-integration-logos img[src$="pipedrive.svg"] { width:100px; height:38px; }
.sv-integration-logos img[src$="merchant-center.png"] { width:38px; height:38px; max-height:38px; }
@media(max-width:600px) { .sv-integration-google .sv-integration-logos { grid-template-columns:repeat(3,minmax(0,1fr)); } } .sv-page .sv-body { padding-top:42px; }
.sv-body .sv-section,.sv-body .sv-story,.sv-body .sv-editorial-intro { margin-bottom:48px; }
.sv-body .sv-section-head { max-width:880px; }
.sv-body .sv-editorial-intro { padding-bottom:32px; gap:56px; }
.sv-body h2 { font-size:clamp(25px,2.4vw,34px); line-height:1.2; font-weight:650; text-wrap:balance; }
.sv-body h3 { font-weight:650; }
.sv-body .sv-expertise { padding:25px 0; }
.sv-body .sv-expertise-grid { gap:0 42px; }
.sv-body .sv-process { gap:28px 34px; }
.sv-body .sv-process li { padding-top:18px; border-top:1px solid var(--sv-line); }
.sv-body .sv-step-number { color:var(--sv-accent); font-size:11px; }
.sv-body .sv-options { overflow:hidden; border-radius:12px; }
.sv-body .sv-options article { background:var(--sv-soft); }
.sv-body .sv-method { margin-bottom:44px; border-radius:12px; background:var(--sv-soft); }
.sv-body .sv-method-stages article > span { color:var(--sv-accent); }
.sv-delivery { margin:0 0 42px; padding:30px 32px; border:1px solid var(--sv-line); border-radius:12px; background:linear-gradient(120deg,var(--sv-soft),#fff); }
.sv-delivery .sv-section-head { margin-bottom:24px; }
.sv-delivery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; }
.sv-delivery-grid h3 { font-size:18px; margin-bottom:9px; }
.sv-delivery-grid p { font-size:14px; line-height:1.8; margin:0; }
.sv-body .sv-inline-note { margin-bottom:38px; border-left:3px solid var(--sv-accent); padding:4px 0 4px 22px; }
.sv-body .sv-next-links { border-top:1px solid var(--sv-line); padding-top:22px; padding-bottom:8px; gap:14px 22px; }
.sv-page .sv-service-cta { background:var(--sv-soft); border-top:1px solid var(--sv-line); }
.sv-page .sv-service-cta h2 { font-size:clamp(25px,2.4vw,32px); font-weight:650; }
.sv-flow { margin:0 0 44px; padding:30px; background:#f6f2fc; border:1px solid #e9dff7; border-radius:14px; }
.sv-flow-commerce { display:grid; grid-template-columns:1fr 28px 1fr 28px 1fr; gap:16px; align-items:center; }
.sv-commerce-stage { min-width:0; }
.sv-commerce-stage > strong { display:block; font-size:20px; color:#21104d; margin-top:18px; }
.sv-commerce-stage p { font-size:13px; line-height:1.7; margin:7px 0 0; }
.sv-flow-arrow { color:#aa87db; font-size:25px; text-align:center; padding-bottom:25px; }
.sv-cart,.sv-repeat { display:block; height:65px; width:100px; stroke:#7620f1; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.sv-products { height:65px; display:flex; gap:8px; align-items:center; }
.sv-products i { display:block; width:38px; height:55px; border-radius:5px; background:#e2d3f7; position:relative; }
.sv-products i:before { content:''; display:block; width:18px; height:23px; margin:7px auto; background:#9560e1; border-radius:4px; }
.sv-products i:after { content:''; display:block; width:23px; height:3px; margin:auto; background:#fff; }
.sv-products i:nth-child(2):before { background:#c900f3; border-radius:10px 10px 3px 3px; }
.sv-products i:nth-child(3):before { background:#ffab45; border-radius:50%; }
.sv-flow-media { display:grid; grid-template-columns:200px minmax(0,1fr); gap:32px; align-items:center; }
.sv-flow-plan { border-right:1px solid #decdf2; padding-right:28px; }
.sv-flow-plan strong { font-size:22px; line-height:1.6; color:#21104d; }
.sv-flow-channels { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.sv-flow-channels > div { display:flex; flex-direction:column; gap:8px; min-width:0; }
.sv-flow-channels svg { width:60px; height:48px; stroke:#7620f1; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; margin-bottom:8px; }
.sv-flow-channels strong { color:#21104d; font-size:16px; }
.sv-flow-channels span { font-size:12px; line-height:1.6; }
@media(prefers-reduced-motion:no-preference) { .sv-flow-arrow { animation:sv-flow-breathe 4s ease-in-out infinite; } @keyframes sv-flow-breathe { 50% { color:#7620f1; transform:translateX(3px); } } }
@media(max-width:800px) { .sv-flow-media { grid-template-columns:1fr; gap:24px; } .sv-flow-plan { border-right:0; border-bottom:1px solid #decdf2; padding:0 0 20px; } .sv-flow-plan strong br { display:none; } .sv-flow-plan strong { display:block; font-size:18px; word-spacing:12px; } .sv-body .sv-editorial-intro { gap:20px; } }
@media(max-width:540px) { .sv-page .sv-body { padding-top:28px; } .sv-body .sv-section,.sv-body .sv-story,.sv-body .sv-editorial-intro { margin-bottom:34px; } .sv-body .sv-editorial-intro { padding-bottom:25px; } .sv-delivery { padding:24px 20px; } .sv-delivery-grid { grid-template-columns:1fr; gap:24px; } .sv-flow { padding:24px 20px; } .sv-flow-commerce { grid-template-columns:1fr; gap:20px; } .sv-commerce-stage { display:grid; grid-template-columns:85px minmax(0,1fr); gap:2px 14px; align-items:center; } .sv-commerce-stage > svg,.sv-commerce-stage > .sv-products { grid-row:1 / 3; width:85px; } .sv-commerce-stage > strong { margin:0; } .sv-commerce-stage p { grid-column:2; } .sv-flow-arrow { display:none; } .sv-flow-channels { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } }
.sv-page .sv-service-cta h2 { color:var(--sv-deep); }
.sv-page .sv-service-cta p { color:#62667b; }
.sv-page .sv-service-cta .interior-boton { background:var(--sv-deep); color:#fff; }
.sv-page .sv-service-cta .interior-boton:hover { background:var(--sv-accent); }
.sv-delivery { border:0; border-top:1px solid var(--sv-line); border-radius:0; background:transparent; padding:28px 0 0; }
.sv-flow-plan strong > span { display:block; }
@media(max-width:800px) { .sv-flow-plan strong { display:flex; flex-wrap:wrap; gap:8px 18px; word-spacing:normal; } } .sv-body .sv-integration-logos img[src*="/integrations/original-"] { width:110px; height:44px; max-width:100%; max-height:44px; object-fit:contain; image-rendering:auto; }
.sv-body .sv-integration-logos img[src*="original-despacho-enviame.svg"] { width:40px; height:46px; max-height:46px; }
.sv-body .sv-integration-logos img[src*="original-erp-sapb1.svg"] { width:76px; }
.sv-body .sv-integration-logos img[src*="original-pago-servipag.svg"] { width:48px; height:62px; max-height:62px; }
@media(max-width:600px) { .sv-body .sv-integration-logos img[src*="/integrations/original-"] { max-width:94px; } } .sv-body .sv-integration-logos img[src*="/integrations/approved-"] { width:110px; height:44px; max-width:100%; max-height:44px; object-fit:contain; image-rendering:auto; }
.sv-body .sv-integration-logos img[src*="approved-pago-flow.png"] { width:56px; height:56px; max-height:56px; border-radius:4px; }
.sv-body .sv-integration-logos img[src*="approved-despacho-enviame.png"] { width:100px; }
.sv-body .sv-integration-logos img[src*="approved-despacho-bluexpress.png"] { width:105px; height:52px; max-height:52px; }
@media(max-width:600px) { .sv-body .sv-integration-logos img[src*="/integrations/approved-"] { max-width:94px; } }
.sv-body .sv-integration-logos img[src*="approved-erp-sapb1.svg"] { width:76px; height:38px; }