*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.relativeness {
    position: relative;
}
a.relatived:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    /* color: black; */
    top: 0;
    left: 0;
    /* border: 1px solid blue;*/
}
.theme-transitioning {
  will-change: background-color, color;
}

/* Transición suave sin afectar al scroll */
html.theme-transitioning * {
  transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease !important;
}

/* RRSS no se ven en el footer en color claro */
html.light footer#footer .rrss-button {
    filter: invert(1);
}


@media (max-width: 1024px) {
  .title-top{
    padding-top: 4rem;
  }

  .copyright-footer {
    display: none; 
  }

  .patch-margin {
    margin-top: 4.5rem;
  }
}

@media (max-width: 639px) {
  .grid-cards-home {
    grid-template-columns: repeat(3, 300px);
  }

  .carousel {
    max-width: 230px;
  }

  .container {
    overflow-wrap: break-word;
  }

  .top-distance {
    padding-top: 4rem;
  }
}