.page-technology .technology-hero{padding-block:64px 46px}
.page-technology .content-hero-copy{max-width:1000px;min-width:0}
.page-technology .content-hero-copy>p:not(.eyebrow):not(.service-hero-tagline){margin-top:24px;max-width:880px;font-size:1.06rem;line-height:1.65}
.page-technology .content-hero-copy>.technology-assurance{max-width:850px;font-size:.92rem!important;color:var(--muted)}
.technology-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:22px;border-bottom:1px solid var(--line)}
.technology-index a{display:flex;align-items:center;gap:14px;min-height:48px;padding:8px 24px;font-size:.91rem;font-weight:900;line-height:1.4;border-left:1px solid var(--line)}
.technology-index a:first-child{padding-left:0;border-left:0}
.technology-index a>span:first-child{font-weight:400;font-size:.8rem;color:var(--muted)}
.technology-index a>span:last-child{margin-left:auto;font-weight:400;font-size:1.2rem}
.technology-index a:hover{text-decoration:underline;text-underline-offset:5px}
.technology-section{padding-block:76px}
.technology-two-columns{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center}
.technology-section-copy{min-width:0}
.technology-section-copy h2,.technology-heading h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.13}
.technology-section-copy>p:not(.eyebrow),.technology-heading>p:not(.eyebrow){margin-top:23px;font-size:1rem;line-height:1.7}
.technology-design-flow{margin:0;padding:10px 30px;list-style:none;border:1px solid var(--line);border-radius:5px;background:var(--pale)}
.technology-design-flow li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:20px;padding:25px 0}
.technology-design-flow li+li{border-top:1px solid var(--line)}
.technology-step-number{padding-top:3px;font-size:.8rem;color:var(--muted)}
.technology-design-flow h3,.technology-capability h3{font-size:1.12rem;letter-spacing:-.02em;line-height:1.35}
.technology-design-flow p{font-size:.95rem;line-height:1.65;margin-top:9px}
.technology-manufacturing{background:var(--pale);border-block:1px solid var(--line)}
.technology-heading{max-width:860px;margin-bottom:34px}
.technology-machine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.technology-machine{margin:0;min-width:0;background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden}
.technology-machine img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#e8e9e8}
.technology-machine figcaption{padding:23px 26px 27px}
.technology-machine h3{font-size:1.3rem;line-height:1.3;letter-spacing:-.025em}
.technology-machine p{margin-top:11px;font-size:.95rem;line-height:1.65}
.technology-capability{padding-top:22px;margin-top:23px;border-top:1px solid var(--line)}
.technology-capability p{margin-top:9px;font-size:.95rem;line-height:1.65}
.technology-production-media{margin:0;min-width:0}
.technology-production-media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#e7e9e9;border-radius:4px}
.technology-production-media figcaption{font-size:.78rem;line-height:1.5;color:var(--muted);margin-top:12px}
.technology-contact{padding-block:52px;background:var(--navy);color:#fff}
.technology-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:52px}
.technology-contact .eyebrow{color:#d4d9ea;margin-bottom:14px}
.technology-contact h2{max-width:740px;font-size:clamp(1.8rem,2.8vw,2.5rem);line-height:1.2}
.technology-contact p:not(.eyebrow){max-width:660px;color:#e0e4ee;margin-top:18px;font-size:1rem;line-height:1.6}
.technology-contact .button{flex-shrink:0;background:#fff;border-color:#fff;color:var(--navy)}
.technology-contact .button:hover{background:var(--pale)}
@media(max-width:1100px){.technology-two-columns{gap:44px}.technology-index a{padding-inline:16px;font-size:.86rem}.technology-machine-grid{gap:22px}.technology-machine figcaption{padding:21px}}
@media(max-width:900px){.page-technology .technology-hero{padding-block:46px 34px}.technology-two-columns{grid-template-columns:1fr;gap:34px}.technology-index{grid-template-columns:1fr;padding-block:8px}.technology-index a{padding:15px 0;border-left:0}.technology-index a+a{border-top:1px solid var(--line)}.technology-section{padding-block:56px}.technology-contact-inner{display:block}.technology-contact .button{margin-top:28px}}
@media(max-width:640px){.page-technology .content-hero-copy>p:not(.eyebrow):not(.service-hero-tagline){font-size:1rem}.technology-section-copy h2,.technology-heading h2{font-size:2rem}.technology-design-flow{padding:5px 22px}.technology-design-flow li{gap:12px;padding-block:24px}.technology-machine-grid{grid-template-columns:1fr;gap:24px}.technology-heading{margin-bottom:28px}.technology-machine figcaption{padding:21px 23px 24px}.technology-contact{padding-block:42px}.technology-contact .button{width:100%;justify-content:space-between}.technology-production-media figcaption{font-size:.75rem}}

/* Relatorías paralelas: Tecnología y Capacidades */
.technology-index{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.technology-parallel{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:64px;padding-block:64px 80px;align-items:start}
.technology-story,.capabilities-story{min-width:0;scroll-margin-top:130px}
.story-heading{min-height:240px;padding-bottom:36px}
.story-heading h2{font-family:Satoshi,Arial,sans-serif;font-size:clamp(1.8rem,2.5vw,2.6rem);font-weight:900;line-height:1.14;letter-spacing:-.035em}
.story-heading>p:last-child{margin-top:20px;line-height:1.65;color:var(--muted);max-width:480px}
.process-story{list-style:none;margin:0;padding:0}
.process-stage{position:relative;display:grid;grid-template-columns:38px minmax(120px,.9fr) minmax(0,1fr);gap:14px;align-items:center;min-height:290px;padding:20px 0}
.process-stage:not(:last-child)::after{content:"";position:absolute;left:18px;top:54px;bottom:9px;width:1px;background:var(--navy);z-index:0}
/* Flecha al final de cada tramo, con espacio antes del siguiente círculo. */
.process-stage:not(:last-child)::before{content:"";position:absolute;left:18.5px;bottom:0;width:12px;height:9px;background:var(--navy);clip-path:polygon(0 0,100% 0,50% 100%);transform:translateX(-50%);z-index:0;pointer-events:none}
.process-number{position:relative;z-index:1;align-self:start;margin-top:12px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;font-size:.9rem;font-weight:900}
.process-art{aspect-ratio:1;background-image:url('/assets/capacidades/tecnologia-proceso-ilustraciones-v1.png');background-size:200% 200%;background-repeat:no-repeat}
.process-art-1,.process-art-2{background-image:url('/assets/capacidades/tecnologia-proceso-ilustraciones-v2.png')}
.process-art-1{background-position:0 0}.process-art-2{background-position:100% 0}.process-art-3{background-position:0 100%}.process-art-4{background-position:100% 100%}
.process-art-3{background-image:url('/assets/capacidades/transformamos-instalacion-v2.png');background-size:contain;background-position:center}
.process-media{min-width:0}
.process-media .process-art{width:100%}
.process-video{width:80%;max-width:220px;margin:18px auto 0}
.process-video video{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#151a32;border-radius:4px}
#disenamos-el-proyecto,#transformamos-el-proyecto{scroll-margin-top:130px}
.process-copy h3,.capability-story-card h3,.capability-integration h3{font-family:Satoshi,Arial,sans-serif;font-size:1.22rem;font-weight:900;line-height:1.25;letter-spacing:-.025em;color:var(--navy)}
.process-copy p{margin-top:13px;font-size:.94rem;line-height:1.65;color:var(--muted)}
.capabilities-story{border-left:1px solid var(--line);padding-left:40px}
.capability-story-card{padding:0 0 28px;margin-bottom:30px;border-bottom:1px solid var(--line);scroll-margin-top:130px}
.capability-story-card>h3{display:flex;align-items:center;gap:14px}
.capability-story-card>h3>.capability-letter{flex:0 0 auto;align-self:center;margin-top:0;letter-spacing:0;line-height:1}
.capability-story-card>h3>span:last-child{min-width:0}
.capability-story-card>p:not(.eyebrow),.capability-integration p{font-size:.94rem;line-height:1.65;margin-top:12px;color:var(--muted)}
.capability-story-card figure{margin:18px 0 0}
.capability-story-card img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain;background:#f1f2f2;border-radius:4px}
.capability-story-card figcaption{margin-top:10px;font-size:.79rem;line-height:1.5;color:var(--muted)}
.capability-integration{padding:24px;background:var(--pale);border-radius:4px}
@media(min-width:1400px){.process-stage{min-height:310px}}
@media(max-width:1100px){.technology-parallel{gap:32px}.capabilities-story{padding-left:28px}.process-stage{grid-template-columns:32px minmax(0,1fr);gap:12px;min-height:0;padding-bottom:36px}.process-art{grid-column:2;width:100%;max-width:240px}.process-copy{grid-column:2}.process-number{width:32px;height:32px}.process-stage:not(:last-child)::after{left:15px}.story-heading{min-height:260px}}
@media(max-width:760px){.technology-parallel{grid-template-columns:1fr;padding-block:40px 52px;gap:44px}.technology-index{grid-template-columns:1fr}.story-heading{min-height:0;padding-bottom:22px}.capabilities-story{padding:40px 0 0;border-left:0;border-top:1px solid var(--line)}.process-stage{grid-template-columns:38px minmax(0,1fr);gap:12px;padding-top:12px;padding-bottom:30px}.process-art{max-width:280px;margin-inline:auto}.process-number{width:38px;height:38px}.process-stage:not(:last-child)::after{left:18px}.process-copy h3,.capability-story-card h3,.capability-integration h3{font-size:1.25rem}.process-copy p{font-size:1rem}.capability-story-card img{max-height:none}.capability-story-card>p:not(.eyebrow),.capability-integration p{font-size:1rem}}

@media(min-width:761px){.technology-parallel{align-items:stretch}.technology-story{display:flex;flex-direction:column}.process-story{flex:1;display:flex;flex-direction:column;justify-content:space-between}.process-copy p{font-size:1rem}.story-heading{border-top:2px solid var(--navy);padding-top:24px;min-height:265px}}
@media(max-width:1100px){.process-media{grid-column:2;width:100%;max-width:240px}}
@media(max-width:760px){.process-media{max-width:280px;margin-inline:auto}}

/* Videos de diseño: misma altura y encuadres completos. */
#disenamos-el-proyecto .process-videos{grid-column:2/-1;display:grid;grid-template-columns:minmax(0,27fr) minmax(0,64fr);align-items:start;gap:12px;width:100%;max-width:520px;margin:18px auto 0;min-width:0}
#disenamos-el-proyecto .process-videos .process-video{width:100%;max-width:none;margin:0;min-width:0}
#disenamos-el-proyecto .process-videos video{aspect-ratio:auto}
@media(max-width:520px){#disenamos-el-proyecto .process-videos{grid-template-columns:minmax(0,1fr);gap:16px}#disenamos-el-proyecto .process-videos .process-video:first-child{max-width:220px;justify-self:center}}

/* Las cuatro etapas comparten el mismo tamaño de ilustración. */
#disenamos-el-proyecto .process-media .process-art{max-width:none}
@media(min-width:1101px){#conceptualizamos-el-proyecto,#disenamos-el-proyecto,#transformamos-el-proyecto,#entregamos-soluciones{grid-template-columns:38px minmax(0,1.15fr) minmax(0,.85fr)}}
@media(max-width:1100px){#conceptualizamos-el-proyecto .process-art,#disenamos-el-proyecto .process-media,#transformamos-el-proyecto .process-art,#entregamos-soluciones .process-art{max-width:300px}}
@media(max-width:760px){#conceptualizamos-el-proyecto .process-art,#disenamos-el-proyecto .process-media,#transformamos-el-proyecto .process-art,#entregamos-soluciones .process-art{max-width:320px}}
@media(max-width:1100px){.process-stage:not(:last-child)::before{left:15.5px}}
@media(max-width:760px){.process-stage:not(:last-child)::before{left:18.5px}}

/* Fotografías del proceso de transformación. */
#transformamos-el-proyecto .process-gallery{grid-column:2/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:520px;min-width:0;margin:16px auto 0}
#transformamos-el-proyecto .process-gallery .gallery-item{min-width:0}
#transformamos-el-proyecto .process-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--pale)}
@media(max-width:520px){#transformamos-el-proyecto .process-gallery{grid-template-columns:minmax(0,1fr)}}

/* Escena continua de conceptualización: vehículo y equipo en el mismo plano. */
#conceptualizamos-el-proyecto{scroll-margin-top:130px}
#conceptualizamos-el-proyecto .process-number{grid-column:1;grid-row:1}
#conceptualizamos-el-proyecto .process-copy{grid-column:2/-1;grid-row:1}
#conceptualizamos-el-proyecto .concept-scene{grid-column:2/-1;grid-row:2;display:block;width:100%;max-width:none;height:auto;margin:0}

/* Revisión del diseño: pantalla y equipo en una escena continua. */
#disenamos-el-proyecto .process-number{grid-column:1;grid-row:1}
#disenamos-el-proyecto .process-copy{grid-column:2/-1;grid-row:1}
#disenamos-el-proyecto .design-scene{grid-column:2/-1;grid-row:2;display:block;width:100%;max-width:none;height:auto;margin:0}
#disenamos-el-proyecto .process-videos{grid-row:3}

/* Transformación: vehículo y componentes en una escena continua. */
#transformamos-el-proyecto .process-number{grid-column:1;grid-row:1}
#transformamos-el-proyecto .process-copy{grid-column:2/-1;grid-row:1}
#transformamos-el-proyecto .transform-scene{grid-column:2/-1;grid-row:2;display:block;width:100%;max-width:none;height:auto;margin:0}
#transformamos-el-proyecto .process-gallery{grid-row:3}

/* Entrega: vehículo terminado y encuentro con el cliente. */
#entregamos-soluciones{scroll-margin-top:130px}
#entregamos-soluciones .process-number{grid-column:1;grid-row:1}
#entregamos-soluciones .process-copy{grid-column:2/-1;grid-row:1}
#entregamos-soluciones .delivery-scene{grid-column:2/-1;grid-row:2;display:block;width:100%;max-width:none;height:auto;margin:0}

/* Renders del proyecto debajo de la escena de conceptualización. */
#conceptualizamos-el-proyecto .process-videos{grid-column:2/-1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;width:100%;max-width:none;min-width:0;margin:18px auto 0}
#conceptualizamos-el-proyecto .process-videos .process-video{width:100%;max-width:none;min-width:0;margin:0}
#conceptualizamos-el-proyecto .process-videos video{aspect-ratio:auto}
@media(max-width:520px){#conceptualizamos-el-proyecto .process-videos{grid-template-columns:minmax(0,1fr);gap:16px}}

/* Slogan junto al encabezado de entrega. */
#entregamos-soluciones .delivery-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;min-width:0}
#entregamos-soluciones .delivery-heading>h3{flex:0 1 auto;min-width:0}
#entregamos-soluciones .delivery-message{display:inline-flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0;max-width:100%;margin:0;color:var(--navy);font-size:1.08rem;font-weight:700;line-height:1.25}
#entregamos-soluciones .delivery-message-arrow{position:relative;display:block;flex:0 0 40px;width:40px;height:12px}
#entregamos-soluciones .delivery-message-arrow::before{content:"";position:absolute;left:0;right:8px;top:50%;height:1px;background:currentColor;transform:translateY(-50%)}
#entregamos-soluciones .delivery-message-arrow::after{content:"";position:absolute;right:0;top:50%;width:9px;height:12px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);transform:translateY(-50%)}
#entregamos-soluciones .delivery-message>.delivery-slogan{min-width:0;font-style:italic;letter-spacing:-.015em}
@media(max-width:640px){#entregamos-soluciones .delivery-heading{column-gap:12px}#entregamos-soluciones .delivery-message{font-size:1rem}#entregamos-soluciones .delivery-message-arrow{flex-basis:32px;width:32px}}

/* Renders reproduced inside the approved frontal television scene. */
#conceptualizamos-el-proyecto .concept-showcase{min-width:0}
.concept-room{position:relative;isolation:isolate}
.concept-room-image{display:block;width:100%;height:auto;border-radius:4px}
.concept-screen{position:absolute;z-index:2;margin:0;min-width:0;overflow:visible;background:#111;box-shadow:none}
.concept-screen-total{left:23.73168%;top:11.16122%;width:28.24126%;height:30.55242%}
.concept-screen-partial{left:54.84893%;top:11.16122%;width:29.42503%;height:31.00338%}
.concept-screen video{display:block;width:100%;height:100%;object-fit:contain;background:#111;border:0;border-radius:0}
.concept-screen figcaption{position:absolute;left:0;bottom:calc(100% + 6px);width:100%;height:auto;margin:0;padding:0;color:var(--navy);font-size:clamp(.6rem,.85vw,.76rem);font-weight:700;line-height:1.25;text-align:center;white-space:nowrap;pointer-events:none}
.concept-render-dialog{width:min(1100px,calc(100% - 32px));max-height:calc(100vh - 32px);max-height:calc(100svh - 32px);margin:auto;padding:16px;border:0;border-radius:6px;background:#fff;color:var(--navy);box-shadow:0 24px 70px #10142c55;overflow:auto}
.concept-render-dialog::backdrop{background:#11162dcc;backdrop-filter:blur(3px)}
.concept-render-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.concept-render-header h3{font-size:1.05rem;line-height:1.3}
.concept-render-close{min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--navy);font:inherit;font-weight:700;cursor:pointer}
.concept-render-slot video{display:block;width:100%;height:auto;max-height:76vh;max-height:76svh;aspect-ratio:854/480;object-fit:contain;background:#111}
@media(max-width:600px){
  .concept-room{display:grid;grid-template-columns:1fr;gap:16px}
  .concept-screen{position:static;display:flex;flex-direction:column;width:100%;height:auto;background:transparent;overflow:visible}
  .concept-screen video{width:100%;height:auto;aspect-ratio:854/480;border-radius:4px}
  .concept-screen figcaption{position:static;order:-1;width:auto;height:auto;margin:0 0 8px;padding:0;overflow:visible;clip-path:none;white-space:normal;color:var(--navy);font-size:.9rem;font-weight:700;text-align:left}
  .concept-render-dialog{width:calc(100% - 20px);padding:10px}
}

.concept-video-placeholder{display:block;width:100%;height:100%;aspect-ratio:854/480;background:#111 center/contain no-repeat}
@media(max-width:600px){.concept-video-placeholder{height:auto}}

/* Subtle wall corner and direct interaction with each television. */
.concept-room-backdrop{position:relative}
.concept-room-corner{position:absolute;z-index:1;left:20%;top:0;width:.9%;height:44%;border-left:1px solid #20275326;background:linear-gradient(90deg,#2027530e,transparent);mask-image:linear-gradient(#000 0%,#000 75%,transparent 100%);pointer-events:none}
.concept-screen-media{position:relative;width:100%;height:100%}
.concept-screen-trigger{display:none;position:absolute;z-index:1;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:zoom-in}
.concept-showcase.is-interactive .concept-screen-trigger{display:block}
.screen-expand-icon{position:absolute;z-index:4;right:6px;top:6px;display:grid;place-items:center;box-sizing:border-box;width:24px;height:24px;padding:4px;border-radius:3px;background:#11162dbf;color:#fff;opacity:0;pointer-events:none;transition:opacity .15s}
.screen-expand-trigger:hover>.screen-expand-icon,.screen-expand-trigger:focus-visible>.screen-expand-icon{opacity:1}
.screen-expand-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(hover:none){.screen-expand-icon{opacity:1}}
@media(prefers-reduced-motion:reduce){.screen-expand-icon{transition:none}}
.concept-screen-trigger:focus-visible,.concept-render-close:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
@media(max-width:600px){.concept-screen-media{height:auto;aspect-ratio:854/480}}

/* Use half of the free gutter to give Conceptualizamos a little more room. */
@media(min-width:1101px){#conceptualizamos-el-proyecto .concept-showcase{width:calc(100% + 32px)}}
@media(min-width:761px) and (max-width:1100px){#conceptualizamos-el-proyecto .concept-showcase{width:calc(100% + 16px)}}

/* Design workshop: equal wall displays, aligned to the wider reference scene. */
#disenamos-el-proyecto .design-showcase{min-width:0;width:100%;margin-inline:auto}
.design-room{position:relative;isolation:isolate}
.design-room-image{display:block;width:100%;height:auto;border-radius:4px}
.design-room-backdrop{position:relative;--design-display-width:28.18489290%;--design-display-height:32.29988726%;--design-display-top:2.25479143%}
.design-wall-screen{position:absolute;z-index:1;top:var(--design-display-top);width:var(--design-display-width);height:var(--design-display-height);background:linear-gradient(#292c30,#101114);border-radius:1px;box-shadow:0 2px 5px #1113;pointer-events:none}
.design-wall-screen-suburban{left:21.27959414%}
.design-wall-screen-video{left:50.53551297%}
.design-screen-surface{position:absolute;inset:2.09424084% 1.20000000%;overflow:hidden;background:#d6d7db}
.design-wall-screen-suburban .design-screen-surface{background:#f2faff}
.design-wall-screen-video .design-screen-surface{background:#111 url('/assets/capacidades/diseno-modelo-digital-v2.webp') center/contain no-repeat}
.design-showcase.is-interactive .concept-screen-trigger{display:block}
@media(min-width:601px){.design-screen-suburban{left:21.61781285%;top:2.93122886%;width:27.50845547%;height:30.94701240%}.design-screen-model{left:50.87373168%;top:2.93122886%;width:27.50845547%;height:30.94701240%}}
@media(max-width:600px){.design-room{display:grid;grid-template-columns:1fr;gap:16px}}
@media(min-width:1101px){#disenamos-el-proyecto .design-showcase{width:calc(100% + 32px)}}
@media(min-width:761px) and (max-width:1100px){#disenamos-el-proyecto .design-showcase{width:calc(100% + 16px)}}

.design-cad-poster{position:absolute;inset:0;background:#f2faff url('/assets/capacidades/diseno-suburban-azul-render-v3.webp') center/contain no-repeat}

/* Mirror the left wall render inside the laptop, preserving the foreground operator. */
.design-laptop-projection{position:absolute;z-index:1;left:77.22660654%;top:53.15670800%;width:7.63810598%;height:9.47012401%;overflow:hidden;clip-path:polygon(0.73800738% 7.73809524%,93.35793358% 1.19047619%,98.52398524% 55.35714286%,94.83394834% 57.73809524%,91.14391144% 64.28571429%,87.45387454% 71.42857143%,85.23985240% 77.97619048%,82.28782288% 84.52380952%,78.96678967% 90.47619048%,6.64206642% 98.80952381%);pointer-events:none;isolation:isolate}
.design-laptop-canvas{display:block;width:100%;height:100%;max-width:none;border:0;transform-origin:0 0;background:#081b34 url("/assets/capacidades/diseno-suburban-azul-render-v3.webp") 23.39108911% 69.17808219%/156.42458101% 140.78212291% no-repeat}

/* Delivery: a short brand presentation sits inside the illustrated TV bezel. */
#entregamos-soluciones .delivery-showcase{grid-column:2/-1;grid-row:2;position:relative;isolation:isolate;display:block;width:100%;min-width:0;margin:0}
.delivery-screen{position:absolute;z-index:2;left:64.88162345%;top:3.94588501%;width:24.06989853%;height:24.57722661%;margin:0;overflow:hidden;background:#fff}
.delivery-screen .concept-screen-media{height:100%;aspect-ratio:auto}
.delivery-screen video{display:block;width:100%;height:100%;object-fit:contain;background:#fff;border:0;border-radius:0}
.delivery-screen .concept-video-placeholder{height:100%;aspect-ratio:auto;background-color:#fff}
.delivery-showcase.is-interactive .concept-screen-trigger{display:block}

/* The laptop opens the same blue design video as the left wall display. */
.design-laptop-trigger{z-index:3;inset:auto;left:77.22660654%;top:53.15670800%;width:7.63810598%;height:9.47012401%;clip-path:polygon(0.73800738% 7.73809524%,93.35793358% 1.19047619%,98.52398524% 55.35714286%,94.83394834% 57.73809524%,91.14391144% 64.28571429%,87.45387454% 71.42857143%,85.23985240% 77.97619048%,82.28782288% 84.52380952%,78.96678967% 90.47619048%,6.64206642% 98.80952381%)}
.design-laptop-trigger .screen-expand-icon{top:2px;right:4px;width:16px;height:16px;padding:2px}