.mitadTextoImagen {
    width: 80%;
    max-width: 1200px;
    margin: auto;
}
.mitadTextoImagen .contieneMitades .mitad {
    position: relative;
}
.mitadTextoImagen .contieneMitades .mitad .imgHor {
    display: block;
    width: 80%;
    max-width: 400px;
    padding-left: 5px;
}
.mitadTextoImagen .contieneMitades .mitad .imgVert {
    display: block;
    width: 50%;
    max-width: 260px;
    margin: auto;
}
.mitadTextoImagen .contieneMitades .mitad .contieneTexto {
    width: 80%;
    display: block;
}
.mitadTextoImagen .contieneMitades .cuadroBeneficios {
    float: right;
    padding: 30px 130px 30px 30px;
    border-radius: 30px 0 0 30px;
    margin-right: -70px;
    background-color: #434a52;
}
.mitadTextoImagen .contieneMitades .mitad .contieneTexto h3 {
    font-size: 1.1rem;
    font-weight: 600;
}
.mitadTextoImagen .contieneMitades .mitad .contieneTexto p {
    font-size: 1.2rem;
    line-height: 1.6rem;
    padding: 10px 0;
    text-align: right;
}
.mitadTextoImagen .contieneMitades .mitad .contieneTexto strong {
    font-weight: bolder;
}

#beneficiosFinal {
    background-color: #1b252d;
    color: white;
    padding: 120px 0;
}
#beneficiosFinal h4 {
    width: 100%;
    padding: 40px 0;
    font-size: 2rem;
    font-weight: 900;
    font-style: italic;
    text-align: center;
}
#beneficiosFinal h5 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    text-align: right;
}
#beneficiosFinal p {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 600;
    font-style: italic;
}

 #hoja05 {
  width: 100px;
  position: absolute;
  bottom:5%;
  left: 15%;
  will-change: transform;
  animation: floatHoja01 6s ease-in-out infinite;
  z-index: 3;
}

 #hoja06 {
  width: 70px;
  position: absolute;
  bottom: 3%;
  left: 12%;
  will-change: transform;
  animation: floatHoja02 8s ease-in-out infinite; 
  z-index: 3;
}

 #hoja07 {
  width: 100px;
  position: absolute;
  bottom:5%;
  left: 15%;
  will-change: transform;
  animation: floatHoja01 6s ease-in-out infinite;
  z-index: 3;
}

 #hoja08 {
  width: 70px;
  position: absolute;
  bottom: 3%;
  left: 6%;
  will-change: transform;
  animation: floatHoja02 8s ease-in-out infinite; 
  z-index: 3;
}

 .contieneTexto{
        position: relative;
    }

    .slideTexto{
        display: none;
    }

    .slideTexto.activa{
        display: block;
    }
    .slideTexto p {
        font-size: 1.1rem;
        font-weight: 400;
    }
    .slideTexto h5 {
        font-size: 1.5rem;
        line-height: 1.8rem;
        text-align: left;
        font-style: italic;
        padding-bottom: 6px;
    }



/* =========================================================================================
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
========================================================================================= */

@media (max-width: 768px) and (orientation: portrait) {

      #hoja05 {
        width: 40px;
        bottom:3%;
        left: 18%;
      }

       #hoja06 {
        width: 35px;
        bottom:0%;
        left: 12%;
      }
      #hoja07 {
        width: 50px;
        bottom:3%;
        left: 18%;
      }
       #hoja08 {
        width: 40px;
        bottom:0%;
        left: 9%;
      }

      .mitadTextoImagen .contieneMitades .mitad {
        display: block;
        text-align: center;
        margin: 0 auto;
      }
      .mitadTextoImagen .contieneMitades .mitad .contieneTexto {
        margin: auto;
      }
      .mitadTextoImagen .contieneMitades .mitad .contieneTexto p {
            width: 100%;
            font-size: 1rem;
            line-height: 1.4rem;
            text-align: center;
      }
       .contieneMitadesBeneficios {
            display: flex!important;
            flex-direction: column;
            justify-content: center;
        }
      .mitadTextoImagen .contieneMitades .mitad .imgHor {
            width: 95%;
            margin: auto;
        }
      .mitadTextoImagen .contieneMitades .cuadroBeneficios {
            display: block;
            float: inherit;
            padding: 30px;
            border-radius: 30px;
            margin-right: 0;
            margin: auto;
            text-align: center;
        }
      #beneficiosFinal h5 {
        font-size: 1rem;
        text-align: center;
        line-height: 1.4rem;
      }
      #beneficiosFinal p {
        text-align: center;
            font-size: 0.9rem;
            line-height: 1.2rem;
            font-weight: 400;
        }

        .contieneMitadesBeneficios #mitad01,
        .contieneMitadesBeneficios #mitad02 {
            width: 100%;
        }

        .contieneMitadesBeneficios #mitad01 {
            order: 2;
            padding-bottom: 15px;
        }

        .contieneMitadesBeneficios #mitad02 {
            order: 1;
            padding-bottom: 15px;
        }
            
}