/* Compact scale for the service catalogue and web presentation. */
body[data-page="web.html"] .service-hero{min-height:0;padding-block:28px 35px;grid-template-columns:1.05fr .95fr;gap:45px}
body[data-page="web.html"] .service-hero h1{font-size:clamp(32px,3.3vw,43px);line-height:1.12;max-width:530px}
body[data-page="web.html"] .service-hero>div:first-child>p:not(.eyebrow){font-size:13px;max-width:480px;line-height:1.75;margin-block:19px 22px}
body[data-page="web.html"] .service-hero .eyebrow{font-size:8px;margin-bottom:17px}
body[data-page="web.html"] .service-hero .button{font-size:12px;min-height:48px}
body[data-page="web.html"] .stage-web{height:300px;width:min(100%,405px);justify-self:end;border-radius:22px}
body[data-page="web.html"] .stage-web .stage-topline{top:19px;left:21px;font-size:7px}
body[data-page="web.html"] .stage-web .art-glyph{top:44px;left:20px;font-size:71px}
body[data-page="web.html"] .stage-web .stage-object{inset:70px 38px 57px 21px}
body[data-page="web.html"] .stage-web .detail-visual{width:100%;margin:0;box-shadow:8px 10px 0 #d6e1ee24,0 15px 25px #071b3b24}
body[data-page="web.html"] .stage-web .detail-visual .browser-bar{height:19px;font-size:6px}
body[data-page="web.html"] .stage-web .detail-visual img{display:block;width:100%;max-height:157px;object-fit:contain;background:#142849}
body[data-page="web.html"] .stage-web .mobile-preview{width:68px;height:120px;right:13px;bottom:42px;border-width:3px;border-radius:13px}
body[data-page="web.html"] .stage-web .stage-caption{bottom:17px;left:21px;right:21px;padding-top:10px;font-size:7px}
body[data-page="web.html"] .dark-band{padding-block:34px}
body[data-page="web.html"] .dark-band h2{font-size:clamp(25px,2.6vw,33px);max-width:780px;line-height:1.2}
body[data-page="web.html"] .benefit-grid{gap:18px;margin-top:28px}
body[data-page="web.html"] .benefit-grid article{padding:18px 15px 15px}
body[data-page="web.html"] .benefit-symbol{width:37px;height:37px;margin-bottom:16px;border-radius:9px}
body[data-page="web.html"] .benefit-symbol svg{width:23px;height:23px}
body[data-page="web.html"] .benefit-grid h3{font-size:19px}
body[data-page="web.html"] .benefit-grid p{font-size:12px;line-height:1.65;margin-top:10px}
.web-examples{padding-block:36px 38px;scroll-margin-top:115px}
.web-examples-heading{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end;margin-bottom:23px}
.web-examples-heading .eyebrow{font-size:8px;line-height:1.6;margin-bottom:13px}
.web-examples-heading h2{font-size:clamp(29px,3vw,37px);line-height:1.13;margin:0;letter-spacing:-.045em}
.web-examples-heading h2 em{color:#7286a2}
.web-examples-heading>p{font-size:13px;line-height:1.75;color:#617793;max-width:390px;margin:0}
.web-examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.web-examples-grid .tile-visual{height:157px}
.web-examples-grid .tile-info{padding:14px 16px 8px}
.web-examples-grid h3{font-size:21px}
body[data-page="web.html"] .scope{padding-block:30px 34px;border-top:1px solid #d7e1ee;gap:35px}
body[data-page="web.html"] .scope h2,body[data-page="web.html"] .faq h2{font-size:32px}
body[data-page="web.html"] .scope>div:last-child{font-size:13px;line-height:1.75}
body[data-page="web.html"] .scope-art{margin-top:20px}
body[data-page="web.html"] .faq{padding-block:25px 35px;gap:35px}
body[data-page="web.html"] .faq summary{font-size:13px}
body[data-page="web.html"] .faq details p{font-size:12px}
body[data-page="servicios.html"] .page-heading{min-height:310px;padding-block:30px 35px}
body[data-page="servicios.html"] .page-heading h1{font-size:clamp(36px,3.8vw,49px)}
body[data-page="servicios.html"] .page-heading>p:not(.eyebrow){font-size:13px;max-width:500px}
body[data-page="servicios.html"] .services-constellation{height:253px;width:35%;top:18px}
body[data-page="servicios.html"] .constellation-core{font-size:23px}
body[data-page="servicios.html"] .constellation-node{padding:8px 11px;font-size:18px;gap:8px}
body[data-page="servicios.html"] .constellation-node small{font-size:8px;max-width:100px}
body[data-page="servicios.html"] .full-service-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding-block:10px 36px}
body[data-page="servicios.html"] .service-row{grid-column:span 2;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto 1fr;gap:13px 11px;align-items:start;min-height:170px;padding:19px 41px 19px 19px!important;border-radius:14px}
body[data-page="servicios.html"] .service-row:nth-child(4){grid-column:2/span 2}
body[data-page="servicios.html"] .service-row:last-child{grid-column:4/span 2}
body[data-page="servicios.html"] .catalog-icon{width:33px;height:33px;border-radius:9px;font-size:21px}
body[data-page="servicios.html"] .catalog-icon svg{width:23px;height:23px}
body[data-page="servicios.html"] .service-row h3{font-size:21px;line-height:1.18;margin:0}
body[data-page="servicios.html"] .service-row p{grid-column:1/-1;grid-row:2;align-self:end;font-size:12px;line-height:1.65;padding-right:53px}
body[data-page="servicios.html"] .service-row>span:last-of-type{width:25px;height:25px;right:12px;top:18px;font-size:16px}
body[data-page="servicios.html"] .catalog-object{width:74px;height:72px;right:12px;bottom:17px}
body[data-page="servicios.html"] .catalog-web{width:76px;height:51px;right:13px;bottom:20px;border-width:3px}
body[data-page="servicios.html"] .catalog-diseno{width:52px;height:72px;right:15px;border-width:3px}
body[data-page="servicios.html"] .catalog-excel{width:73px;height:54px;border-width:3px}
@media(max-width:1000px){
 body[data-page="servicios.html"] .full-service-list{grid-template-columns:repeat(4,minmax(0,1fr))}
 body[data-page="servicios.html"] .service-row:nth-child(4){grid-column:span 2}
 body[data-page="servicios.html"] .service-row:last-child{grid-column:2/span 2}
 body[data-page="servicios.html"] .service-row{min-height:176px}
 body[data-page="web.html"] .service-hero{gap:30px}
 body[data-page="web.html"] .stage-web{height:285px}
 .web-examples-grid .tile-visual{height:139px;padding:11px 9px}
 .web-examples-grid h3{font-size:19px}
}
/* The same portfolio language, scaled for the three web examples. */
.web-examples-gallery{padding:18px;border-radius:21px}
.web-examples-gallery .portfolio-piece{padding:12px}
.web-examples-gallery .portfolio-media{height:157px}
.web-examples-gallery .portfolio-screen img{max-height:155px}
.web-examples-gallery .piece-info{padding-top:13px}
.web-examples-gallery .piece-info h3{font-size:22px;min-height:0;line-height:1.2;margin-bottom:9px}
.web-examples-gallery .piece-role{font-size:11px;min-height:20px;margin-bottom:12px}
.web-examples-gallery .piece-action{min-height:44px}
.web-examples-gallery.tech-offscreen .folio-gallery-atmosphere span{animation-play-state:paused}
@media(max-width:1000px) and (min-width:761px){
 .web-examples-gallery{padding:14px}.web-examples-gallery .web-examples-grid{gap:12px}
 .web-examples-gallery .portfolio-piece{padding:10px}.web-examples-gallery .portfolio-media{height:134px}
 .web-examples-gallery .portfolio-screen img{max-height:132px}.web-examples-gallery .piece-info h3{font-size:19px}
 .web-examples-gallery .piece-service{font-size:8px;min-height:24px}
}
@media(max-width:760px){
 .web-examples-gallery{padding:12px;border-radius:17px}
 .web-examples-gallery .web-examples-grid{grid-template-columns:1fr;gap:12px}
 .web-examples-gallery .portfolio-piece{display:grid;grid-template-columns:40% minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:12px;padding:12px;min-height:158px}
 .web-examples-gallery .piece-service{grid-column:2;grid-row:1;min-height:0;font-size:8px;line-height:1.5;margin:0 0 7px;gap:5px}
 .web-examples-gallery .portfolio-media{grid-column:1;grid-row:1/3;align-self:center;width:100%;height:112px;margin:0;border-radius:7px}
 .web-examples-gallery .portfolio-screen img{max-height:110px}
 .web-examples-gallery .piece-info{grid-column:2;grid-row:2;padding:0;min-width:0}
 .web-examples-gallery .piece-info h3{font-size:18px;line-height:1.2;min-height:0;margin-bottom:7px;align-items:start}
 .web-examples-gallery .piece-role{font-size:10px;line-height:1.4;min-height:0;margin-bottom:10px;padding-left:7px}
 .web-examples-gallery .piece-action{font-size:10px;padding:6px 7px;min-height:44px;gap:5px}
 .web-examples-gallery .piece-action>span{width:23px;height:24px}.web-examples-gallery .piece-action svg{width:15px;height:15px}
}
@media(max-width:350px){
 .web-examples-gallery{padding:9px}.web-examples-gallery .portfolio-piece{grid-template-columns:35% minmax(0,1fr);padding:10px;column-gap:10px}
 .web-examples-gallery .piece-info h3{font-size:17px}.web-examples-gallery .piece-service{font-size:7.5px}
}
@media(max-width:760px){
 body[data-page="web.html"] .service-hero{grid-template-columns:1fr;gap:23px;padding-block:21px 28px}
 body[data-page="web.html"] .service-hero h1{font-size:32px;max-width:530px}
 body[data-page="web.html"] .stage-web{width:100%;max-width:405px;justify-self:center;height:260px}
 body[data-page="web.html"] .stage-web .stage-object{inset:59px 38px 47px 19px}
 body[data-page="web.html"] .stage-web .detail-visual img{max-height:140px}
 body[data-page="web.html"] .stage-web .art-glyph{font-size:61px}
 body[data-page="web.html"] .stage-web .mobile-preview{height:108px;width:61px;bottom:36px}
 body[data-page="web.html"] .stage-web .stage-caption{bottom:13px;padding-top:8px}
 body[data-page="web.html"] .dark-band{padding-block:26px}
 body[data-page="web.html"] .benefit-grid{gap:12px;margin-top:21px}
 body[data-page="web.html"] .benefit-grid article{padding:14px 11px}
 body[data-page="web.html"] .benefit-grid h3{font-size:17px}
 body[data-page="web.html"] .benefit-grid p{font-size:12px}
 body[data-page="web.html"] .benefit-symbol{margin-bottom:12px}
 .web-examples{padding-block:28px 30px}
 .web-examples-heading{grid-template-columns:1fr;gap:15px;margin-bottom:20px}
 .web-examples-heading>p{font-size:12px}
 .web-examples-heading h2{font-size:30px}
 .web-examples-grid{grid-template-columns:1fr;gap:11px}
 .web-examples-grid .project-tile{display:grid;grid-template-columns:42% minmax(0,1fr);min-height:149px}
 .web-examples-grid .tile-visual{height:100%;min-height:149px;border-bottom:0;border-right:1px solid #c1cfe1;padding:13px 8px}
 .web-examples-grid .tile-window{height:86px}
 .web-examples-grid .tile-info{padding:12px 12px 4px}
 .web-examples-grid .tile-info h3{font-size:18px}
 .web-examples-grid .tile-service{font-size:8px;min-height:0;margin-bottom:5px}
 .web-examples-grid .tile-role{font-size:9px;min-height:0;margin-block:6px}
 .web-examples-grid .tile-link{font-size:10px;min-height:44px}
 body[data-page="web.html"] .scope,body[data-page="web.html"] .faq{gap:22px;padding-block:27px}
 body[data-page="web.html"] .scope h2,body[data-page="web.html"] .faq h2{font-size:29px}
 body[data-page="servicios.html"] .page-heading{min-height:0;padding-block:23px 25px;padding-right:0}
 body[data-page="servicios.html"] .page-heading h1{font-size:36px}
 body[data-page="servicios.html"] .services-constellation{height:210px;width:min(100%,320px);margin:17px auto 0;top:auto}
 body[data-page="servicios.html"] .full-service-list{display:grid;grid-template-columns:1fr;padding-block:5px 28px;gap:12px}
 body[data-page="servicios.html"] .full-service-list>.service-row{grid-column:auto;min-height:146px;gap:11px;grid-template-columns:33px minmax(0,1fr);padding:17px 45px 17px 17px!important}
 body[data-page="servicios.html"] .service-row h3{font-size:21px}
 body[data-page="servicios.html"] .service-row p{padding-right:51px;font-size:12px}
}