.design-scope .sr-seccion{--sr-borde:max(40px,calc((100vw - 1320px)/2 + 40px));grid-template:"texto panel"1fr"cita panel"/minmax(0,1fr) minmax(0,1fr);min-height:800px;display:grid}.design-scope .sr-texto{padding:112px 72px 0 var(--sr-borde);grid-area:texto;align-self:start}.design-scope .sr-cita{padding:72px 72px 112px var(--sr-borde);grid-area:cita}.design-scope .sr-panel{grid-area:panel;justify-content:center;align-items:center;padding:64px 56px;display:flex;position:relative}.design-scope .sr-foto{position:absolute;inset:0;overflow:hidden}.design-scope .sr-img{object-fit:cover;object-position:90% 50%}.design-scope .sr-scrim{background:radial-gradient(120% 90%,#18181800 40%,#18181829 100%),#18181824;position:absolute;inset:0}.design-scope .sr-chat{z-index:2;flex-direction:column;gap:18px;width:100%;max-width:500px;display:flex;position:relative}.design-scope .sr-a{align-self:flex-end;max-width:290px}.design-scope .sr-b{align-self:flex-start;max-width:340px}.design-scope .sr-c{align-self:flex-end;width:100%;max-width:400px;margin-top:6px}.design-scope .sr-d{text-align:center;align-self:center}@media (max-width:1023px){.design-scope .sr-seccion{grid-template:"texto""panel""cita"/minmax(0,1fr);min-height:0}.design-scope .sr-texto{padding:72px 40px 48px}.design-scope .sr-cita{padding:48px 40px 72px}.design-scope .sr-panel{aspect-ratio:5/4;padding:48px 32px}.design-scope .sr-chat{gap:14px;max-width:460px}}@media (max-width:639px){.design-scope .sr-panel{aspect-ratio:4/5}.design-scope .sr-img{object-position:80% 50%}}@media (max-width:860px){.design-scope .sr-seccion{padding-top:0!important;padding-bottom:0!important}.design-scope .sr-texto{padding:56px 20px 36px!important}.design-scope .sr-cita{padding:36px 20px 56px!important}.design-scope .sr-panel{padding:36px 18px}.design-scope .sr-chat{gap:12px}.design-scope .sr-burbuja{padding:13px 15px!important;font-size:13.5px!important}.design-scope .sr-seccion .sr-panel .sr-chat .sr-a{max-width:82%!important}.design-scope .sr-seccion .sr-panel .sr-chat .sr-b{max-width:88%!important}.design-scope .sr-seccion .sr-panel .sr-chat .sr-c{padding:16px!important}.design-scope .sr-fila{gap:10px!important;font-size:12.5px!important}.design-scope .sr-d{padding:9px 12px!important;font-size:9.5px!important}.design-scope .sr-cita p{font-size:22px!important}}.design-scope .sr-cta{transition:background .18s}.design-scope .sr-cta:hover{background:#ff3c00!important}
.design-scope .df-marco{padding:44px 48px 52px}.design-scope .df-stage{--df-h:58px;--df-gl:28px;--df-g:36px;grid-template-columns:180px minmax(48px,1fr)200px minmax(48px,1fr)calc(2*150px + var(--df-g));grid-template-areas:"lblC. . .lblS""canales.versu.sistemas";align-items:start;row-gap:22px;display:grid;position:relative}.design-scope .df-lineas{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.design-scope .df-lbl-canales{grid-area:lblC;justify-self:center}.design-scope .df-lbl-sistemas{grid-area:lblS;justify-self:center}.design-scope .df-canales{gap:var(--df-gl);flex-direction:column;grid-area:canales;display:flex;position:relative}.design-scope .df-canales .df-caja,.design-scope .df-sistemas .df-caja{height:var(--df-h)}.design-scope .df-versu{margin-top:calc(2.5*var(--df-h) + 2*var(--df-gl));grid-area:versu;position:relative;transform:translateY(-50%)}.design-scope .df-sistemas{gap:var(--df-g);margin-top:calc(var(--df-h)/2 + 2*var(--df-gl) - 1.5*var(--df-g));grid-area:sistemas;grid-template-columns:repeat(2,150px);display:grid;position:relative}.design-scope .df-cta{grid-column:1/-1}@media (max-width:979px){.design-scope .df-marco{padding:32px 12px 36px}.design-scope .df-stage{--df-g:24px;flex-direction:column;align-items:stretch;display:flex}.design-scope .df-lbl-canales{order:0;align-self:flex-start;margin-bottom:16px}.design-scope .df-canales,.design-scope .df-sistemas{gap:var(--df-g);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:1fr;margin-top:0;display:grid}.design-scope .df-canales{order:1}.design-scope .df-versu{order:2;align-self:center;margin:48px 0 0;transform:none}.design-scope .df-lbl-sistemas{order:3;align-self:flex-start;margin:32px 0 16px}.design-scope .df-lbl-canales,.design-scope .df-lbl-sistemas{max-width:calc(50% - var(--df-g)/2 - 4px);white-space:normal!important}.design-scope .df-sistemas{order:4}.design-scope .df-canales .df-caja,.design-scope .df-sistemas .df-caja{height:auto;min-height:var(--df-h);gap:8px!important;padding:10px 9px!important}}@media (max-width:400px){.design-scope .df-stage{--df-g:20px}.design-scope .df-canales .df-caja,.design-scope .df-sistemas .df-caja{gap:7px!important;padding:10px 8px!important}}@media (max-width:359px){.design-scope .df-marco{padding-left:0;padding-right:0}.design-scope .df-lbl-canales,.design-scope .df-lbl-sistemas{margin-left:8px}.design-scope .df-caja>span:first-child{width:26px!important;height:26px!important}.design-scope .df-caja>span:last-child{font-size:12.5px!important}}
