body {
  font-family: "Rubik", sans-serif;
  overflow-x: hidden;
  max-width: 100wm;
}
.logoOnOff {
  transition: all 0.35s ease-in-out;
  background-color: white;
  color: black;
}
.ocultar {
  visibility: hidden;
}
.mostrar {
  visibility: visible;
}
.titulo-entrenamiento {
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white,
    #333333c2 5px 5px 10px;
}
.navb a {
  color: #000000;
}
.opcionwhite li a {
  color: white;
}
.opcionblack li a {
  color: black;
}
.lista li a {
  color: #ffffff;
}
.contenedor {
  background: linear-gradient(to right, #60ae56, #5285b6, #e68b3e);
  border-radius: 50%50%;
}
.cajacolor {
  background: linear-gradient(to right, #60ae56, #5285b6, #e68b3e);
}
.w3-third img {
  margin-bottom: -6px;
  opacity: 0.8;
  cursor: pointer;
}
.w3-third img:hover {
  opacity: 1;
}
.tamcompleto {
  max-width: 40vw;
}
.carta {
  position: relative;
}
.carta .face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  overflow: hidden;
}
.carta .front {
  transform: perspective(600px) rotateY(0deg);
}
.carta .back {
  transform: rotateY(180deg);
  background: #00000080;
  padding: 15px;
  color: #ffffff;
}
.carta:hover .back {
  transform: rotateY(360deg);
}
.boton-pago {
  font-size: 20px;
  background: #72b62f;
  color: #ffffff;
  font-weight: bold;
}
.boton-pago:hover {
  transform: scale(1.15);
  background: #72b62f;
  color: #ffffff;
}
.card-nosotros {
  background-color: #ffffff;
  max-width: 230px;
  padding: 2%3%;
  height: 100%;
}
.icono-pagos {
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.reducir-titulo {
  font-size: 30px;
}
.normal-titulo {
  font-size: 40px;
}
.relacionados-mostrar {
  display: block;
}
.relacionados-ocultar {
  display: none;
}
#apellido {
  visibility: hidden;
  display: none;
}
.page-link-tk {
  color: black;
}
.page-active-tk {
  color: white;
  background: #72b62f;
  border: 1px solid #72b62f;
}
.page-active-tk:hover {
  color: white;
  background: #72b62f;
}
input,
select,
textarea {
  box-shadow: none !important;
  outline: none !important;
}
