@media (min-width:1051px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stats>div:first-child{padding-left:24px}}
/* Show the footer portrait without a circular crop. */
.footer-brand .avatar{width:110px;height:auto;flex-shrink:0;border:0;border-radius:0;overflow:visible;background:transparent}
.footer-brand .avatar img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}

/* Center the raised footer portrait and show social controls in both bars. */
footer{position:relative;display:flex;flex-direction:column;justify-content:center;gap:18px;margin-top:90px;padding:100px 24px 24px;overflow:visible}
footer .footer-brand{position:absolute;top:-75px;left:50%;transform:translateX(-50%);margin:0}
footer .footer-brand .avatar{width:150px}
footer p{margin:0;white-space:normal;text-align:center}
.socials button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #153349;border-radius:10px;background:#06131e;color:#fff;font:700 21px "Segoe UI",sans-serif;cursor:pointer}
.socials button:hover,.socials button:focus-visible{border-color:#06a9ff;color:#06a9ff}
.topbar>.socials{justify-self:end;gap:10px}
@media(max-width:1050px){.topbar{grid-template-columns:170px 1fr auto}.topbar nav{gap:16px}}
@media(max-width:760px){.topbar{grid-template-columns:1fr auto auto;gap:12px}.topbar>.socials{gap:6px}.topbar .socials button{width:30px;height:30px;font-size:17px}}

.quick-services .data-mining{color:#1ee2b4;border-color:#16745e}
.quick-services .marketing{color:#ff9b1d;border-color:#7b571e}

/* Keep the desktop carousel near the headline as the service grid grows. */
@media(min-width:1051px){.hero>.showcase{align-self:start;margin-top:30px}}

.quick-services .automation{color:#18d9df;border-color:#176e73}

/* Four service columns with subtle dividers and a separated headline. */
.hero h1{border-bottom:1px solid var(--line);padding-bottom:20px}
.quick-services{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.quick-services article{padding:12px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.quick-services article:nth-child(4n){border-right:0}
.quick-services b{overflow-wrap:anywhere}
@media(min-width:1051px){.hero{grid-template-columns:calc(35% + 30px) minmax(0,1fr)}}
@media(min-width:1051px) and (max-width:1350px){.hero{grid-template-columns:calc(38% + 30px) minmax(0,1fr)}}
@media(max-width:760px){.quick-services{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-services article:nth-child(2n){border-right:0}}

/* Ten centered services, horizontal separators, fixed overall page width. */
.quick-services{grid-template-columns:repeat(5,minmax(0,1fr))}
.quick-services article{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 4px;border:0;border-bottom:1px solid var(--line)}
.quick-services .qicon{flex-shrink:0}
.quick-services b{font-size:11px;overflow-wrap:normal;hyphens:auto}
.quick-services .academy{color:#c62dff;border-color:#702284}
@media(min-width:1051px){.hero{grid-template-columns:minmax(0,46fr) minmax(0,54fr)}}
@media(max-width:760px){.quick-services{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Raise the desktop carousel another 30px. */
@media(min-width:1051px){.hero>.showcase{margin-top:0}}

/* Balance the headline/services and carousel/description as two columns. */
.hero{align-items:start;column-gap:28px;padding-bottom:26px}
.project-column{min-width:0;align-self:start}
.project-column .showcase{margin-top:0}
.project-column>.lead{max-width:560px;margin:0 auto;padding:18px 12px 0;border-top:1px solid var(--line);text-align:center;line-height:1.6}
.hero-copy .quick-services{margin-bottom:0}
@media(min-width:1051px){.hero{grid-template-columns:minmax(0,46fr) minmax(0,54fr)}.hero h1{margin-bottom:12px}}
@media(max-width:1050px){.project-column{margin-top:24px}}

.about-page{max-width:1200px;margin:auto;padding:48px 36px 32px}.about-intro{max-width:820px;margin-bottom:48px}.about-page h1{font-size:clamp(36px,4.5vw,64px);line-height:1.08;letter-spacing:-1.5px;margin:18px 0 24px}.about-page h2{font-size:26px;margin:0 0 18px}.about-page h3{color:#18c2ff}.about-page p{color:#b7c9d7;line-height:1.8;font-size:17px}.about-story{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:center;padding:32px 0;border-block:1px solid var(--line)}.about-story img{width:100%;height:auto}.about-purpose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:40px 0}.about-purpose article{padding:24px;border-top:1px solid var(--line);background:#06131e66}.about-background{margin-top:48px}@media(max-width:760px){.about-page{padding:30px 20px}.about-story,.about-purpose{grid-template-columns:1fr;gap:20px}.about-story img{max-width:220px;margin:auto}}

/* Recenter the lower face logo so it sits over the footer line. */
footer{margin-top:120px;padding-top:118px;border-top:0}
footer::before,footer::after{content:"";position:absolute;top:0;height:1px;background:var(--line);width:calc(50% - 89px)}
footer::before{left:0}footer::after{right:0}
footer .footer-brand{top:-94px;left:50%;transform:translateX(-50%);z-index:2}
footer .footer-brand .avatar{width:178px;height:178px;display:flex;align-items:center;justify-content:center}
footer .footer-brand .avatar img{width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:760px){footer{margin-top:100px;padding-top:96px}footer .footer-brand{top:-72px}footer .footer-brand .avatar{width:138px;height:138px}}

.about-story>img{display:block;height:auto;object-fit:contain;clip-path:none}
@media(max-width:760px){footer::before,footer::after{width:calc(50% - 69px)}}

/* Nosotros: justified copy and cards using the existing brand palette. */
.about-page p:not(.kicker):not(.about-motto){text-align:justify;text-justify:inter-word;hyphens:auto}
.about-page .about-purpose{gap:24px}
.about-page .about-purpose article{--card-accent:var(--blue);position:relative;min-width:0;padding:28px;border:1px solid var(--line);border-top:2px solid var(--card-accent);border-radius:16px;background:linear-gradient(135deg,#0a233580,#06131ed9);box-shadow:0 8px 24px #0002}
.about-page .about-purpose article:nth-child(2n){--card-accent:var(--cyan)}
.about-page .about-background article:nth-child(3){--card-accent:var(--green)}
.about-page .about-background article:nth-child(4){--card-accent:var(--orange)}
.about-page .about-background article:nth-child(5){--card-accent:#fff}
.about-page .about-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:18px;border:1px solid var(--card-accent);border-radius:12px;background:#06131e;color:var(--card-accent)}
.about-page .about-purpose h2,.about-page .about-purpose h3{margin:0 0 14px;color:var(--card-accent)}
.about-page .about-purpose p{margin:0}
.about-page .about-motto{margin:48px auto 28px;padding:24px 8px;max-width:720px;color:#18c2ff;font-family:"Segoe Script","Brush Script MT",cursive;font-size:clamp(24px,3vw,36px);line-height:1.45;text-align:center;text-wrap:balance}
@media(max-width:760px){.about-page .about-purpose article{padding:22px}.about-page .about-motto{font-size:24px}}

.about-page .about-story>.about-motto{grid-column:1/-1;justify-self:center;width:100%;margin:8px auto 24px}