.planAdicional {
    /* margin-top: 50px; */
}

.planAdicional p {
    margin:0;
}

.planAdicional hr {
    margin: 0;
}

.planAdicionalCard {

    box-shadow: 0px 7px 8px 0px #0B273905;

    box-shadow: 0px 5px 22px 0px #0B27391F;

    display: flex;
    width: 892px;
    max-width: 100%;
    margin: 0px auto;
    margin-top: 40px;
    background: #fff;
    border-radius: 12px;

}

.planAdicionalCard .planAdicional__header {
    background: #0B2739;
    border-radius: 12px 0px 0px 12px;
    text-align: center;
    width: 328px;
}

.planAdicionalCard .planAdicional__header .recomendado {
    background: #A13EA1;
    /* display: inline-block!important; */
    border-radius: 20px;
    padding: 10px 15px;
    display: flex;
    width: 135px;
    margin: 0px auto;
    margin-top: -20px;
    gap: 5px;
    justify-content: center;
    align-items: center;
    position: relative;

}

.planAdicionalCard .planAdicional__header .recomendado img {
    height: 14px;
    width: 14px;
    margin-top: 0;
}

.planAdicionalCard .planAdicional__header .recomendado p {
    font-family: Telefonica-Light;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    color: #ffff;
}

.planAdicionalCard .planAdicional__header .titleAdicional {
    font-family: Telefonica-Light;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    color: #ffff;
    margin-top: 25px;

}

.planAdicionalCard .planAdicional__header img {
    height: 40px;
    margin-top: 5px;
}

.planAdicionalCard .planAdicional__header .price {
    color: #ffff;
    font-family: Telefonica-Light;
    font-size: 18px;
    font-weight: 700;
    line-height: 22.5px;
}

.planAdicionalCard .planAdicional__header .price span:nth-of-type(1) {
    font-family: Telefonica-Light;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
}

.planAdicionalCard .planAdicional__header .price span:nth-of-type(2) {
    font-family: Telefonica-Light;
    font-size: 18px;
    font-weight: 700;
    line-height: 22.5px;
}

.planAdicionalCard .planAdicional__header .price span:nth-of-type(3) {
    font-family: Telefonica-LightL;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
}

.planAdicionalCard .planAdicional__header .btn {
    display: flex;
    margin: 0px auto;
    width: 184px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: 15px;

    font-family: Telefonica-Light;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 27px;

}

.planAdicionalCard .planAdicional__header .btn img {
    height: 20px;
    width: 20px;
    margin-top: 0;
}

.planAdicional__body {
    display: flex;
    border-radius: 0px 12px 12px 0px;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: 100%;

    /* background-color: red; */
}

.planAdicional__info {
    text-align: center;
}

.planAdicional__info .titleIlimitado {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #50535A;

}

.planAdicional__info .titleIlimitado span {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

.planAdicional__info .mega {
    font-family: Telefonica-Light;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    margin-top: 8px;
}

.planAdicional__info .legendVelocidad {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-top: 8px;
}

.planAdicional__info .exclusivo {
    margin-top: 18px;
    padding: 2px 0 2px 0;
    background: #BDE4A4;
    border-radius: 20px;
    width: 146px;

    font-family: Telefonica-Light;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #5CB615;

}

.planAdicional__info .cliente {
    margin-top: 8px;
    font-family: Telefonica-Light;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #3C7521;
}

.planAdicional__body hr {
    border: none;
    height: 90%;
    width: 1px;
    background: #F6F6F6
}

.planAdicional__description .iconText {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 280px;
    margin-top: 14px;
}

.planAdicional__description .iconText:nth-of-type(1) {
    margin-top: 0;
}

.planAdicional__description .iconText img {
    height: 24px;
    width: 24px;
}

.planAdicional__description .iconText .info {
    color: #50535A;
}

.planAdicional__description .iconText .titleDescription {
    font-family: Telefonica-Light;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.5px;
}

.planAdicional__description .iconText .descriptionPlanes {
    font-family: Telefonica-Light;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.5px;
    margin-top: 4px;
    color: #86888C;
}

.planAdicional__description .iconText .descriptionPlanes span{
    font-weight: 700;
}

@media (max-width:990px) {
    .planAdicional__description .iconText{
        width: 210px;
    }
}

@media (max-width:767px) {
    .planAdicionalCard{
        flex-direction: column;
    }

    .planAdicionalCard .planAdicional__header{
        width: 100%;
        border-radius: 12px 12px 0px 0px;
    }
    .planAdicional__body {
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px;
        gap: 15px;
    }
    .planAdicional__body hr{
        display: none;
    }
    .planAdicional__description .iconText{
        width: 90%;
        margin: 0 auto;
    }

    .planAdicional__description .iconText{
        margin-top: 15px;
    }
}

@media (max-width:767px) {
    .planAdicional__description .iconText{
        box-shadow: 2px 2px 8px 0px #0000002E;
        border-radius: 8px;
        padding: 6px;
    }

    .planAdicional__description{
        margin-top: 26px;
    }
}