/* ════ shim: reglas compiladas de ai-agency para la sección Process (clases que faltaban en data-visualization) ════ */
  .top-\[-66\%\] {top: -66%;}
  .top-\[-75\%\] {top: -75%;}
  .top-\[-76\%\] {top: -76%;}
  .left-\[-30\%\] {left: -30%;}
  .left-\[-52\%\] {left: -52%;}
  .left-\[-62\%\] {left: -62%;}
  .left-\[-65\%\] {left: -65%;}
  .z-\[-1\] {z-index: -1;}
  .w-\[600px\] {width: 600px;}
  .max-w-\[385px\] {max-width: 385px;}
  .max-w-\[529px\] {max-width: 529px;}
  .rotate-\[-41deg\] {rotate: -41deg;}
  .rotate-\[245deg\] {rotate: 245deg;}
  .gap-x-\[140px\] {column-gap: 140px;}
  .gap-y-24 {row-gap: calc(var(--spacing) * 24);}
@media not all and (min-width: 376px) {
  .max-\[376px\]\:left-\[-40\%\] {left: -40%;}
}
@media not all and (min-width: 40rem) {
  .max-sm\:min-h-\[433px\] {min-height: 433px;}
}
@media (min-width: 40rem) {
  .sm\:max-w-\[60\%\] {max-width: 60%;}
}
@media (min-width: 48rem) {
  .md\:top-\[-97\%\] {top: -97%;}
  .md\:top-\[-99\%\] {top: -99%;}
  .md\:top-\[-111\%\] {top: -111%;}
  .md\:left-\[-60\%\] {left: -60%;}
  .md\:left-\[-103\%\] {left: -103%;}
  .md\:max-h-\[300px\] {max-height: 300px;}
  .md\:min-h-\[300px\] {min-height: 300px;}
  .md\:w-\[900px\] {width: 900px;}
  .md\:max-w-\[50\%\] {max-width: 50%;}
}
@media (min-width: 64rem) {
  .lg\:top-28 {top: calc(var(--spacing) * 28);}
  .lg\:left-\[-48\%\] {left: -48%;}
  .lg\:max-w-\[483px\] {max-width: 483px;}
  .lg\:max-w-\[620px\] {max-width: 620px;}
  .lg\:pt-\[90px\] {padding-top: 90px;}
  .lg\:pb-\[90px\] {padding-bottom: 90px;}
}
@media (min-width: 80rem) {
  .xl\:w-\[1050px\] {width: 1050px;}
  .xl\:pt-\[150px\] {padding-top: 150px;}
  .xl\:pb-\[250px\] {padding-bottom: 250px;}
}
/* DATAPOS · shim: reglas compiladas de app-builder/main.css para la
   sección 'Razones para elegirnos' (clases arbitrarias ausentes en data-visualization). */

.-right-\[20px\]{right: -20px;}
.left-\[40\%\]{left: 40%;}
.left-\[60\%\]{left: 60%;}
@media (min-width: 64rem){.lg\:-right-\[15px\]{right: -15px;}}
@media (min-width: 64rem){.lg\:gap-x-\[60px\]{column-gap: 60px;}}
@media (min-width: 64rem){.lg\:left-\[63\%\]{left: 63%;}}
@media (min-width: 64rem){.lg\:max-w-\[250px\]{max-width: 250px;}}
@media (min-width: 64rem){.lg\:max-w-\[500px\]{max-width: 500px;}}
@media (min-width: 64rem){.lg\:ms-0{margin-inline-start: calc(var(--spacing) * 0);}}
@media (min-width: 64rem){.lg\:top-\[17\%\]{top: 17%;}}
@media not all and (min-width: 48rem){.max-md\:mb-18{margin-bottom: calc(var(--spacing) * 18);}}
@media (min-width: 48rem){.md\:-right-\[130px\]{right: -130px;}}
@media (min-width: 48rem){.md\:bottom-1\/12{bottom: 8.33333%;}}
@media (min-width: 48rem){.md\:left-\[62\%\]{left: 62%;}}
@media (min-width: 48rem){.md\:left-\[82\%\]{left: 82%;}}
@media (min-width: 48rem){.md\:max-w-\[208px\]{max-width: 208px;}}
@media (min-width: 48rem){.md\:max-w-\[265px\]{max-width: 265px;}}
@media (min-width: 48rem){.md\:max-w-\[400px\]{max-width: 400px;}}
@media (min-width: 48rem){.md\:ms-16{margin-inline-start: calc(var(--spacing) * 16);}}
@media (min-width: 48rem){.md\:top-\[20\%\]{top: 20%;}}
@media (min-width: 48rem){.md\:top-\[32\%\]{top: 32%;}}
.rotate-\[8deg\]{rotate: 8deg;}
.top-\[12\%\]{top: 12%;}
.w-\[100px\]{width: 100px;}
@media (min-width: 80rem){.xl\:-right-\[130px\]{right: -130px;}}
@media (min-width: 80rem){.xl\:left-\[82\%\]{left: 82%;}}
@media (min-width: 80rem){.xl\:max-w-\[333px\]{max-width: 333px;}}
@media (min-width: 80rem){.xl\:max-w-\[500px\]{max-width: 500px;}}
@media (min-width: 80rem){.xl\:top-\[20\%\]{top: 20%;}}
/* DATAPOS · shim: reglas compiladas de app-development/main.css para la
   sección hero 'Apps made for the future' (clases arbitrarias ausentes en data-visualization). */

.bg-\[\#9DAEC6\]{background-color: #9daec6;}
@media (min-width: 64rem){.lg\:max-w-\[507px\]{max-width: 507px;}}
@media (min-width: 64rem){.lg\:top-8{top: calc(var(--spacing) * 8);}}
@media (min-width: 64rem){.lg\:translate-x-4{--tw-translate-x: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);}}
.max-w-\[1440px\]{max-width: 1440px;}
.max-w-\[643px\]{max-width: 643px;}
@media (min-width: 48rem){.md\:max-w-\[429px\]{max-width: 429px;}}
@media (min-width: 48rem){.md\:pt-40{padding-top: calc(var(--spacing) * 40);}}
@media (min-width: 40rem){.sm\:gap-x-4{column-gap: calc(var(--spacing) * 4);}}
.top-4{top: calc(var(--spacing) * 4);}
.translate-x-3{--tw-translate-x: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);}
@media (min-width: 80rem){.xl\:translate-x-\[75px\]{--tw-translate-x: 75px;
      translate: var(--tw-translate-x) var(--tw-translate-y);}}