Saltar al contenido principal Saltar al pie de página
we-skill.com
  • Home
  • Quiénes Somos
  • Qué ofrecemos
    • Selección de personal
    • Evaluaciones de desempeño
    • Consultoría en
      compensaciones y beneficios
    • Gestión del cambio
    • Asesoría en legislación laboral
    • Clima y cultura organizacional
    • Outsourcing de RR.HH.
    • Capacitaciones Personalizadas
    • Todos nuestros servicios
  • Dejanos el cv
  • Contacto
  • Home
  • Quiénes Somos
  • Qué ofrecemos
    • Selección de personal
    • Evaluaciones de desempeño
    • Consultoría en
      compensaciones y beneficios
    • Gestión del cambio
    • Asesoría en legislación laboral
    • Clima y cultura organizacional
    • Outsourcing de RR.HH.
    • Capacitaciones Personalizadas
    • Todos nuestros servicios
  • Dejanos el cv
  • Contacto
Contacto
  • Rocket hostinger
    Finlandia
    Full time
    Ver oferta
  • Brain software
    Singapur
    Full time
    Ver oferta
  • fastnet provider
    Indonesia
    Full time
    Ver oferta
  • Merpati airlane
    Alemania
    Full time
    Ver oferta
  • Rometheme studio
    Canada
    Medio Tiempo
    Ver oferta
  • Net79 Investment
    Argentina
    Full time
    Ver oferta
Teléfono
xxxx
Email
info@we-skill.com
Dirección
Blanco Encalada 193, of.63 y 64. San Isidro - Prov. de Bs. As. - Argentina
Sobre We-Skill

Somos una consultora boutique en Recursos Humanos. Ofrecemos soluciones personalizadas, potenciando el talento y acompañando el crecimiento sostenible de nuestros clientes.

Links

HomeQuiénes somosQué ofrecemosDejanos el cvContacto

Servicios

Selección de PersonalEvaluaciones de DesempeñoCapacitaciones PersonalizadasConsultoría en Compensaciones y BeneficiosGestión del Cambio
 <button id="toggle-links" class="footer__toggle-btn">Ver más</button>
/* Contenedor principal del menú oculto */
.menu-oculto {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  column-gap: var(--space-xs); /* Espacio entre las columnas */
  row-gap: var(--space-xs); /* Espacio normal entre los elementos */
  transition: row-gap 0.4s ease; /* Animación suave para el row-gap */
}

/* Cuando el menú está expandido */
.menu-oculto.expanded {
  row-gap: var(--space-xs); /* Aplicamos row-gap cuando el menú está expandido */
}

/* Los elementos ocultos cuando el menú no está expandido */
.menu-oculto:not(.expanded) .footer__menu-section-link:nth-child(n+4):not(:last-child) {
  opacity: 0; /* Hacemos invisibles los elementos */
  transform: translateY(-10px); /* Desplazamos los elementos hacia arriba */
  pointer-events: none; /* Desactivamos la interacción */
  height: 0; /* Eliminamos la altura de los elementos */
  overflow: hidden; /* Evitamos que ocupen espacio */
  transition: opacity 0.4s ease, transform 0.4s ease, height 0.4s ease; /* Animación suave */
  row-gap: 0 !important; /* No aplicamos row-gap a los elementos ocultos */
}

/* Los elementos se vuelven visibles cuando el menú está expandido */
.menu-oculto.expanded .footer__menu-section-link:nth-child(n+4):not(:last-child) {
  opacity: 1; /* Los elementos se vuelven visibles */
  transform: translateY(0); /* Vuelven a su posición original */
  pointer-events: all; /* Activamos la interacción */
  height: auto; /* Restauramos la altura */
  transition: opacity 0.4s ease, transform 0.4s ease, height 0.4s ease; /* Animación suave */
  row-gap: var(--space-xs); /* Aplicamos row-gap a los elementos visibles */
}

/* Asegura que el #brxe-wwnujc tenga row-gap solo cuando los elementos sean visibles */
#brxe-wwnujc {
  row-gap: var(--space-xs); /* Aplicamos el row-gap a los elementos visibles */
}

/* Estilo para el contenedor del botón */
.footer__toggle-btn {
  margin-top: var(--space-xs); /* Asegura que el botón quede justo debajo del contenido visible */
  grid-column: span 2; /* Asegura que el botón se extienda en el ancho adecuado */
  justify-self: center; /* Centra el botón */
  padding: 10px 20px; /* Acomoda el tamaño del botón */
  cursor: pointer; /* Cambia el cursor para indicar que es interactivo */
  transition: background-color 0.3s ease; /* Transición suave para el fondo */
}

/* Cambiar el fondo del botón cuando el menú está expandido */
.menu-oculto.expanded + .footer__toggle-btn {
  background-color: #4CAF50; /* Fondo verde para el estado expandido */
  color: white; /* Color del texto */
}
document.addEventListener("DOMContentLoaded", function () {
  const toggleBtn = document.querySelector(".footer__toggle-btn");
  const menu = document.querySelector(".menu-oculto");

  // Alternar la clase expanded en el menú al hacer clic en el botón
  toggleBtn.addEventListener("click", function() {
    menu.classList.toggle("expanded");

    // Cambiar el texto del botón dependiendo del estado
    if (menu.classList.contains("expanded")) {
      toggleBtn.textContent = "Ver menos";  // Si está expandido
    } else {
      toggleBtn.textContent = "Ver más";   // Si está colapsado
    }
  });
});

Suscríbite y
recibe actualizaciones

Copyright 2025 © We-Skill
Teléfono
1130574144
Email
info@we-skill.com
Dirección
Blanco Encalada 193, of.63 y 64. San Isidro - Prov. de Bs. As. - Argentina
Sobre We-Skill

Somos una consultora boutique en Recursos Humanos. Ofrecemos soluciones personalizadas, potenciando el talento y acompañando el crecimiento sostenible de nuestros clientes.

Links

HomeQuiénes somosQué ofrecemosDejanos el cvContacto

Servicios

Selección de PersonalEvaluaciones de DesempeñoCapacitaciones PersonalizadasConsultoría en Compensaciones y BeneficiosGestión del CambioClima y cultura organizacionalAsesoría en legislación laboralOutsourcing de RR.HH.
 <button id="toggle-links" class="footer__toggle-btn">Ver más</button>
/* Contenedor principal del menú oculto */
.menu-oculto {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  column-gap: var(--space-xs); /* Espacio entre las columnas */
  row-gap: var(--space-xs); /* Espacio normal entre los elementos */
  transition: row-gap 0.4s ease; /* Animación suave para el row-gap */
}

/* Cuando el menú está expandido */
.menu-oculto.expanded {
  row-gap: var(--space-xs); /* Aplicamos row-gap cuando el menú está expandido */
}

/* Los elementos ocultos cuando el menú no está expandido */
.menu-oculto:not(.expanded) .footer__menu-section-link:nth-child(n+4):not(:last-child) {
  opacity: 0; /* Hacemos invisibles los elementos */
  transform: translateY(-10px); /* Desplazamos los elementos hacia arriba */
  pointer-events: none; /* Desactivamos la interacción */
  height: 0; /* Eliminamos la altura de los elementos */
  overflow: hidden; /* Evitamos que ocupen espacio */
  transition: opacity 0.4s ease, transform 0.4s ease, height 0.4s ease; /* Animación suave */
  row-gap: 0 !important; /* No aplicamos row-gap a los elementos ocultos */
}

/* Los elementos se vuelven visibles cuando el menú está expandido */
.menu-oculto.expanded .footer__menu-section-link:nth-child(n+4):not(:last-child) {
  opacity: 1; /* Los elementos se vuelven visibles */
  transform: translateY(0); /* Vuelven a su posición original */
  pointer-events: all; /* Activamos la interacción */
  height: auto; /* Restauramos la altura */
  transition: opacity 0.4s ease, transform 0.4s ease, height 0.4s ease; /* Animación suave */
  row-gap: var(--space-xs); /* Aplicamos row-gap a los elementos visibles */
}

/* Asegura que el #brxe-wwnujc tenga row-gap solo cuando los elementos sean visibles */
#brxe-wwnujc {
  row-gap: var(--space-xs); /* Aplicamos el row-gap a los elementos visibles */
}

/* Estilo para el contenedor del botón */
.footer__toggle-btn {
  margin-top: var(--space-xs); /* Asegura que el botón quede justo debajo del contenido visible */
  grid-column: span 2; /* Asegura que el botón se extienda en el ancho adecuado */
  justify-self: center; /* Centra el botón */
  padding: 10px 20px; /* Acomoda el tamaño del botón */
  cursor: pointer; /* Cambia el cursor para indicar que es interactivo */
  transition: background-color 0.3s ease; /* Transición suave para el fondo */
}

/* Cambiar el fondo del botón cuando el menú está expandido */
.menu-oculto.expanded + .footer__toggle-btn {
  background-color: #4CAF50; /* Fondo verde para el estado expandido */
  color: white; /* Color del texto */
}
document.addEventListener("DOMContentLoaded", function () {
  const toggleBtn = document.querySelector(".footer__toggle-btn");
  const menu = document.querySelector(".menu-oculto");

  // Alternar la clase expanded en el menú al hacer clic en el botón
  toggleBtn.addEventListener("click", function() {
    menu.classList.toggle("expanded");

    // Cambiar el texto del botón dependiendo del estado
    if (menu.classList.contains("expanded")) {
      toggleBtn.textContent = "Ver menos";  // Si está expandido
    } else {
      toggleBtn.textContent = "Ver más";   // Si está colapsado
    }
  });
});

Suscríbite y
recibe actualizaciones

Copyright 2025 © We-Skill
Powered by Joinchat
Hola
¿En qué podemos ayudarte?
Abrir chat