body {
}
.imgTarjeta {
    width: 20%;
}

video {
    width: 100%;
    height: auto !important;
}

.imgVideo {
    width: 100% !important;
    cursor: pointer;
    height: auto;
    margin: 0 !important;
    padding: 0;
}

.cntntQuest {
    width: 100%;
    border-bottom: 2px solid #ffffff;
    padding: .5rem 0;
    border: 1px solid #666666;
    margin-bottom: 1rem
}

.circleStatus {
    height: 3rem;
    width: 3rem;
    border: 1px solid #000000;
    border-radius: 50%;
}

.menosStat {
    display: none;
    color: #000000;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.maxStat {
    color: #000000;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quest-rybelsus {
    margin: 1rem 0;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 400;
    color: #FFFFFF;
    padding: 0 1.5rem;
    display: flex;
    justify-content: space-between;
}

.quest-info-rybelsus {
    padding: 0 2rem;
    color: #666666;
    font-size: 1.2rem;
}

.content-rybelsus .img-flecha {
    width: 50px;
    height: 25px;
    filter: invert(65%) sepia(74%) saturate(295%) hue-rotate(346deg) brightness(148%) contrast(140%);
}

.statusArrow[aria-expanded="true"] .img-flecha {
    filter: invert(79%) sepia(52%) saturate(2994%) hue-rotate(228deg) brightness(109%) contrast(85%);
}

.statusArrow[aria-expanded="true"] .flecha-option {
    transform: rotateZ(-180deg);
}

.statusArrow[aria-expanded="true"] .flecha-option .maxStat {
    display: none
}

.statusArrow[aria-expanded="true"] .flecha-option .menosStat {
    display: flex
}

.quest-change {
    color: #666666;
}

.cntntQuest:has(.statusArrow[aria-expanded="true"]) {
    border: 1px solid #482D8C;
}

.cntntQuest:has(.statusArrow[aria-expanded="true"]) .quest-change {
    color: #0081C5;
}

.flecha-option {
    width: fit-content;
    height: 100%
}

.container-rybelsus {
    padding: .7rem
}

.container-rybelsus-quests {
    padding: 0.3rem 2% 0
}
.btnSuscribirme {
    background: #0081C5;
    padding: 10px 20px;
    border-radius:30px;
    display:block;
    color: #ffffff !important;
    font-weight: 700;
    cursor:pointer;
}
.btnWhatsapp {
    background: #F2F2F2;
    padding: 10px 20px;
    border-radius: 30px;
    display: block;
    color: #009245 !important;
    font-weight: 700;
    border: solid 2px #009245;
    cursor: pointer;
}
.btnComprar {
    background: #999999;
    padding: 10px 20px;
    border-radius: 30px;
    display: block;
    color: #ffffff !important;
    font-weight: 700;
    cursor: pointer;
}

.ctnVideo {
    background: #F2F2F2;
}
.titulo h3 {
    font-size: 30px;
    font-weight: 700;
    color: #1b244c;
}
.titulo h3 {
    font-size: 32px;
    font-weight: 700;
    color: #1b244c;
}
.titulo h3 span {
    font-weight: 400;
}
.titulo img{
    width: 80px;
}
p{
    padding:0;
    margin:0;
    font-size:17px;
    color: #666666;
}
.imgDoc {
    width: 4rem;
    margin-right: 1rem
}
.listTitulo {
    color: #1b244c;
    font-weight:700;
}
.lista h5 {
    color: #0081c5;
    font-weight: 700;
}
.lista h5 span{
    color: #666666;
    font-weight: 500;
}
.lista p{
    color:#666666;
    font-size: 15px;
}
.lista p a{
    color: #0081c5;
}
.lista p img{
    width: 60px;
}
.ctnAceptamos {
    width: 100%;
    padding: 15px 0;
    background: #B2D9ED;
}
.ctnAceptamos p{
    font-size:20px;
    color: #1b244c;
    text-align: center; 
    font-weight: 600;
}
.link {
    color: #0c3440 !important;
    cursor: pointer;
    font-weight: 700;
}
.bannerDegradado {
    background: rgb(27,36,76);
    background: linear-gradient(360deg, rgba(194,219,42,1) -10%, rgba(0,129,197,1) 8%,rgba(27,36,76,1) 100%);
    height: 200px;
    text-align:center;
    padding-top: 20px;
}
.bannerDegradado h4{
    font-size:25px;
    color: #ffffff;
    font-weight:300;
}
.bannerDegradado h3{
    font-size:30px;
    color: #ffffff;
}
.colResponsive{
    width: 33.333%;
}
.cardRyzodeg {
    background: #ffffff;
    border: solid 1px #c2db2a;
    border-radius: 15px;
    padding: 10px;
    height: 200px;
}
.iconoCard{
    height:80px
}
.ctnRelative{
    position: relative;
    margin-top: -100px;
}
.imgResponsive{
    width: 70%;
}
.terminosCondiciones h5, p {
    margin: 10px 0px;
}
@media (max-width: 1199px){
    .imgResponsive {
        width: 100%;
    }
}


@media (max-width: 767px) {
    .colResponsive {
        width:100%;
    }
    .cardRyzodeg {
        height: auto;
    }
    .ctnRelative {
        margin-top: auto;
    }
    .bannerDegradado {
        background:transparent;
        height: auto;
    }
    .bannerDegradado h4{
    color: #1B244C;
    }
    .bannerDegradado h3{
        color: #1B244C;
    }
    .imgResponsive {
        width: 50%;
    }
}
@media (max-width: 500px) {
    .imgResponsive {
        width: 90%;
    }
}