#enfoque .service.has-inline-preview{overflow:visible}
#enfoque,#trabajo{padding-bottom:clamp(24px,4vw,64px)}
#trabajo,#estudio{padding-top:clamp(36px,5vw,80px)}
#enfoque .service span{font-size:clamp(1.215rem,2.16vw,2.52rem)}
#enfoque .service .service-source{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#enfoque .service-preview-trigger{--opening:220px;display:flex;align-items:baseline;flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;font-family:inherit;font-weight:400;line-height:inherit;letter-spacing:-.05em;text-align:left;cursor:pointer;white-space:nowrap}
#enfoque .service-preview-trigger span{font-size:inherit;letter-spacing:inherit}
#enfoque .service-preview-trigger:focus-visible{outline:2px solid currentColor;outline-offset:6px}
#enfoque .service-preview-slot{position:relative;display:block;flex:none;width:0;height:1em;pointer-events:none;transition:width .5s cubic-bezier(.22,1,.36,1)}
#enfoque .service-preview-trigger.is-open .service-preview-slot{width:var(--opening)}
#enfoque .service-preview-media{position:absolute;left:50%;top:50%;width:var(--preview-size,var(--opening));transform:translate(-50%,-50%) scale(.85);opacity:0;pointer-events:none;transition:opacity .2s,transform .5s cubic-bezier(.22,1,.36,1)}
#enfoque .service-preview-trigger.is-open .service-preview-media{opacity:1;transform:translate(-50%,-50%) scale(1)}
#enfoque .service-preview-media video,#enfoque .service-preview-media img{display:block;width:100%;height:auto;background:transparent}
#enfoque .service-preview-media video{position:absolute;inset:0;opacity:0}
#enfoque .service-preview-media.is-playing video{opacity:1}
#enfoque .service-preview-media.is-playing img{visibility:hidden}
#enfoque .service-preview-left,#enfoque .service-preview-right{flex:none}
#enfoque .service-preview-right{margin-left:.25em}
#enfoque .service:nth-child(4) .service-preview-trigger{flex-wrap:nowrap;align-items:baseline}
#enfoque .service:nth-child(4) .service-preview-right{transition:margin-left .5s cubic-bezier(.22,1,.36,1)}
#enfoque .service:nth-child(4) .is-open .service-preview-right{margin-left:0}
@media(max-width:760px){#enfoque,#trabajo{padding-bottom:24px}#trabajo,#estudio{padding-top:36px}#enfoque .service.has-inline-preview{grid-column:1/-1;align-items:baseline;min-height:0;gap:25px}#enfoque .service-preview-trigger{align-items:baseline;line-height:inherit;min-height:0;padding:0}}
@media(prefers-reduced-motion:reduce){#enfoque .service-preview-slot,#enfoque .service-preview-media{transition:none!important}}