/* --- Estilos base para el sprite (CORREGIDO) --- */
.sprite {
    display: inline-block;
    width: 45px; /* Tamaño de visualización del icono (32x32) */
    height: 45px;
    background-image: url('../assets/images/tech/sprites-tech.png'); /* Ruta a la nueva imagen */
    background-repeat: no-repeat;
    
    /* VITAL: Escala la imagen original para que las coordenadas funcionen. */
    /* El valor '800px' es el ancho original de la imagen sprite que te generé. */
    background-size: 800px auto; 
    
}

/* --- Posiciones quirúrgicas (Fila 1 - Sin cambios) --- */
.net         { background-position: -15px -13px; }
.flutter     { background-position: -80px 0px; }
.jetbrains   { background-position: -80px 0px; }

/* --- Posiciones quirúrgicas (Fila 2 - -50px) --- */
.python     { background-position: -14px -86px; }
.csharp     { background-position: -67px -86px; }
.vite       { background-position: -119px -86px; }
.typescript { background-position: -274px -86px; }
.javascript { background-position: -119px -86px; }
.go         { background-position: -327px -86px; }
.dart       { background-position: -481px -86px; }
.bash       { background-position: -533px -86px; }
.rust       { background-position: -586px -86px; }




/* --- Posiciones quirúrgicas (Fila 3 - -100px) --- */
.react      { background-position: -14px -161px; }
.node       { background-position: -67px -161px; }
.django     { background-position: -119px -161px; }
.fastApi    { background-position: -170px -161px; }
.express    { background-position: -274px -161px; }
.next       { background-position: -327px -161px; }
.nuxt       { background-position: -378px -161px; }
.vue        { background-position: -429px -161px; }
.flask      { background-position: -481px -161px; }
.tornado    { background-position: -533px -161px; }
.primevue   { background-position: -586px -161px; }
.flutter    { background-position: -638px -161px; }
.tailwind   { background-position: -586px -161px; }
.pinia      { background-position: -689px -161px; }
.tanstack   { background-position: -741px -161px; }




/* --- Posiciones quirúrgicas (Fila 4 - -100px) --- */
.docker     { background-position: -14px -228px; }
.kubernetes { background-position: -67px -228px; }
.aws        { background-position: -119px -228px; }
.git        { background-position: -170px -228px; }
.azure      { background-position: -222px -228px; }
.cloude     { background-position: -274px -228px; }
.google     { background-position: -378px -228px; }
.cicd       { background-position: -429px -228px; }
.elastic    { background-position: -481px -228px; }
.sendgrid   { background-position: -533px -228px; }

/* --- Posiciones quirúrgicas (Fila 5 - -100px) --- */
.wazuh      { background-position: -14px -279px; }
.openVAS    { background-position: -67px -279px; }
.firewall   { background-position: -119px -279px; }
.ips        { background-position: -170px -279px; }
.kali       { background-position: -222px -279px; }
.linux      { background-position: -274px -279px; }

/* --- Posiciones quirúrgicas (Fila 6 - -100px) --- */
.oracle     { background-position: -14px -331px; }
.sqlserver  { background-position: -67px -331px; }
.mysql      { background-position: -119px -331px; }
.postgreed  { background-position: -222px -331px; }
.mongo      { background-position: -274px -331px; }
.maria      { background-position: -326px -331px; }

/* --- Posiciones quirúrgicas (Fila 7- -100px) --- */
.gpt  { background-position: 0px -100px; }