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

.bodyRexxTR {
  color: #2f3658;
  background-color: #111010; }
  .bodyRexxTR h1, .bodyRexxTR h2, .bodyRexxTR h3 {
    font-family: 'Righteous', cursive; }
  .bodyRexxTR p {
    font-family: 'Tinos', serif;
    line-height: 1.4rem; }
  .bodyRexxTR a {
    font-family: 'Tinos', serif;
    color: #D6FADB;
    text-decoration: none; }

/*INDEX*/
.portada img {
  width: 100%;
  margin-bottom: 10%; }

/*MENU*/
.navbar {
  background-color: #00C85F; }
  .navbar .container .navbar-collapse .nav-link {
    color: #D6FADB;
    font-size: 1.125rem; }

/*PRODUCTOS*/
.productos {
  margin-top: 2%;
  width: 100%; }
  .productos .prodTitulo {
    text-align: center;
    font-size: 1.875rem;
    color: #D6FADB; }
  .productos .contenedorCard {
    padding-top: 3%;
    display: flex;
    justify-content: space-evenly; }
    .productos .contenedorCard .planesCard {
      background-color: #ffffffbb;
      width: 18vw;
      border-radius: 12px;
      padding: 0.5%;
      overflow: hidden; }
      .productos .contenedorCard .planesCard img {
        width: 100%;
        height: 25vh;
        border-radius: 12px;
        margin-bottom: 5%;
        object-fit: cover; }
      .productos .contenedorCard .planesCard .planTitulo {
        font-size: 1.125rem;
        text-align: center;
        margin-top: 4%;
        padding-top: 2%; }
      .productos .contenedorCard .planesCard .planDescripcion {
        font-size: 1.125rem;
        text-align: center;
        margin-top: inherit;
        padding: 4% 2% 6%; }
      .productos .contenedorCard .planesCard .boton {
        border: none;
        border-radius: 8px;
        padding: 2%;
        text-align: center;
        width: 12vw;
        box-shadow: inset 0 0 0 0 #3B4472;
        transition: ease-in-out 0.3s;
        background-color: #00C85F;
        color: #003E00;
        margin: 0 auto;
        display: block; }
        .productos .contenedorCard .planesCard .boton:hover {
          box-shadow: inset 12vw 0 0 0 #3B4472;
          color: #D6FADB; }
        .productos .contenedorCard .planesCard .boton a {
          font-weight: 501; }

/*RexxTV*/
.rexxtv {
  margin-top: 15%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  justify-items: center; }
  .rexxtv .rexxtvTexto {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40vw;
    height: 70vh; }
    .rexxtv .rexxtvTexto .rextvTit {
      font-size: 1.875rem;
      text-align: center;
      margin-top: 4%;
      color: #D6FADB;
      text-decoration: underline; }
    .rexxtv .rexxtvTexto .rextvdesc {
      font-size: 1.75rem;
      text-align: center;
      margin-top: 10%;
      color: #D6FADB; }
    .rexxtv .rexxtvTexto .boton {
      border: none;
      border-radius: 8px;
      padding: 1%;
      text-align: center;
      width: 10vw;
      box-shadow: inset 0 0 0 0 #D6FADB;
      transition: ease-in-out 0.3s;
      background-color: #00C85F;
      color: #D6FADB;
      margin-top: 10%; }
      .rexxtv .rexxtvTexto .boton:hover {
        box-shadow: inset 10vw 0 0 0 #3B4472;
        color: #D6FADB; }

/*CONTACTO*/
.footer {
  margin-top: 12%;
  background-color: #00C85F; }
  .footer .contenedorContacto {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly; }
    .footer .contenedorContacto .contactame {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      width: 16vw; }
      .footer .contenedorContacto .contactame h2 {
        font-size: 1.25rem; }
      .footer .contenedorContacto .contactame .mail, .footer .contenedorContacto .contactame .wapp {
        display: flex;
        align-items: center;
        padding-top: 7%; }
        .footer .contenedorContacto .contactame .mail .contactoRInfo, .footer .contenedorContacto .contactame .wapp .contactoRInfo {
          margin: 0;
          color: #3B4472; }
      .footer .contenedorContacto .contactame .contactoIcono {
        height: 2vw;
        padding-right: 4%; }
    .footer .contenedorContacto .infocliente {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      padding: 2% 0; }
      .footer .contenedorContacto .infocliente h2 {
        font-size: 1.25rem;
        text-align: center;
        margin-top: 1%;
        margin: 0; }
      .footer .contenedorContacto .infocliente h3 {
        font-size: 1rem;
        text-align: center;
        margin-top: 1%; }
      .footer .contenedorContacto .infocliente .form {
        padding-bottom: 3%; }
        .footer .contenedorContacto .infocliente .form input {
          width: 15vw;
          height: 4vh;
          padding-left: 4%;
          font-size: 0.75rem;
          border-radius: 7px;
          border: none; }
      .footer .contenedorContacto .infocliente .boton {
        border: none;
        border-radius: 8px;
        padding: 1%;
        text-align: center;
        width: 10vw;
        box-shadow: inset 0 0 0 0 #D6FADB;
        transition: ease-in-out 0.3s;
        background-color: #3B4472;
        color: #D6FADB;
        margin: 2% 0; }
        .footer .contenedorContacto .infocliente .boton:hover {
          box-shadow: inset 10vw 0 0 0 #D6FADB;
          color: #2f3658; }
    .footer .contenedorContacto .contactoRedes {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      align-content: center;
      width: 15vw; }
      .footer .contenedorContacto .contactoRedes .contactoIcono {
        height: 3.5vw; }
      .footer .contenedorContacto .contactoRedes .tiktok {
        height: 4vw; }
  .footer .copy {
    color: black;
    text-align: center; }

/*PAGINAS*/
/* SOBRE MI */
.contenedor .contenedorBiografia {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-bottom: 4%;
  padding-top: 4%; }
  .contenedor .contenedorBiografia .biografiaImagen {
    width: 25%; }
  .contenedor .contenedorBiografia .quiensoy {
    width: 55vw;
    padding: 2%;
    color: #D6FADB;
    border-left: solid 3px #3B4472; }
    .contenedor .contenedorBiografia .quiensoy .biografiaTitulo {
      text-align: justify;
      font-size: 1.125rem;
      color: #D6FADB;
      padding-top: 2%; }
    .contenedor .contenedorBiografia .quiensoy .biografiaDescripcion {
      text-align: justify;
      font-size: 1.125rem;
      color: #D6FADB; }

/*PLANES*/
.PlanesDeEntrenamiento {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly; }
  .PlanesDeEntrenamiento .contenedorTitPDE {
    background-image: url(../imagenes/pesasrusas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    width: 100%; }
    .PlanesDeEntrenamiento .contenedorTitPDE .pDETitulo {
      text-align: center;
      font-size: 1.625rem;
      color: #D6FADB;
      margin-top: 5%; }
    .PlanesDeEntrenamiento .contenedorTitPDE .pDESubtitulo {
      text-align: center;
      font-size: 1.5rem;
      color: #D6FADB; }
  .PlanesDeEntrenamiento .ContenedorPDE {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 6%; }
    .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles {
      width: 30vw;
      height: 55vh;
      border-left: 3px solid #3B4472;
      margin-top: 5%;
      margin-bottom: 10%; }
      .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles .nombrePlan {
        text-align: center;
        font-size: 1.25rem;
        color: #D6FADB;
        margin: 3% 0; }
      .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles .descripcionPlan {
        text-align: center;
        font-size: 1.25rem;
        color: #D6FADB;
        margin-bottom: 0;
        padding: 3% 5% 5%; }
      .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles .queIncluye {
        list-style-type: none;
        text-align: center;
        font-size: 1.125rem;
        color: #D6FADB;
        padding: 0; }

/*MEDIA QUERIES*/
@media screen and (max-width: 1200px) {
  .productos .prodTitulo {
    font-size: 1.625rem; }
  .productos .contenedorCard .planesCard {
    width: 22vw; }
  /* SECCION 4 FOOTER */
  .footer .contenedorContacto .infocliente .form input {
    width: 18vw; }
  .footer .contenedorContacto .infocliente .boton {
    border: none;
    border-radius: 8px;
    padding: 1%;
    text-align: center;
    width: 12vw; }
    .footer .contenedorContacto .infocliente .boton:hover {
      box-shadow: inset 12vw 0 0 0 #D6FADB; }
  /* SOBRE MI */
  .contenedor .contenedorBiografia {
    padding-top: 6%; }
    .contenedor .contenedorBiografia .biografiaImagen {
      width: 30vw; }
  /*PLANES*/
  .PlanesDeEntrenamiento .planesDetalles {
    height: 36vh; } }

@media screen and (max-width: 1024px) {
  /* SECCION 2 PRODUCTOS */
  .productos .contenedorCard .planesCard {
    width: 24vw;
    padding: 0.6%; }
  /* SECCION 3 REXXTV */
  /*REXXTV*/
  .rexxtv .tutemplo {
    width: 40vw; }
  /* SECCION 4 FOOTER */
  .footer .contenedorContacto .infocliente .form input {
    width: 21vw; }
  /* SOBRE MI */
  .contenedor .contenedorBiografia {
    padding-top: 6%;
    padding-bottom: 10%; }
    .contenedor .contenedorBiografia .biografiaImagen {
      width: 40%; }
    .contenedor .contenedorBiografia .quiensoy {
      width: 43vw; }
      .contenedor .contenedorBiografia .quiensoy .biografiaDescripcion {
        line-height: 1.5rem; }
  /*PLANES*/
  .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles {
    height: 45vh; }
    .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles .nombrePlan {
      font-size: 1.125rem; }
    .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles .descripcionPlan {
      font-size: 1.125rem; }
    .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles .queIncluye {
      font-size: 1rem; } }

@media screen and (max-width: 768px) {
  /* HEADER */
  .navbar .container .navbar-collapse .nav-link {
    font-size: 1.125rem; }
  /* SECCION 1 PRODUCTOS */
  .productos .prodTitulo {
    font-size: 1.5rem; }
  .productos .contenedorCard {
    flex-direction: column; }
    .productos .contenedorCard .planesCard {
      width: 40vw;
      margin: 0 auto;
      margin-top: 8%;
      padding: 1%; }
      .productos .contenedorCard .planesCard .planTitulo {
        font-size: 1.25rem; }
      .productos .contenedorCard .planesCard .planDescripcion {
        font-size: 1.25rem; }
      .productos .contenedorCard .planesCard .boton {
        border: none;
        border-radius: 8px;
        padding: 2%;
        text-align: center;
        width: 23vw; }
        .productos .contenedorCard .planesCard .boton:hover {
          box-shadow: inset 23vw 0 0 0 #3B4472; }
  /*REXXTV*/
  .rexxtv .tutemplo {
    width: 40vw; }
  .rexxtv .rexxtvTexto {
    width: 50vw;
    height: 38vh; }
    .rexxtv .rexxtvTexto .rextvTit {
      font-size: 1.625rem; }
    .rexxtv .rexxtvTexto .rextvdesc {
      font-size: 1.5rem; }
    .rexxtv .rexxtvTexto .boton {
      border: none;
      border-radius: 8px;
      padding: 1%;
      text-align: center;
      width: 12vw; }
      .rexxtv .rexxtvTexto .boton:hover {
        box-shadow: inset 12vw 0 0 0 #3B4472; }
  /* SECCION 4 FOOTER */
  .footer .contenedorContacto .infocliente .form input {
    width: 27vw;
    height: 3vh; }
  .footer .contenedorContacto .infocliente .boton {
    border: none;
    border-radius: 8px;
    padding: 1%;
    text-align: center;
    width: 16vw; }
    .footer .contenedorContacto .infocliente .boton:hover {
      box-shadow: inset 16vw 0 0 0 #D6FADB; }
  /* SOBRE MI */
  .contenedor .contenedorBiografia {
    flex-direction: column;
    padding-bottom: 8%;
    padding-top: 5%; }
    .contenedor .contenedorBiografia .biografiaImagen {
      width: 40vw;
      margin-bottom: 5%; }
    .contenedor .contenedorBiografia .quiensoy {
      width: 70vw;
      border: none; }
      .contenedor .contenedorBiografia .quiensoy .biografiaTitulo {
        text-align: center; }
      .contenedor .contenedorBiografia .quiensoy .biografiaDescripcion {
        line-height: 1.6rem; }
  /* PLANES */
  .PlanesDeEntrenamiento .contenedorTitPDE
.pDETitulo {
    font-size: 1.5rem; }
  .PlanesDeEntrenamiento .pDESubtitulo {
    font-size: 1.375rem; }
  .PlanesDeEntrenamiento .ContenedorPDE {
    flex-direction: column; }
    .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles {
      width: 50vw;
      height: 40vh;
      border-bottom: 3px solid #3B4472; }
      .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles .nombrePlan {
        font-size: 1.25rem; }
      .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles .descripcionPlan {
        font-size: 1.25rem; }
      .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles .queIncluye {
        font-size: 1.125rem; } }

@media screen and (max-width: 480px) {
  /* HEADER */
  .navbar .container .navbar-collapse .nav-link {
    font-size: 1rem; }
  .navbar-brand img {
    height: 10vh; }
  /* SECCION 1 PRODUCTOS */
  .productos .prodTitulo {
    font-size: 1.25rem; }
  .productos .contenedorCard .planesCard {
    width: 48vw;
    padding: 1.2%; }
    .productos .contenedorCard .planesCard img {
      height: 45vh; }
    .productos .contenedorCard .planesCard .planTitulo {
      font-size: 1rem; }
    .productos .contenedorCard .planesCard .planDescripcion {
      font-size: 1rem;
      padding: 0 2% 8%;
      margin: 0; }
    .productos .contenedorCard .planesCard .boton {
      border: none;
      border-radius: 8px;
      padding: 2%;
      text-align: center;
      width: 24vw; }
      .productos .contenedorCard .planesCard .boton:hover {
        box-shadow: inset 24vw 0 0 0 #3B4472; }
  /*REXXTV*/
  .rexxtv {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .rexxtv .tutemplo {
      width: 50vw; }
    .rexxtv .rexxtvTexto {
      width: 50vw;
      height: 80vh; }
      .rexxtv .rexxtvTexto .rextvTit {
        font-size: 1.375rem; }
      .rexxtv .rexxtvTexto .rextvdesc {
        font-size: 1.25rem; }
      .rexxtv .rexxtvTexto .boton {
        border: none;
        border-radius: 8px;
        padding: 1%;
        text-align: center;
        width: 20vw; }
        .rexxtv .rexxtvTexto .boton:hover {
          box-shadow: inset 20vw 0 0 0 #3B4472; }
  /* FOOTER */
  .footer .contenedorContacto {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly; }
    .footer .contenedorContacto .contactame {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding-top: 10%;
      padding-bottom: 8%; }
      .footer .contenedorContacto .contactame h2 {
        font-size: 1.125rem; }
      .footer .contenedorContacto .contactame .contactoIcono {
        height: 5vw; }
    .footer .contenedorContacto .infocliente {
      padding-bottom: 12%; }
      .footer .contenedorContacto .infocliente .form input {
        width: 43vw;
        height: 10vh; }
      .footer .contenedorContacto .infocliente .boton {
        border: none;
        border-radius: 8px;
        padding: 1%;
        text-align: center;
        width: 28vw; }
        .footer .contenedorContacto .infocliente .boton:hover {
          box-shadow: inset 28vw 0 0 0 #D6FADB; }
    .footer .contenedorContacto .contactoRedes {
      width: 35vw;
      padding-bottom: 8%; }
      .footer .contenedorContacto .contactoRedes .contactoIcono {
        height: 8vw; }
      .footer .contenedorContacto .contactoRedes .tiktok {
        height: 8.5vw; }
  .footer .copy {
    font-size: 0.875rem; }
  /* SOBRE MI */
  .contenedor .contenedorBiografia {
    padding-bottom: 6%;
    padding-top: 5%; }
    .contenedor .contenedorBiografia .biografiaImagen {
      width: 60vw;
      padding-bottom: 5%; }
    .contenedor .contenedorBiografia .quiensoy {
      width: 80vw; }
      .contenedor .contenedorBiografia .quiensoy .biografiaTitulo {
        text-align: center;
        font-size: 1rem;
        color: #D6FADB; }
      .contenedor .contenedorBiografia .quiensoy .biografiaDescripcion {
        text-align: center;
        font-size: 1rem;
        color: #D6FADB;
        line-height: 1.4rem; }
  /*PLANES*/
  .PlanesDeEntrenamiento .contenedorTitPDE .pDETitulo {
    font-size: 1.125rem; }
  .PlanesDeEntrenamiento .contenedorTitPDE .pDESubtitulo {
    font-size: 1.125rem; }
  .PlanesDeEntrenamiento .ContenedorPDE {
    margin-top: 8%; }
    .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles {
      width: 80vw;
      height: 100vh; }
      .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles .nombrePlan {
        font-size: 1.125rem; }
      .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles .descripcionPlan {
        font-size: 1.125rem; }
      .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles .queIncluye {
        font-size: 1rem; } }

@media screen and (max-width: 320px) {
  .navbar-brand img {
    height: 8vh; }
  /* SECCION 1 PRODUCTOS */
  .productos .prodTitulo {
    font-size: 1rem; }
  .productos .contenedorCard .planesCard {
    width: 63vw;
    padding: 1.5%; }
    .productos .contenedorCard .planesCard img {
      height: 40vh; }
    .productos .contenedorCard .planesCard .planTitulo {
      font-size: 1rem; }
    .productos .contenedorCard .planesCard .planDescripcion {
      font-size: 1rem;
      padding: 0 1% 8%;
      margin: 0; }
    .productos .contenedorCard .planesCard .boton {
      border: none;
      border-radius: 8px;
      padding: 2%;
      text-align: center;
      width: 35vw; }
      .productos .contenedorCard .planesCard .boton:hover {
        box-shadow: inset 35vw 0 0 0 #3B4472; }
  /*REXXTV*/
  .rexxtv .tutemplo {
    width: 70vw; }
  .rexxtv .rexxtvTexto {
    width: 70vw;
    height: 50vh; }
    .rexxtv .rexxtvTexto .rextvTit {
      font-size: 1.25rem; }
    .rexxtv .rexxtvTexto .rextvdesc {
      font-size: 1.125rem; }
    .rexxtv .rexxtvTexto .boton {
      border: none;
      border-radius: 8px;
      padding: 1%;
      text-align: center;
      width: 25vw; }
      .rexxtv .rexxtvTexto .boton:hover {
        box-shadow: inset 25vw 0 0 0 #3B4472; }
  /* SECCION 4 FOOTER */
  .footer .contenedorContacto .contactame {
    padding-top: 15%;
    padding-bottom: 12%; }
    .footer .contenedorContacto .contactame .contactoIcono {
      height: 7vw; }
  .footer .contenedorContacto .infocliente {
    padding-bottom: 17%; }
    .footer .contenedorContacto .infocliente h2 {
      font-size: 1.125rem;
      text-align: center;
      margin-top: 1%;
      margin: 0; }
    .footer .contenedorContacto .infocliente .form input {
      width: 60vw;
      height: 7vh; }
    .footer .contenedorContacto .infocliente .boton {
      border: none;
      border-radius: 8px;
      padding: 1%;
      text-align: center;
      width: 35vw; }
      .footer .contenedorContacto .infocliente .boton:hover {
        box-shadow: inset 35vw 0 0 0 #D6FADB; }
  .footer .contenedorContacto .contactoRedes {
    width: 42vw;
    padding-bottom: 12%; }
    .footer .contenedorContacto .contactoRedes .contactoIcono {
      height: 11vw; }
    .footer .contenedorContacto .contactoRedes .tiktok {
      height: 11.5vw; }
  .footer .copy {
    font-size: 0.625rem; }
  /* SOBRE MI */
  .contenedor .contenedorBiografia {
    padding-bottom: 8%;
    padding-top: 5%; }
    .contenedor .contenedorBiografia .quiensoy {
      width: 80vw; }
      .contenedor .contenedorBiografia .quiensoy .biografiaTitulo {
        text-align: center;
        font-size: 0.875rem;
        color: #D6FADB; }
      .contenedor .contenedorBiografia .quiensoy .biografiaDescripcion {
        font-size: 0.875rem;
        line-height: 1.3rem; }
  /*PLANES DE ENTRENAMIENTO*/
  /*PLANES*/
  .PlanesDeEntrenamiento .contenedorTitPDE .pDETitulo {
    font-size: 1rem;
    margin-top: 12%; }
  .PlanesDeEntrenamiento .contenedorTitPDE .pDESubtitulo {
    font-size: 1rem; }
  .PlanesDeEntrenamiento .ContenedorPDE {
    margin-top: 8%; }
    .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles {
      height: 75vh;
      margin-top: 12%; }
      .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles .nombrePlan {
        font-size: 1rem;
        margin: 7% 0; }
      .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles .descripcionPlan {
        font-size: 1rem; }
      .PlanesDeEntrenamiento .ContenedorPDE .planesDetalles .queIncluye {
        font-size: 0.875rem; } }