:root {

--primario-950: #112B08;
--primario-700: #2d5d17;
--primario-600: #357516;
--primario-500: #5BC121;
--primario-400: #7ADB40;
--primario-100: #E1F9CE;
--primario-50: #F1FDE8;

--blanco-0: #f9f9f9;
--blanco-50: #f4f4f4;
--blanco-100:#c9c9c9;

--gris-600: #898989;
--gris-950: #1F1F1F;
--gris-800: #292929;

  --slide-transform: 0;
  --transition: transform 0.5s;
}

html body #reputacion .slider-container {
  width: 100%;
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}


html body #reputacion .slider {
  margin-right: 1.25rem;
  width: 100%;
  display: flex;
  justify-content: center;
  transform: translateX(var(--slide-transform));
  transition: var(--transition);
  flex-wrap: nowrap; /* Evita que los elementos se envuelvan */
}

html body #reputacion .slider__element {
  border-radius: 8px;
  min-width: 18rem;
  max-width: 18rem;
  padding: 16px;
  background-color: var(--blanco-0);
   flex: 0 0 auto; /* Los elementos no crecen ni se encogen */
}

html body #reputacion .slider__element:hover{
  cursor: pointer;
}

html body #reputacion .slider__element .tarjeta-body {

  display: flex;
  flex-direction: column;
  align-items: center;
}

html body #reputacion .slider__element .tarjeta-body  p {
  text-align: center;
}

html body #reputacion .slider__element .tarjeta-title {
  margin-top: 16px;
  margin-bottom: 8px;
}

    @media (min-width: 500px) and (max-width: 992px) {

html body #reputacion .slider-container{
  border: solid 16px var(--blanco-50);
}
    }