/* Utilidades Tailwind que usa el módulo ORIGINAL CardStack (verbatim).
   Valores estándar de Tailwind + colores del colegio (azul/celeste/tinta).
   No colisionan con el CSS del sitio (verificado). */
.stack-island{display:flex;justify-content:center;padding:46px 0 8px}
.relative{position:relative}
.absolute{position:absolute}
.mx-auto{margin-left:auto;margin-right:auto}
.flex{display:flex}
.flex-col{flex-direction:column}
.justify-between{justify-content:space-between}
.h-60{height:15rem}
.w-72{width:18rem}
.rounded-3xl{border-radius:1.5rem}
.border{border-width:1px;border-style:solid}
.border-celeste\/40{border-color:rgba(110,193,228,.4)}
.bg-white{background:#fff}
.p-6{padding:1.5rem}
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.shadow-azul\/5{box-shadow:0 22px 34px -8px rgba(26,26,191,.12),0 8px 14px -6px rgba(26,26,191,.10)}
.text-tinta\/80{color:rgba(28,28,30,.8);font-size:18px;line-height:1.5;font-weight:500}
.font-semibold{font-weight:600}
.text-azul{color:#1a1abf}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-tinta\/50{color:rgba(28,28,30,.5)}
@media(min-width:768px){.md\:h-60{height:15rem}.md\:w-96{width:24rem}}

/* Container Scroll original (Aceternity) — track alto = recorrido del enderezado */
.csx-track{height:54rem;display:flex;align-items:center;justify-content:center;perspective:1600px}
@media(min-width:768px){.csx-track{height:76rem}}
.csx-frame{position:relative;width:100%;max-width:1040px;aspect-ratio:16/9;border-radius:var(--r-xl,26px);overflow:hidden;border:10px solid #fff;box-shadow:0 30px 80px -20px rgba(26,26,191,.25);transform-origin:50% 0;will-change:transform}