body header nav #navbarDropdownMenuLink {
    color: #F8BDBF;
}

main #info {
    width: 100%;
    background: url('../img/fondo_60day.png') top no-repeat white;
}

main #foto-60,
#foto-men,
#foto-rece {
    position: fixed;
    z-index: 0;
}

#info {
    z-index: 800;
    margin-left: 40%;
    animation: 3s fadeInRight 1;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

main #info .figure {
    width: 75px;
    height: 75px;
}

main h1 {
    color: #F8BDBF;
    font-size: 45pt;
    font-weight: bolder;
    line-height: 45pt;
}

main h2 {
    color: #F8BDBF;
    font-size: 30pt;
    font-weight: bolder;
}

main h3 {
    color: #F8BDBF;
    font-size: 20pt;
    font-weight: bolder;
}

main h4 {
    color: #F8BDBF;
    font-weight: bolder;
}

main h6 {
    color: #313839;
    font-weight: bolder;
}

#pago p {
    font-size: 10pt;
}

main .card #Promo{
    color: #000;
    font-size: 15pt;
    font-weight: normal;
    
}
main .card #Pack{
    color: #000;
    font-size: 30pt;
    font-weight: normal;
    
}
main .card .precio{
    color: #000;
    font-size: 30pt;
    font-weight: 700;
    
}

main .card .card-header{
    color: #ffffff;
    font-size: 12pt;
    
}

.to-blue {
    --tw-gradient-to: #fa84a4;
}
.from-pink {
    --tw-gradient-from:#32b0fe;
    --tw-gradient-to: #fa84a4;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}

.to-black {
    --tw-gradient-to: #1d1a21;
}
.from-blue {
    --tw-gradient-from:#050095;
    --tw-gradient-to:#1d1a21;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.bg-gradient-to-r {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
}

 

main span {
    font-weight: bolder;
}

main .card-body span {
    font-weight: bolder;
    color: #F8BDBF;
}

main #pago .precio span {
    font-weight: bolder;
    color: #F8BDBF;
    font-size: 18pt;
}

main .btn:not(#pay) {
    width: 200px;
    background: rgb(241, 171, 174);
    color: white;
    font-size: 11pt;
    border-radius: 0;
}

main .btn:hover {
    box-shadow: 0 6px 30px 0 rgba(185, 185, 185, 0.55);
    color: #313839;
}

#pay {
    width: 200px;
    color: rgb(241, 171, 174);
    font-size: 11pt;
    border-radius: 0;
    border: solid 2px rgb(241, 171, 174);
}

#boton-paypal {
    text-decoration: none;
    color: #F8BDBF;
    font-size: 11pt;
    border: none;
    background: none;
}

main section {
    position: relative;
    background: white;
}

main section .card {
    cursor: pointer;
    top: 0%;
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

main section .card:hover {
    top: -5%;
    width: 150%;
}

main section a {
    color: #F8BDBF;
    font-size: 10pt;
    text-decoration: none;
}

main section a:hover {
    color: #313839;
    font-size: 10pt;
}

footer {
    z-index: 900;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    main #info {
        margin-left: 50%;
    }
    main #foto-60,
    #foto-rece,
    #foto-men {
        position: fixed;
    }
    main h1 {
        font-size: 27pt;
        line-height: 28pt;
    }
    main #challenge {
        font-size: 40pt;
        position: absolute;
        color: #ffffff;
        text-shadow: 6px 6px 50px rgba(0, 0, 0, 0.75);
        line-height: 34pt;
        text-align: center;
        bottom: 40%;
        margin:auto;
        font-weight: bolder;
    }
    main #bycata
        {
        text-align:center;
        top:60%;
        position: absolute;
        margin:auto;
    }

}

@media screen and (min-width: 375px) and (max-width: 767px) {
    main #info {
        margin-left: 0%;
        animation: none;
    }
    main #bandas {
        font-size: 28pt;
        color: #F8BDBF;
        line-height: 28pt;
        margin: auto;
        font-weight: bolder;
        width: 70%;
    }

    main #challenge {
        font-size: 40pt;
        position: absolute;
        color: #ffffff;
        text-shadow: 6px 6px 50px rgba(0, 0, 0, 0.75);
        line-height: 34pt;
        text-align: center;
        bottom: 40%;
        margin:auto;
        font-weight: bolder;
    }
    main #bycata
        {
        text-align:center;
        top:60%;
        position: absolute;
        margin:auto;
    }
    main #day,
    #thw {
        font-size: 34pt;
        position: absolute;
        color: white;
        line-height: 34pt;
        text-shadow: 6px 6px 50px rgba(0, 0, 0, 0.75);
        top: 75%;
        margin: auto;
        font-weight: bolder;
    }
    
    main #ebooktitle {
        font-size: 31pt;
        position: absolute;
        color: white;
        line-height: 31pt;
        text-shadow: 6px 6px 50px rgba(0, 0, 0, 0.75);
        top: 60%;
        margin: auto;
        font-weight: bolder;
        width: 100%;
    }
    main #basicotitle {
        font-size: 25pt;
        position: absolute;
        color: white;
        line-height: 25pt;
        text-shadow: 6px 6px 50px rgba(0, 0, 0, 0.75);
        top: 70%;
        margin: auto;
        font-weight: bolder;
        width: 80%;
    }
    main #foto-60,
    #foto-men,
    #foto-rece {
        position: relative;
    }
    main #queincluye,
    #week {
        text-align: center;
    }
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    main #info {
        margin-left: 0%;
        animation: none;
    }
    main #bandas {
        font-size: 28pt;
        color: #F8BDBF;
        line-height: 28pt;
        margin: auto;
        font-weight: bolder;
        width: 70%;
    }

    main #challenge {
        font-size: 40pt;
        position: absolute;
        color: #ffffff;
        text-shadow: 6px 6px 50px rgba(0, 0, 0, 0.75);
        line-height: 34pt;
        text-align: center;
        bottom: 40%;
        margin:auto;
        font-weight: bolder;
    }
    main #bycata
        {
        text-align:center;
        top:60%;
        position: absolute;
        margin:auto;
    }

    main #day,
    #thw, #running {
        font-size: 28pt;
        position: absolute;
        color: white;
        line-height: 28pt;
        text-shadow: 6px 6px 30px rgba(0, 0, 0, 0.75);
        top: 67%;
        margin: auto;
        font-weight: bolder;
        width: 70%;
    }
    main #ebooktitle {
        font-size: 26pt;
        position: absolute;
        color: white;
        line-height: 26pt;
        text-shadow: 6px 6px 30px rgba(0, 0, 0, 0.75);
        top: 50%;
        margin: auto;
        font-weight: bolder;
        width: 100%;
    }
    main #basicotitle {
        font-size: 22pt;
        position: absolute;
        color: white;
        line-height: 22pt;
        text-shadow: 6px 6px 30px rgba(0, 0, 0, 0.75);
        top: 60%;
        margin: auto;
        font-weight: bolder;
        width: 80%;
    }
    main #importante h4 {
        color: #F8BDBF;
        font-size: 15pt;
        font-weight: bolder;
    }
    main #foto-60,
    #foto-men,
    #foto-rece {
        position: relative;
    }
    main #queincluye,
    #week {
        text-align: center;
    }
}