.elementor .e-7b771ad-05bf5ac{max-width:820px;font-size:44px;color:#0B1F3A;display: block;
grid-column: 1;
grid-row: 1;
align-self: end;
max-width: 560px;
margin: 24px 0 0;\n}.elementor .e-6c70284-77c77f6{width:240px;font-size:17px;color:#FFFFFF;background-color:#145DFF;display: block;
grid-column: 1;
grid-row: 2;
max-width: 530px;
margin: 24px 0 0;display: inline-flex;
grid-column: 1;
grid-row: 3;
justify-self: start;
margin: 30px 0 46px;\n}.elementor .e-57236b0-56307f8{width:50%;}.elementor .e-c6eb15a-cec193a{display: block;
grid-column: 2;
grid-row: 1 / span 3;
align-self: center;
width: 100%;
max-width: 540px;
margin: 0;\n}.elementor .e-78fdbcd-365b071{padding:24px;border-radius:18px;background-color:#F5F8FF;}.elementor .e-713b545-685e287{width:260px;font-size:17px;color:#FFFFFF;background-color:#145DFF;}.elementor .e-a2384c0-a0a8fb6{padding:40px;border-radius:18px;background-color:#F2F6FF;flex-direction:column;gap:20px;}.elementor .e-d59a1f2-9012cbf{width:50%;padding:56px;flex-direction:column;gap:48px;display: grid;
grid-template-columns: minmax(0, 1fr) minmax(360px, .92fr);
column-gap: 72px;
row-gap: 0;
width: min(1180px, calc(100vw - 48px));
max-width: 1180px;
margin: 0 auto;
padding: 68px 0 88px;
align-items: center;

& > .elementor-element-7b771ad > h1 { grid-column: 1; grid-row: 1; align-self: end; max-width: 560px; margin: 24px 0 0; color: #0c2852; font-size: clamp(44px, 5vw, 66px); line-height: 1.04; letter-spacing: -.045em; }
& > .elementor-element-4c4f480 > p { grid-column: 1; grid-row: 2; max-width: 530px; margin: 24px 0 0; color: #52677f; font-size: 19px; line-height: 1.55; }
& > .elementor-element-6c70284 > a { grid-column: 1; grid-row: 3; justify-self: start; margin: 30px 0 46px; padding: 16px 26px; border-radius: 8px; box-shadow: 0 12px 26px rgba(28,88,202,.22); }
& > .elementor-element-57236b0 img { grid-column: 2; grid-row: 1 / span 3; align-self: center; width: 100%; max-width: 540px; margin: 0; filter: drop-shadow(0 26px 32px rgba(13,42,86,.17)); }
& > .elementor-element-c6eb15a > h2, & > .elementor-element-5c8186f > h2, & > .elementor-element-4579136 > h2 { grid-column: 1 / -1; color: #102b55; font-size: clamp(30px, 3.2vw, 44px); line-height: 1.12; letter-spacing: -.035em; }
& > .elementor-element-c6eb15a > h2 { margin: 78px 0 0; max-width: 690px; }
& > .elementor-element-ae03d41 > p, & > .elementor-element-046d463 > p { grid-column: 1 / -1; max-width: 760px; margin: 16px 0 28px; color: #5a6d83; font-size: 17px; line-height: 1.6; }
& > .elementor-element-78fdbcd, & > .elementor-element-3756417 { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; width: 100%; padding: 0; background: transparent; }
& > .elementor-element-78fdbcd { margin: 0 0 86px; }
& > .elementor-element-78fdbcd > .elementor-element { min-width: 0; padding: 30px 28px; background: linear-gradient(145deg,#f7faff,#eaf2ff); border: 1px solid #d7e6ff; border-radius: 16px; box-shadow: 0 10px 26px rgba(36,86,158,.08); }
& > .elementor-element-78fdbcd h2 { color: #173a70; font-size: 22px; line-height: 1.16; margin: 0 0 12px; }
& > .elementor-element-78fdbcd p { color: #52677f; line-height: 1.55; }
& > .elementor-element-5c8186f > h2 { margin: 0; }
& > .elementor-element-3756417 { margin: 0 0 90px; }
& > .elementor-element-3756417 > .elementor-element { min-width: 0; min-height: 235px; padding: 32px 28px; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(145deg,#123766,#0b2750); border-radius: 18px; box-shadow: 0 16px 32px rgba(8,38,81,.16); }
& > .elementor-element-3756417 > .elementor-element:nth-child(2) { background: linear-gradient(145deg,#1f5cb4,#143a74); }
& > .elementor-element-3756417 > .elementor-element:nth-child(3) { background: linear-gradient(145deg,#0c274c,#1d6acc); }
& > .elementor-element-3756417 h2 { color: #fff; font-size: 24px; line-height: 1.16; margin: 0 0 12px; }
& > .elementor-element-3756417 p { color: rgba(255,255,255,.78); line-height: 1.55; }
& > .elementor-element-4579136 > h2 { margin: 0; max-width: 650px; }
& > .elementor-element-ea9cbda > p { grid-column: 1 / -1; max-width: 900px; margin: 22px 0 78px; padding: 28px 32px; color: #39526f; font-size: 17px; line-height: 1.7; background: #fff; border-left: 4px solid #2d75eb; border-radius: 0 14px 14px 0; box-shadow: 0 12px 28px rgba(24,58,107,.08); }
& > .elementor-element-a2384c0 { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(220px,.65fr); align-items: center; column-gap: 36px; padding: 50px 54px; background: linear-gradient(120deg,#0b2a54,#12498e); border-radius: 22px; box-shadow: 0 22px 44px rgba(9,39,83,.22); }
& > .elementor-element-a2384c0 .elementor-element-4959a27 > h2 { grid-column: 1; grid-row: 1; color: #fff; font-size: clamp(30px,3vw,42px); line-height: 1.08; letter-spacing: -.035em; }
& > .elementor-element-a2384c0 .elementor-element-6941ebb > p { grid-column: 1; grid-row: 2; color: rgba(255,255,255,.78); font-size: 17px; line-height: 1.58; }
& > .elementor-element-a2384c0 .elementor-element-713b545 > a { grid-column: 2; grid-row: 1 / span 2; justify-self: end; padding: 16px 24px; color: #124a94; background: #fff; border-radius: 8px; white-space: nowrap; }

@media (max-width: 900px) {
& { display: flex; flex-direction: column; width: min(100% - 40px, 720px); padding: 46px 0 64px; }
& > .elementor-element-7b771ad > h1 { order: 1; margin-top: 0; }
& > .elementor-element-4c4f480 > p { order: 2; }
& > .elementor-element-6c70284 > a { order: 3; margin-bottom: 28px; }
& > .elementor-element-57236b0 img { order: 4; width: 100%; margin: 0 0 58px; }
& > .elementor-element-c6eb15a > h2 { order: 5; margin-top: 0; }
& > .elementor-element-ae03d41 > p { order: 6; }
& > .elementor-element-78fdbcd { order: 7; grid-template-columns: 1fr; margin-bottom: 62px; }
& > .elementor-element-5c8186f > h2 { order: 8; }
& > .elementor-element-046d463 > p { order: 9; }
& > .elementor-element-3756417 { order: 10; grid-template-columns: 1fr; margin-bottom: 64px; }
& > .elementor-element-3756417 > .elementor-element { min-height: 190px; }
& > .elementor-element-4579136 > h2 { order: 11; }
& > .elementor-element-ea9cbda > p { order: 12; margin-bottom: 58px; padding: 24px; }
& > .elementor-element-a2384c0 { order: 13; grid-template-columns: 1fr; padding: 38px 30px; row-gap: 20px; }
& > .elementor-element-a2384c0 .elementor-element-4959a27 > h2, & > .elementor-element-a2384c0 .elementor-element-6941ebb > p, & > .elementor-element-a2384c0 .elementor-element-713b545 > a { grid-column: 1; grid-row: auto; justify-self: start; }
}
& > .elementor-element-c6eb15a > h2 { grid-row: 4; }
& > .elementor-element-ae03d41 > p { grid-row: 5; }
& > .elementor-element-78fdbcd { grid-row: 6; }
& > .elementor-element-5c8186f > h2 { grid-row: 7; }
& > .elementor-element-046d463 > p { grid-row: 8; }
& > .elementor-element-3756417 { grid-row: 9; }
& > .elementor-element-4579136 > h2 { grid-row: 10; }
& > .elementor-element-ea9cbda > p { grid-row: 11; }
& > .elementor-element-a2384c0 { grid-row: 12; }
/* Frontend Atomic text nodes are direct children of this wrapper. */
& > :nth-child(2) { grid-area: 2 / 1; max-width: 530px; margin: 24px 0 0; color: #52677f; font-size: 19px; line-height: 1.55; }
& > :nth-child(4) { grid-area: 1 / 2 / span 3; align-self: center; width: 100%; max-width: 540px; margin: 0; filter: drop-shadow(0 26px 32px rgba(13,42,86,.17)); }
& > :nth-child(5) { grid-area: 4 / 1 / auto / -1; max-width: 690px; margin: 78px 0 0; color: #102b55; font-size: clamp(30px,3.2vw,44px); line-height: 1.12; letter-spacing: -.035em; }
& > :nth-child(6) { grid-area: 5 / 1 / auto / -1; max-width: 760px; margin: 16px 0 28px; color: #5a6d83; font-size: 17px; line-height: 1.6; }
& > :nth-child(8) { grid-area: 7 / 1 / auto / -1; margin: 0; color: #102b55; font-size: clamp(30px,3.2vw,44px); line-height: 1.12; letter-spacing: -.035em; }
& > :nth-child(9) { grid-area: 8 / 1 / auto / -1; max-width: 760px; margin: 16px 0 28px; color: #5a6d83; font-size: 17px; line-height: 1.6; }
& > :nth-child(11) { grid-area: 10 / 1 / auto / -1; max-width: 650px; margin: 0; color: #102b55; font-size: clamp(30px,3.2vw,44px); line-height: 1.12; letter-spacing: -.035em; }
& > :nth-child(12) { grid-area: 11 / 1 / auto / -1; max-width: 900px; margin: 22px 0 78px; padding: 28px 32px; color: #39526f; font-size: 17px; line-height: 1.7; background: #fff; border-left: 4px solid #2d75eb; border-radius: 0 14px 14px 0; box-shadow: 0 12px 28px rgba(24,58,107,.08); }
@media (max-width:900px) {
& > :nth-child(2), & > :nth-child(4), & > :nth-child(5), & > :nth-child(6), & > :nth-child(8), & > :nth-child(9), & > :nth-child(11), & > :nth-child(12) { grid-area: auto; max-width: none; }
& > :nth-child(2) { order:2; margin-top:24px; }
& > :nth-child(4) { order:4; width:100%; margin:0 0 58px; }
& > :nth-child(5) { order:5; margin-top:0; }
& > :nth-child(6) { order:6; }
& > :nth-child(8) { order:8; }
& > :nth-child(9) { order:9; }
& > :nth-child(11) { order:11; }
& > :nth-child(12) { order:12; margin-bottom:58px; padding:24px; }
}
@media (max-width:900px) { & > :nth-child(1) { order:1; } & > :nth-child(3) { order:3; } }

/* Stitch-inspired desktop category strip beneath the split hero. */
& { position: relative; }
&::after {
content: "JUEGOS  |  ANIMACIÓN  |  IMPRESIÓN 3D  |  ARQUITECTURA  |  REALIDAD VIRTUAL";
position: absolute;
top: 424px;
left: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
min-height: 46px;
padding: 10px 22px;
overflow: hidden;
background: #0e2f61;
color: #ffffff;
font-size: 11px;
font-weight: 600;
letter-spacing: .02em;
line-height: 1.2;
text-align: center;
white-space: pre;
}
@media (max-width: 900px) {
&::after { display: none; }
}

/* Separate the pale-blue hero from the white benefits section. */
& { background: linear-gradient(to bottom, #edf4ff 0, #edf4ff 470px, #ffffff 470px, #ffffff 100%); }
@media (max-width: 900px) and (min-width: 521px) {
& { background: linear-gradient(to bottom, #edf4ff 0, #edf4ff 840px, #ffffff 840px, #ffffff 100%); }
}
@media (max-width: 520px) {
& { background: linear-gradient(to bottom, #edf4ff 0, #edf4ff 710px, #ffffff 710px, #ffffff 100%); }
}
@media (max-width: 900px) and (min-width: 521px) {
& { background: linear-gradient(to bottom, #edf4ff 0, #edf4ff 800px, #ffffff 800px, #ffffff 100%); }
}\n}