.precio-planes {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-top: 20px;
}
    .precio-planes .tarjeta {
        width: 360px;
        margin: 20px 10px;
        align-items: center;
        background-color: #fff;
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        max-width: 360px;
        /* outline: 1px solid #d5dfff; */
        position: relative;
        padding: 40px 30px 40px 30px;
        text-align: center;
        color: #454545;
        font-size: 14px;
        font-weight: 100;
        font-family: inherit;
        line-height: 24px;
        border: 1px solid #d1d1d1;
        transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    }
    .precio-planes .tarjeta:hover {
        box-shadow: 0 4px 12px 6px #00000033;
        transform: scale(1.03);
    }
        .precio-planes .tarjeta .msg-superior {
            display: none;
        }
        .precio-planes .tarjeta .informacion {
            
        }
            .precio-planes .tarjeta .informacion > h3 {
                margin-bottom: 4px;
                font-size: 24px;
                color: #2f1c73;
            }
            .precio-planes .tarjeta .informacion > p {
                margin-bottom: 18px;
                min-height: 48px;
            }
            .precio-planes .tarjeta .informacion .precio-original {
                margin-bottom: 27px;
            }
                .precio-planes .tarjeta .informacion .precio-original > .moneda {
                    text-decoration-line: line-through;
                }
                .precio-planes .tarjeta .informacion .precio-original > .precio {
                    text-decoration-line: line-through;
                }
                .precio-planes .tarjeta .informacion .precio-original > .ahorro {
                    margin-left: 4px;
                    color: #876dd5;
                    background-color: #e9e2fb;
                    border-radius: 20px;
                    display: inline-block;
                    padding: 4px 12px;
                    font-weight: 700;
                }
            .precio-planes .tarjeta .informacion .precio-final {
                margin-bottom: 16px;
                color: #2f1c73;
            }
                .precio-planes .tarjeta .informacion .precio-final > .moneda {
                    font-size: 16px;
                }
                .precio-planes .tarjeta .informacion .precio-final > .precio {
                    font-weight: 700;
                    font-size: 40px;
                }
                .precio-planes .tarjeta .informacion .precio-final > .tiempo {
                    font-size: 16px;
                }
            .precio-planes .tarjeta .informacion .plus {
                font-weight: 700;
                font-size: 18px;
                color: #3a2675;
                min-height: 0;
                min-height: 0;
            }
            .precio-planes .tarjeta .informacion .boton-comprar {
                max-width: 248px;
                color: #fff;
                background-color: #6e59ad;
                font-weight: 700;
                border: none;
                box-shadow: 0 4px 12px 6px #00000033;
                border-radius: 4px;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                line-height: 1;
                min-height: 48px;
                padding: 12px 16px;
                position: relative;
                text-align: center;
                transition: .3s ease-in-out;
                transition-property: color, width, background-color, box-shadow;
                width: 100%;
                font-family: DM Sans, sans-serif;
                font-size: 16px;
                user-select: none;
                margin-bottom: 17px;
            }
            .precio-planes .tarjeta .informacion .boton-comprar:hover {
                background-color: #522bd4;
                color: #fff;
                box-shadow: 0 4px 16px 3px #00000033;
            }
            .precio-planes .tarjeta .informacion .boton-comprar:active {
                background-color: #3a1f99;
                box-shadow: none;
            }
            .precio-planes .tarjeta .informacion .aclaracion {
                margin-bottom: 7px;
                color: #33333360;
            }
        .precio-planes .tarjeta .caracteristicas {
            margin: 0 0 32px;
            width: 100%;
            border-top: solid 2px #d5dfff;
            padding-top: 30px;
            color: #2f1c6a;
            text-align: left;
        }
            .precio-planes .tarjeta .caracteristicas > div {
                
            }
                .precio-planes .tarjeta .caracteristicas > div h3 {
                    color: #1e1243;
                    font-size: 18px;
                    margin: 10px 0 5px 0;
                }
                .precio-planes .tarjeta .caracteristicas > div p {
                    margin-left: 10px;
                }
                .precio-planes .tarjeta .caracteristicas > div .verde {
                    
                }
                .precio-planes .tarjeta .caracteristicas > div .amarillo {
                    
                }
                .precio-planes .tarjeta .caracteristicas > div .rojo {
                    
                }



/***************/
/* PLAN CENTRAL*/
/***************/
.precio-planes .tarjeta:nth-child(2) {
    border-radius: 4px;
    outline: 1px solid #d5dfff;
    color: #454545;
    border: 2px solid #8c85ff;
    border-radius: 10px;
    padding: 32px 30px 40px 30px;
}
    .precio-planes .tarjeta:nth-child(2) .msg-superior {
        position: absolute;
        display: block;
        top: -21px;
        background-color: #ffe8ef;
        color: #fc5185;
        border-radius: 50px;
        margin-bottom: 20px;
        padding: 8px 68px;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
    }
    .precio-planes .tarjeta:nth-child(2) .informacion {
        
    }
        .precio-planes .tarjeta:nth-child(2) .informacion > h3 {
            color: #2f1c73;
            font-size: 30px;
        }
        .precio-planes .tarjeta:nth-child(2) .informacion > p {
            
        }
        .precio-planes .tarjeta:nth-child(2) .informacion .precio-original {
            
        }
            .precio-planes .tarjeta:nth-child(2) .informacion .precio-original > .moneda {
                
            }
            .precio-planes .tarjeta:nth-child(2) .informacion .precio-original > .precio {
                
            }
            .precio-planes .tarjeta:nth-child(2) .informacion .precio-original > .ahorro {
                color: #5025d1;
                background-color: #ebe4ff;
                font-weight: 700;
            }
        .precio-planes .tarjeta:nth-child(2) .informacion .precio-final {
            color: #2f1c73;
        }
            .precio-planes .tarjeta:nth-child(2) .informacion .precio-final > .moneda {
            }
            .precio-planes .tarjeta:nth-child(2) .informacion .precio-final > .precio {
                font-weight: 700;
                font-size: 44px;
            }
            .precio-planes .tarjeta:nth-child(2) .informacion .precio-final > .tiempo {
            }
        .precio-planes .tarjeta:nth-child(2) .informacion .plus {
            font-weight: 700;
            color: #3a2675;
        }
        .precio-planes .tarjeta:nth-child(2) .informacion .boton-comprar {
            color: #fff;
            background-color: #673de6;
            font-weight: 700;
            box-shadow: 0 4px 12px 6px #00000033;
            border-radius: 4px;
        }
        .precio-planes .tarjeta:nth-child(2) .informacion .boton-comprar:hover {
            background-color: #522bd4;
            color: #fff;
        }
        .precio-planes .tarjeta:nth-child(2) .informacion .boton-comprar:active {
            background-color: #3a1f99;
            box-shadow: none;
        }
        .precio-planes .tarjeta:nth-child(2) .informacion .aclaracion {
            color: #33333360;
        }
    .precio-planes .tarjeta:nth-child(2) .caracteristicas {
        border-top: solid 2px #d5dfff;
        color: #2f1c6a;
    }
        .precio-planes .tarjeta:nth-child(2) .caracteristicas > div {
            
        }
            .precio-planes .tarjeta:nth-child(2) .caracteristicas > div h3 {
                color: #1e1243;
            }
            .precio-planes .tarjeta:nth-child(2) .caracteristicas > div p {
            }
            .precio-planes .tarjeta:nth-child(2) .caracteristicas > div .verde {
                
            }
            .precio-planes .tarjeta:nth-child(2) .caracteristicas > div .amarillo {
                
            }
            .precio-planes .tarjeta:nth-child(2) .caracteristicas > div .rojo {
                
            }


/*************/
/* RESPONSIVE*/
/*************/
/* Estilos para Celulares */
@media only screen and (max-width: 1025px) {
    .precio-planes {
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        margin-top: 20px;
    }
}