@media (max-width: 500px) {
  :root {
    --sangria-fechas: 4rem;
  }

  html {
    font-size: 1.1rem;
  }

  body {
    padding: 0;
  }

  .claves button {
    padding: 0.2rem 0;
  }

  .experiencia {
    & .logros {
      & .logro {
        & .info_extra {
          position: relative;
          left: calc(-1 * var(--sangria-fechas));
          width: calc(100% + var(--sangria-fechas));
        }
        & .info_extra::before {
          left: calc(1.4rem + var(--sangria-fechas));
        }
      }
    }
  }
}